/*
    CSS is a copy of the official Toprope Website.
    Is used for Icons in the footer (FB, Instagram, Twitter, Youtube).
*/


/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.print {
    display: none;
}

a {
    color: #00a9c7;
}

strong {
    font-weight: 400 !important;
}

h1 {
    font-size: 1.9rem;
}

.float-right {
    float: right;
}

.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
    margin: 0;
    padding: 0;
}

    .fieldset .legend,
    .multiple-checkout .col2-set .legend,
    .multiple-checkout .col3-set .legend,
    .info-set .legend {
        margin: 0 0 10px 0;
        padding-left: 0;
        padding-right: 15px;
    }

.buttons-set {
    margin-left: 0;
}

.grid-col2-sidebar {
    width: 21%;
}

.grid-col2-main {
    width: 75%;
}

.breadcrumbs {
    margin: 0 0 1.5em 2%;
}

    .breadcrumbs a,
    .breadcrumbs span,
    .breadcrumbs strong,
    .breadcrumbs li {
        font-size: 12px !important;
    }

        .breadcrumbs a:first-child {
            margin-left: 0;
        }

    .breadcrumbs a {
        margin: 0 0.5em;
    }

        .breadcrumbs a:hover,
        .breadcrumbs a:focus,
        .breadcrumbs a:active {
            cursor: pointer;
        }

    .breadcrumbs span {
        margin-right: 0.75em !important;
        margin-top: 0.5em !important;
    }

    .breadcrumbs strong {
        font-weight: 200 !important;
        color: #242e3d;
    }

.block-layered-nav dt,
.recently-viewed-items a {
    font-weight: 200 !important;
}
/*
 *
 * Updated styles for the header items
 *
 */
.header-container .logo-wrapper {
    margin: 0;
    position: relative;
    top: -10px;
    z-index: 99;
}

@media (min-width: 1280px) {
    .header-container .logo-wrapper {
        top: -5px;
    }
}

.header-container .logo-wrapper a.logo {
    background: url(/shop/skin/frontend/ultimo/toprope/images/logo.png) left top no-repeat;
    background-size: 186px 107px !important;
    width: 186px;
    height: 107px;
    display: block;
    z-index: 100;
    text-indent: -999em;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-container .logo-wrapper a.logo {
        background-size: 186px 107px;
        background: transparent url(/shop/skin/frontend/ultimo/toprope/images/logo@2x.png) left top no-repeat;
    }
}

.header-container .welcome-msg {
    color: transparent;
    visibility: hidden;
}

.header-container .search-wrapper {
    float: right;
    margin: 3px 0 !important;
}

    .header-container .search-wrapper .form-search {
        width: 100%;
    }

@media (max-width: 1279px) {
    .header-container .search-wrapper {
        positon: relative;
        top: -5px;
    }
}

@media (min-width: 992px) {
    .header-container .search-wrapper {
        margin: 3px 10px;
    }
}

@media (max-width: 991px) {
    .header-container .search-wrapper {
        margin-top: 0;
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .header-container .search-wrapper .form-search {
        max-width: 100%;
    }
}

.header-container .nav-container {
    float: right;
}

@media (max-width: 767px) {
    .header-container .nav-container .nav.container {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

.header-container .nav-container #nav {
    border-bottom: none;
}

    .header-container .nav-container #nav > li > a {
        line-height: 34px;
    }

    .header-container .nav-container #nav.classic ul.level0,
    .header-container .nav-container #nav .level0-wrapper {
        top: 35px;
    }

    .header-container .nav-container #nav ul li {
        line-height: 1.5;
    }

        .header-container .nav-container #nav ul li a {
            font-size: 1.3em;
        }

@media (max-width: 1279px) {
    .header-container .nav-container {
        margin: 0;
    }

        .header-container .nav-container > .nav {
            margin: 0;
            width: 100%;
        }

            .header-container .nav-container > .nav #mobnav {
                margin: 0;
                width: 100%;
            }
}

.header-container .nav-container #mobnav #mobnav-trigger {
    line-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .header-container .nav-container #mobnav #mobnav-trigger .trigger-icon {
        padding-top: 9px;
    }

.header-container .nav-container .vertnav {
    border-bottom: 0;
}

.header-container .user-menu {
    margin-right: 0;
    font-size: 90%;
    z-index: 10;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .header-container .user-menu {
        top: 30px;
    }
}

