/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Light-webfont.woff') format('woff'), url('OpenSans-Light-webfont.ttf') format('truetype'), url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular-webfont.woff') format('woff'), url('OpenSans-Regular-webfont.ttf') format('truetype'), url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Bold-webfont.woff') format('woff'), url('OpenSans-Bold-webfont.ttf') format('truetype'), url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.osr {
    font-family: 'OpenSansRegular';
}

.osl {
    font-family: 'OpenSansLight';
}

.osb {
    font-family: 'OpenSansBold';
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.uppercase {
    text-transform: uppercase;
}


html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 12px;
    line-height: 1.4;
    color: #444;
    font-family: 'OpenSansRegular', sans-serif;
}

a {
    color: #444;
}

    a:visited {
        color: #444;
    }

    a:hover {
        color: #444;
    }



/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

h1 {
    color: #c1022c;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #fff;
    margin: 0;
}

h2 {
    color: #c1022c;
    font-size: 15px;
    font-weight: normal;
    -webkit-text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #fff;
    margin: 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body {
    width: 100%;
    min-width: 100%;
    height: 100%;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.text-shad-w {
    -webkit-text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #fff;
}

.radius-3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.radius-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.landHide {
    display: block;
}

.portHide {
    display: none;
}

/* Prevent callout */

.nocallout {
    -webkit-touch-callout: none;
}

.pressed {
    background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
    -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */

.gifhidden {
    position: absolute;
    left: -100%;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

    .ir br {
        display: none;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * 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;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after,
.cf:after,
.cf:before {
    content: "";
    display: table;
}

.clearfix:after, .cf:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix, .cf {
    *zoom: 1;
}

.wrap-container {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -46px;
    padding-bottom: 46px;
}

header {
    position: relative;
    width: 100%;
}

#topbar {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 46px;
    padding: 0 3.125%;
    background-color: #b61f3b;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25), inset 0 -1px 2px rgba(255,255,255,.28);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25), inset 0 -1px 2px rgba(255,255,255,.28);
    box-shadow: 0 2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25), inset 0 -1px 2px rgba(255,255,255,.28);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10));
    background-image: linear-gradient(to top, rgba(0,0,0,.20), rgba(231,205,101,.10));
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

footer {
    width: 100%;
    height: 46px;
    background-color: #b61f3b;
    padding: 0 5%;
    -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25);
    -moz-box-shadow: 0 -2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25);
    box-shadow: 0 -2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15));
    background-image: linear-gradient(to top, rgba(0,0,0,.20), rgba(231,205,101,.15));
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    footer .company-info {
        float: left;
        width: 60%;
        margin-top: 10px;
        font-size: 9px;
        color: #fff;
        -webkit-text-shadow: 0 -1px 1px #470901;
        text-shadow: 0 -1px 1px #470901;
    }

        footer .company-info p {
            margin: 0 3px 0 0;
        }

    footer .ws-signature {
        text-decoration: none;
        color: #fff;
        -webkit-text-shadow: 0 -1px 1px #470901;
        text-shadow: 0 -1px 1px #470901;
    }

        footer .ws-signature .logo {
            position: relative;
            top: 2px;
            display: inline-block;
            width: 13px;
            height: 14px;
            margin: 0 5px 0 3px;
            background-position: -48px -120px;
        }

    footer .social-links-wrap {
        float: right;
        padding-left: 6%;
        -webkit-box-shadow: -1px 0 0 #b05260;
        box-shadow: -1px 0 0 #b05260;
        height: 100%;
        border-left: 1px solid #953344;
    }

    footer .social-list {
        list-style: none;
        margin: 12px 0 0 0;
        padding: 0;
    }

        footer .social-list li {
            float: left;
            margin-left: 5px;
        }

            footer .social-list li:first-child {
                margin-left: 0;
            }

            footer .social-list li a {
                text-indent: -9999px;
                display: block;
                width: 24px;
                height: 24px;
            }

                footer .social-list li a#fb-link {
                    height: 25px;
                    background-position: -48px -48px;
                }

                footer .social-list li a#tw-link {
                    margin-right: 4px;
                    background-position: -72px -48px;
                }

                footer .social-list li a#yt-link {
                    background-position: -144px -48px;
                }

.sprt {
    background: url('../img/sprite.png') no-repeat;
}

.filetto-logo { 
    border: 1px solid #FFF;
    overflow: hidden;
    width: 131px;
    height: 22px;
    margin-top: 3px;
    padding: 10px 10px 5px 7px;
    background-color: #B41736;
	box-shadow: inset 0 0 1px 1px white;
	float:left;
}

#logo {
    display: block;
    width: 131px;
    height: 22px;
    text-decoration: none;
    text-indent: -9999px;
}

#top-nav {
    float: right;
    margin: 5px 0 0 0;
}

    #top-nav > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #top-nav > ul > li {
            float: left;
        }

            #top-nav > ul > li:first-child {
                margin-right: 5px;
            }

            #top-nav > ul > li a {
                display: block;
                position: relative;
                text-decoration: none;
                text-indent: -9999px;
                width: 32px;
                height: 32px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                background-color: rgba(255,228,181,.08);
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.3);
                -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.3);
                box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.3);
                border: solid 1px rgba(142,7,7,.9);
                background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2));
                background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2));
                background-image: -o-linear-gradient(bottom, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2));
                background-image: -ms-linear-gradient(bottom, rgba(255,255,255, .08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2));
                background-image: linear-gradient(to top, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2));
                -webkit-tap-highlight-color: rgba(0,0,0,0);
            }

                #top-nav > ul > li a.on {
                    margin-top: 1px;
                    width: 32px;
                    height: 32px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    background-color: rgba(0,0,0,.1);
                    -webkit-box-shadow: 0 -1px rgba(0,0,0,.4), inset 0 -1px rgba(255,255,255,.4);
                    -moz-box-shadow: 0 -1px rgba(0,0,0,.4), inset 0 -1px rgba(255,255,255,.4);
                    box-shadow: 0 -1px rgba(0,0,0,.4), inset 0 -1px rgba(255,255,255,.4);
                    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
                    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
                    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
                    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
                    background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
                }

            #top-nav > ul > li > a > i {
                display: block;
                position: absolute;
            }

            #top-nav > ul > li > a#open-menu > i {
                width: 17px;
                height: 17px;
                top: 8px;
                left: 7px;
                background-position: 0 -24px;
            }

            #top-nav > ul > li a#open-menu.on > i {
                top: 6px;
                opacity: 0.95;
            }

            #top-nav > ul > li > a#open-search > i {
                width: 18px;
                height: 19px;
                top: 7px;
                left: 7px;
                background-position: -24px -24px;
            }

            #top-nav > ul > li a#open-search.on > i {
                top: 5px;
                opacity: 0.95;
            }

#main-nav {
    width: 100%;
    position: absolute;
    z-index: 100; /*display: none;*/
}

#first-level { /*font-weight:bold;*/
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

.open-menu #first-level {
    display: block;
}

