/*
 * 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: 2; /*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 > a.is-ref-menu i { position: absolute; top: 8px; right: 5%; width: 20px; height: 20px; background-position: 0 -150px; }

#first-level > li > a.is-quot-menu i { position: absolute; top: 9px; right: 5%; width: 20px; height: 20px; background-position: -25px -150px; }

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

#first-level > li.costomer-service-menu { background-color: rgb(180, 23, 54); background-image: url(../img/pat04.png), linear-gradient(to top, rgba(180, 23, 54,.72), rgba(180, 23, 54,.8)); color: #fff; text-transform: uppercase; padding: 13px 20px 3px 20px; font-size: 14px; line-height: 14px; }
#first-level > li.costomer-service-menu a { display: block; color: #fff; text-decoration: none; font-size: 18px; line-height: 18px; margin: 10px 0; }


/*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 { padding: 0 0 0 7%; margin: 5px 0; list-style: none; }

.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 #222; box-shadow: 0 1px #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: 48%; 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: 17px; right: 16%; position: absolute; display: inline-block; width: 50%; }

#cta-installer { position: relative; float: left; width: 52%; font-size: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 34px; 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 { width: 18px; height: 22px; top: 9px; position: absolute; left: 8%; display: block; background-position: -75px -150px; }

#cta-installer span { -webkit-text-shadow: 0 -1px 1px #888; text-shadow: 0 -1px 1px #888; color: #fff; top: 8px; position: absolute; left: 22%; }


#cta-services { position: relative; float: left; width: 52%; 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: 20px; display: block; top: 5px; position: absolute; left: 7%; background-position: -48px -150px; }

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


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

.customer-service { margin-bottom: 20px; font-size: 18px; }
.customer-service span { display: block; margin-bottom: 10px; }
.customer-service a { color: #c1022c; text-decoration: none; display: inline-block; }

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

.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; opacity: 0; }

#news-slider .slides { width: 10000em; }


.news-slide { float: left; display: block; padding: 4px 4px 8px 4px; margin: 4px 0; /*-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%; }

.lateral-padd5 { padding: 0 5%; }

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

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

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

.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 .prod-detail img { width: 100% !important; height: auto !important; }


.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: 135px; }

.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: 55px; }

.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-reference .title-wrap .back-to-prod { width: 50px; }

.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 { 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.is-doc-body { margin-bottom: 5px; }

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

.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 { 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:empty { display: none !important; }

.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:first-child { margin-top: 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; }


.fieldset-list input[type="checkbox"] { display: none; }

.fieldset-list input[type=checkbox] + label { display: inline-block; width: auto; cursor: pointer; position: relative; margin-right: 15px; font-size: 13px; padding-left: 28px; }

input[type=checkbox] + label:before { content: ''; position: absolute; left: 0; width: 20px; height: 20px; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #f4f2f2; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.25), inset 0 0 1px #fff; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.25), inset 0 0 1px #fff; box-shadow: 0 -1px 1px rgba(0,0,0,.25), inset 0 0 1px #fff; color: #b40b2b; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; }

input[type=checkbox]:checked + label:before { content: "\2713"; font-size: 18px; font-weight: bold; text-align: center; line-height: 18px; }

label.missing_field{color: #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 2%; color: #fff !important; text-decoration: none; display: inline-block; float: left; clear: both; }

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

#request-info .form-btn i, #form1 .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: 12px; 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; }

.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 { width: 100%; height: 250px; }

.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: 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; margin-bottom: 10px; }

.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; overflow: hidden !important; display: none; }

/*#installer-result:before {
        left: 25px;
        top: 0;
        z-index: 0;
        background: #FFE4E1;
        width: 1px;
        height: 600px;
        position: absolute;
        content: '';
    }*/

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

#requiredFields { margin: 10px 0 0 0; }

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

#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 ul { margin: 10px 0 !important; padding: 0 0 0 25px !important; }

.corpo-installer ul li span { font-size: 12px !important; }


.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 { 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: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; }

