/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
@font-face { font-family: 'OpenSansLight'; src: url('OpenSans-Light-webfont.eot'); src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Light-webfont.woff') format('woff'), url('OpenSans-Light-webfont.ttf') format('truetype'), url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansRegular'; src: url('OpenSans-Regular-webfont.eot'); src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular-webfont.woff') format('woff'), url('OpenSans-Regular-webfont.ttf') format('truetype'), url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansBold'; src: url('OpenSans-Bold-webfont.eot'); src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Bold-webfont.woff') format('woff'), url('OpenSans-Bold-webfont.ttf') format('truetype'), url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; }
.osr { font-family: 'OpenSansRegular'; }
.osl { font-family: 'OpenSansLight'; }
.osb { font-family: 'OpenSansBold'; }
.fl { float: left; }
.fr { float: right; }
.uppercase { text-transform: uppercase; }
html,
button,
input,
select,
textarea { color: #222; }
body { font-size: 12px; line-height: 1.4; color: #444; font-family: 'OpenSansRegular', sans-serif; }
a { color: #444; }
a:visited { color: #444; }
a:hover { color: #444; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img { vertical-align: middle; }
/*
* Remove default fieldset styles.
*/
fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/
textarea { resize: vertical; }
h1 { color: #c1022c; font-size: 16px; font-weight: normal; text-transform: uppercase; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; margin: 0; }
h2 { color: #c1022c; font-size: 15px; font-weight: normal; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; margin: 0; }
/* ==========================================================================
Author's custom styles
========================================================================== */
html, body { width: 100%; min-width: 100%; height: 100%; }
/* ==========================================================================
Helper classes
========================================================================== */
.text-shad-w { -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; }
.radius-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.landHide { display: block; }
.portHide { display: none; }
/* Prevent callout */
.nocallout { -webkit-touch-callout: none; }
.pressed { background-color: rgba(0, 0, 0, 0.7); }
/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] { -webkit-appearance: none; }
/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
they have been set as display: none */
.gifhidden { position: absolute; left: -100%; }
/*
* Image replacement
*/
.ir { background-color: transparent; background-repeat: no-repeat; border: 0; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; }
.ir br { display: none; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden { display: none !important; visibility: hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible { visibility: hidden; }
/**
* Clearfix helper
* Used to contain floats: h5bp.com/q
*/
.clearfix:before,
.clearfix:after,
.cf:after,
.cf:before { content: ""; display: table; }
.clearfix:after, .cf:after { clear: both; }
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix, .cf { *zoom: 1; }
.wrap-container { min-height: 100%; height: auto !important; margin: 0 auto -46px; padding-bottom: 46px; }
header { position: relative; width: 100%; }
#topbar { position: relative; z-index: 10; width: 100%; height: 46px; padding: 0 3.125%; background-color: #b61f3b; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25), inset 0 -1px 2px rgba(255,255,255,.28); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25), inset 0 -1px 2px rgba(255,255,255,.28); box-shadow: 0 2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25), inset 0 -1px 2px rgba(255,255,255,.28); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10)); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.10)); background-image: linear-gradient(to top, rgba(0,0,0,.20), rgba(231,205,101,.10)); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
footer { width: 100%; height: 46px; background-color: #b61f3b; padding: 0 5%; -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25); -moz-box-shadow: 0 -2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25); box-shadow: 0 -2px 3px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.25); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15)); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.20), rgba(231,205,101,.15)); background-image: linear-gradient(to top, rgba(0,0,0,.20), rgba(231,205,101,.15)); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
footer .company-info { float: left; width: 60%; margin-top: 10px; font-size: 9px; color: #fff; -webkit-text-shadow: 0 -1px 1px #470901; text-shadow: 0 -1px 1px #470901; }
footer .company-info p { margin: 0 3px 0 0; }
footer .ws-signature { text-decoration: none; color: #fff; -webkit-text-shadow: 0 -1px 1px #470901; text-shadow: 0 -1px 1px #470901; }
footer .ws-signature .logo { position: relative; top: 2px; display: inline-block; width: 13px; height: 14px; margin: 0 5px 0 3px; background-position: -48px -120px; }
footer .social-links-wrap { float: right; padding-left: 6%; -webkit-box-shadow: -1px 0 0 #b05260; box-shadow: -1px 0 0 #b05260; height: 100%; border-left: 1px solid #953344; }
footer .social-list { list-style: none; margin: 12px 0 0 0; padding: 0; }
footer .social-list li { float: left; margin-left: 5px; }
footer .social-list li:first-child { margin-left: 0; }
footer .social-list li a { text-indent: -9999px; display: block; width: 24px; height: 24px; }
footer .social-list li a#fb-link { height: 25px; background-position: -48px -48px; }
footer .social-list li a#tw-link { margin-right: 4px; background-position: -72px -48px; }
footer .social-list li a#yt-link { background-position: -144px -48px; }
.sprt { background: url('../img/sprite.png') no-repeat; }
.filetto-logo { border: 1px solid #FFF; overflow: hidden; width: 131px; height: 22px; margin-top: 3px; padding: 10px 10px 5px 7px; background-color: #B41736; box-shadow: inset 0 0 1px 1px white; float: left; }
#logo { display: block; width: 131px; height: 22px; text-decoration: none; text-indent: -9999px; }
#top-nav { float: right; margin: 5px 0 0 0; }
#top-nav > ul { list-style: none; margin: 0; padding: 0; }
#top-nav > ul > li { float: left; }
#top-nav > ul > li:first-child { margin-right: 5px; }
#top-nav > ul > li a { display: block; position: relative; text-decoration: none; text-indent: -9999px; width: 32px; height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(255,228,181,.08); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.3); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.3); box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.3); border: solid 1px rgba(142,7,7,.9); background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2)); background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2)); background-image: -o-linear-gradient(bottom, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2)); background-image: -ms-linear-gradient(bottom, rgba(255,255,255, .08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2)); background-image: linear-gradient(to top, rgba(255,255,255,.08), rgba(255,255,255,.22) 96%, rgba(255,255,255,.2)); -webkit-tap-highlight-color: rgba(0,0,0,0); }
#top-nav > ul > li a.on { margin-top: 1px; width: 32px; height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(0,0,0,.1); -webkit-box-shadow: 0 -1px rgba(0,0,0,.4), inset 0 -1px rgba(255,255,255,.4); -moz-box-shadow: 0 -1px rgba(0,0,0,.4), inset 0 -1px rgba(255,255,255,.4); box-shadow: 0 -1px rgba(0,0,0,.4), inset 0 -1px rgba(255,255,255,.4); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1)); }
#top-nav > ul > li > a > i { display: block; position: absolute; }
#top-nav > ul > li > a#open-menu > i { width: 17px; height: 17px; top: 8px; left: 7px; background-position: 0 -24px; }
#top-nav > ul > li a#open-menu.on > i { top: 6px; opacity: 0.95; }
#top-nav > ul > li > a#open-search > i { width: 18px; height: 19px; top: 7px; left: 7px; background-position: -24px -24px; }
#top-nav > ul > li a#open-search.on > i { top: 5px; opacity: 0.95; }
#main-nav { width: 100%; position: absolute; z-index: 100; /*display: none;*/ }
#first-level { /*font-weight:bold;*/ width: 100%; list-style: none; margin: 0; padding: 0; display: none; }
.open-menu #first-level { display: block; }
#first-level > li { position: relative; display: block; background-color: #817577; -webkit-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08); -moz-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08); box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08); background-image: url(../img/pat04.png); background-image: url(../img/pat04.png), -webkit-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8)); background-image: url(../img/pat04.png), -moz-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8)); background-image: url(../img/pat04.png), -o-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8)); background-image: url(../img/pat04.png), -ms-linear-gradient(bottom, rgba(36,40,43,.72), rgba(83,89,94,.8)); background-image: url(../img/pat04.png), linear-gradient(to top, rgba(36,40,43,.72), rgba(83,89,94,.8)); }
#first-level > li > a.menu-item { display: block; height: 38px; line-height: 40px; position: relative; padding: 0 5%; text-decoration: none; text-transform: uppercase; font-size: 14px; color: #fff; -webkit-text-shadow: 0 1px 1px #222; text-shadow: 0 1px 1px #222; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#first-level > li > a.menu-item.active { /*font-weight:bold;*/ background-color: #faf9f9; -webkit-box-shadow: 1px 1px rgba(0,0,0,.45), inset 1px 1px rgba(255,255,255,.08); -moz-box-shadow: 1px 1px rgba(0,0,0,.45), inset 1px 1px rgba(255,255,255,.08); box-shadow: 1px 1px rgba(0,0,0,.45), inset 1px 1px rgba(255,255,255,.08); background-image: url(../img/pat05.png); background-image: url(../img/pat05.png), -webkit-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16)); background-image: url(../img/pat05.png), -moz-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16)); background-image: url(../img/pat05.png), -o-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16)); background-image: url(../img/pat05.png), -ms-linear-gradient(bottom, rgba(36,40,43,.16), rgba(83,89,94,.16)); background-image: url(../img/pat05.png), linear-gradient(to top, rgba(36,40,43,.16), rgba(83,89,94,.16)); color: #444; -webkit-text-shadow: 0 1px 1px rgba(255,255,255,0.9); text-shadow: 0 1px 1px rgba(255,255,255,0.9); -webkit-tap-highlight-color: rgba(0,0,0,0); }
#first-level > li .arrow { position: absolute; z-index: 2; display: block; width: 25px; height: 25px; right: 5%; top: 19px; text-decoration: none; margin-top: -12px; -webkit-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px; -moz-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px; border-radius: 13px 12px 12px 13px/12px 12px 13px 13px; background-color: rgba(19,19,19,0); -webkit-box-shadow: inset 0 -1px rgba(255,255,255,.2); -moz-box-shadow: inset 0 -1px rgba(255,255,255,.2); box-shadow: inset 0 -1px rgba(255,255,255,.2); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0)); background-image: -ms-linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,0)); }
#first-level > li .arrow:after { content: ''; width: 14px; height: 7px; position: absolute; top: 10px; left: 6px; background: url('../img/sprite.png') -48px -24px no-repeat; }
#first-level > li .arrow .text { display: none; line-height: 1em; top: 7px; color: #ac0126; text-transform: none; font-size: 11px; text-align: right; width: 70px; position: absolute; left: -78px; }
#first-level > li.active .arrow { -webkit-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px; -moz-border-radius: 13px 12px 12px 13px/12px 12px 13px 13px; border-radius: 13px 12px 12px 13px/12px 12px 13px 13px; background-color: rgba(19,19,19,0); -webkit-box-shadow: 0 -1px rgba(0,0,0,.34), inset 0 -1px rgba(255,255,255,.9); -moz-box-shadow: 0 -1px rgba(0,0,0,.34), inset 0 -1px rgba(255,255,255,.9); box-shadow: 0 -1px rgba(0,0,0,.34), inset 0 -1px rgba(255,255,255,.9); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.22), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,.22), rgba(0,0,0,0)); }
#first-level > li.active > .arrow:after { content: ''; width: 7px; height: 14px; position: absolute; top: 5px; left: 10px; background: url('../img/sprite.png') -72px -24px no-repeat; }
#first-level > li.no-link.active > .arrow:after { content: ''; width: 14px; height: 7px; position: absolute; top: 7px; left: 5px; background: url('../img/sprite.png') -120px -120px no-repeat; }
#first-level > li.active .arrow .text { display: block; }
/*Fix clickable arrow*/
#first-level > .has-submenu .real { display: none; }
#first-level > .has-submenu .fake { display: block; }
#first-level > .has-submenu.active .real { display: block; }
#first-level > .has-submenu.active .fake { display: none; }
.submenu-wrap { display: none; overflow: hidden; border-left: 5px solid #babcbd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #a0a0a0; -webkit-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08), inset 0 0 8px rgba(21,21,21,.4); -moz-box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08), inset 0 0 8px rgba(21,21,21,.4); box-shadow: 1px 1px rgba(0,0,0,.55), inset 1px 1px rgba(255,255,255,.08), inset 0 0 8px rgba(21,21,21,.4); background-image: -webkit-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5)); background-image: -moz-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5)); background-image: -o-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5)); background-image: -ms-linear-gradient(bottom, rgba(36,40,43,.5), rgba(61,66,70,.5)); background-image: linear-gradient(to top, rgba(36,40,43,.5), rgba(61,66,70,.5)); }
.submenu-wrap.show { display: block; }
.submenu-wrap .second-level { list-style: none; padding: 10px 4% 12px 7%; margin: 0; -webkit-box-shadow: inset 1px 0 3px #444; box-shadow: inset 1px 0 3px #444; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.submenu-wrap .second-level > li { position: relative; margin: 6px 0; }
.submenu-wrap .second-level > li:before { left: -11px; top: 5px; content: ''; position: absolute; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 #222; box-shadow: 0 1px 0 #222; width: 4px; height: 4px; background: #fff; }
.submenu-wrap .second-level > li > a { display: block; /*height: 22px;*/ line-height: 15px; text-decoration: none; font-size: 13px; color: #fff; -webkit-text-shadow: 0 1px 1px #222; text-shadow: 0 1px 1px #222; }
section.main-content { margin: 20px 0; }
section.slider-container { padding: 0 3.125%; }
.slide-descr { min-height: 50px; }
/*#cta-prod {
color: #fff;
position: relative;
float: left;
width: 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: 23px;
right: 16%;
position: absolute;
display: inline-block;
width: 50%;
}
#cta-installer {
position: relative;
float: left;
width: 52%;
font-size: 14px;
-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;
left: 10%;
display: block;
top: 18px;
width: 19px;
height: 27px;
background-position: -144px -96px;
}
#cta-installer span {
-webkit-text-shadow: 0 -1px 1px #888;
text-shadow: 0 -1px 1px #888;
color: #fff;
top: 22px;
position: absolute;
left: 25%;
}
#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: 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: 24%;
}
.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: 27%;
-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;
}*/
#cta-prod { color: #fff; position: relative; float: left; width: 42%; font-size: 13px; -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: 58%; 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: 18px; top: 9px; position: absolute; left: 5%; display: block; background-position: -141px -175px; }
#cta-installer span { -webkit-text-shadow: 0 -1px 1px #888; text-shadow: 0 -1px 1px #888; color: #fff; top: 8px; position: absolute; left: 18%; }
#cta-services { position: relative; float: left; width: 58%; 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: 4%; 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: 20%; }
.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; }
.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; }
/*--------------------------------------------------
GUIDA ALLA SCELTA
--------------------------------------------------*/
.guida { }
.guida .noclick { }
.choise { list-style-type: none; padding: 0; }
.choise li { }
.choise li a { color: #fff; font-size: 13px; line-height: 29px; height: 30px; text-decoration: none; padding: 0 16px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 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; }
.choise li a.current { 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)); }
.choise li a.noclick { 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; }
.choise a:active { }
.choise a:hover { }
.choise li a.noclick:hover { }
.choise .current, .choise .current:hover, .choise li.current a { }
.choise_panes { }
.choise_panes .choise_pane { display: none; opacity: 0; }
.choise_panes .choise_pane .descrizione { }
.choise_panes .choise_pane .descrizione.bottom { }
.choise_panes .choise_pane .titolo { color: #c1022c; padding: 0 16px; font-size: 15px; margin: 10px 0; }
.choise_panes .choise_pane .descrizione .titolo:first-child { margin-top: 0; }
.choise_panes .choise_pane .titolo span { font-weight: bold; font-size: 18px; }
.scelte { }
.scelte .col { background-image: url(../img/pat02.png); float: left; width: 50%; text-align: center; padding: 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.scelte .col:last-child { }
.scelte.my_col_5 .col { }
.scelte.my_col_5 .col:last-child { }
.scelte label { padding-top: 120px; display: block; background-position: top center; background-repeat: no-repeat; background-size: 70%; }
/*iPhone 6 in landscape*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
.scelte label { padding-top: 210px;}
}
/*iPhone 5 & 5S in landscape*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
.scelte label { padding-top: 210px;}
}
.scelte label span { display: block; padding: 16px; }
.scelte label.no-image { padding: 0; }
.scelte label.no-image span { padding-top: 0; }
.scelte .col .step_01_a { background-image: url(../img/scelta/ico_01_a.png); }
.scelte .col .step_01_b { background-image: url(../img/scelta/ico_01_b.png); }
.scelte .col .step_02_a { background-image: url(../img/scelta/ico_02_a.png); }
.scelte .col .step_02_b { background-image: url(../img/scelta/ico_02_b.png); }
.scelte .col .step_03_a { background-image: url(../img/scelta/ico_03_a.png); }
.scelte .col .step_03_b { background-image: url(../img/scelta/ico_03_b.png); }
.scelte .col .step_03_c { background-image: url(../img/scelta/ico_03_c.png); }
.scelte .col .step_03_d { background-image: url(../img/scelta/ico_03_d.png); }
.scelte .col .step_03_e { background-image: url(../img/scelta/ico_03_e.png); }
.scelte .col .step_03_f { background-image: url(../img/scelta/ico_03_f.png); }
.scelte .col .step_03_g { background-image: url(../img/scelta/ico_03_g.png); }
.scelte .col .step_03_h { background-image: url(../img/scelta/ico_03_h.png); }
.scelte.my_col_3 { padding: 0 16px; }
.scelte.my_col_3 .col { float: none; width: 100%; padding: 20px 16px; border-bottom: 1px solid #ccc; }
.scelte.my_col_3 .col:last-child { border: none; }
.cont_slick { }
.cont_slick .titolo { text-transform: uppercase; }
.cont_slick .desc { }
.slickResults { margin: 10px 0 30px 0; }
.slickResults > div { }
.slickResults .slick-slide { text-align: center; overflow: hidden; }
.slickResults img { height: 180px; display: inline-table; border: 1px solid #ddd; border-right-color: #efefef; border-bottom-color: #eaeaea; -webkit-box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; }
.slickResults .slick-dots { }
.slickResults .slick-dots li { }
.slickResults .slick-dots li button { display: block; cursor: pointer; text-indent: -9999px; width: 14px; height: 14px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color: #f3f3f3; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.85); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.85); box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.85); border: solid 1px #dadada; background-image: -webkit-linear-gradient(top, rgba(0,0,0,.08), rgba(255,255,255,.08)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.08), rgba(255,255,255,.08)); background-image: -o-linear-gradient(top, rgba(0,0,0,.08), rgba(255,255,255,.08)); background-image: -ms-linear-gradient(top, rgba(0,0,0,.08), rgba(255,255,255,.08)); background-image: linear-gradient(to bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); }
.slickResults .slick-dots li.slick-active { }
.slickResults .slick-dots li.slick-active button { cursor: default; background-color: #f2ebd1; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.7); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.7); box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px 2px rgba(255,255,255,.7); border: solid 1px #ded6b9; background-image: -webkit-linear-gradient(top, rgba(0,0,0,.06), rgba(255,255,255,.06)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.06), rgba(255,255,255,.06)); background-image: -o-linear-gradient(top, rgba(0,0,0,.06), rgba(255,255,255,.06)); background-image: -ms-linear-gradient(top, rgba(0,0,0,.06), rgba(255,255,255,.06)); background-image: linear-gradient(to bottom, rgba(0,0,0,.06), rgba(255,255,255,.06)); }
.cont_slick .cta { padding-top: 10px; }
.special_offer { float: left; width: 50%; text-align: center; padding: 5px 0; 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)); }
.special_offer a { color: #fff; text-decoration: none; font-size: 11px; line-height: 1.1em; display: block; }
.link_product { float: right; }
.link_product a { }
/* ==========================================================================
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 { http: //localhost:3779/Mobile/aspnet_client/ 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: 24px; height: 22px; background-position: -141px -145px; }
#cta-installer span { left: 29%; 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: 36%; top: 18px; line-height: 1em; width: 100px; }
#cta-services i { width: 39px; height: 23px; top: 19px; left: 8%; background-position: 0 -120px; }
/*#cta-prod {
width: 30%;
height: 66px;
}
#cta-installer {
font-size: 14px;
width: 28%;
height: 66px;
border-bottom: 1px solid #aaa;
background-color: rgba(39,39,39,.34);
}
#cta-installer i {
top: 18px;
left: 8%;
width: 19px;
height: 27px;
background-position: -144px -96px;
}
#cta-installer span {
left: 28%;
top: 25px;
line-height: 1em;
width: 70px;
}
#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: 36%;
top: 18px;
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:27%;
}
#cta-prod span {
right:14%;
}
#cta-installer {
width:26%;
}
.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; }
}
/*--------------------------------------------------
Google Map
--------------------------------------------------*/
#map-button .smaller { display: none; }
.gmapp { height: 400px; width: 100%; position: relative; z-index: 2; }
#map_canvas { position: relative; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
div.map-popup { position: relative; padding: 15px 10px 20px 10px; text-align: center; }
div.map-popup img { margin-bottom: 10px; }
div.map-popup h2 { margin-bottom: 20px; }
div.map-popup p { font-size: 0.9em; }
div.map-popup p:last-child { margin-bottom: 0; }
.geo-btn, #mapGeoLocalize { width: 20px; height: 20px; }
.geolocator-finder { background: rgba(0, 0, 0, 0) url("../img/bg_footer.jpg") repeat scroll 0 0; padding: 30px 0 0 0 ; }
.geolocator-finder .form-horizontal .form-group { margin-bottom: 10px; float: none; padding-left: 5%; width: 94%; }
.geolocator-finder .form-horizontal input, .geolocator-finder .form-horizontal select { width: 96%; border: 1px solid #ccc; padding: 6px 2%; }
.geolocator-finder .form-horizontal select { width: 96%; border: 1px solid #ccc; padding: 6px 2%; }
.geolocator-finder .form-horizontal label { font-size: 14px; color: #C1022C; margin-bottom: 8px; display: block; }
.geolocator-finder .centro_assistenza { border: 0; margin-top: 10px; padding:10px;}
#mapResults { margin-top: 10px; }
#mapResults .box-result { background: #f1f1f1 none repeat scroll 0 0; border-radius: 3px; float: left; margin-right: 20px; padding: 20px 2%; width: 96%;margin-bottom: 10px; }
#mapResults .box-result .number { background: url(../img/map_marker.png) no-repeat top center; color: #fff; font-size: 15px; font-weight: bold; padding: 5px 0 0 0; text-align:center; display:inline-block; width:26px; height:40px;}
#mapResults .box-result .title-result { color: #5a5a5a; font-size: 15px; font-weight: bold; margin-left: 3px; display: inline-block; }
#mapResults .box-result .address-result { display: block; font-size: 13px; margin-left: 33px; margin-top: -10px; }
.uppage { background: rgba(0, 0, 0, 0) url("../img/uppage.png") no-repeat scroll right 3px; display: inline-block; margin-bottom: 20px; margin-top: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; }
.localtel { height:15px; width:15px; display:inline-block; background: url(../img/localtel.png) no-repeat left 4px;}
.localmail { height:15px; width:15px; display:inline-block; background: url(../img/localmail.png) no-repeat left 4px;}