#first-level > li {
    position: relative;
    display: block;
    background-color: #817577;
    -webkit-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08);
    -moz-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08);
    box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08);
    background-image: url(../img/pat04.png);
    background-image: url(../img/pat04.png), -webkit-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8));
    background-image: url(../img/pat04.png), -moz-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8));
    background-image: url(../img/pat04.png), -o-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8));
    background-image: url(../img/pat04.png), -ms-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8));
    background-image: url(../img/pat04.png), linear-gradient(to top, rgba(36,40,43,.72), rgba(83,89,94,.8));
}

    #first-level > li > a.menu-item {
        display: block;
        height: 38px;
        line-height: 40px;
        position: relative;
        padding: 0 5%;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        -webkit-text-shadow: 0 1px 1px #222;
        text-shadow: 0 1px 1px #222;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

        #first-level > li > a.menu-item.active { /*font-weight:bold;*/
            background-color: #faf9f9;
            -webkit-box-shadow: 1px 1px rgba(0,0,0,.45), inset 1px 1px rgba(255,255,255,.08);
            -moz-box-shadow: 1px 1px rgba(0,0,0,.45), inset 1px 1px rgba(255,255,255,.08);
            box-shadow: 1px 1px rgba(0,0,0,.45), inset 1px 1px rgba(255,255,255,.08);
            background-image: url(../img/pat05.png);
            background-image: url(../img/pat05.png), -webkit-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16));
            background-image: url(../img/pat05.png), -moz-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16));
            background-image: url(../img/pat05.png), -o-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16));
            background-image: url(../img/pat05.png), -ms-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16));
            background-image: url(../img/pat05.png), linear-gradient(to top, rgba(36,40,43,.16), rgba(83,89,94,.16));
            color: #444;
            -webkit-text-shadow: 0 1px 1px rgba(255,255,255,0.9);
            text-shadow: 0 1px 1px rgba(255,255,255,0.9);
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }

    #first-level > li .arrow {
        position: absolute;
        z-index: 2;
        display: block;
        width: 25px;
        height: 25px;
        right: 5%;
        top: 19px;
        text-decoration: none;
        margin-top: -12px;
        -webkit-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px;
        -moz-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px;
        border-radius: 13px 12px 12px 13px/12px 12px 13px 13px;
        background-color: rgba(19,19,19,0);
        -webkit-box-shadow: inset 0 -1px rgba(255,255,255,.2);
        -moz-box-shadow: inset 0 -1px rgba(255,255,255,.2);
        box-shadow: inset 0 -1px rgba(255,255,255,.2);
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0));
        background-image: -o-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0));
        background-image: -ms-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0));
        background-image: linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,0));
    }

        #first-level > li .arrow:after {
            content: '';
            width: 14px;
            height: 7px;
            position: absolute;
            top: 10px;
            left: 6px;
            background: url('../img/sprite.png') -48px -24px no-repeat;
        }

        #first-level > li .arrow .text {
            display: none;
            line-height: 1em;
            top: 7px;
            color: #ac0126;
            text-transform: none;
            font-size: 11px;
            text-align: right;
            width: 70px;
            position: absolute;
            left: -78px;
        }

    #first-level > li.active .arrow {
        -webkit-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px;
        -moz-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px;
        border-radius: 13px 12px 12px 13px/12px 12px 13px 13px;
        background-color: rgba(19,19,19,0);
        -webkit-box-shadow: 0 -1px rgba(0,0,0,.34), inset 0 -1px rgba(255,255,255,.9);
        -moz-box-shadow: 0 -1px rgba(0,0,0,.34), inset 0 -1px rgba(255,255,255,.9);
        box-shadow: 0 -1px rgba(0,0,0,.34), inset 0 -1px rgba(255,255,255,.9);
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0));
        background-image: -o-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0));
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0));
        background-image: linear-gradient(to bottom, rgba(255,255,255,.22), rgba(0,0,0,0));
    }

    #first-level > li.active > .arrow:after {
        content: '';
        width: 7px;
        height: 14px;
        position: absolute;
        top: 5px;
        left: 10px;
        background: url('../img/sprite.png') -72px -24px no-repeat;
    }

    #first-level > li.no-link.active > .arrow:after {
        content: '';
        width: 14px;
        height: 7px;
        position: absolute;
        top: 7px;
        left: 5px;
        background: url('../img/sprite.png') -120px -120px no-repeat;
    }


    #first-level > li.active .arrow .text {
        display: block;
    }

/*Fix clickable arrow*/
#first-level > .has-submenu .real {
    display: none;
}

#first-level > .has-submenu .fake {
    display: block;
}

#first-level > .has-submenu.active .real {
    display: block;
}

#first-level > .has-submenu.active .fake {
    display: none;
}


.submenu-wrap {
    display: none;
    overflow: hidden;
    border-left: 5px solid #babcbd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #a0a0a0;
    -webkit-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08), inset 0 0 8px rgba(21,21,21,.4);
    -moz-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08), inset 0 0 8px rgba(21,21,21,.4);
    box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08), inset 0 0 8px rgba(21,21,21,.4);
    background-image: -webkit-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5));
    background-image: -moz-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5));
    background-image: -o-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5));
    background-image: -ms-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5));
    background-image: linear-gradient(to top, rgba(36,40,43,.5), rgba(61,66,70,.5));
}

    .submenu-wrap.show {
        display: block;
    }


    .submenu-wrap .second-level {
        list-style: none;
        padding: 10px 4% 12px 7%;
        margin: 0;
        -webkit-box-shadow: inset 1px 0 3px #444;
        box-shadow: inset 1px 0 3px #444;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .submenu-wrap .second-level > li {
            position: relative;
            margin: 6px 0;
        }

            .submenu-wrap .second-level > li:before {
                left: -11px;
                top: 5px;
                content: '';
                position: absolute;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 0 #222;
                box-shadow: 0 1px 0 #222;
                width: 4px;
                height: 4px;
                background: #fff;
            }


            .submenu-wrap .second-level > li > a {
                display: block;
                /*height: 22px;*/
                line-height: 15px;
                text-decoration: none;
                font-size: 13px;
                color: #fff;
                -webkit-text-shadow: 0 1px 1px #222;
                text-shadow: 0 1px 1px #222;
            }


section.main-content {
    margin: 20px 0;
}

section.slider-container {
    padding: 0 3.125%;
}

.slide-descr {
    min-height: 50px;
}

#cta-prod {
    color: #fff;
    position: relative;
    float: left;
    /*width: 45%;*/
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 64px;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #b40b2b;
    -webkit-box-shadow: 0 2px 3px rgba(16,16,16,.2), inset 0 3px 2px rgba(255,255,255,.35);
    -moz-box-shadow: 0 2px 3px rgba(16,16,16,.2), inset 0 3px 2px rgba(255,255,255,.35);
    box-shadow: 0 2px 3px rgba(16,16,16,.2), inset 0 3px 2px rgba(255,255,255,.35);
    background-image: url(../img/pat03.png);
    background-image: url(../img/pat03.png), -webkit-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: url(../img/pat03.png), -moz-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: url(../img/pat03.png), -o-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: url(../img/pat03.png), -ms-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: url(../img/pat03.png), linear-gradient(to top, rgba(0,0,0,.25), rgba(231,205,101,.25));
}

    #cta-prod i {
        width: 26px;
        height: 30px;
        display: block;
        top: 15px;
        position: absolute;
        right: 72%;
        background-position: -96px -24px;
    }

    #cta-prod span {
        -webkit-text-shadow: 0 -1px 1px #470901;
        text-shadow: 0 -1px 1px #470901;
        line-height: 1em;
        top: 18px;
        right: 16%;
        position: absolute;
        display: inline-block;
        width: 50%;
    }

#cta-installer {
    position: relative;
    float: left;
    width: 55%;
    font-size: 13px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 64px;
    text-decoration: none;
    background-color: rgba(39,39,39,.34);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.6);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.6);
    box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.6);
    border-bottom: 1px solid #a6a6a6;
}

    #cta-installer i {
        position: absolute;
        display: block;
        top: 20px;
        left: 8%;
        width: 28px;
        height: 27px;
        background-position: -114px -155px;
    }

    #cta-installer span {
        -webkit-text-shadow: 0 -1px 1px #888;
        text-shadow: 0 -1px 1px #888;
        color: #fff;
        top: 23px;
        position: absolute;
        left: 28%;
        font-size: 13px;
    }



#cta-services {
    position: relative;
    float: left;
    width: 100%;
    font-size: 13px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    text-decoration: none;
    background-color: rgba(39,39,39,.20);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 1px 3px rgba(255,255,255,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 1px 3px rgba(255,255,255,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 1px 3px rgba(255,255,255,.3);
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #bbb;
}

    #cta-services i {
        width: 27px;
        height: 16px;
        display: block;
        top: 5px;
        position: absolute;
        left: 5%;
        background-position: -144px -24px;
    }

    #cta-services span {
        -webkit-text-shadow: 0 -1px 1px #888;
        text-shadow: 0 -1px 1px #888;
        color: #fff;
        top: 5px;
        position: absolute;
        left: 17%;
    }