.is-segnalation .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-segnalation .select_cont .fake-select.missing_field, .is-segnalation .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-segnalation .select_cont .fake-select:after { top: 10px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #b40b2b; }

.select_cont .fake-select span { color: #aaa; }

.is-segnalation .select_cont .fake-select span { color: #777; }

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

.is-segnalation .form-subtitle { font-size: 13px; color: #c1022c; font-weight: bold; margin: 10px 0; }

.is-segnalation .form-subtitle span { font-size: 12px; color: #444; font-weight: normal; }


.is-segnalation .form-subtitle:first-child { margin-top: 0; }


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

.form-btn.referenze_precedenti { clear: both; float: left; margin: 0 0 5px 2%; color: #fff !important; text-decoration: none; display: inline-block; }

.ui-widget-content { border-radius: 0 !important; -webkit-box-shadow: 0 2px 3px #eee !important; box-shadow: 0 2px 3px #eee !important; border: 1px solid #eee !important; background: #fefefe !important; max-width: 185px !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; max-height: 140px !important; overflow-y: scroll !important; }

.ui-widget-content .ui-menu-item a { color: #bbb !important; font-size: 11px !important; font-family: 'OpenSansRegular', sans-serif !important; padding: 2px .4em !important; font-weight: normal !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.ui-widget-content .ui-menu-item a.ui-state-focus { background: #ddd !important; color: #444 !important; border: none !important; border-radius: 0 !important; font-weight: normal !important; }

.is-design-page .title-wrap h1 { padding-top: 5px; }

.ita-flag { margin-top: 2px; background: url('../img/ariston-header-flag.png') no-repeat; width: 42px; height: 28px; position: relative; }

.design-bg { padding: 20px 5% 0 5%; background: url('../img/ariston-design-bg.jpg') repeat-x; }

.transparent { background: rgba(255,255,255,0.7); padding: 15px 12px; margin: 20px 0; 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); }

.abstract-design { color: #fff; }


.abstract-design h2 { color: #fff; text-transform: uppercase; text-shadow: none; font-family: 'OpenSansBold',sans-serif; margin-bottom: 5px; }

.abstract-design .txt { font-size: 12px; margin-bottom: 12px; }

.date-select { float: left; width: 30%; margin-right: 5%; }

.date-select .fake-select { -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; }

.date-select .fake-select:after { right: 8px; top: 13px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #b40b2b; }

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

input.radio.missing_field { -moz-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c; -webkit-box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c; box-shadow: 0 -1px 1px #c1022c, inset 0 0 1px #c1022c; }

.date-select.year { margin-right: 0; }

.find-more-prod { width: 100%; text-align: right; text-decoration: none; display: block; font-size: 13px; margin-bottom: 10px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-family: 'OpenSansBold',sans-serif; color: #c1022c; }

.radio_choose label { margin-right: 20px !important; display: inline-block !important; width: auto !important; margin-bottom: 4px; }


/*FANCY CUSTOMER*/
#fancy-official { height: 100%; background-color: #abc3e5; width: 100%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 5px solid #c51230; font-family: 'OpenSansRegular'; font-size: 18px; background-image: url(../img/me-fancy-dubai.jpg); background-size: contain; background-repeat: no-repeat; background-position: bottom center; }
#fancy-official h1 { font-size: 26px; margin-bottom: 8px; line-height: 28px; }
#fancy-official h2 { font-size: 22px; color: #c1022c; margin-top: 8px; line-height: 24px; }
#fancy-official span { display: block; font-family: 'OpenSansBold'; margin-bottom: 8px; }
#fancy-official span.red { color: #c1022c; margin: 8px 0; line-height: 24px; }

/*LANDING CUSTOMER*/
.landing-customer { }
.landing-customer .blocco { padding: 20px 5% 140px 5%; background-image: url(../img/me-fancy-dubai.jpg); background-repeat: no-repeat; background-size: contain; background-position: bottom center; margin-top: -20px; background-color: #abc3e5; box-sizing: border-box; }
.landing-customer .off-serv { color: #c1022c; text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 10px; }
.landing-customer .off-serv span { display: block; font-size: 14px; }
.landing-customer .corpo { }
.landing-customer .corpo strong { color: #c1022c; }
.landing-customer .wrap_txt { }
.landing-customer .wrap_txt .txt { line-height: 20px; }
.landing-customer .wrap_txt .txt strong { color: #c1022c; text-transform: uppercase; font-size: 14px; }
.landing-customer .wrap_txt .plus { padding: 10px 90px 10px 0; text-transform: uppercase; font-size: 14px; line-height: 24px; }
.landing-customer .wrap_txt .plus span { font-size: 10px; line-height: 12px !important; display: block; margin-top: 10px; }
.landing-customer .call-us a { color: #c1022c; text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 600; padding: 0px 90px 10px 0; text-decoration: none; display: block; }
.landing-customer .blocco_form { }
.landing-customer .blocco_form .titolo { color: #c1022c; display: block; text-transform: uppercase; font-weight: 600; font-size: 13px; margin-bottom: 5px; }
.landing-customer .blocco_form .mandatory { margin-bottom: 10px; display: block; }

.prodotti .titolo { text-align: center; display: block; }
.prodotti .menu { text-align: center; margin-top: 20px; }
.prodotti .wrap_prod { background: #fff; margin: 20px 0 0 0; }
.prodotti .wrap_prod a { float: left; width: 33%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.prodotti .wrap_prod a img { width: 100%; }
.prodotti .list_desc { }
.prodotti .list_desc ul { list-style-type: none; text-transform: uppercase; font-size: 10px; display: block; text-align: left; margin: 0; padding: 20px 0 40px 0; }
.prodotti .list_desc ul li { float: left; }
.prodotti .list_desc ul li.separa { }



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

    #cta-prod span { font-size: 14px; }

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

    #cta-installer i { top: 20px; left: 7%; width: 23px; height: 28px; background-position: -25px -150px; }

    #cta-installer span { left: 30%; top: 18px; line-height: 1em; width: 95px; }


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

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

    #cta-services i { width: 26px; height: 25px; top: 19px; left: 7%; background-position: 0 -150px; }

    .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-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 3%; border-bottom: none; }

    #installer-result .store:first-child { margin-left: 1%; }



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

    .reference-wrap { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48%; margin: 6px 1%; }

    .reference-wrap:nth-child(2n+1) { clear: left; }


    .reference-wrap .reference-abstract { padding: 1% 4%; }

    a.notizie_precedenti.form-btn { margin-left: 1%; }
}

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

    #first-level > li > a.is-ref-menu i { background: url('../img/sprite@2x.png') 0 -150px 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.is-quot-menu i { background: url('../img/sprite@2x.png') -25px -150px 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; }

    #installer-result .store:before { background: url('../img/sprite@2x.png') -96px -72px no-repeat; -moz-background-size: 300px 300px; -o-background-size: 300px 300px; -webkit-background-size: 300px 300px; background-size: 300px 300px; }
}