/* Default tab style */


.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

    /* Nav */
    .tabs nav {
        text-align: center;
    }

        .tabs nav ul {
            position: relative;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            margin: 0 auto;
            padding: 0;
            max-width: 1200px;
            list-style: none;
            -ms-box-orient: horizontal;
            -ms-box-pack: center;
            -webkit-flex-flow: row wrap;
            -moz-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            border-right: 1px solid #ccc;
        }

            .tabs nav ul li {
                position: relative;
                z-index: 1;
                display: inline-block;
                margin: 0;
                text-align: center;
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
                flex: 1;
                border: 1px solid #b5b5b5;
                border-bottom: 1px solid #262626;
                border-right: none;
                background: #f3f3f3;
            }

                .tabs nav ul li:hover {
                    background: #fff;
                }


                .tabs nav ul li.tab-current {
                    top: 0px;
                    border: 1px solid #262626;
                    background-color: white;
                    border-bottom: none;
                }

        .tabs nav a {
            position: relative;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 33px;
        }

            .tabs nav a span {
                vertical-align: middle;
                font-size: 0.75em;
            }

        .tabs nav li.tab-current a {
            color: #74777b;
        }

        .tabs nav a:focus {
            outline: none;
        }

/* Icons */
.icon::before {
    z-index: 10;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.3em;
    font-family: 'stroke7pixeden';
    line-height: 1;
    speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: -1px;
    position: relative;
}

.icon-upload::before {
    content: "\e68a";
}

.icon-tools::before {
    content: "\e60a";
}

.icon-plane::before {
    content: "\e625";
}

.icon-joy::before {
    content: "\e6a4";
}

.icon-plug::before {
    content: "\e69a";
}

.icon-home::before {
    content: "\e648";
}

.icon-gift::before {
    content: "\e652";
}

.icon-display::before {
    content: "\e65e";
}

.icon-date::before {
    content: "\e660";
}

.icon-config::before {
    content: "\e666";
}

.icon-coffee::before {
    content: "\e669";
}

.icon-camera::before {
    content: "\e66f";
}

.icon-box::before {
    content: "\e674";
}

/* Content */
.content-wrap {
    position: relative;
}

    .content-wrap section {
        display: none;
        margin: 0 auto;
        padding: 0px 20px;
        width: 100%;
        text-align: center;
        height: auto;
        overflow: auto;
    }

        .content-wrap section.content-current {
            display: block;
            border: 1px solid #262626;
            border-top: none;
        }

        .content-wrap section p {
            color: #666;
        }

/* Fallback */
.no-js .content-wrap section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
    display: block;
}

    .no-flexbox nav ul li {
        min-width: 15%;
        display: inline-block;
    }

@media screen and (max-width: 58em) {
    .tabs nav a.icon span {
        display: none;
    }

    .tabs nav a:before {
        margin-right: 0;
        border-bottom: 4px solid white;
    }
}

/*icone andrum*/

/*
.icon-tessuti::before {	content: url(../../../assembler/img/icons/tie8.png);}
.icon-colletti::before {	content: url(../../../assembler/img/icons/fashion29.png);}
.icon-polsini::before {	content: url(../../../assembler/img/icons/sew9.png);}
.icon-inserti::before {	content: url(../../../assembler/img/icons/zip4.png);}
.icon-avanti::before {	content: url(../../../assembler/img/icons/tie8.png);}
.icon-retro::before {	content: url(../../../assembler/img/icons/shirts3.png);}
.icon-bottoni::before {	content: url(../../../assembler/img/icons/button17.png);}
.icon-asole::before {	content: url(../../../assembler/img/icons/fabric.png);}
*/
.icon-tessuti::before {
    content: url(../../../assembler/img/icone/1tessuti.png);
}

.icon-colletti::before {
    content: url(../../../assembler/img/icone/2colletti.png);
}

.icon-polsini::before {
    content: url(../../../assembler/img/icone/3polsini.png);
}

.icon-avanti::before {
    content: url(../../../assembler/img/icone/4avanti.png);
}

.icon-retro::before {
    content: url(../../../assembler/img/icone/5retro.png);
}

.icon-cannoncino::before {
    content: url(../../../assembler/img/icone/6cannoncino.png);
}

.icon-maniche::before {
    content: url(../../../assembler/img/icone/7maniche.png);
}

.icon-taschini::before {
    content: url(../../../assembler/img/icone/8taschini.png);
}

.icon-colletti-inserti::before {
    content: url(../../../assembler/img/icone/9colletti_inserti.png);
}

.icon-polsini-inserti::before {
    content: url(../../../assembler/img/icone/10polsini_inserti.png);
}

.icon-cannoncino-inserti::before {
    content: url(../../../assembler/img/icone/11cannoncino_inserti.png);
}

.icon-bottoni::before {
    content: url(../../../assembler/img/icone/12bottoni.png);
}

.icon-asole::before {
    content: url(../../../assembler/img/icone/13asole.png);
}

.icon-accessori::before {
    content: url(../../../assembler/img/icone/14accessori.png);
}

.icon-cuciture::before {
    content: url(../../../assembler/img/icone/15cuciture.png);
}

.icon-misure::before {
    content: url(../../../assembler/img/icone/16misure.png);
}



.icon-tessuti.icon_selected::before,
.icon-colletti.icon_selected::before,
.icon-polsini.icon_selected::before,
.icon-avanti.icon_selected::before,
.icon-retro.icon_selected::before,
.icon-cannoncino.icon_selected::before,
.icon-maniche.icon_selected::before,
.icon-taschini.icon_selected::before,
.icon-colletti-inserti.icon_selected::before,
.icon-polsini-inserti.icon_selected::before,
.icon-cannoncino-inserti.icon_selected::before,
.icon-bottoni.icon_selected::before,
.icon-asole.icon_selected::before,
.icon-accessori.icon_selected::before,
.icon-cuciture.icon_selected::before,
.icon-misure.icon_selected::before { /*content: url(../../../assembler/img/selected_small.png);*/
    border-bottom: 4px solid #2abd00;
    padding: 1px;
}



@media (max-width:600px) {

    .content-wrap section {
        padding: 0px 10px;
    }
}