.wrap-cta-services {
    position: relative;
    width: 100%;
    height: 75px;
    clear: both;
    background-color: rgba(170,165,165,.3);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.5);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.5);
    box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.5);
    border-bottom: 1px solid #cac4c5;
}

    .wrap-cta-services .square-wrap {
        float: left;
        text-align: center;
        width: 33%;
        -webkit-box-shadow: inset 0 2px 3px rgba(255,255,255,.6);
        -moz-box-shadow: inset 0 2px 3px rgba(255,255,255,.6);
        box-shadow: inset 0 2px 3px rgba(255,255,255,.6);
    }

    .wrap-cta-services .square {
        width: 56px;
        height: 61px;
        display: inline-block;
        -webkit-border-radius: 3px 4px 4px 3px/4px;
        -moz-border-radius: 3px 4px 4px 3px/4px;
        border-radius: 3px 4px 4px 3px/4px;
        background-color: #fff;
        -webkit-box-shadow: 0 -1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 -1px rgba(0,0,0,.2);
        box-shadow: 0 -1px rgba(0,0,0,.2);
        margin-top: 7px;
        position: relative;
    }

        .wrap-cta-services .square i {
            position: absolute;
            display: block;
            width: 38px;
            height: 30px;
            top: 13px;
            left: 9px;
            background-position: 0 -150px;
        }

    .wrap-cta-services .cta-services {
        float: left;
        display: block;
        height: 25px;
        line-height: 24px;
        border-bottom: 1px solid #cac4c5;
        border-left: 2px solid #cac4c5;
        -webkit-box-shadow: inset 0 2px 3px rgba(255,255,255,.6);
        -moz-box-shadow: inset 0 2px 3px rgba(255,255,255,.6);
        box-shadow: inset 0 2px 3px rgba(255,255,255,.6);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 73%;
        font-size: 13px;
        color: #7f7f7f;
        text-decoration: none;
        -webkit-text-shadow: 0 1px #fff;
        text-shadow: 0 1px #fff;
        padding-left: 5%;
    }

        .wrap-cta-services .cta-services.is-type2 {
            border-bottom: none;
        }




.slide-title {
    float: left;
    line-height: 1em;
    width: 50%;
    color: #c1022c;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 5%;
    margin-top: 10px;
    margin-bottom: 6px;
}

section.hp-central-widget {
    padding: 3.125% 0;
    margin-bottom: 20px;
}

.hp-central-widget .one-of-three { width:33.3333%;}
.hp-central-widget .two-of-three { width:66.6666%;}
.hp-central-widget .half { width:50%;}
.hp-central-widget .full { width:100%;}
.hp-central-widget .cta { 
    position: relative;
    float: left;
    font-size: 13px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 66px;
    text-decoration: none;
    background-color: rgba(39, 39, 39, 0.34);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.6);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #A6A6A6;
}

.hp-central-widget .cta i { position: absolute; display: block; top: 20px; left: 8%; width: 28px; height: 27px; background-position: -114px -155px; }
.hp-central-widget .cta span { -webkit-text-shadow: 0 -1px 1px #888; text-shadow: 0 -1px 1px #888; color: #FFF; top: 23px; position: absolute; left: 28%; font-size: 13px; }
.hp-central-widget .installer,
.hp-central-widget .service { background-color: rgba(39, 39, 39, 0.2); }

.hp-central-widget .customer-service i {background-position:0 -120px; width:40px; }
.hp-central-widget .installer i { background-position: -144px -96px; }
.hp-central-widget .service i {background-position: -114px -155px }


.grey-bg-pat {
    background: #f6f5f5 url(../img/pat01.png);
    -webkit-box-shadow: inset 0 0 4px rgba(164,164,164,.5);
    -moz-box-shadow: inset 0 0 4px rgba(164,164,164,.5);
    box-shadow: inset 0 0 4px rgba(164,164,164,.5);
}

.white-bg-pat {
    background: #fff url(../img/pat01.png);
}

.title-wrap {
    padding: 8px 5%;
}

.news-widget .title-wrap h2 {
    float: left;
}

#news-nav {
    list-style: none;
    margin: 1px 0 0 0;
    padding: 0;
    float: right;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    #news-nav li {
        float: left;
    }

        #news-nav li:first-child {
            margin-right: 10px;
        }

        #news-nav li a {
            display: block;
            width: 15px;
            height: 19px;
        }

            #news-nav li a.disabled {
                opacity: 0.3;
            }

            #news-nav li a i {
                display: block;
                width: 15px;
                height: 19px;
            }

            #news-nav li a.prev i {
                background-position: 0 -48px;
            }

            #news-nav li a.next i {
                background-position: -24px -48px;
            }

#news-slider {
    padding: 10px 3.125%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0 -5px 0;
}

.news-slide {
    float: left;
    display: block;
    padding: 4px 4px 8px 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.news-item-wrap {
    width: 100%;
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../img/pat02.png);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

.news-slide .img-mask {
    float: left;
    width: 40%;
    height: auto;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 1px #aaa;
    box-shadow: 0 0 1px #aaa;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /*height: 24%;*/
    display: inline-block; /*background: #fff;
    padding: 5px;*/
    overflow: hidden;
}

    .news-slide .img-mask.masked {
        height: 90px;
    }



    .news-slide .img-mask a {
        display: block;
    }

    .news-slide .img-mask img {
        width: 100%;
        height: auto;
    }


#news-slider .flex-viewport {
    padding: 0 0 8px 0;
}

.news-body {
    float: right;
    width: 57%;
    margin-top: 2px;
}

    .news-body .news-title a {
        display: block;
        color: #c1022c;
        font-size: 13px;
        line-height: 1.1em;
        -webkit-text-shadow: 0 1px #fff;
        text-shadow: 0 1px #fff;
        margin-bottom: 8px;
        text-decoration: none;
    }

    .news-body .news-preview {
        line-height: 1.2em;
        font-size: 11px;
    }

#search-widget {
    display: none;
    width: 100%;
    padding: 0 6%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 55px;
    background-color: #f1efe8;
    -webkit-box-shadow: inset 0 -2px 4px rgba(0,0,0,.15), inset 0 0 4px rgba(164,164,164,.5);
    -moz-box-shadow: inset 0 -2px 4px rgba(0,0,0,.15), inset 0 0 4px rgba(164,164,164,.5);
    box-shadow: inset 0 -2px 4px rgba(0,0,0,.15), inset 0 0 4px rgba(164,164,164,.5);
    background-image: url(../img/pat01.png);
    background-image: url(../img/pat01.png), -webkit-linear-gradient(bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
    background-image: url(../img/pat01.png), -moz-linear-gradient(bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
    background-image: url(../img/pat01.png), -o-linear-gradient(bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
    background-image: url(../img/pat01.png), -ms-linear-gradient(bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
    background-image: url(../img/pat01.png), linear-gradient(to top, rgba(255,255,255,.2), rgba(255,255,255,0));
}

.open-search #search-widget {
    display: block;
}

.switch-base {
    float: left;
    width: 60px;
    height: 17px;
    -webkit-border-radius: 3px 2px 2px 3px/2px;
    -moz-border-radius: 3px 2px 2px 3px/2px;
    border-radius: 3px 2px 2px 3px/2px;
    background-color: rgba(204,203,204,.9);
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.35);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.35);
    box-shadow: inset 0 1px 5px rgba(0,0,0,.35);
    border: solid 1px #d3d3d3;
}

.form-mask {
    position: relative;
    width: 100%;
    height: 32px;
    overflow: hidden;
    float: right;
    margin-top: 12px;
}

.forms-wrap {
    width: 100%;
    position: absolute;
    top: 0;
}

    .forms-wrap form {
        position: relative;
        width: 100%;
        top: 1px;
    }

    .forms-wrap input[type="text"] {
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        color: #bbb;
        border: none;
        -webkit-appearance: none;
        -webkit-border-radius: 2px 1px 1px 2px/2px;
        -moz-border-radius: 2px 1px 1px 2px/2px;
        border-radius: 2px 1px 1px 2px/2px;
        background-color: #fcfcfb;
        -webkit-box-shadow: 0 -1px rgba(0,0,0,.08), inset 0 -1px #fff;
        -moz-box-shadow: 0 -1px rgba(0,0,0,.08), inset 0 -1px #fff;
        box-shadow: 0 -1px rgba(0,0,0,.08), inset 0 -1px #fff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        padding-left: 5px;
    }



::-webkit-input-placeholder {
    color: #bbb !important;
    font-size: 12px !important;
}

:-moz-placeholder {
    color: #bbb !important;
    font-size: 12px !important;
}

:-ms-input-placeholder {
    color: #bbb !important;
    font-size: 12px !important;
}


.forms-wrap input[type="submit"] {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 4px;
    width: 24px;
    border: none;
    height: 28px;
    text-indent: -9999px;
    -webkit-appearance: none;
    border-radius: 0 !important;
}

#cta-search-web {
    background-position: -96px -96px;
    height: 21px;
}

#cta-search-inst {
    background-position: -120px -96px;
    right: 0;
    height: 23px;
}