@media (min-width: 992px) {
    .header-container .user-menu {
        margin-top: -20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-container .user-menu {
        margin-top: -15px;
    }
}

@media (max-width: 767px) {
    .header-container .user-menu {
        margin-top: 0;
    }
}

.header-container .user-menu #mini-cart {
    clear: both;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

#nav {
    width: 2000px;
}

.category-title h1 {
    margin-bottom: 0.5em;
}

.grid12-9 .category-title h1 {
    margin-bottom: 0;
}
/*
 *
 * Updated styles for the main content
 *
 */
.main-container > .container {
    padding-top: 0;
    line-height: 1.5;
}

    .main-container > .container p {
        font-size: 0.9em;
    }

    .main-container > .container > .breadcrumbs {
        z-index: 100;
    }

@media (min-width: 768px) {
    .main-container > .container > .breadcrumbs {
        position: relative;
        top: -73px;
        height: 0;
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .main-container > .container > .breadcrumbs {
        left: 21.5%;
    }
}

@media (min-width: 768px) and (min-width: 1200px) and (max-width: 1279px) {
    .main-container > .container > .breadcrumbs {
        left: 266px;
        width: 100%;
    }
}

@media (min-width: 768px) and (min-width: 1279px) {
    .main-container > .container > .breadcrumbs {
        top: -110px;
    }
}

@media (max-width: 640px) {
    .main-container > .container > .breadcrumbs > ul > li {
        float: left;
    }
}

@media (min-width: 768px) {
    .main-container > .container > .breadcrumbs > ul > li {
        height: 14px;
    }
}
/*
 *
 * Updated styles for the footer
 *
 */
.footer-bottom {
    padding-top: 25px;
    padding-bottom: 37px;
}

@media (min-width: 768px) {
    .footer-container .item-center {
        margin-left: 245px;
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .footer-container .item-center {
        margin-left: 400px;
    }
}

@media (min-width: 768px) and (min-width: 992px) and (max-width: 1279px) {
    .footer-container .item-center {
        margin-left: 320px;
    }
}

.footer-container .item-center a {
    color: inherit;
}

.footer-container .item-center > ul li {
    display: block;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .footer-container .item-center > ul li {
        margin: auto;
    }
}

.footer-container .item-center .social {
    margin: 0;
}

    .footer-container .item-center .social a {
        float: left;
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 20px;
        text-align: center;
    }

@media (min-width: 1280px) {
    .header-main {
        margin-top: 5px;
    }

        .header-main .logo-wrapper.grid12-3 {
            width: 14.66%;
        }

        .header-main .nav-container.grid12-9 {
            width: 78.5%;
        }

            .header-main .nav-container.grid12-9 #nav {
                margin-top: 5px;
            }

        .header-main .user-menu {
            margin-top: 20px;
            width: 99%;
        }

    body.cms-index-index .user-menu {
        margin-top: -10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    #nav {
        margin-left: 0;
    }

        #nav a.level-top span {
            font-size: 0.9em;
        }

    .nav.container {
        width: 100% !important;
    }

    .nav-container {
        float: none !important;
        width: 100%;
    }

    .search-wrapper {
        top: 49px !important;
    }

    .user-menu {
        margin-top: 0 !important;
        margin-bottom: 4em !important;
        top: auto !important;
        position: relative !important;
    }

    .breadcrumbs {
        top: -3em !important;
        width: 100% !important;
    }
}
/*
 *
 * Updated styles for the product detail page
 *
 */
body.catalog-product-view .product-shop > .ratings {
    display: none;
}

body.catalog-product-view .product-shop > .product-type-data .availability {
    display: none;
}

body.catalog-product-view .product-shop > .action-box {
    display: none;
}

body.catalog-product-view .box-additional.grid12-5 {
    float: right;
}

@media screen and (min-width: 768px) {
    body.catalog-product-view .product-secondary-column {
        min-height: 900px;
    }
}

@media screen and (min-width: 992px) {
    body.catalog-product-view .product-secondary-column {
        min-height: 780px;
    }
}

body.catalog-product-view .img-box-style1 .product-image {
    padding: 0;
    border: none;
}

body.catalog-product-view .product-options-bottom .add-to-links {
    clear: both;
    padding-top: 10px;
}

    body.catalog-product-view .product-options-bottom .add-to-links li {
        margin-top: 10px;
    }

body.catalog-product-view .product-view .add-to-cart {
    float: none;
    margin-bottom: 1em;
}

