body { background-color: #f3f3f3; }

#footer .shop-footer { display: none; }

.featured .slide { text-align: center; }
.featured .slide img { width: 100%; }
.featured .slide .text { z-index: 2; position: absolute; margin-left: 60px; max-width: 600px; text-align: left; }
.featured .slide .text h2 { font:110px/.85 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; color: #fff; text-transform: uppercase; }
.featured .slide .text .links { margin-top: 20px; font-size: 0; }
.featured .slide .text .links a{ display: inline-block; vertical-align: top; margin:4px 5px 0 5px; padding:7px 16px 0; height: 30px; color:#fff; border:1px solid #fff; font:22px/1.2 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; text-shadow:0 0 5px rgba(0,0,0,.4);}
.featured .slide .text .links a:hover{ background:#000; }
.featured .slide .text .links a.video { font-size: 22px; padding: 7px 0 0 0; width: 49px; text-align: center; }

.featured .slide .text.centro { display: inline-block; text-align: center; margin: 0; }
.featured .slide .text.derecha { display: inline-block; text-align: right; margin-left: 8vw; max-width: 35vw; }

.featured .slide .text.blanco h2 { color: #fff; }
.featured .slide .text.blanco .links a { color: #fff; border: 1px solid #fff; }
.featured .slide .text.negro h2 { color: #000; }
.featured .slide .text.negro .links a { color: #000; border: 1px solid #000; }
.featured .slide .text.negro .links a:hover { background: white; }
.featured .slide .text.azul h2 { color: #0063be; }
.featured .slide .text.azul .links a { color: #0063be; border: 1px solid #0063be;}

.featured .slide .text .links .vertical-separator { display: inline-block; width: 1px; height: 50px; margin: 0 15px; background-color: #fff; vertical-align: top; }

.featured .product-icon { position: absolute; z-index: 1; cursor: pointer; bottom: 0; right: 0; width: 70px; height: 70px; background-color: #fff; }
.featured .product-icon.bici { background: url(img/bike.jpg); }
.featured .product-icon.casco { background: url(img/helmet.jpg); }
.featured .product-icon.ropa { background: url(img/clothing.jpg); }

.section.shop { position:relative; }
.shop .slide { text-align: left; }
.shop .slide .slide-image {display: inline-block; max-height: 100%; max-width: 69.5%; margin-left: 29.5%; margin-right: auto;}
.shop .slide .text {z-index: 2; position: absolute; margin-left: 60px; max-width: 350px; text-align: left; top: 80px !important;}
.shop .slide .text h2 { color: #000; font:50px/1 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; }
.shop .slide .text p { color: #000; font:15px/1.3 Arial,Helvetica,sans-serif; margin: 30px 0 20px 0; }
.shop .slide .text .links { margin-top: 20px; font-size: 0; }
.shop .slide .text .links a { display: inline-block; vertical-align: top; margin:4px 5px 0 5px; padding:7px 16px 0; height: 30px; color:#000; border:1px solid #000; font:22px/1.2 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; }
.shop .slide .text .links a:hover { background:#000; color: #fff; }
.shop .slide .text .links a.video { font-size: 22px; padding: 7px 0 0 0; width: 49px; text-align: center; }

.shop .slide .text .links .vertical-separator { display: inline-block; width: 1px; height: 50px; margin: 0 15px; background-color: #000; vertical-align: top; }

.shop ul.icons { margin-left: 5px; }
.shop ul.icons li { display: inline-block; width: auto; vertical-align: top; }
.shop ul.icons li img { width: auto; margin: 0; }

ul.slider-navigation { position: absolute; z-index: 1; bottom: 60px; right: 47%; font-size: 0; }
.shop ul.slider-navigation { right: 47%; }
ul.slider-navigation li { display: inline-block; margin-left: 12px; }
ul.slider-navigation li a { display: inline-block; cursor: pointer; position: relative; width: 20px; height: 20px; }
ul.slider-navigation li a svg { position: absolute; top: 0; left: 0; }

ul.slider-navigation li a svg .stroke { fill: none; stroke-width: 4; stroke-miterlimit: 10; }
ul.slider-navigation li a svg .stroke-color { stroke: #fff; stroke-opacity: .7; }
ul.slider-navigation li a svg .stroke-color-over { stroke: #fff; }
.shop ul.slider-navigation li a svg .stroke-color { stroke: #ddd; }
.shop ul.slider-navigation li a svg .stroke-color-over { stroke: #1978be; }

.featured-others .sepador {height: 0; display: block; background-color: #f3f3f3;}
.featured-others .blocks { overflow: hidden; }
.featured-others .block { float: left; overflow: hidden; position:relative; }
.featured-others .block.small { width: 25%; }
.featured-others .block.medium { width: 50%; }
.featured-others .block img { width: 100%;}

.featured-others .block.link { background-color: #ededed; }
.featured-others .block .txt { position:absolute; z-index:2; top: 0; left: 0; padding: 40px 5% 0 5%; width: 100%; height: 100%; color: #fff; }
.featured-others .block.link .txt { display: block; text-align: center; }
.featured-others .block .txt p { display: inline-block; padding: 0 0 10px 0; border-bottom:1px solid #fff; color: #fff;font:30px/1 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; }
.featured-others .block.link .txt p { border-bottom:1px solid #000; color: #000; }
.featured-others .block .txt h2 { display: none; margin-top: 30px; }
.featured-others .block.link .txt h2 { display: block; }
.featured-others .block .txt h2 a { font: 60px/.85 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; color: #fff; text-transform: uppercase; }
.featured-others .block.link .txt h2 a { color: #000; font-size: 40px; }

.featured-others .block .txt p.texto { display: none;}
.featured-others .block.link .txt p.texto { display: block;}
.featured-others .block .txt p.texto { padding: 0; border: 0; font:18px/1.2 Arial,Helvetica,sans-serif; text-transform: none; width: 90%; margin: 0 5%; }

.featured-others .block.medium .txt p.texto,
.featured-others .block.small .txt p.texto {margin-left: 0; margin-right: 0;}

.featured-others .block .txt p.texto::before { display: block; content: " "; width: 70px; margin: 25px auto 25px auto; border-bottom: 1px solid black; }
.featured-others .block.medium .txt p.texto::before,
.featured-others .block.small .txt p.texto::before {border-bottom: none; }

.featured-others .block .txt .links { display: none; margin-top: 40px; }
.featured-others .block.link .txt .links { display: block; }
.featured-others .block .txt .links a { display: inline-block; vertical-align: top; margin: 0 0 10px 10px; padding: 7px 16px 0; height: 30px; color:#fff; border:1px solid #fff; font:22px/1.2 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; overflow: hidden; text-shadow:0 0 5px rgba(0,0,0,.4);}
.featured-others .block .txt .links a:first-child { margin: 0 0 10px 0; }
.featured-others .block.link .txt .links a { color:#000; border:1px solid #000; text-shadow: none; }
.featured-others .block .txt .links a:hover{ background:#ffc107; color:#000 !important; }
.featured-others .block.link .txt .links a:hover{ background:#ddd; }

.featured-others .block:hover .txt { background-color: rgba(26,26,26,0.9); }
.featured-others .block:hover .txt h2 { display: block; }
.featured-others .block:hover .txt p.texto { display: block; }
.featured-others .block:hover .txt .links { display: block; }
.featured-others .block.link:hover .txt { background: none; }

@media screen and (max-height: 760px) {
    .featured-others .block .txt {padding-top: 20px;}
}

@media screen and (max-width:1400px) {
    .shop .slide .slide-image { /*width: 600px; max-width: 100%; margin-right: 100px;*/ }

    .featured-others .block .txt p { /*padding-bottom: 15px;*/ font-size: 21px; }
    .featured-others .block .txt h2 { margin-top: 20px; }
    .featured-others .block .txt h2 a { font-size: 25px; }
    .featured-others .block.link .txt h2 a { font-size: 30px; }
    .featured-others .block .txt p.texto { font-size: 16px; }
    .featured-others .block .txt .links a { height: 25px; font:18px/1.2 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; }
}
@media screen and (max-width:1024px) {
    .shop .slide .slide-image { width: 600px; max-width: 100%; margin-right: 20px; margin-left: 400px;}

    .featured-others .block .txt p { padding-bottom: 10px; font-size: 20px; }
    .featured-others .block .txt h2 { margin-top: 15px; }
    .featured-others .block .txt h2 a { font-size: 30px; }
    .featured-others .block.link .txt h2 a { font-size: 25px; }
    .featured-others .block .txt p.texto { font-size: 14px; }
    .featured-others .block .txt .links a { height: 23px; font:16px/1.2 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; }
}

.tagboard .fp-tableCell { vertical-align: top; }

.tagboard { text-align: center; background-color: #f3f3f3; font-size: 0; }
.tagboard h2 { color: #0b0911; font: 60px/1 'DharmaGothicERegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; padding-top: 10px; }
.tagboard h2::after { display: block; content: " "; width: 60px; margin: 20px auto 30px auto; border-bottom: 1px solid black; }

.tagboard .column { width: 302px; display: inline-block; margin-right: 21px; vertical-align: top; }
.tagboard .column:last-child { margin-right: 0; }
.tagboard .column a.social { font-size: 14px; color: #929292; }

.tagboard .column ul.posts { margin-top: 30px; }
.tagboard .column ul.posts li { border: 1px solid #d2d2d2; background-color: #fff; margin-bottom: 20px; position: relative; text-align: left; }
.tagboard .column ul.posts li img { width: 100%; }

.tagboard .column ul.posts li .author { text-align: left; margin: 20px 20px 10px 20px; }
.tagboard .column ul.posts li .author .logo { display: inline-block; width: 20%; vertical-align: bottom; }
.tagboard .column ul.posts li .author .logo img { width: 40px; }
.tagboard .column ul.posts li .author .user-texts { display: inline-block; width: 80%; }
.tagboard .column ul.posts li .author .name a { color: #000; font: 13px/1.3 Arial,Helvetica,sans-serif;  }
.tagboard .column ul.posts li .author .ago { color: #b9b9b9; font: 11px/1 Arial,Helvetica,sans-serif; padding-top: 4px; }
.tagboard .column ul.posts li .texto { font: 12px/1.2 Arial,Helvetica,sans-serif; text-align: left; padding: 10px 20px 20px 20px; }
.tagboard .column ul.posts li .texto a { color: #0078c4; }

.tagboard .column ul.posts li .post-tag {
    position: absolute;
    top: -1px;
    left: 20px;
    padding-top: 13px;
    padding-bottom: 8px;
    width: 30px;
    background-color: #000;
    color: #fff;
    text-align: center;

    box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.5),
    0 0 0 0 white,
    4px 1px 1px -4px rgba(0, 0, 0, 0.5),
    -4px 1px 1px -4px rgba(0, 0, 0, 0.5);
}
.tagboard .column ul.posts li .post-tag.noimage {
    position: relative;
    top: initial;
    left: initial;
    display: inline-block;
    margin-left: 20px;
}
.tagboard .column ul.posts li .post-tag i {font-size: 14px;}

.tagboard .see-more { margin: 20px 0 50px 0; }

.home ul.social { margin: 5px 0; }
.home ul.social li { display: inline-block; width: 30px; border-right: 1px solid #969696; text-align: center; }
.home ul.social li:last-child { padding-right: 0; margin-right: 0; border-right: 0 solid #969696;  }
.home ul.social li a { display: inline-block; color: #929292; margin: 3px 0; }
.home ul.social li a i { font-size: 14px; line-height: 1.2; }
.home ul.social li a:hover { opacity: .7; }

@media screen and (max-width: 767px) {
    .home .tagboard ul.social li a i { font-size: 54px; }
    .home .tagboard ul.social li {width: auto;}
    .home .tagboard ul.social li a {margin-left: 15px; margin-right: 15px;}
}

.home .shop ul.social::before { display: block; content: " "; width: 60px; margin: 25px 0 25px 5px; border-bottom: 1px solid black;}

.fixed-bar { position: fixed; bottom: 0; width: 100%; height: 40px; background-color: rgba(0, 0, 0, .8); z-index: 1000; }
.fixed-bar a { color:#fff; font:18px/40px 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; cursor: pointer; padding: 0 24px; }
.fixed-bar a:hover { opacity: .7; }
.fixed-bar .find-out-more { margin-left: 35px; background: url(img/white-arrow-down.png) no-repeat right 12px; }
.fixed-bar .contact-us { border-left: 2px solid #474b53; }
.fixed-bar .social { border-left: 2px solid #474b53; padding: 0 27px; }

.fixed-bar .social ul li { display: inline-block; }
.fixed-bar .social ul li a { padding: 0 5px; }

.shop-bar { position: absolute; top: 0; z-index: 1000; height: 50px; width: 100%; text-align: center; }
.shop-bar p { background-color: #0686c5; color: #fff; text-align: center; font:22px/50px 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform: uppercase; }



@media screen and (max-width:767px) {
    #heading { position: absolute !important; }
    #footer { position: relative !important; }

    .fixed-bar { display: none; }

    .section { padding-top: 0 !important; }
    .section.featured { padding-top: 80px !important; }

    .product-icon { display: none; }

    .featured .slide .text,
    .featured .slide .text.centro { position: relative; top: 0 !important; left: 0 !important; margin: 10px 5% 0 5%; max-width: none; width: 90%; text-align: center; }
    .featured .slide .text.derecha { position: relative; top: 0 !important; left: 0 !important; margin: 10px 5% 0 5%; max-width: none; width: 90%; text-align: center; }

    .featured .slide .text h2 { font-size: 60px; }

    .featured .slide .text .links { margin-top: 10px; }
    .featured .slide .text .links a { font-size: 18px; height: 26px; margin: 5px; }
    .featured .slide .text .links .vertical-separator { display: none; }
    .featured .slide .text .links a.video { padding: 4px 0 3px 0; }

    .section.shop {height: auto !important; padding-bottom: 25px;}
    .shop .slide .text { position: relative; top: 0 !important; left: 0 !important; margin: 10px 5% 0 5%; max-width: none; width: 90%; text-align: center; }
    .shop .slide .text h2 { font-size: 30px; }
    .shop .slide .text p { margin-top: 10px; font-size: 13px; }
    .shop .slide .text .links { margin-top: 10px; }
    .shop .slide .text .links a { font-size: 18px; height: 26px; margin: 5px; }
    .shop .slide .text .links .vertical-separator { display: none; }
    .shop .slide .text .links a.video { padding: 4px 0 3px 0; }

    .shop .slide .slide-image { display: block; width: 90%; margin: 0 auto; }

    .home .shop ul.social::before { display: none; }

    .shop ul.slider-navigation,
    ul.slider-navigation { right: auto; margin: 0 auto; }
    ul.slider-navigation li:first-child { margin-left: 0; }

    .featured-others { height: auto !important; }
    .featured-others .blocks { height: auto !important; }

    .featured-others .block.small, .featured-others .block.medium { width: 100%; }

    .featured-others .block .txt,
    .featured-others .block.link .txt
    { display: block; width: 100%; padding: 5%; text-align: center; }

    .featured-others .block:not(.link) .txt,
    .featured-others .block:not(.link):hover .txt
    { background-color: rgba(26,26,26,.4) !important;  }

    .featured-others .block .txt .links, .featured-others .block .txt h2 { display: inherit; }

    .featured-others .block .txt p.texto { display: initial !important;}

    .featured-others .block .txt p.texto::before { margin: 10px auto; }
    .featured-others .block .txt .links { margin-top: 30px; }

    .featured-others .block:hover .txt { background-color: transparent; }

    .tagboard {padding-bottom: 50px;}
    .tagboard,
    .tagboard .fp-tableCell{height: auto !important;}
}