#search-inst {
    margin-top: 4px;
}

.flex-control-nav {
    z-index: 10;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    .flex-control-nav li, .flex-control-nav li a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

.ui-slider {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

div.ui-slider-switch {
    -webkit-border-radius: 3px 2px 2px 3px/2px;
    -moz-border-radius: 3px 2px 2px 3px/2px;
    border-radius: 3px 2px 2px 3px/2px;
    background: rgba(204,203,204,.8);
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 1px 5px rgba(0,0,0,.25);
    display: inline-block;
    height: 15px;
    width: 100%;
    margin: 14px 0 0 0;
    top: 0;
    border: solid 1px #d3d3d3;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ui-slider-switch .ui-btn.ui-slider-handle {
    margin: -3px 0 0 -9px;
}


.ui-slider-track .ui-btn.ui-slider-handle, .ui-slider-switch .ui-btn.ui-slider-handle {
    width: 24px;
    height: 24px;
    margin: -3px 0 0 -12px;
    background: url('../img/sprite.png') no-repeat;
    background-position: -72px -96px;
}


.ui-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-slider-handle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.switch-wrap {
    float: left;
    width: 28%;
    position: relative;
}

.cta-switcher {
    position: absolute;
    color: #9f9e99;
    font-size: 11px;
    text-decoration: none;
    -webkit-text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #fff;
}

#cta-switcher-web {
    bottom: -15px;
    left: -10px;
}

#cta-switcher-inst {
    bottom: -15px;
    right: -10px;
}

.landing-prod-wrap {
    width: 100%;
    padding: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../img/pat02.png);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    margin: 12px 0;
}

.is-category-page .landing-prod-wrap {
    padding: 20px inherit;
}

.lateral-padd3 {
    padding: 0 3.125%;
}

.landing-prod-wrap h2 {
    margin: 5px 0 15px 0;
    font-size: 14px;
}

.prod-item-wrap {
    margin-bottom: 15px;
}

    .prod-item-wrap.is-service-pro img {
        max-width: 100%;
        height: auto !important;
        border: 1px solid #eee;
        margin: 0 20px 20px 0;
    }

    .prod-item-wrap iframe {
        max-width: 100%;
        border: 1px solid #eee;
    }

    .prod-item-wrap .img-mask {
        width: 48%;
        float: left;
        overflow: hidden;
        border-radius: 4px;
    }

        .prod-item-wrap .img-mask a {
            display: block;
            border-radius: 4px;
        }

        .prod-item-wrap .img-mask img {
            width: 100%;
            height: auto;
            border: 1px solid #ddd;
            border-right-color: #efefef;
            border-bottom-color: #eaeaea;
            -webkit-box-shadow: 1px 1px 0 #fff;
            box-shadow: 1px 1px 0 #fff;
            border-radius: 4px;
            margin: 0;
        }

    .prod-item-wrap .prod-detail {
        float: right;
        width: 46%;
    }

        .prod-item-wrap .prod-detail h3 {
            font-size: 13px;
            font-weight: normal;
            line-height: 1.1em;
        }

        .prod-item-wrap .prod-detail a {
            text-decoration: none;
        }

    .prod-item-wrap .social-wrap {
        float: right;
        margin-top: 15px;
        margin-right: 5px;
        clear: both;
    }

        .prod-item-wrap .social-wrap .fb-share {
            top: -8px;
            position: relative;
            display: inline-block;
            width: 65px;
            height: 22px;
            background-position: -46px -144px;
            text-indent: -9999px;
        }

.view-all-prod {
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
    color: #888!important;
    text-align: right;
    line-height: 1.1em;
    text-decoration: none;
    font-size: 11px;
    padding-right: 26px;
    display: block;
    position: relative;
    float: right;
    margin: 5px 0 5px 0;
    width: 100px;
}

    .view-all-prod i {
        position: absolute;
        top: 3px;
        right: 5px;
        display: block;
        width: 17px;
        height: 20px;
        background-position: -120px -72px;
    }

.back-to-prod {
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
    color: #888!important;
    text-align: left;
    line-height: 1.1em;
    text-decoration: none;
    font-size: 11px;
    padding-left: 26px;
    display: block;
    position: relative;
    float: right;
    width: 61px;
}

    .back-to-prod i {
        position: absolute;
        top: 3px;
        left: 5px;
        display: block;
        width: 17px;
        height: 20px;
        background-position: -144px -72px;
    }


.is-single-news .back-to-prod i {
    left: 7px;
    top: -2px;
    background-position: -96px -120px;
}

.is-category-page .title-wrap {
    padding: 10px 3.125% 10px 5%;
}

    .is-category-page .title-wrap h1 {
        width: 65%;
        font-size: 15px;
        line-height: 1em;
    }

.is-category-page .prod-name a {
    color: #c1022c;
    font-size: 14px;
    text-transform: uppercase;
}

.is-category-page .prod-descr a {
    font-size: 11px;
    margin-bottom: 5px;
    display: block;
    line-height: 1.1em;
    text-transform: uppercase;
    color: #444;
}

.is-category-page .prod-abstract a {
    display: block;
    line-height: 1em;
    font-size: 11px;
    color: #aaa;
}

.is-product-page .prod-item-wrap {
    margin-bottom: 5px;
}

.is-product-page .title-wrap > .fl {
    width: 68%;
}

.is-product-page .title-wrap h1 {
    font-size: 15px;
    line-height: 1em;
}

.is-product-page .title-wrap .subtitle {
    color: #888;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
    font-size: 11px;
    margin-top: 0px;
}

.is-product-page .title-wrap .back-to-prod {
    margin-top: 3px;
}

.is-single-news .title-wrap .back-to-prod {
    width: 90px;
}

.is-single-news .title-wrap h1 {
    padding-top: 12px;
    clear: both;
}

.is-contact .title-wrap h1 {
    padding: 3px 0;
}

.is-product-page .prod-item-wrap .img-mask {
    position: relative;
    float: none;
    width: 99%;
}

.is-product-page .prod-item-wrap .prod-detail {
    margin-top: 10px;
    float: none;
    width: 99%;
    padding-left: 1%;
}

.is-single-news .prod-item-wrap .prod-detail {
    margin-top: 15px;
}

.prod-detail table {
    width: 100%;
}

.prod-detail object {
    display: none;
}

.prod-detail.is-doc-body {
    margin-bottom: 5px;
}

    .prod-detail.is-doc-body img {
        max-width: 100%;
    }

.is-generic-service h3 {
    font-weight: normal;
    color: #c1022c;
    font-size: 14px;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
    margin: 0 0 8px 0;
}

.is-generic-service .prod-detail.is-doc-body table {
    width: 100% !important;
    margin-bottom: 10px !important;
}

.is-generic-service .prod-detail.is-doc-body strong, .is-generic-service .prod-detail.is-doc-body em {
    color: #777 !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1.2em !important;
}

.is-generic-service .prod-detail.is-doc-body table, .is-generic-service .prod-detail.is-doc-body tr, .is-generic-service .prod-detail.is-doc-body td {
    border: none!important;
    color: #777 !important;
}

.is-generic-service .prod-detail.is-doc-body td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px;
}

.is-contact .prod-item-wrap .prod-detail .titolo_form {
    color: #c1022c;
    font-size: 14px;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
}

.is-contact .prod-item-wrap .prod-detail a {
    text-decoration: underline;
    color: #c1022c;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
}


.is-product-page .prod-item-wrap .prod-detail p {
    margin: 0 0 6px 0;
    color: #777;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
    font-size: 13px;
    line-height: 1.1em;
}

.is-single-news .prod-item-wrap .prod-detail p {
    line-height: 1.3em;
}


