/*
 * 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; margin-right: 5px; }

#top-nav > ul > li:last-child { margin-right: 0; }

#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; }

#top-nav ul li.cambio-lg { }
#top-nav ul li.cambio-lg a { text-indent: 0; color: #fff; text-transform: uppercase; line-height: 32px; text-align: center; font-size: 14px; }

#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: 100%; }
.hp-central-widget .one-of-three span { line-height: 30px !important; }
.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; }

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


.reference-wrap { margin: 20px 2%; }

.reference-wrap img { width: 100% !important; height: auto !important; -webkit-box-shadow: 0 1px 2px #ddd; box-shadow: 0 1px 2px #ddd; }

.reference-wrap .reference-title { margin: 15px 0 10px 0; line-height: 1.2em; color: #c1022c; font-size: 14px; font-weight: normal; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; }

.reference-wrap .reference-abstract { background: #eee; padding: 10px 3%; -webkit-box-shadow: 0 2px 2px #ddd; box-shadow: 0 2px 2px #ddd; }

.reference-wrap .more { position: relative; float: right; display: block; color: #c1022c; -webkit-text-shadow: 0 1px #fff; text-shadow: 0 1px #fff; padding-right: 20px; text-decoration: none; margin: 5px 0; }

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


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