body.catalog-product-view .embedded-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    body.catalog-product-view .embedded-video iframe,
    body.catalog-product-view .embedded-video object,
    body.catalog-product-view .embedded-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

body.catalog-product-view .product-view .price-box.price-upon-request {
    display: none;
}

body.catalog-product-view .product-view.price-upon-request .add-to-box,
body.catalog-product-view .product-view.price-upon-request .action-box,
body.catalog-product-view .product-view.price-upon-request .price-box,
body.catalog-product-view .product-view.price-upon-request .vat-notice,
body.catalog-product-view .product-view.price-upon-request .box-additional.grid12-5 {
    display: none;
}

    body.catalog-product-view .product-view.price-upon-request .price-box.price-upon-request {
        display: block;
    }
/*
 *
 * For simple products without options, display the "action box" in its original location
 *
 */
.product-view.product-type-simple .product-shop .action-box {
    display: block;
}
/*
 *
 * Special styles for the front page
 *
 */
body.cms-index-index .category-products .products-grid li.item {
    font-size: 0.9em;
}

    body.cms-index-index .category-products .products-grid li.item:hover .product-name a {
        background-color: #242e3d;
    }

@media (min-width: 768px) {
    body.cms-index-index #root-wrapper,
    body.cms-index-index #root-wrapper .wrapper,
    body.cms-index-index .main-container .container,
    body.cms-index-index .footer-container,
    body.cms-index-index .footer-container2,
    body.cms-index-index .footer-top-container {
        background: transparent;
    }

    body.cms-index-index .main-container .main {
        margin-bottom: 8em;
    }

    body.cms-index-index .main-container .col-main {
        background: white;
        position: relative;
        top: -80px;
    }

        body.cms-index-index .main-container .col-main .page-title {
            margin: 4em 2em 1em 2em;
            font-size: 0.8rem;
        }

        body.cms-index-index .main-container .col-main .std {
            margin: 0 2em 2em 2em;
            font-size: 1rem;
        }

        body.cms-index-index .main-container .col-main .std {
            max-width: 600px;
        }

    body.cms-index-index .main-container .col-main-2 {
        width: auto;
        min-width: 540px;
        margin-top: 10px;
        padding: 0;
        background: transparent;
    }

        body.cms-index-index .main-container .col-main-2 li {
            width: 14.5%;
            min-width: 125px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

            body.cms-index-index .main-container .col-main-2 li:last-child {
                margin-right: 0;
            }

            body.cms-index-index .main-container .col-main-2 li h2 a {
                color: white;
                display: block;
                background: #00a9c7;
                padding: 5px 10px;
            }
}

@media (min-width: 768px) and (min-width: 1280px) {
    body.cms-index-index .main-container .col-main {
        margin-left: 23.3%;
        top: -113px;
        width: 75.7%;
    }
}

@media (min-width: 1200px) {
    body.cms-index-index .customfooter {
        margin-left: 22%;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    body.cms-index-index .main-container .col-main {
        top: -136px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1199px) {
    body.cms-index-index .main-container .col-main {
        top: -150px !important;
    }
}
/*
 *
 * Switch the "Wishlist" icon
 *
 */
.icon.i-wishlist {
    background-position: -357px -107px;
}

.icon.i-wishlist-w {
    background-position: -357px -157px;
}

.icon.i-wishlist-bw {
    background-position: -357px -107px;
}

.icon-hover:hover.i-wishlist-bw,
.feature-icon-hover:hover .icon.i-wishlist-bw {
    background-position: -357px -157px;
}

.icon.i-wishlist-wb {
    background-position: -357px -157px;
}

.icon-hover:hover.i-wishlist-wb,
.feature-icon-hover:hover .icon.i-wishlist-wb {
    background-position: -357px -107px;
}
/*
 *
 * Remove the transition effect from the icons
 *
 */
span.icon-hover,
.feature-icon-hover span.icon {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
/*
 *
 * Force the Frutiger font on everything, and increase
 * the font size by 10% on selected items
 *
 */
body {
    font-family: "Heebo", Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    line-height: 33px !important;
}

    body .std,
    body #nav ul li a,
    body .breadcrumbs,
    body .top-links,
    body .quick-compare,
    body #mini-cart {
        font-size: 110%;
    }

    body .std {
        font-size: 0.9rem;
        line-height: 1.5em;
    }

    body #nav > li > a,
    body #mobnav-trigger {
        font-size: 18px;
    }

.product-view .price-box .price,
.map-popup-price .price,
.map-popup-msrp .price {
    font-family: "Frutiger W02", Helvetica, Arial, sans-serif !important;
}
/*
 *
 * Stlye the new "incl. VAT" notice on the product page
 *
 */
.vat-notice {
    color: #acacac;
}
/*
 *
 * Styles for the category overview
 *
 */
.products-grid.equal-height .item .actions {
    position: static;
}

.products-grid .item .price-upon-request,
.products-list .item .price-upon-request {
    display: none;
}

    .products-grid .item.price-upon-request .actions,
    .products-list .item.price-upon-request .actions,
    .products-grid .item.price-upon-request .add-to-links,
    .products-list .item.price-upon-request .add-to-links,
    .products-grid .item.price-upon-request .price-box,
    .products-list .item.price-upon-request .price-box,
    .products-grid .item.price-upon-request .btn-cart,
    .products-list .item.price-upon-request .btn-cart {
        display: none;
    }

    .products-grid .item.price-upon-request .add-to-links,
    .products-list .item.price-upon-request .add-to-links {
        display: none !important;
    }

    .products-grid .item.price-upon-request .price-box.price-upon-request,
    .products-list .item.price-upon-request .price-box.price-upon-request {
        display: block;
    }

.footer-bottom {
    min-height: 15em;
    padding: 2em 1em;
    font-size: 1rem;
    line-height: 1.5;
}

@media screen and (max-width: 992px) {
    .footer-bottom {
        font-size: 0.9rem;
    }
}

.footer-bottom .social {
    text-align: right;
    font-size: 2.3rem;
}

@media screen and (max-width: 992px) {
    .footer-bottom .social {
        margin-top: 0.5em;
        font-size: 1.7rem;
    }
}

.footer-bottom .social a {
    color: #888888;
}

    .footer-bottom .social a.youtube,
    .footer-bottom .social a.instagram {
        margin-left: 0.3em;
    }

    .footer-bottom .social a.instagram {
        font-size: 0.87em;
        display: inline-block;
        position: relative;
        transform: translateY(-2px);
    }

    .footer-bottom .social a.twitter:hover {
        color: #00aced;
    }

    .footer-bottom .social a.facebook:hover {
        color: #3b5998;
    }

    .footer-bottom .social a.youtube:hover {
        color: #cc181e;
    }

    .footer-bottom .social a.instagram:hover {
        color: #222222;
    }

@media screen and (max-width: 767px) {
    .footer-bottom .grid12-9 {
        width: 100% !important;
    }

    .footer-bottom .grid12-3 {
        width: 60% !important;
        text-align: left;
        height: 8em;
    }

        .footer-bottom .grid12-3:nth-child(2n) {
            width: 40% !important;
        }
}

@media screen and (max-width: 991px) {
    .footer-bottom .grid12-9 {
        width: 100% !important;
    }

    .footer-bottom .grid12-3 {
        width: 50% !important;
        text-align: left;
        height: 8em;
    }

    .footer-bottom .social a.youtube {
        margin-left: 0.19em;
    }

    .footer-bottom .grid12-3:nth-child(2n) {
        width: 40% !important;
    }
}

.sticker.sale {
    background-color: #3ec2df !important;
    box-shadow: -2px 2px 5px #999999;
}

.old-price .price,
.old-price .price-label {
    color: #d52462 !important;
    line-height: 1.8;
}

.special-price .price,
.special-price .price-label {
    color: #3ec2df !important;
}

.dropdown-menu .btn-checkout span {
    font-size: 12px !important;
}

select {
    height: auto;
}

.new-users {
    margin-left: 0;
    width: 49%;
}

#cboxTitle {
    color: #303c4d !important;
}

#cboxOverlay {
    background: url(/shop/skin/frontend/ultimo/toprope/images/overlay.png) repeat 0 0 !important;
}