.product-features {
    margin: 10px 0;
    padding: 0 3.125%;
}

    .product-features > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .product-features > ul > li {
        }

            .product-features > ul > li > .cta-feat-item {
                position: relative;
                display: block;
                height: 34px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                background-color: #b40b2b;
                -webkit-box-shadow: inset 0 3px 2px rgba(255,255,255,.2);
                -moz-box-shadow: inset 0 3px 2px rgba(255,255,255,.2);
                box-shadow: inset 0 3px 2px rgba(255,255,255,.2);
                background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.15));
                background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.15));
                background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.15));
                background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.15));
                background-image: linear-gradient(to top, rgba(0,0,0,.25), rgba(231,205,101,.15));
                color: #fff;
                text-transform: uppercase;
                line-height: 34px;
                font-size: 16px;
                text-decoration: none;
                padding-left: 5%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-text-shadow: 0 -1px #470901;
                text-shadow: 0 -1px #470901;
                margin: 3px 0;
            }

                .product-features > ul > li > .cta-feat-item.active {
                    background-color: #d1cacc;
                    -webkit-box-shadow: inset 0 3px 2px rgba(255,255,255,.2);
                    -moz-box-shadow: inset 0 3px 2px rgba(255,255,255,.2);
                    box-shadow: inset 0 3px 2px rgba(255,255,255,.2);
                    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25), rgba(196,192,174,.25));
                    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25), rgba(196,192,174,.25));
                    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25), rgba(196,192,174,.25));
                    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.25), rgba(196,192,174,.25));
                    background-image: linear-gradient(to top, rgba(0,0,0,.25), rgba(196,192,174,.25));
                    -webkit-text-shadow: 0 -1px #999;
                    text-shadow: 0 -1px #999;
                }

                .product-features > ul > li > .cta-feat-item span {
                    display: block;
                    width: 40px;
                    height: 34px;
                    right: 0;
                    top: 0;
                    position: absolute;
                    -webkit-box-shadow: -1px 0 0 #b05260;
                    box-shadow: -1px 0 0 #b05260;
                    border-left: 1px solid #953344;
                }

                .product-features > ul > li > .cta-feat-item.active span {
                    -webkit-box-shadow: -1px 0 0 #ddd;
                    box-shadow: -1px 0 0 #ddd;
                    border-left: 1px solid #aaa;
                }

                .product-features > ul > li > .cta-feat-item i {
                    display: block;
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    top: 5px;
                    left: 8px;
                    background-position: -24px -72px;
                }

                .product-features > ul > li > .cta-feat-item.active i {
                    background-position: 0 -72px;
                }

#cta-accessories i, #cta-accessories.active i {
    background-position: -48px -72px;
}

.tab-content {
    padding: 0 1.5%;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: none;
}

    .tab-content.show {
        display: block;
    }

    .tab-content .white-bg-pat {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 4px solid #ddd;
        padding: 4% 3%;
        -webkit-box-shadow: 1px 2px 3px #ddd;
        box-shadow: 1px 2px 3px #ddd;
    }

.prod-detail a {
    color: #c1022c;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
}

.tab-content .corpo1 {
    border: 2px solid #ddd;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4% 3%;
}

    .tab-content .corpo1 p {
        margin: 0;
    }

    .tab-content .corpo1 a {
        color: #c1022c;
        text-decoration: underline;
        -webkit-text-shadow: 0 1px #fff;
        text-shadow: 0 1px #fff;
    }

.tab-content .corpo2:empty {
    display: none;
}

.tab-content .corpo2 {
    border: 2px solid #ddd;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4% 3%;
}

    .tab-content .corpo2 p {
        margin: 0;
    }

    .tab-content .corpo2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tab-content .corpo2 .titolo {
        color: #c1022c;
    }

    .tab-content .corpo2 ul li {
        padding-left: 16px;
        line-height: 1.2em;
        margin-bottom: 5px;
        position: relative;
    }

        .tab-content .corpo2 ul li:before {
            position: absolute;
            content: '';
            width: 6px;
            height: 6px;
            top: 4px;
            left: 2px;
            background: #c1022c;
        }

.tab-content .corpo3:empty {
    display: none !important;
}

.tab-content .corpo3 {
    line-height: 1.3em;
    font-size: 12px;
    margin: 10px 0;
    border: 2px solid #ddd;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4% 3%;
}

    .tab-content .corpo3 ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tab-content .corpo3 .titolo {
        color: #c1022c;
    }

    .tab-content .corpo3 p {
        margin: 0;
    }

    .tab-content .corpo3 ul li {
        padding-left: 16px;
        line-height: 1.2em;
        margin-bottom: 5px;
        position: relative;
    }

        .tab-content .corpo3 ul li:before {
            position: absolute;
            content: '';
            width: 6px;
            height: 6px;
            top: 4px;
            left: 2px;
            background: #c1022c;
        }

.fieldset-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .fieldset-list li {
        margin: 6px 0;
    }

        .fieldset-list li label {
            display: block;
            width: 100%;
            margin-bottom: 4px;
        }

        .fieldset-list li input[type="text"] {
            width: 100%;
            height: 27px;
            line-height: 27px;
            padding-left: 6px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background-color: #f4f2f2;
            -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
            -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
            box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
            color: #777;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            -webkit-appearance: none;
            outline: none;
        }

            .fieldset-list li input[type="text"].missing_field {
                -webkit-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
                -moz-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
                box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
            }


    .fieldset-list textarea {
        width: 100%;
        max-width: 100%;
        min-height: 70px;
        padding-left: 6px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: #f4f2f2;
        -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
        -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
        box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
        color: #777;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        -webkit-appearance: none;
        outline: none;
    }

        .fieldset-list textarea.missing_field {
            -webkit-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
            -moz-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
            box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
        }

#divValidationSummary strong {
    color: #c1022c !important;
}

.form-btn {
    position: relative;
    height: 30px;
    line-height: 32px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    -webkit-text-shadow: 0 1px #470901;
    text-shadow: 0 1px #470901;
    -webkit-border-radius: 3px/2px;
    -moz-border-radius: 3px/2px;
    border-radius: 3px/2px;
    background-color: #b40b2b;
    padding: 0 12px;
    -webkit-box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
    -moz-box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
    box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
    background-image: linear-gradient(to top, rgba(0,0,0,.25), rgba(231,205,101,.25));
    -webkit-appearence: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a.notizie_precedenti.form-btn {
    margin: 12px 0 5px 0;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
}

#request-info .form-btn {
    padding-left: 36px;
    float: right;
    margin-top: 10px;
}

    #request-info .form-btn i {
        position: absolute;
        top: 7px;
        left: 8px;
        display: block;
        width: 21px;
        height: 18px;
        background-position: -48px -96px;
    }

.access-wrap .img-mask {
    width: 38% !important;
    float: left !important;
}

.access-wrap {
    position: relative;
    padding: 3% 6% !important;
    border: none !important;
    border-radius: 5px !important;
}

    .access-wrap .prod-detail {
        margin-left: 5%;
        margin-top: 1% !important;
        float: left !important;
        width: 56% !important;
    }

    .access-wrap .access-name {
        margin: 5px 0;
    }

        .access-wrap .access-name a {
            color: #c1022c;
            display: block;
            line-height: 1.1em;
        }

    .access-wrap .access-descr a {
        color: #777;
        font-size: 11px;
        line-height: 1.1em;
        display: block;
    }

    .access-wrap .more {
        position: absolute;
        display: block;
        width: 14px;
        height: 17px;
        bottom: 8px;
        right: 8px;
        background-position: -72px -120px;
    }

#universe-filters {
    list-style: none;
    margin: 0 0 4px 0;
    padding: 0;
    clear: both;
    width: 100%;
    margin-left: -2px;
}

    #universe-filters > li {
        float: left;
        margin-right: 2.75%;
        margin-top: 5px;
    }

        #universe-filters > li:last-child {
            margin-right: 0;
        }

        #universe-filters > li > a {
            position: relative;
            display: block;
            font-size: 11px;
            text-decoration: none;
            -webkit-text-shadow: 0 1px #fff;
            text-shadow: 0 1px #fff;
            color: #777;
            padding: 0 12px 0 8px;
            height: 28px;
            line-height: 30px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px 14px 3px 3px;
            background: #fff url(../img/pat02.png);
            -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.2), inset 0 0 5px rgba(197,197,197,.45);
            -moz-box-shadow: 1px 2px 2px rgba(0,0,0,.2), inset 0 0 5px rgba(197,197,197,.45);
            box-shadow: 1px 2px 2px rgba(0,0,0,.2), inset 0 0 5px rgba(197,197,197,.45);
        }


            #universe-filters > li > a.active {
                top: 2px;
                -webkit-text-shadow: 0 1px #444;
                text-shadow: 0 1px #444;
                color: #fff;
                background-color: #ccc;
                -webkit-box-shadow: 0 -1px rgba(0,0,0,.35), inset 0 -1px rgba(255,255,255,.9);
                -moz-box-shadow: 0 -1px rgba(0,0,0,.35), inset 0 -1px rgba(255,255,255,.9);
                box-shadow: 0 -1px rgba(0,0,0,.35), inset 0 -1px rgba(255,255,255,.9);
                background-image: url(../img/pat02.png), -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,0));
                background-image: url(../img/pat02.png), -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,0));
                background-image: url(../img/pat02.png), -o-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,0));
                background-image: url(../img/pat02.png), -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(0,0,0,0));
                background-image: url(../img/pat02.png), linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,0));
            }


            #universe-filters > li > a:after {
                position: absolute;
                content: '';
                bottom: 0;
                right: 0;
                width: 0px;
                height: 0px;
                border-style: solid;
                border-width: 0 0 12px 12px;
                border-color: transparent transparent #c41139 transparent;
            }

.category-flag {
    position: absolute;
    right: 0;
    top: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 18px 18px 0;
    border-color: transparent;
}

    .category-flag.is-type1 {
        border-color: transparent #c41139 transparent transparent;
    }

    .category-flag.is-type2 {
        border-color: transparent #7cbf4a transparent transparent;
    }

    .category-flag.is-type3 {
        border-color: transparent #7b7a7a transparent transparent;
    }

#universe-filters > li > a.active:after {
    bottom: 1px;
}


#universe-filters > li > a#tech-filt:after {
    border-color: transparent transparent #7b7a7a transparent;
}

#universe-filters > li > a#eff-filt:after {
    border-color: transparent transparent #7cbf4a transparent;
}

#universe-filters > li > a#video-filt:after {
    border: none;
}

#universe-filters > li > a#no-filt:after {
    border: none;
}

.is-universe-page .prod-item-wrap {
    width: 100%;
    margin-bottom: 5px;
}

.universe-item {
    position: relative;
    margin: 14px 0 0 0;
}

    .universe-item h2 {
        padding-left: 3px;
        line-height: 1.2em;
    }

.is-universe-page .img-mask, .is-single-news .img-mask {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #fff;
}

.is-universe-page .prod-detail {
    width: 100%;
    margin-top: 10px;
}

    .is-universe-page .prod-detail .news-abstract {
        padding-left: 3px;
    }

.news-info-wrap {
    width: 100%;
    -webkit-box-shadow: 0 -1px #fff;
    box-shadow: 0 -1px #fff;
    border-top: 1px solid #ddd;
    margin-top: 12px;
    padding-top: 12px;
}

    .news-info-wrap .date, .is-single-news .date {
        position: relative;
        float: left;
        display: block;
        color: #8c8b8b;
        -webkit-text-shadow: 0 1px #fff;
        text-shadow: 0 1px #fff;
        padding-left: 22px;
    }

        .news-info-wrap .date i, .is-single-news .date i {
            position: absolute;
            width: 17px;
            height: 16px;
            top: -2px;
            left: 0;
            display: inline-block;
            background-position: -24px -96px;
        }


    .news-info-wrap .more {
        position: relative;
        float: right;
        display: block;
        color: #c1022c;
        -webkit-text-shadow: 0 1px #fff;
        text-shadow: 0 1px #fff;
        padding-right: 20px;
    }

        .news-info-wrap .more i {
            position: absolute;
            width: 13px;
            height: 16px;
            display: block;
            background-position: -72px -120px;
            right: 0;
            top: 0;
        }

.corpo-contact-form {
    margin: 15px 0;
}

.is-contact .white-bg-pat {
    margin-top: 10px;
    border-left: 4px solid #DDD;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1% 3%;
    background: #fff;
}

.contatti_gMaps {
    display: none !important;
}

#gmap {
    display: none;
    width: 100%;
    height: 250px;
}

.is-contact .prod-item-wrap > .img-mask {
    /*display: none;*/
}

.is-contact-map .prod-item-wrap > .img-mask {
    display: none;
}


.is-contact table {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 12px !important;
}

    .is-contact table p {
        margin: 0 0 3px 0 !important;
    }

    .is-contact table tr td {
        padding: 2px 0 !important;
    }

        .is-contact table tr td:first-child {
            width: 70px !important;
            text-align: left !important;
            position: relative;
        }


            .is-contact table tr td:first-child img {
                width: 100%;
            }

    .is-contact table tr:nth-child(2) td:first-child img {
        width: 100% !important;
    }

    .is-contact table tr td:nth-child(2n) {
        display: none;
    }


    .is-contact table tr td:nth-child(3n) {
        width: auto!important;
        padding-left: 2% !important;
    }

    .is-contact table td a {
        font-size: 11px !important;
    }


    .is-contact table img {
        width: 100% !important;
        height: auto !important;
        border: 1px solid #ddd !important;
    }


.installer-form-wrap {
    width: 100%;
    padding: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/pat02.png);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    -o-box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    margin: 12px 0 5px 0;
    border-left: 5px solid #ddd;
}

.side-form-installer {
    width: 43%;
    float: right;
    margin-top: 15px;
}

    .installer-form-wrap input[type="text"], .side-form-installer input[type="text"] {
        color: #aaa;
        width: 60%;
        line-height: 30px;
        height: 30px;
        outline: none;
        border: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(255,255,255,.8);
        -webkit-box-shadow: 0 -1px rgba(0,0,0,.15), inset 0 -1px #fff, inset 0 1px 3px rgba(0,0,0,.13);
        -moz-box-shadow: 0 -1px rgba(0,0,0,.15), inset 0 -1px #fff, inset 0 1px 3px rgba(0,0,0,.13);
        box-shadow: 0 -1px rgba(0,0,0,.15), inset 0 -1px #fff, inset 0 1px 3px rgba(0,0,0,.13);
        padding: 0 26px 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .side-form-installer input[type="text"] {
        width: 100%;
    }

.installer-form-wrap .form-btn {
    margin-left: 10px;
}

.side-form-installer .form-btn {
    margin-top: 10px;
}

#installer-result {
    width: 100%;
    padding: 12px 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/pat06.png);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    -o-box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    color: #777777;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
    display: none;
}

    #installer-result .result-wrap {
        padding: 12px 12px 12px 7px;
        margin-left: 30px;
        height: 100%;
        border-left: 1px solid #f3e4e2;
    }

    #installer-result .result-list {
        list-style: none;
        margin: 0;
        padding: 0 20px 0 0;
    }

        #installer-result .result-list li {
            position: relative;
            margin: 10px 0;
            padding-bottom: 10px;
            border-bottom: 1px dashed #bbb;
            padding-left: 4px;
        }

    #installer-result .store {
        position: relative;
        margin: 10px 0;
        padding-bottom: 10px;
        border-bottom: 1px dashed #bbb;
        padding-left: 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #installer-result .store > span {
            display: block;
        }


        #installer-result .store .company {
            font-weight: bold;
        }


        #installer-result .store:last-child {
            border: none;
        }




        #installer-result .store:before {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            background: url('../img/sprite.png') -96px -72px no-repeat;
            top: 0;
            left: -7px;
        }


    #installer-result .result-list li .company {
        color: #c1022c;
    }

.corpo-installer {
    margin-top: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2%;
}

    .corpo-installer p {
        margin: 0;
    }

.search-result-item {
    padding: 2px 4px 6px 4px;
    margin-bottom: 8px;
    border-bottom: 2px dotted #ddd;
}

    .search-result-item:last-child {
        border: none;
    }

    .search-result-item a {
        display: block;
        position: relative;
        padding-left: 21px;
        color: #c1022c;
        -webkit-text-shadow: 0 1px #fff;
        text-shadow: 0 1px #fff;
    }

        .search-result-item a .sprt {
            background-position: -125px -24px;
            display: inline-block;
            width: 14px;
            height: 17px;
            left: 0;
            position: absolute;
            top: -1px;
        }

.searched-term {
    font-size: 14px;
    text-transform: none;
    color: #444;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
}

.select_cont select {
    /*opacity: 0;*/
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 30px;
}