.top-links .links > li > a:hover,
.top-links .links > li > a:active,
.top-links .links > li > a:focus {
    background-color: #242e3d !important;
}

.welcome-msg {
    display: none;
}

label,
dt,
a {
    font-weight: 200 !important;
}

    label.required {
        color: #242e3d;
    }

.form-list {
    margin-top: 1em;
}

table th {
    font-weight: 200 !important;
}

.my-account h2.legend {
    text-transform: none !important;
    border-bottom: none !important;
}

.my-account .buttons-set {
    margin-top: 2em;
    margin-left: 0;
    margin-right: 0;
}

.my-account .pager-wrapper-bottom {
    display: none;
}

.my-account .pager-wrapper-top .pager {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    border: none;
}

.order-date {
    color: #242e3d;
}

.order-info dt {
    display: none;
}

.vertnav-top.mobile {
    margin: 0;
    width: 100%;
}

    .vertnav-top.mobile li .opener {
        background-color: #00a9c7;
        height: 48px;
        right: -1px;
    }

        .vertnav-top.mobile li .opener:hover,
        .vertnav-top.mobile li .opener:focus,
        .vertnav-top.mobile li .opener:active {
            background-color: #ffffff;
            border-bottom: 1px solid #ffffff;
        }

    .vertnav-top.mobile li:first-child .opener {
        top: 1px;
    }