.select_cont {
    position: relative;
    width: 100%;
    line-height: 30px;
    height: 30px;
    margin-bottom: 10px;
}

    .select_cont .fake-select {
        position: absolute;
        z-index: 0;
        color: #aaa;
        width: 100%;
        line-height: 30px;
        height: 30px;
        outline: none;
        border: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(255,255,255,.8);
        -webkit-box-shadow: 0 -1px rgba(0,0,0,.15), inset 0 -1px #fff, inset 0 1px 3px rgba(0,0,0,.13);
        -moz-box-shadow: 0 -1px rgba(0,0,0,.15), inset 0 -1px #fff, inset 0 1px 3px rgba(0,0,0,.13);
        box-shadow: 0 -1px rgba(0,0,0,.15), inset 0 -1px #fff, inset 0 1px 3px rgba(0,0,0,.13);
        padding: 0 26px 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .select_cont .fake-select > span {
            height: 30px;
            display: block;
            overflow: hidden;
        }

        .select_cont .fake-select:after {
            right: 11px;
            top: 12px;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #b40b2b;
            content: '';
            position: absolute;
            z-index: 3;
        }

.missing_field .select_cont .fake-select, .search-inst-form .select_cont.missing_field .fake-select {
    -webkit-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
    -moz-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
    box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
}

        .fieldset-list select.missing_field {
            -webkit-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
            -moz-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
            box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
        }

label.missing_field{
        color: #c1022c;
 }

.is-contact-map .select_cont .fake-select, .is-product-page .select_cont .fake-select {
    width: 100%;
    height: 27px;
    line-height: 27px;
    padding-left: 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f4f2f2;
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
    -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
    box-shadow: 0 -1px 1px rgba(0,0,0,.15), inset 0 0 1px #fff;
    color: #777;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-appearance: none;
    outline: none;
}

    .is-contact-map .select_cont .fake-select.missing_field, .is-contact-map .missing_field .select_cont .fake-select, .is-product-page .select_cont .fake-select.missing_field, .is-product-page .missing_field .select_cont .fake-select {
        -webkit-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
        -moz-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
        box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c;
    }


    .is-contact-map .select_cont .fake-select:after, .is-product-page .select_cont .fake-select:after {
        top: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #b40b2b;
    }



.requiredFields {
    display: none;
    margin-top: 15px;
}

.play-ico {
    margin-top: -30px;
    margin-left: -28px;
    left: 50%;
    top: 50%;
    border: 5px solid #fdfdfd;
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    opacity: 0.8;
}

    .play-ico:after {
        width: 0;
        height: 0;
        content: '';
        position: absolute;
        top: 7px;
        left: 18px;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 21px solid #fdfdfd;
    }



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */



@media only screen and (min-width: 479px) {
    .landHide {
        display: none;
    }

    .portHide {
        display: block;
    }

    .submenu-wrap .second-level {
        padding: 10px 3% 12px 5%;
    }

        .submenu-wrap .second-level > li {
            float: left;
            clear: left;
            width: 48%;
        }

            .submenu-wrap .second-level > li:before {
                width: 3px;
                height: 3px;
                top: 6px;
                left: -10px;
            }

            .submenu-wrap .second-level > li a {
                font-size: 12px;
            }

            .submenu-wrap .second-level > li:nth-child(2n) {
                clear: right;
                float: right;
            }



    .news-slide .img-mask {
        width: 44%;
        height: auto;
    }

        .news-slide .img-mask.masked {
            height: 150px;
        }


    #news-slider .flex-viewport {
        padding: 0 0 8px 0;
    }

    .news-body {
        float: right;
        width: 52%;
        margin-top: 8px;
    }

    #cta-prod {
        /*width: 34%;*/
        height: 66px;
    }

    #cta-installer {
        font-size: 14px;
        width: 33%;
        height: 66px;
        border-bottom: 1px solid #aaa;
        background-color: rgba(39,39,39,.34);
    }

        #cta-installer i {
            top: 20px;
            left: 8%;
            width: 28px;
            height: 27px;
            background-position: -114px -155px;
        }

        #cta-installer span {
            left: 32%;
            top: 20px;
            line-height: 1em;
            width: 70px;
        }


    #cta-services {
        font-size: 14px;
        width: 33%;
        height: 66px;
        background-color: rgba(39,39,39,.20);
        border-bottom: 1px solid #bfbfbf;
    }

        #cta-services span {
            left: 39%;
            top: 25px;
            line-height: 1em;
            width: 100px;
        }

        #cta-services i {
            width: 39px;
            height: 23px;
            top: 19px;
            left: 8%;
            background-position: 0 -120px;
        }

    .wrap-cta-services {
        float: left;
        width: 42%;
        height: 66px;
        clear: none;
        border-bottom: none;
    }

        .wrap-cta-services .square-wrap {
            display: none;
        }

        .wrap-cta-services .cta-services {
            float: left;
            display: block;
            height: 22px;
            line-height: 23px;
            width: 100%;
            font-size: 11px;
        }


    .slides .slide-mask {
        width: 62%;
        float: left;
    }

    .slides .slide-descr {
        width: 38%;
        float: right;
    }

        .slides .slide-descr .slide-title {
            width: 100%;
            margin: 10% 0 0 0;
            padding-left: 6%;
            padding-bottom: 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    .flex-control-nav {
        right: 3.125%;
    }

    .landing-prod-wrap {
        padding: 8px;
    }


        .landing-prod-wrap > .prod-item-wrap {
            float: left;
            width: 49%;
        }

            .landing-prod-wrap > .prod-item-wrap.fr-land {
                float: right;
            }

    .is-category-page .prod-item-wrap .prod-detail h3 {
        margin-top: 3.125%;
        margin-bottom: 5px;
    }


    .is-product-page .landing-prod-wrap > .prod-item-wrap {
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }

    .is-product-page .prod-item-wrap .img-mask {
        float: left;
        width: 55%;
    }

    .is-single-news .prod-item-wrap .img-mask {
        margin-bottom: 2%;
        margin-right: 4%;
        float: left;
        width: 56%;
    }

    .is-product-page .prod-item-wrap .prod-detail {
        float: right;
        width: 40%;
    }

        .is-product-page .prod-item-wrap .prod-detail.has-slider {
            width: 100%;
            float: none;
        }

    .is-single-news .prod-item-wrap .prod-detail {
        margin-top: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2%;
        float: none;
        width: 100%;
    }

    .access-wrap {
        float: left !important;
        width: 49% !important;
        padding: 2% !important;
    }

        .access-wrap .prod-detail .img-mask {
            width: 40% !important;
        }

        .access-wrap.fr-land {
            float: right !important;
        }

        .access-wrap .prod-detail {
            width: 55% !important;
            margin-top: 0 !important;
            margin-left: 4% !important;
        }

            .access-wrap .prod-detail h3 a {
                font-size: 12px;
            }

        .access-wrap .more {
            display: none;
        }

    #universe-filters > li > a {
        padding: 0 16px 0 12px;
    }


    .universe-item h2 {
        padding-right: 3%;
        padding-left: 0;
        width: 46%;
        float: right;
        margin-bottom: 0;
    }

    .is-universe-page .prod-item-wrap {
        width: 100%;
    }

    .universe-item .prod-detail {
        padding-right: 3%;
        width: 46%;
        float: right;
    }

    .is-universe-page .img-mask {
        width: 46%;
        float: left;
    }

    .universe-item .news-abstract {
        padding-bottom: 40px;
    }

    .universe-item .news-info-wrap {
        bottom: 15px;
        position: absolute;
        width: 46%;
    }

    .is-contact .img-mask {
        width: 60% !important;
    }

    #gmap {
        height: 200px;
    }

    #installer-result .result-list {
        padding: 0;
    }

        #installer-result .result-list li {
            float: left;
            width: 39%;
            margin: 10px 5%;
            border-bottom: none;
        }

    #installer-result .store {
        float: left;
        width: 39%;
        margin: 10px 5%;
        border-bottom: none;
    }

        #installer-result .store:nth-child(2n+1) {
            clear: left;
        }

    .is-installer .img-mask {
        width: 55% !important;
        margin: 0 !important;
    }

    #specifications-tab .access-wrap:nth-child(2n+1) {
        clear: left;
    }

    .is-land-prod-page .view-all-prod {
        position: absolute;
        right: 10px;
        bottom: 6px;
    }

    .is-land-prod-page .landing-prod-wrap {
        position: relative;
    }

        .is-land-prod-page .landing-prod-wrap .prod-item-wrap {
            margin-bottom: 35px;
        }

    .is-category-page .landing-prod-wrap .prod-item-wrap:nth-child(2n+1) {
        clear: left;
    }

    .is-contact table tr td:first-child {
        width: 100px !important;
    }
}


@media only screen and (min-width: 539px) {
    #cta-prod {
        /*width: 34%;*/
    }

        #cta-prod span {
            right: 14%;
        }

    #cta-installer {
        width: 33%;
    }

    .wrap-cta-services {
        width: 47%;
    }

        .wrap-cta-services .square-wrap {
            display: block;
        }

        .wrap-cta-services .square {
            height: 55px;
        }

        .wrap-cta-services .cta-services {
            width: 73%;
        }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) and (min-resolution: 132dpi) {
    .sprt {
        background: url('../img/sprite@2x.png') no-repeat;
        -moz-background-size: 300px 300px;
        -o-background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
        background-size: 300px 300px;
    }

    #first-level > li > a .arrow:after {
        background: url('../img/sprite@2x.png') -48px -24px no-repeat;
        -moz-background-size: 300px 300px;
        -o-background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
        background-size: 300px 300px;
    }

    #first-level > li > a.active .arrow:after {
        background: url('../img/sprite@2x.png') -72px -24px no-repeat;
        -moz-background-size: 300px 300px;
        -o-background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
        background-size: 300px 300px;
    }

    #first-level > li.no-link.active > .arrow:after {
        background: url('../img/sprite@2x.png') -120px -120px no-repeat;
        -moz-background-size: 300px 300px;
        -o-background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
        background-size: 300px 300px;
    }

    .ui-slider-track .ui-btn.ui-slider-handle, .ui-slider-switch .ui-btn.ui-slider-handle {
        background: url('../img/sprite@2x.png') no-repeat;
        background-position: -72px -96px;
        -moz-background-size: 300px 300px;
        -o-background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
        background-size: 300px 300px;
    }

    .prod-item-wrap .social-wrap .fb-share {
        background: url('../img/sprite@2x.png') -46px -144px no-repeat;
        -moz-background-size: 300px 300px;
        -o-background-size: 300px 300px;
        -webkit-background-size: 300px 300px;
        background-size: 300px 300px;
    }
}
/*CONNETTIVITA'*/
.connettivita {
}
.connettivita .back_top {
	margin-top: 20px;
	text-align: right;
}
.connettivita .back_top a {
	cursor: pointer !important;
	text-decoration: none;
	background: url(../img/connettivita/top.png) right center no-repeat;
	padding-right: 20px;
}
.connettivita img {
	max-width: 100%;
}
.connettivita .titolo_rosso_big {
	color: #c1022c;
	font-weight: normal;
	text-shadow: 0 1px 1px #fff;
	margin: 5px 0 15px 0;
	font-size: 14px;
}
.connettivita .cta a {
	position: relative;
	height: 30px;
	line-height: 32px;
	color: #fff;
	border: none;
	text-transform: uppercase;
	-webkit-text-shadow: 0 1px #470901;
	text-shadow: 0 1px #470901;
	-webkit-border-radius: 3px/2px;
	-moz-border-radius: 3px/2px;
	border-radius: 3px/2px;
	background-color: #b40b2b;
	padding: 5px 12px;
	-webkit-box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
	-moz-box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
	box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: linear-gradient(to top, rgba(0,0,0,.25), rgba(231,205,101,.25));
	-webkit-appearence: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-decoration: none;
	box-sizing: border-box;
}
.connettivita .video_yt {
	margin-top: 10px;
}
.connettivita .product-features {
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc;
	margin: 20px 0 0 0;
}
.connettivita .tab-content {
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.connettivita .cont_smartphone {
	width: 220px;
	height: 454px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
.connettivita .smartphone {
	width: 220px;
	height: 454px;
	background: url(../img/connettivita/smartphone.png);
	background-size: cover;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
}
.connettivita .slick_connect {
	padding: 72px 16px 0px 16px;
}
.connettivita .slick_connect img { /*width: 93%;*/
}
.connettivita .slickmenu {
	margin: 20px 0;
	padding: 0;
}
.connettivita .slickmenu li {
	display: block;
	cursor: pointer;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.connettivita .slickmenu li.selected div {
	background: #C1022C;
	color: #fff;
	padding: 0 5px;
}
.connettivita .foto_works {
}
.connettivita .foto_works img {
	margin-bottom: 20px;
}
.connettivita .foto_works ul {
	list-style-type: disc;
	padding: 0 0 0 15px;
}
.connettivita .foto_works ul li {
	margin-bottom: 5px;
}
.accordion_connettivita {
}
.accordion_connettivita h4 {
	border: 1px solid #ddd;
	padding: 5px 35px 5px 10px;
	font-weight: normal;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	color: #C1022C;
	cursor: pointer;
	background: url(../img/bg_footer.jpg);
	position: relative;
	z-index: 1;
}
.accordion_connettivita .on h4 {
	background: #C1022C;
	color: #fff;
}
.accordion_connettivita h4 .icon {
	position: absolute;
	z-index: 2;
	background: url(../img/connettivita/connet_plus.png);
	width: 30px;
	height: 10px;
	top: 9px;
	right: 0;
}
.accordion_connettivita .on h4 .icon {
	background: url(../img/connettivita/connet_meno.png);
}
.accordion_connettivita .prodotti {
	padding: 10px 0;
	display: none;
}
.accordion_connettivita .on .prodotti {
	display: block;
}
.accordion_connettivita .prodotti ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.accordion_connettivita .prodotti ul li {
	float: left;
	width: 219px;
	text-align: center;
	margin-bottom: 20px;
}
.accordion_connettivita .prodotti ul li a {
	text-decoration: none;
	cursor: pointer !important;
}
.accordion_connettivita .prodotti ul li .foto {
}
.accordion_connettivita .prodotti ul li .foto img {
	border: 1px solid #c9c9c9;
	height: 130px;
	max-width: 143px;
	padding: 10px;
}
.accordion_connettivita .prodotti ul li .descrizione {
	color: #5a5a5a;
	font-size: 11px;
	line-height: 15px;
}
.accordion_connettivita .prodotti ul li .descrizione span {
	display: block;
	color: #c1022c;
	margin-bottom: 0;
}
.accordion_connettivita .prod-item-wrap .img-mask {
	width: 48% !important;
	float: left !important;
}
.accordion_connettivita .prod-item-wrap .prod-detail {
	float: right !important;
	width: 46% !important;
}
.accordion_connettivita .prod-name a {
	color: #c1022c;
	font-size: 14px;
	text-transform: uppercase;
}
.accordion_connettivita .prod-abstract a {
	text-transform: uppercase;
	display: block;
	line-height: 1em;
	font-size: 11px;
	color: #aaa;
}
.connettivita .contact_us {
}
.connettivita .contact_us .n_verde {
	background: #c1022c;
	color: #fff;
	padding: 5px;
}
.connettivita .contact_us .n_verde a {
	color: #fff;
	text-decoration: none;
}
.connettivita .contact_us .n_verde .titolo_rosso_big {
	margin-bottom: 0;
}
.blocco_privacy {
	margin: 10px 0;
}
.blocco_privacy .titolo {
	color: #c1022c;
}
#divValidationSummary {
	margin: 10px 0;
}
.connettivita .privacy {
	margin: 0;
	padding: 15px 0 0 0;
	list-style-type: none;
}
.connettivita .privacy li {
	display: inline-block;
	margin-right: 10px;
}
.connettivita .privacy label {
	display: inline-block;
	margin: 0;
	width: auto;
}
.connettivita .privacy input {
	display: inline-block;
}
.fancyinline {
	display: none;
}
#checkProds {
	margin-top: 10px;
}
#checkProds input {
	display: block;
	margin: 5px 0;
}
#checkProds .button {
	color: #fff;
	border: none;
	text-transform: uppercase;
	-webkit-text-shadow: 0 1px #470901;
	text-shadow: 0 1px #470901;
	-webkit-border-radius: 3px/2px;
	-moz-border-radius: 3px/2px;
	border-radius: 3px/2px;
	background-color: #b40b2b;
	padding: 5px 12px;
	-webkit-box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
	-moz-box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
	box-shadow: 0 2px 2px rgba(16,16,16,.35), inset 0 3px 2px rgba(255,255,255,.2);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.25), rgba(231,205,101,.25));
	background-image: linear-gradient(to top, rgba(0,0,0,.25), rgba(231,205,101,.25));
	-webkit-appearence: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-decoration: none;
	box-sizing: border-box;
}
.oppure {
	margin: 10px 0;
}
.scopri_modello {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #c1022c;
	font-size: 14px;
}
.scopri_modello li {
	margin-bottom: 20px;
}
.scopri_modello li img {
	max-width: 100%;
	margin-top: 10px;
}
.contact_us .costo_chiamata {
	font-size: 10px;
	line-height: 12px;
	margin: 10px 0;
}