.block-usernav ul {
    padding-left: 0 !important;
}

    .block-usernav ul li {
        background: url(../images/img/bullet.png) no-repeat 0 10px;
        padding-left: 10px;
        list-style: none;
    }

.block-compared li a,
.block-viewed li a {
    font-weight: 200 !important;
}

#checkoutSteps .buttons-set {
    margin-left: 0;
    margin-right: 0;
}

#checkout-progress-wrapper .opc-block-progress .block-content dd table {
    display: none;
}

#checkout-agreements ol {
    padding: 0;
}

    #checkout-agreements ol .agreement-content {
        border: 1px solid #dddddd;
        background-color: #f7f7f7;
        padding: 1em;
        margin-bottom: 1em;
    }

#review-buttons-container {
    padding: 1% !important;
}

#checkout-payment-method-load dd {
    display: none;
}

#checkout-shipping-method-load .shipping-method-pauschale {
    display: none;
}

#checkout-shipping-method-load dt[class*="shipping-method-manuelle"],
#checkout-shipping-method-load dd[class*="shipping-method-manuelle"] {
    display: none;
}

.data-table tr th:first-child,
.data-table tr td:first-child {
    padding-left: 0;
}

.data-table tr.odd td.last {
    text-align: right;
}

tr.summary-details td {
    font-size: 14px !important;
    padding: 10px !important;
}

@font-face {
    font-family: 'icomoon';
    src: url('/css/themes/toprope/fonts/icomoon.eot?d5fo9b');
    src: url('/css/themes/toprope/fonts/icomoon.eot?#iefixd5fo9b') format('embedded-opentype'), url('/css/themes/toprope/fonts/icomoon.woff?d5fo9b') format('woff'), url('/css/themes/toprope/fonts/icomoon.ttf?d5fo9b') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.icon-facebook-sign:before {
    content: "\e600";
}

.icon-facebook:before {
    content: "\e601";
}

.icon-youtube-sign:before {
    content: "\e602";
}

.icon-youtube:before {
    content: "\e603";
}

.icon-twitter-sign:before {
    content: "\e604";
}

.icon-twitter:before {
    content: "\e605";
}

.icon-instagram-sign:before {
    content: "\ea92";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-logo:before {
    content: "\e606";
}

@media print {
    .print {
        display: block;
    }

        .print .print-logo {
            width: 50%;
            height: auto;
        }
}
/*
 *
 * Styles for the last checkout step
 *
 */
#checkout-review-submit label[for="ordercomment-comment"] {
    font-weight: 200;
    margin-bottom: 10px;
}

#checkout-review-submit #ordercomment-comment {
    clear: both;
    display: block;
    height: 100px;
    width: 100%;
}
/*
 *
 * Styles for checkout success
 *
 */
body.checkout-onepage-success .col-main p {
    font-size: 13px;
}
/*
 *
 * Styles for the Customer Account pages
 *
 */
body.customer-account-index .welcome-msg p {
    margin-bottom: 10px;
}

    body.customer-account-index .welcome-msg p.hello {
        font-size: 1em;
        line-height: 1.5em;
    }

        body.customer-account-index .welcome-msg p.hello strong {
            font-weight: 200;
        }
/*
 *
 * Styles for the "Compare Products" popup
 *
 */
body.catalog-product-compare-index tbody .product-shop-row.first .btn-cart,
body.catalog-product-compare-index tbody .product-shop-row.first .add-to-links {
    display: none;
}

select#manufacturer {
    margin-left: 0 !important;
}