* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } input::-moz-focus-inner { border: 0; } a {outline:0; word-wrap:break-word;} a:hover, a:active, a:focus {outline:0;} img {border: 0; vertical-align:bottom;} table {margin:0; padding:0; border:0; border-collapse:collapse;} table td {vertical-align:top;} /* table td {padding-bottom:4px;} */ @font-face { font-display: fallback; font-family: 'Futura_std'; src: url('font/FuturaStd-Book.woff2') format('woff2'), url('font/FuturaStd-Book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-display: fallback; font-family: 'Futura_italic'; src: url('font/FuturaStd-BookOblique.woff2') format('woff2'), url('font/FuturaStd-BookOblique.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-display: fallback; font-family: 'Futura_bold'; src: url('font/FuturaStd-Heavy.woff2') format('woff2'), url('font/FuturaStd-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-display: fallback; font-family: 'Futura_bolditalic'; src: url('font/FuturaStd-HeavyOblique.woff2') format('woff2'), url('font/FuturaStd-HeavyOblique.woff') format('woff'); font-weight: 900; font-style: italic; } strong, b {font-family:'Futura_bold'; font-weight:normal;} em, i {font-family:'Futura_italic'; font-style:normal;} strong i, strong em, i strong, em strong, b i, b em, i b, em b {font-family: 'Futura_bolditalic'; font-weight:normal;} body { background:#fff/* url(immagini/sfondo.gif) repeat 0 0*/; margin:0; padding:0; font-family: 'Futura_std', Arial, verdana; font-size: 18px; line-height:22px; color: #555; text-align: center; height: 100%; overflow-x:hidden; } html{ height:100%; } #wrapper{ min-height:100%; height:auto !important; height:100%; margin:0 auto -430px; overflow-x:hidden; } .pushfooter{ height:430px; } /* *** LINK *** */ a:link, a:visited {color: #555; text-decoration: underline;} a:hover {color: #999; text-decoration: underline;} a.noUnder:link, a.noUnder:visited {color: #555; text-decoration: none;} a.noUnder:hover, a.noUnder h1:hover, a.noUnder h2:hover, a.noUnder h3:hover, a.noUnder h4:hover, a.noUnder h5:hover, a.noUnder h6:hover {color: #999; text-decoration: none;} a.noUnderB:link, a.noUnderB:visited {color: #555; text-decoration: none;} a.noUnderB:hover {color: #999; text-decoration: none;} .login a.noUnder {font-size:16px;} .login a i {font-size:19px;} a[href$='.pdf']:link, a[href$='.doc']:link, a[href$='.xls']:link, a[href$='.zip']:link, a[href$='.rar']:link, a[href$='.pdf']:visited, a[href$='.doc']:visited, a[href$='.xls']:visited, a[href$='.zip']:visited, a[href$='.rar']:visited {color: #555; text-decoration: none;} a[href$='.pdf']:hover, a[href$='.doc']:hover, a[href$='.xls']:hover, a[href$='.zip']:hover, a[href$='.rar']:hover {color: #999; text-decoration: none;} a.impag:link, a.impag:visited {color: #555; text-decoration: none;} a.impag:hover {color: #999; text-decoration: none;} /* puls back di schede */ a.back:link, a.back:visited {color: #555; font-size: 1.133em; text-decoration: none;} a.back:hover {color: #999; text-decoration: none;} /* puls gruppi di schede */ a.elenco:link, a.elenco:visited {color: #555; font-size: 1.133em; text-decoration: none;} a.elenco:hover {color: #999; text-decoration: none;} /* *** TXT SITO *** */ .carat1s {font-size: 0.889em;} /* 16 > 0.875 */ .carat1 {font-size: 1em;} .carat1b {font-size: 1.167em;} /* 1.125 */ .carat1bb {font-size: 1.222em;} /* 1.188 */ .carat1x {font-size: 1.278em;} /* 1.250 */ .white {color: #fff !important;} .blu {color: #95005e !important;} .beige {background: #cabeb0;} .lilla {background:#cfafe1;} .sfGrey {background:#eee;} /* titoli == stile-private */ h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:1.667em; line-height:1.3em; color:#111; font-family: 'Futura_std'; font-weight:normal; text-align:inherit; text-align: left;} .tit1, .tit1 strong, .tit1 em {margin:0; font-size:1.667em; line-height:1.3em; color:#111; font-family: 'Futura_std'; display:block; text-align:inherit; text-align: left;} .tit2, .tit2 strong, .tit2 em {margin:0; font-size:1.500em; line-height:1.2em; color:#111; font-family: 'Futura_std'; display:block; text-align:inherit; text-align: left;} .tit3, .tit3 strong, .tit3 em {margin:0; font-size:1.333em; line-height:1.2em; color:#111; font-family: 'Futura_std'; display:block; text-align:inherit; text-align: left;} .tit4, .tit4 strong, .tit4 em {margin:0; font-size:1.2em; line-height:1.2em; color:#555; font-family: 'Futura_std'; display:block; text-align:inherit; text-align: left;} .titNews {margin:0; font-size:1.438em; line-height:1.2em; color:#000; font-family: 'Futura_std'; display:block; text-align:inherit; text-align: left;} .center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center .tit1, .center .tit2, .center .tit3, .center .tit4 {text-align: center !important;} [style="text-align: center;"] h1, [style="text-align: center;"] h2, [style="text-align: center;"] h3, [style="text-align: center;"] h4, [style="text-align: center;"] h5, [style="text-align: center;"] h6, [style="text-align: center;"] .tit1, [style="text-align: center;"] .tit2, [style="text-align: center;"] .tit3, [style="text-align: center;"] .tit4 {text-align: center !important;} .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white .tit1, .white .tit2, .white .tit3, .white .tit4 {color: #fff !important;} .white a:link, .white a:visited, .white a.noUnder:link, .white a.noUnder:visited {color: #fff !important;} .white a:hover, .white a.noUnder:hover {color: #ccc !important;} /* norm */ .titLine h1,.titLine h2,.titLine h3,.titLine .tit1,.titLine .tit2,.titLine .tit3 { display: inline-block; padding-bottom: 30px; margin-bottom:30px; position: relative; } .titLine h1:before,.titLine h2:before,.titLine h3:before,.titLine .tit1:before,.titLine .tit2:before,.titLine .tit3:before { content: ""; position: absolute; width: 30%; height: 1px; bottom: 0; left: 35%; border-bottom: 1px solid #111; } .white .titLine h1:before, .white .titLine h2:before, .white .titLine h3:before, .white .titLine h4:before, .white .titLine h5:before, .white .titLine .tit1:before, .white .titLine .tit2:before, .white .titLine .tit3:before, .white .titLine .tit4:before {border-bottom: 1px solid #fff !important;} /* gest */ .titLineCont h1,.titLineCont h2,.titLineCont h3,.titLineCont h4,.titLineCont h5,.titLineCont h6,.titLineCont .tit1,.titLineCont .tit2,.titLineCont .tit3 { display: inline-block; padding-bottom: 30px; margin-bottom:10px; position: relative; } .titLineCont h1:before,.titLineCont h2:before,.titLineCont h3:before,.titLineCont h4:before,.titLineCont h5:before,.titLineCont h6:before,.titLineCont .tit1:before,.titLineCont .tit2:before,.titLineCont .tit3:before { content: ""; position: absolute; width: 30%; height: 1px; bottom: 0; left: 35%; border-bottom: 1px solid #111; } @media (max-width: 1279px) { .titLineCont h1,.titLineCont h2,.titLineCont h3,.titLineCont h4,.titLineCont h5,.titLineCont h6,.titLineCont .tit1,.titLineCont .tit2,.titLineCont .tit3 { padding-bottom: 15px; } } .white .titLineCont h1:before, .white .titLineCont h2:before, .white .titLineCont h3:before, .white .titLineCont h4:before, .white .titLineCont h5:before, .white .titLineCont .tit1:before, .white .titLineCont .tit2:before, .white .titLineCont .tit3:before, .white .titLineCont .tit4:before {border-bottom: 1px solid #fff !important;} /* toggle */ .titPush {cursor:pointer;} .titPush h1, .titPush h2, .titPush h3, .titPush h4, .titPush h5, .titPush h6{font-size:1.467em; line-height:1.3em;} /* tit2 */ .titPush h1:hover, .titPush h2:hover, .titPush h3:hover, .titPush h4:hover, .titPush h5:hover, .titPush h6:hover {color:#bbb;} /* puls link == stile-private */ .button-link:link, .button-link:visited { display:inline-block; padding: 8px 15px 8px 15px; font-family: 'Futura_std'; color:#363635; text-transform: uppercase; font-size: 0.95em; background: rgba(255,255,255,0); border: solid 2px #363635; text-decoration:none; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; /*user-select:none;*/ } .button-link:hover, .button-link:active { background: #363635; color:#fff; border: solid 2px #363635; text-decoration: none; cursor:pointer; } .button-selected { background: #363635 !important; color:#fff !important; } .white .button-link:link, .white .button-link:visited { color:#fff !important; border:2px solid #fff !important; } .white .button-link:hover, .white .button-link:active, .white .white a.button-link:hover { background: #fff !important; color:#283277 !important; } /* puls form */ .button-submit { padding: 10px 20px; background: rgba(255,255,255,0); border: solid 2px #363635; color: #363635; font-size: 1.2em; text-decoration:none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; /*user-select:none;*/ } .button-submit:hover { background: #363635; border: solid 2px #363635; color:#fff; text-decoration: none; cursor:pointer; } /* *** HR *** */ hr {height: 1px; border-width: 0px; background-color: transparent; border-bottom: 1px #999 dashed;} /* *** VARI *** */ .no {color: #cc4443;} .ok {color: #339900;} .bordo { border:1px solid #d6d6d6; padding:25px; } .bordo i{color:#111;} .titSedi { position: absolute; bottom:0; left:0; width:100%; background: rgba(0,0,0,.5); padding:18px 10px; font-size: 1.1em; } .w100 {width:100%;} /* input */ .txt { background: #fff; border: 1px solid #d6d6d6; /* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea {-webkit-appearance: none;} input[type="text"], input[type="password"], select { font-size:1em; line-height: 1em; font-family: 'Futura_std',Arial; text-indent:9px; height:40px; line-height:100%; color:#555; -webkit-appearance: none; } select { /* width:98%; */ /* bug missin border-right ffox */ height:40px; line-height:40px; text-indent:0 !important; /* se testo troppo lungo (non va sotto freccia) */ padding:0 30px 0 9px !important; -webkit-padding-end: 30px !important; } /* select (se formattato togliere sopra) */ .select select { padding: 0 40px 0 9px; /*border: 0 !important;*/ border:1px solid #d3d3d3; background: #fff url(immagini/cms/down-arrow.png) no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ""; font-size:1em; /* letter-spacing:-0.01em; color:#555; */ /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ /*box-shadow: inset 0 0 5px rgba(000,000,000, 0.4);*/ cursor:pointer; } .select select:focus, select:focus { outline:none; } /* IE 10+ */ .select select::-ms-expand { display: none; } /* IE 11+ */ .select select::-ms-value {background: none; color:#555;} textarea { font-size:1em; line-height: 1em; font-family: 'Futura_std',Arial; } textarea.txt{ padding:9px; } .calendario { background-image:url(immagini/cms/calendarPrenota.png); background-position:right center; background-repeat:no-repeat; cursor:pointer; } /* placeholder */ *::-webkit-input-placeholder { color: #888; opacity: 1 !important; } *:-moz-placeholder { /* FF 4-18 */ color: #888; opacity: 1 !important; } *::-moz-placeholder { /* FF 19+ */ color: #888; opacity: 1 !important; } *:-ms-input-placeholder { /* IE 10+ */ color: #888; opacity: 1 !important; line-height:1 !important; } /* cerca */ .tfmotore{ height:30px; margin:10px 0 0 0; } .tftextinput4{ width:280px; background:#f9f9f9; color:#666; margin: 0 -1px 0 0; padding: 0 4px; height:30px !important; line-height:100% !important; border:1px solid #c3c3c3; border-right:0px; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px; vertical-align:top; } .tfbutton4 { margin: 0; padding: 0; width:30px; height:30px; outline: none; cursor: pointer; text-align: center; text-decoration: none; border: 1px solid #c3c3c3; border-left:0px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; background: #f9f9f9 url('immagini/cms/lente.png') no-repeat center center; vertical-align:top; } /* Fixes submit button height problem in Firefox */ .tfbutton4::-moz-focus-inner { border: 0; } form {margin: 0;} p {margin: 0; padding: 0;} blockquote {margin-bottom: 0; margin-top: 0;} /* + jQuery temp_down */ table.tab td, table.tab th {border: 1px solid #ddd; border-collapse: collapse;} table.tab td { padding: 6px 9px; vertical-align: middle;} table.tab th { padding: 9px; vertical-align: middle; background:#98c10f; color:#fff; font-size:1.1em;} @media screen and (max-width: 991px) { table.tab th { display: none; } table.tab tr { display: block; position: relative; padding-bottom:10px; } table.tab tr:first-of-type { border-top: 1px solid #ddd; } table.tab td { display: table-row; border:0; } table.tab td:before { content: attr(data-label); display: table-cell; font-weight: bold; padding: 10px 10px 0 0; text-align: right; } table.tab td:last-child:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #ddd; } } /* campi a due in mob e senza riga in desk tra nome e valore */ /* table.tab td, table.tab th {border: 1px solid #ddd; border-collapse: collapse;} table.tab td { padding: 10px; vertical-align: top;} table.tab td {text-align: left;} table.tab tr td:nth-child(odd) { border-right: 1px solid #fff !important; } @media screen and (max-width: 991px) { table.tab {border: 1px solid #ddd; border-width: 0 1px 1px 1px;} table.tab td, table.tab th {border-width: 0px;} table.tab td { border-top: 1px solid #ddd; } table.tab tr td:nth-child(even) { border-left: 1px solid #ddd;} table.tab tr td:nth-child(odd) { border-right: 0px !important; } table.tab .td1, table.tab .td2 {width:50%;} table.tab tr td { width: 50%; float: left; box-sizing: border-box; } } */ ul {margin: -7px 0 -7px 18px; padding:0; list-style-type: square;} ol {margin: -7px 0 -7px 25px; padding:0;} li {margin: 7px 0 7px 0; padding:0; } ul.ulpadtop {padding-top:5px;} ol.ulpadtop {padding-top:5px;} /* lista inline */ .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; padding-bottom:10px; } img {border:0;} .divCont {position:absolute; left:0; top:50%;} .divRel {position:relative; overflow:hidden;} .sfTrasp {background: transparent url(immagini/cms/sfTrasp.png) repeat 0 0; height:25px; position:absolute; z-index:9; left:0; overflow:hidden;} .caratCommFoto {color:#000; line-height:25px; white-space:nowrap; text-align:center;} .caratCommFoto2 {color:#0d710d; text-align:center; padding:5px 0 0 0; line-height:1;} /* MENU ORIZZ */ nav { height:100px; margin:0 auto; } nav ul { list-style-type: none; margin:0 -20px 0 0; padding:0; height:100px; float: right; } nav ul li { float: left; margin: 0; text-align:center; border-right:0px solid #ddd; } nav ul li a { display: block; margin: 0; padding: 0; height:100px; line-height:100px; font-size: 16px; font-family: 'Futura_std'; text-decoration: none; } /* normal */ nav ul li a, nav ul li a:link, nav ul li a:visited { color:#fff; border-bottom:2px solid rgba(0,0,0,0); text-transform:uppercase; text-decoration: none; padding:0 20px; } nav ul li a#prodotti.prodDown {background: url(immagini/down.png) no-repeat center bottom;} /* hover */ nav ul li a:hover { color:#ddd; } /* primo e ultimo el */ nav ul li:first-child { } nav ul li:last-child { } /* attivo */ nav ul li a.navattivo { } nav ul li a[href="javascript:void(0)"]:hover { text-decoration: none; } /* sub normale */ nav ul ul.subMenux{ margin: 0; padding: 0; padding-top:0 !important; list-style: none; position: absolute; top: 100px; left: -999999px; text-align:left; z-index:999999; width:auto; } nav ul li{ position: relative;} nav ul li li{ float: none; margin:0;} /* display:block; (se width 100%) */ nav ul li:hover ul{ left: 5px; height:auto; } nav ul ul.subMenux li a, nav ul ul.subMenux li a:link, nav ul ul.subMenux li a:visited { display: block; width:100%; color:#fff; font-size: 15px; margin:0; line-height:1; height:auto; background:#363635; padding:0 20px 20px 20px; text-decoration: none; text-align:left; white-space:nowrap; } nav ul ul.subMenux li a:hover { display: block; color:#ddd; text-decoration: none; text-align:left; } nav ul ul.subMenux li:first-child a { padding-top:20px; } nav ul ul.subMenux li:last-child a { padding-bottom:20px; } /* sub prodotti */ #subMenuCont{ background: #eee; height:155px; width:100%; position: fixed; top: -80px; left: 0; text-align:center; z-index:999999; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; } #subMenuCont.scrollmenu {top:100px;} ul.subMenu{ margin: 25px 0 0 0; padding: 0; list-style: none; text-align:center; width:100% !important; } ul.subMenu li{ display: inline-block; margin:0; text-align: center;} ul.subMenu li div.img_sub{ width:140px; height:70px; background-position: center center; background-size: cover;} ul.subMenu li a, ul.subMenu li a:link, ul.subMenu li a:visited { display: block; color:#555; text-transform: uppercase; margin:0; font-size: 15px; padding:0 15px 0 15px; text-decoration: none; white-space:nowrap; } ul.subMenu li a:hover { display: block; color:#555; text-decoration: none; } /* VIDEO */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; /* padding-top: 30px */ } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* GOOGLE MAPS */ .googlemap_wrap { position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0; overflow: hidden; } .googlemap_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* IMPAGINAZIONE */ header{ width:100%; height:100px; background:#363635; position:fixed; top:0; left:0; z-index:99999999; transition: all 0.2s; } #headerInt{ width:1220px; height:100%; margin:0 auto; position:relative; transition: all 0.2s; } #menuTop { height:38px; position:absolute; z-index:9999999; right: 0; top: 0; } #menuTop_slick { width:100%; } .slicknav_menu {display:none;} /* mobile menu */ #logo img{ width:100%; } #logo{ width:250px; position:absolute; left: 0; top: 50%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); transition: all 0.2s; text-align:left; } #social{ position:absolute; right: 0; top: 50%; text-align:right; -ms-transform: translate(0,-50%); /* x,y */ -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); } #social i{ color:#39b54a; margin-left:7px; font-size:28px; line-height:inherit!important; vertical-align: middle; } #lingue{ position:absolute; z-index:999; right: 0; top: 15px; } .container{ width:1220px; margin:0 auto; text-align:left; position:relative; } .container2{ width:92%; max-width: 1920px; margin:0 auto; } .container3{ width:100%; padding:0 6px; } .template{ padding:160px 0 0 0; margin:0 auto; } .templateHome{ padding:70px 0; margin:0 auto; } .noPadTop {padding-top:0 !important;} .noPadBot {padding-bottom:0 !important;} footer{ width:100%; height:430px; background:#363635; position:relative; text-align: center; clear: both; font-size:1em; color:#eee; } #footerInt{ width:1220px; margin:0 auto; padding:30px 0 0 0; text-align:left; } #footerInt.center{ text-align:center !important; } footer a:link, footer a:visited, footer a.noUnder:link, footer a.noUnder:visited {color:#eee; text-decoration: none; font-size:1em;} footer a:hover, footer a.noUnder:hover {color:#fff; text-decoration: underline;} #kwords {font-size: 0.8em; position:absolute; bottom:0; width:100%; min-height: 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #nd{ position:absolute; z-index:2; bottom:12px; right:15px; font-family:Arial; color:#fff; } #nd a:link, #nd a:visited {font-family:Arial; color:#fff; font-size:12px; text-decoration:none;} #nd a:hover {text-decoration:none;} .vmiddle { /* align middle txt img, entrambi dentro div class vmiddle */ display:flex; align-items:center; justify-content:left; /* height:200px;*/ } .vmiddle img {margin-right:20px;} #imgHomeOver {width:100%; height:932px; overflow:hidden; margin-top:80px;} #imgHomeCont{ position: relative; width: 1100px; margin:0 auto; } #imgHome{ width:1400px; position: absolute; top:0; left:0; } #imgHomeOver2 {width:100%; height:499px;} #imgHomeCont2{ position: relative; width: 100%; margin:0 auto; } #imgHome2{ width:796px; position: absolute; top:0; left:0; } /* COOKIES */ #barra_cookies { display:none; position:fixed; left:0; right:0; bottom:0; width:100%; background: #000; color:#eee; font-size:0.85em; z-index:9999; } #barra_cookies .bcrel { position:relative; } #barra_cookies #bcint { padding:24px 12px; line-height:1.3em; text-align:center; max-width:1200px; margin:0 auto; } #barra_cookies a { color:#eee; text-decoration:underline; } #barra_cookies a.btn-cook{ position:absolute; top:3px; right:7px; color:#eee; font-size:0.9em; text-decoration:none; } /* CONTATTI */ #mailLoading {display:none;} #mailResult {display:none;} /* CHIUDI */ .chiudi{ clear: both; font-size: 1px; height:0px; } /* ICONE */ a[href$='.pdf'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_pdf.png) no-repeat 0 center;} a[href$='.doc'], a[href$='.docx'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_doc.png) no-repeat 0 center;} a[href$='.xls'], a[href$='.xlsx'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_xls.png) no-repeat 0 center;} a[href$='.zip'], a[href$='.rar'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_archive.png) no-repeat 0 center;} /* a[href ^="mailto:"] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_mailto.png) no-repeat 0 center;} a[href$='.exe'] {padding: 5px 0 5px 23px; background: transparent url(immagini/ico/icon_exe.png) no-repeat 0 center;} */ .noIco {padding: 0 !important; background: none !important;} /* scroll top */ .scrollup{ width:40px; height:40px; -moz-opacity:0.3; -khtml-opacity: 0.3; opacity:0.3; position:fixed; bottom:30px; left:30px; display:none; background: url('immagini/cms/icon_top.png') no-repeat; -webkit-backface-visibility: hidden; z-index:99999999999999; } /* attesa */ .popAttesa { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6 */ top:50%; left:50%; margin:-34px 0 0 -34px; background:#eee; padding:10px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index:999999999; } #sfondoAttesa { display:none; background:#fff; width:100%; height:100%; position:fixed; _position:absolute; /* hack for internet explorer 6 */ top:0; left:0; z-index:999999998; } /* scheda */ .crop {overflow:hidden;} /* hover schede */ .box { position:relative; } .box a { text-decoration:none; color:#555; } .boxpage{ width:100%; height:190px; background-position: center center; background-size: cover; } @media(max-width: 1280px) { .boxpage{ height:120px; } } @media(max-width: 991px) { .boxpage{ height:190px; } } @media(max-width: 600px) { .boxpage{ height:150px; } } .zoomOverlay { width:64px; height:64px; position:absolute; top:0; left:50%; margin-left:-32px; display:none; background: transparent url(immagini/cms/plus.png) no-repeat center center; } .preloadSchede {position:absolute; top:30px; left:50%; margin-left:-15px; z-index: 2;} /* adatta foto */ .adatta, .adattaGal { overflow:hidden; } /* nocut togliere .adatta, */ .adatta img, .adattax img {width:100%; margin:0 auto;} /* anche no adattate */ .adatta img, .txtprod {visibility:hidden;} .adatta {min-height:90px;} /* impg quadri */ .relative {position:relative;} .base {width:100%; visibility: hidden;} .boxInt { width:100%; padding:40px 80px; position:absolute; left: 0; top: 50%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); } .sfQuadri {background:transparent url(immagini/sfquadri.jpg) repeat 0 0;} /* zoom */ .item { position: relative; border: 1px solid #ddd; overflow: hidden; width: 100%; } .item img { width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .item:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } /* nowrap */ .nowrap { white-space:nowrap; } /* privacy */ .iubeOk {margin:-50px -30px -30px -30px;} .iubeNo {margin:-30px -30px -30px -30px;} .closeIub {width:48px; margin:8px 10px 8px 8px; text-align:right; position:fixed; top:0; right:0; z-index:99999999999;} @media (max-width:980px){.iubeNo {margin:-15px -5px -5px -5px;}} @media (max-width:480px){.iubeOk{margin:-55px -20px -20px -20px}.closeIub{width:32px; margin:0;}} /* *** BX Slider *** */ .bordoScheda { /* solo per scheda */ padding:15px; border:1px solid #ddd; } ul.bxslide, ul.bxslide li {margin:0 auto;} .bx-wrapper {margin:0 auto;} .crop{width:100%;overflow:hidden;} .bx-wrapper .bx-prev {left: 10px;} .bx-wrapper .bx-next {right: 10px;} /*.bx-pager {display:none;}*/ #carousel, .carousel_gall {position:relative; min-height:100px;} #bxpre, .bxpre { position:absolute; top:10px; left:50%; -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); } /* via pallini pager in mobile */ @media(max-width: 991px) { .bx-wrapper .bx-pager {display:none !important;} .bx-wrapper {margin:0 !important;} } ul.bxslide li img {box-shadow: #000 0em 0em 0em;} /* thumbs cliccabili sotto slide */ ul.thumbs_bx { font-size:0px; letter-spacing:-4px; margin:0 0 0 -2%; padding:0; } ul.thumbs_bx li { width: 18%; /*min-width:150px;*/ display: inline-block; vertical-align: top; list-style-type: none; letter-spacing:0px; margin:2% 0 0 2%; padding:0; } .bxpagerthumb { width: 100%; height: 100px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } @media only screen and (max-width: 640px), @media only screen and (max-device-width: 640px) { ul.thumbs_bx { margin:0 0 0 -2%; } ul.thumbs_bx li { width: 18%; margin:0 0 2% 2%; } } .over-x {overflow-x:hidden;} .parallax { background-image: url("immagini/prx.jpg"); height: 420px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position:relative; } .parallaxInt { position:absolute; top:50%; left:0; width:100%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); } @media (max-width: 1279px) { .parallax { height: 380px; } } @media (max-width: 991px) { .parallax { background-attachment: scroll; height: auto; } .parallaxInt { position:relative; top:0; left:0; padding:30px 0; -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); /*background:rgba(255,255,255,0.8);*/ } } .sfRed {background: #363635; padding:16px 10px; border-top:6px solid #fff; border-bottom:6px solid #fff; font-size:1em; font-family: 'Futura_std'; text-transform: uppercase;} /* RS */ .page-scroll { position:absolute; bottom:30px; left:50%; margin:0 0 0 -35px; z-index:999; } .btn-circle, .btn-circle:link, .btn-circle:visited { width: 70px; height: 70px; display:block; padding: 0; border: 0px solid #fff; border-radius: 50%; font-size: 70px; color: #fff; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; text-align:center; } .btn-circle:hover, .btn-circle:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; } /* slick */ /* .slick-slide {margin: 0 20px;} .slick-list {margin: 0 -20px;} .sliderSlick .divslide{text-align:center;} .sliderSlick .divslide img{margin:0 auto; height:60px;} @media(max-width: 1279px) { .slick-slide {margin: 0 20px;} .slick-list {margin: 0 -20px;} .sliderSlick .divslide img{height:50px;} } @media(max-width: 991px) { .sliderSlick .divslide img{height:45px;} } @media(max-width: 460px) { .sliderSlick .divslide img{height:40px;} } */ /* tablet orizz */ @media(max-width: 1279px) { body { font-size:15px; line-height:18px; } ul {margin: -5px 0 -5px 18px;} ol {margin: -5px 0 -5px 25px;} li {margin: 5px 0 5px 0;} input, button, textarea, select {-webkit-appearance: none; border-radius: 0;} input[type=checkbox] {-webkit-appearance:checkbox;} /* MENU ORIZZ */ nav ul { margin:0 -12px 0 0; } nav ul li a { font-size: 15px; } nav ul li a, nav ul li a:link, nav ul li a:visited { padding:0 12px; } /* sub normale */ nav ul li:hover ul{ left: -8px; height:auto; } nav ul ul.subMenux li a, nav ul ul.subMenux li a:link, nav ul ul.subMenux li a:visited { font-size: 15px; padding:0 20px 20px 20px; } nav ul ul.subMenux li:first-child a { padding-top:20px; } nav ul ul.subMenux li:last-child a { padding-bottom:20px; } /* sub prodotti */ #subMenuCont{ height:130px; top: -80px; } ul.subMenu{ margin: 25px 0 0 0; } ul.subMenu li div.img_sub{ width:120px; height:60px;} ul.subMenu li a, ul.subMenu li a:link, ul.subMenu li a:visited { font-size: 14px; } /* IMPAGINAZIONE */ header{ } #headerInt{ width:900px; } #menuTop_int { width:900px; } #logo{ width:250px; } .container{ width:900px; } .container2{ width:90%; } .templateHome{ padding:65px 0; } .template{ padding:135px 0 0 0; } #footerInt{ width:900px; } #imgHomeOver {height:707px; margin-top:80px;} #imgHomeCont{ width:900px; } #imgHome{ width:1100px; } #imgHomeOver2 {height:407px;} #imgHome2{ width:650px; } /* cerca (se no ipad orizz errore) */ .tftextinput4{ width:230px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } .tfbutton4 { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } } @media(max-width: 991px) { body { font-size:14px; line-height:18px; -webkit-text-size-adjust:none; } * { -webkit-touch-callout:none; } #wrapper{ margin:0; } .pushfooter{ height:auto; } /* shadowbox */ #sb-info-inner{font-size:1.214em;} #sb-info,#sb-info-inner{height:40px;line-height:40px;} #sb-nav{float:right;height:40px;padding:10px 0 0 0;width:45%;} #sb-nav a{display:block;float:right;height:30px;width:30px; margin-left:30px; cursor:pointer; background-repeat:no-repeat;} #sb-nav-close{background-image:url(js/shadowbox/close2.png);} #sb-nav-next{background-image:url(js/shadowbox/next2.png);} #sb-nav-previous{background-image:url(js/shadowbox/previous2.png);} #sb-nav-play{background-image:url(js/shadowbox/play2.png);} #sb-nav-pause{background-image:url(js/shadowbox/pause2.png);} /* MENU ORIZZ + MOTORE */ #slicknav_btn_pos{display:block; position:absolute; top:22px; right:10%;} /* se pos button diversa da menu, es: position:absolute; top:30px; right:10%; / se non cambia mettere top -Xpx / in .js inserito nuovo div id slicknav_btn_pos */ /* x averlo in line: slicknav_menuTop sotto a header, slicknav_btn_pos dentro menuTop o menuTop_int relative */ .slicknav_menu, #slicknav_menuTop, #slicknav_btn_pos {display:block;} /* .slicknav_menu margin-top:65px; margine top tendina */ .slicknav_btn { /* sfondo puls e margine puls (altezza barra) */ background-color:transparent; margin:7px 0 7px 10%; float: left; /* ---> se pulsante allineato dx metter right */ padding: 7px 0; line-height: 1.2em; } .slicknav_icon-bar { /* colore linee puls */ background-color:#fff; /*width:32px !important; height: 3px !important;*/ } .slicknav_icon-bar { /*margin-top: 5px !important;*/ } .slicknav_nav li { /* border + background menu */ border-top:1px solid rgba(85, 85, 85, .75); background:#363635; /* alt righe dalla seconda (prima con padding .slicknav_btn) */ } .slicknav_nav li ul li, .slicknav_nav li ul li ul li { background:rgba(0, 0, 0, 0); } .slicknav_nav li:last-child {border-bottom:0px solid #ddd;} /*#menuTop_slick {border-bottom:1px solid #ddd;}*/ .slicknav_nav li ul li:last-child {border-bottom:0px solid #ddd;} /* submenu */ .slicknav_nav li ul li { /* righe menu tendina (sposto rispetto a main menu) */ border-top:0px solid rgba(85, 85, 85, .75); border-bottom:0; } .slicknav_menu li a { /* righe puls menu */ color: #fff; font-family: 'Futura_std'; font-size:14px; padding:12px 0 12px 10%; /* altezza righe e marg sx */ } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding-left: 10%; /* margine sx voci cliccabili che aprono submenu */ } .slicknav_nav li ul li a { /* , .slicknav_nav .slicknav_parent-link a */ padding-left:calc(10% + 0); /* padding left submenu 1 liv */ } .slicknav_nav li ul li ul li a { padding-left:calc(10% + 40px); /* padding left submenu 2 liv */ } .slicknav_nav li ul li ul li ul li a { padding-left:calc(10% + 60px); /* padding left submenu 3 liv */ } .slicknav_menu li li, .slicknav_menu li li a { /* elimino margine dopo i submenu */ margin-bottom:-1px; } nav, #motore { display:none; } /* IMPAGINAZIONE */ header{ height:90px !important; } #headerInt{ width:100%; } #logo{ width:200px; left:10%; top: 50%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); } #lingue{ right: 5%; top:15px; /* -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); */ } #social{ right:5%; top: 10px; -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } #social i{ margin-left:7px; font-size:24px; } #menuTop { height:auto; position:relative; right: 0; top: 0; -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } .container, .container2{ width:80%; margin:0 10%; } .template{ padding:128px 0 0 0; } .templateHome{ padding:40px 0; } footer{ width:100%; font-size:0.857em; height:auto; } footer a.noUnder { font-size:0.857em; } #footerInt{ position:relative; width:80%; top:0; left:0; margin:0 10%; padding:35px 0; } #kwords {position:relative; width:80%; margin:0 10%; padding-bottom:45px; text-align: left; min-height:auto;} #imgHomeOver {height:auto; margin-top:0px;} #imgHomeCont{ width:80%; top:0; margin:70px 10% 0 10%; } #imgHome{ position:relative; width:120%; } #imgHomeOver2 {height:auto;} #imgHomeCont2{ width: 80%; margin:0 10%; } #imgHome2{ width:120%; position: relative; } /* cerca */ .tftextinput4{ width:180px; } /* --- bxslider --- */ #carousel {min-height:100px;} #slideMob {display:block;} #slideDesk {display:none;} /* resp tab old (ok) table.tab {border: 0;} table.tab thead {display: none;} table.tab tr {margin-bottom: 10px; display: block;} table.tab td {display: block; border-bottom: 0;} table.tab td:last-child {border-bottom: 1px solid #ccc;} table.tab td:before { } */ /* impg quadri */ .base {display:none;} .boxInt { position:relative; width:80%; margin:0 10%; padding:35px 0; left:0; top:0; -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } /* nowrap mob */ .nowrap_mob { white-space:nowrap; } } @media(max-width: 768px) { #slicknav_btn_pos{right:5%;} .slicknav_btn { margin:7px 0 7px 5%; } .slicknav_menu li a { padding:12px 0 12px 5% !important; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding-left: 0 !important; /* margine sx voci cliccabili che aprono submenu */ } /* submenu */ .slicknav_nav li ul li a { /* , .slicknav_nav .slicknav_parent-link a */ padding-left:calc(5% + 30px) !important; /* padding left submenu 1 liv */ } .slicknav_nav li ul li ul li a { padding-left:calc(5% + 40px); /* padding left submenu 2 liv */ } .slicknav_nav li ul li ul li ul li a { padding-left:calc(5% + 50px); /* padding left submenu 3 liv */ } #logo{ left:5%; } .container, .container2{ width:90%; margin:0 5%; } .template{ padding:124px 0 0 0; } .templateHome{ padding:35px 0; } #footerInt{ width:90%; margin:0 5%; } #kwords {width:90%; margin:0 5%;} #imgHomeCont{ width:90%; top:0; margin:70px 5% 0 5%; } #imgHomeCont2{ width: 90%; margin:0 5%; } /* impg quadri */ .boxInt { width:90%; margin:0 5%; padding:30px 0; } } /* --- media queries vis-nasc --- */ .center {text-align:center;} .sx {text-align:left;} .dx {text-align:right;} .nodesk {display:none;} .notab {} .nodesk.notab, .notab.nodesk {display:none;} .nomob {} .chiudi.nomob {} .cxdesk {text-align:center;} .sxdesk {text-align:left;} .dxdesk {text-align:right;} @media(max-width: 1279px) { .nodesk {display:inline-block;} .notab {display:none;} .notab.nomob, .nomob.notab{display:none;} .nomob {} .chiudi.nomob {} .cxtab {text-align:center;} .sxtab {text-align:left;} .dxtab {text-align:right;} } /* 768 */ @media (max-width: 991px) { .nodesk {display:inline-block;} .notab {display:inline-block;} .nodesk.notab, .notab.nodesk {display:inline-block;} .nomob {display:none;} .chiudi.nomob {display:none;} .cxdesk {text-align:justify;} .sxdesk {text-align:justify;} .dxdesk {text-align:justify;} .cxmob {text-align:center;} .sxmob {text-align:left;} .dxmob {text-align:right;} .cxmob h1, .cxmob h2, .cxmob h3, .cxmob h4, .cxmob h5, .cxmob .tit1, .cxmob .tit2, .cxmob .tit3, .cxmob .tit4 {text-align: center !important;} } @media (max-width: 768px) { .cxmobxs {text-align:center;} .sxmobxs {text-align:left;} .dxmobxs {text-align:right;} .cxmobxs h1, .cxmobxs h2, .cxmobxs h3, .cxmobxs h4, .cxmobxs h5, .cxmobxs .tit1, .cxmobxs .tit2, .cxmobxs .tit3, .cxmobxs .tit4 {text-align: center !important;} } /* *** ------ BOOTSTRAP ------ *** */ /* **************************** per colonne SM abilitare in bootstrap 768 (o altro) -sm e cambiare da 991 a 768 (o altro) margintop-mob ecc... abilitare in fondo @media (min-width: 768px) and (max-width: 991px) ... sm- *************************** */ .container_row { /* usare prima di row (interno) se annidiamo */ padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: " "; } .no-padding [class*="col-"] { /* abbinare a row */ padding-left: 0 !important; padding-right: 0 !important; } .no-padding { margin-left: 0 !important; margin-right: 0 !important; } .no-padding .row [class*="col-"] { /* abbinare a row */ padding-left: 15px !important; padding-right: 15px !important; } .no-padding .row { margin-left: -15px !important; margin-right: -15px !important; } .half-padding [class*="col-"] { /* abbinare a row */ padding-left: 8px !important; padding-right: 8px !important; } .half-padding { margin-left: -8px !important; margin-right: -8px !important; } .border-padding [class*="col-"] { /* abbinare a row */ padding-left: 3px !important; padding-right: 3px !important; } .border-padding { margin-left: -3px !important; margin-right: -3px !important; } .xl-padding [class*="col-"] { /* abbinare a row */ padding-left: 25px !important; padding-right: 25px !important; } .xl-padding { margin-left: -25px !important; margin-right: -25px !important; } /* se row dentro row xl-padding o row half-padding, se row non serve */ .xl-padding .row [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } .xl-padding .row.half-padding [class*="col-"] { padding-left: 8px !important; padding-right: 8px !important; } .center-col { float:none; margin:0 auto; } /* ----- margini ------ */ /* mobile e tablet (# desktop) */ .margintop-s { margin-top:7px; } .marginbot-s { margin-bottom:7px; } .margintop-m { margin-top:15px; } .marginbot-m { margin-bottom:15px; } .margintop-l { margin-top:30px; } .marginbot-l { margin-bottom:30px; } .noMarginTop-l { margin-top:-30px; } .noMarginTop-l { margin-top:-30px; } .alt-xs{ height:3px; } .alt-s{ height:7px; } .alt-m{ height:15px; } .alt-l{ height:30px; } .alt-xl{ height:40px; } .paddL {padding:30px;} /* ------ all ------ */ /* point5 only static */ .col-xs-1, .col-xs-1point5, .col-sm-1, .col-sm-1point5, .col-md-1, .col-md-1point5, .col-lg-1, .col-lg-1point5, .col-xs-2, .col-xs-2point5, .col-sm-2, .col-sm-2point5, .col-md-2, .col-md-2point5, .col-lg-2, .col-lg-2point5, .col-xs-3, .col-xs-3point5, .col-sm-3, .col-sm-3point5, .col-md-3, .col-md-3point5, .col-lg-3, .col-lg-3point5, .col-xs-4, .col-xs-4point5, .col-sm-4, .col-sm-4point5, .col-md-4, .col-md-4point5, .col-lg-4, .col-lg-4point5, .col-xs-5, .col-xs-5point5, .col-sm-5, .col-sm-5point5, .col-md-5, .col-md-5point5, .col-lg-5, .col-lg-5point5, .col-xs-6, .col-xs-6point5, .col-sm-6, .col-sm-6point5, .col-md-6, .col-md-6point5, .col-lg-6, .col-lg-6point5, .col-xs-7, .col-xs-7point5, .col-sm-7, .col-sm-7point5, .col-md-7, .col-md-7point5, .col-lg-7, .col-lg-7point5, .col-xs-8, .col-xs-8point5, .col-sm-8, .col-sm-8point5, .col-md-8, .col-md-8point5, .col-lg-8, .col-lg-8point5, .col-xs-9, .col-xs-9point5, .col-sm-9, .col-sm-9point5, .col-md-9, .col-md-9point5, .col-lg-9, .col-lg-9point5, .col-xs-10, .col-xs-10point5, .col-sm-10, .col-sm-10point5, .col-md-10, .col-md-10point5, .col-lg-10, .col-lg-10point5, .col-xs-11, .col-xs-11point5, .col-sm-11, .col-sm-11point5,.col-md-11, .col-md-11point5, .col-lg-11, .col-lg-11point5, .col-xs-12, .col-xs-point5, .col-sm-12, .col-sm-point5, .col-md-12, .col-md-point5, .col-lg-12, .col-lg-point5{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } /* ------ XS ------ */ .col-xs-1,.col-xs-1point5, .col-xs-2,.col-xs-2point5, .col-xs-3,.col-xs-3point5, .col-xs-4, .col-xs-4point5,.col-xs-5,.col-xs-5point5, .col-xs-6,.col-xs-6point5, .col-xs-7,.col-xs-7point5, .col-xs-8,.col-xs-8point5, .col-xs-9,.col-xs-9point5, .col-xs-10,.col-xs-10point5, .col-xs-11,.col-xs-11point5, .col-xs-12 ,.col-xs-point5{ float: left; } .col-xs-12 {width: 100%;} .col-xs-point5 {width: 4.16666667%;} .col-xs-11 {width: 91.66666667%;} .col-xs-11point5{width: 95.83333334%;} .col-xs-10 {width: 83.33333333%;} .col-xs-10point5{width: 87.5%;} .col-xs-9 {width: 75%;} .col-xs-9point5{width: 79.16666667%;} .col-xs-8 {width: 66.66666667%;} .col-xs-8point5{width: 70.83333334%;} .col-xs-7 {width: 58.33333333%;} .col-xs-7point5{width: 62.5%;} .col-xs-6 {width: 50%;} .col-xs-6point5{width: 54.16666667%;} .col-xs-5 {width: 41.66666667%;} .col-xs-5point5{width: 45.83333334%;} .col-xs-4 {width: 33.33333333%;} .col-xs-4point5{width: 37.5%;} .col-xs-3 {width: 25%;} .col-xs-3point5{width: 29.16666667%;} .col-xs-2 {width: 16.66666667%;} .col-xs-2point5{width: 20.83333334%;} .col-xs-1 {width: 8.33333333%;} .col-xs-1point5{width: 12.5%;} .col-xs-pull-12 {right: 100%;} .col-xs-pull-point5 {right: 4.16666667%;} .col-xs-pull-11 {right: 91.66666667%;} .col-xs-pull-11point5{right: 95.83333334%;} .col-xs-pull-10 {right: 83.33333333%;} .col-xs-pull-10point5{right: 87.5%;} .col-xs-pull-9 {right: 75%;} .col-xs-pull-9point5{right: 79.16666667%;} .col-xs-pull-8 {right: 66.66666667%;} .col-xs-pull-8point5{right: 70.83333334%;} .col-xs-pull-7 {right: 58.33333333%;} .col-xs-pull-7point5{right: 62.5%;} .col-xs-pull-6 {right: 50%;} .col-xs-pull-6point5{right: 54.16666667%;} .col-xs-pull-5 {right: 41.66666667%;} .col-xs-pull-5point5{right: 45.83333334%;} .col-xs-pull-4 {right: 33.33333333%;} .col-xs-pull-4point5{right: 37.5%;} .col-xs-pull-3 {right: 25%;} .col-xs-pull-3point5{right: 29.16666667%;} .col-xs-pull-2 {right: 16.66666667%;} .col-xs-pull-2point5{right: 20.83333334%;} .col-xs-pull-1 {right: 8.33333333%;} .col-xs-pull-1point5{right: 12.5%;} .col-xs-pull-0 {right: auto;} .col-xs-pull-0 {right: auto;} .col-xs-push-12 {left: 100%;} .col-xs-push-point5 {left: 4.16666667%;} .col-xs-push-11 {left: 91.66666667%;} .col-xs-push-11point5{left: 95.83333334%;} .col-xs-push-10 {left: 83.33333333%;} .col-xs-push-10point5{left: 87.5%;} .col-xs-push-9 {left: 75%;} .col-xs-push-9point5{left: 79.16666667%;} .col-xs-push-8 {left: 66.66666667%;} .col-xs-push-8point5{left: 70.83333334%;} .col-xs-push-7 {left: 58.33333333%;} .col-xs-push-7point5{left: 62.5%;} .col-xs-push-6 {left: 50%;} .col-xs-push-6point5{left: 54.16666667%;} .col-xs-push-5 {left: 41.66666667%;} .col-xs-push-5point5{left: 45.83333334%;} .col-xs-push-4 {left: 33.33333333%;} .col-xs-push-4point5{left: 37.5%;} .col-xs-push-3 {left: 25%;} .col-xs-push-3point5{left: 29.16666667%;} .col-xs-push-2 {left: 16.66666667%;} .col-xs-push-2point5{left: 20.83333334%;} .col-xs-push-1 {left: 8.33333333%;} .col-xs-push-1point5{left: 12.5%;} .col-xs-push-0 {left: auto;} .col-xs-offset-point5 {margin-left: 4.16666667%;} .col-xs-offset-12 {margin-left: 100%;} .col-xs-offset-11point5{margin-left: 95.83333334%;} .col-xs-offset-11 {margin-left: 91.66666667%;} .col-xs-offset-10point5{margin-left: 87.5%;} .col-xs-offset-10 {margin-left: 83.33333333%;} .col-xs-offset-9point5{margin-left: 79.16666667%;} .col-xs-offset-9 {margin-left: 75%;} .col-xs-offset-8point5{margin-left: 70.83333334%;} .col-xs-offset-8 {margin-left: 66.66666667%;} .col-xs-offset-7point5{margin-left: 62.5%;} .col-xs-offset-7 {margin-left: 58.33333333%;} .col-xs-offset-6point5{margin-left: 54.16666667%;} .col-xs-offset-6 {margin-left: 50%;} .col-xs-offset-5point5{margin-left: 45.83333334%;} .col-xs-offset-5 {margin-left: 41.66666667%;} .col-xs-offset-4point5{margin-left: 37.5%;} .col-xs-offset-4 {margin-left: 33.33333333%;} .col-xs-offset-3point5{margin-left: 29.16666667%;} .col-xs-offset-3 {margin-left: 25%;} .col-xs-offset-2point5{margin-left: 20.83333334%;} .col-xs-offset-2 {margin-left: 16.66666667%;} .col-xs-offset-1point5{margin-left: 12.5%;} .col-xs-offset-1 {margin-left: 8.33333333%;} .col-xs-offset-0 {margin-left: 0;} /* 768 */ @media (max-width: 991px) { /* [class*="col-"]{ margin-bottom: 20px; } */ .margintop-mob-s { margin-top:7px; } .marginbot-mob-s { margin-bottom:7px; } .margintop-mob-m { margin-top:15px; } .marginbot-mob-m { margin-bottom:15px; } .margintop-mob-l { margin-top:30px; } .marginbot-mob-l { margin-bottom:30px; } .noMarginTop-l { margin-top:-30px; } .section .margintop-mob-s:nth-of-type(1), .section .margintop-mob-m:nth-of-type(1), .section .margintop-mob-l:nth-of-type(1) {margin-top:0;} } /* ------ SM ------ */ /* @media (min-width: 768px) { */ /* prima (992px) == md per tiny bootstrap, ora 769 e se usiamo classe sm */ @media (min-width: 769px) { /* [class*="col-"]{ margin-bottom: 20px; } */ /* .margintop-bug { margin-top:0; } .alt-xs{ height:3px; } .alt-s{ height:7px; } .alt-m{ height:15px; } .alt-l{ height:30px; } .alt-xl{ height:40px; } */ [class*="col-sm"].margintop-mob-s, [class*="col-sm"].margintop-mob-m, [class*="col-sm"].margintop-mob-l, [class*="col-sm"].marginbot-mob-s, [class*="col-sm"].marginbot-mob-m, [class*="col-sm"].marginbot-mob-l {margin:0;} .col-sm-1, .col-sm-1point5,.col-sm-2,.col-sm-2point5, .col-sm-3, .col-sm-3point5,.col-sm-4, .col-sm-4point5,.col-sm-5,col-sm-5point5, .col-sm-6, .col-sm-6point5,.col-sm-7,.col-sm-7point5, .col-sm-8,.col-sm-8point5, .col-sm-9,.col-sm-9point5, .col-sm-10, .col-sm-10point5,.col-sm-10point5, .col-sm-11,.col-sm-11point5, .col-sm-12,.col-sm-point5 { float: left; } .col-sm-12 {width: 100%;} .col-sm-point5 {width: 4.16666667%;} .col-sm-11 {width: 91.66666667%;} .col-sm-11point5{width: 95.83333334%;} .col-sm-10 {width: 83.33333333%;} .col-sm-10point5{width: 87.5%;} .col-sm-9 {width: 75%;} .col-sm-9point5{width: 79.16666667%;} .col-sm-8 {width: 66.66666667%;} .col-sm-8point5{width: 70.83333334%;} .col-sm-7 {width: 58.33333333%;} .col-sm-7point5{width: 62.5%;} .col-sm-6 {width: 50%;} .col-sm-6point5{width: 54.16666667%;} .col-sm-5 {width: 41.66666667%;} .col-sm-5point5{width: 45.83333334%;} .col-sm-4 {width: 33.33333333%;} .col-sm-4point5{width: 37.5%;} .col-sm-3 {width: 25%;} .col-sm-3point5{width: 29.16666667%;} .col-sm-2 {width: 16.66666667%;} .col-sm-2point5{width: 20.83333334%;} .col-sm-1 {width: 8.33333333%;} .col-sm-1point5{width: 12.5%;} .col-sm-pull-12 {right: 100%;} .col-sm-pull-point5 {right: 4.16666667%;} .col-sm-pull-11 {right: 91.66666667%;} .col-sm-pull-11point5{right: 95.83333334%;} .col-sm-pull-10 {right: 83.33333333%;} .col-sm-pull-10point5{right: 87.5%;} .col-sm-pull-9 {right: 75%;} .col-sm-pull-9point5{right: 79.16666667%;} .col-sm-pull-8 {right: 66.66666667%;} .col-sm-pull-8point5{right: 70.83333334%;} .col-sm-pull-7 {right: 58.33333333%;} .col-sm-pull-7point5{right: 62.5%;} .col-sm-pull-6 {right: 50%;} .col-sm-pull-6point5{right: 54.16666667%;} .col-sm-pull-5 {right: 41.66666667%;} .col-sm-pull-5point5{right: 45.83333334%;} .col-sm-pull-4 {right: 33.33333333%;} .col-sm-pull-4point5{right: 37.5%;} .col-sm-pull-3 {right: 25%;} .col-sm-pull-3point5{right: 29.16666667%;} .col-sm-pull-2 {right: 16.66666667%;} .col-sm-pull-2point5{right: 20.83333334%;} .col-sm-pull-1 {right: 8.33333333%;} .col-sm-pull-1point5{right: 12.5%;} .col-sm-pull-0 {right: auto;} .col-sm-push-point5 {left: 4.16666667%;} .col-sm-push-12 {left: 100%;} .col-sm-push-11point5{left: 95.83333334%;} .col-sm-push-11 {left: 91.66666667%;} .col-sm-push-10point5{left: 87.5%;} .col-sm-push-10 {left: 83.33333333%;} .col-sm-push-9point5{left: 79.16666667%;} .col-sm-push-9 {left: 75%;} .col-sm-push-8point5{left: 70.83333334%;} .col-sm-push-8 {left: 66.66666667%;} .col-sm-push-7point5{left: 62.5%;} .col-sm-push-7 {left: 58.33333333%;} .col-sm-push-6point5{left: 54.16666667%;} .col-sm-push-6 {left: 50%;} .col-sm-push-5point5{left: 45.83333334%;} .col-sm-push-5 {left: 41.66666667%;} .col-sm-push-4point5{left: 37.5%;} .col-sm-push-4 {left: 33.33333333%;} .col-sm-push-3point5{left: 29.16666667%;} .col-sm-push-3 {left: 25%;} .col-sm-push-2point5{left: 20.83333334%;} .col-sm-push-2 {left: 16.66666667%;} .col-sm-push-1point5{left: 12.5%;} .col-sm-push-1 {left: 8.33333333%;} .col-sm-offset-point5 {margin-left: 4.16666667%;} .col-sm-push-0 {left: auto;} .col-sm-offset-11point5{margin-left: 95.83333334%;} .col-sm-offset-12 {margin-left: 100%;} .col-sm-offset-10point5{margin-left: 87.5%;} .col-sm-offset-11 {margin-left: 91.66666667%;} .col-sm-offset-9point5{margin-left: 79.16666667%;} .col-sm-offset-10 {margin-left: 83.33333333%;} .col-sm-offset-8point5{margin-left: 70.83333334%;} .col-sm-offset-9 {margin-left: 75%;} .col-sm-offset-7point5{margin-left: 62.5%;} .col-sm-offset-8 {margin-left: 66.66666667%;} .col-sm-offset-6point5{margin-left: 54.16666667%;} .col-sm-offset-7 {margin-left: 58.33333333%;} .col-sm-offset-5point5{margin-left: 45.83333334%;} .col-sm-offset-6 {margin-left: 50%;} .col-sm-offset-4point5{margin-left: 37.5%;} .col-sm-offset-5 {margin-left: 41.66666667%;} .col-sm-offset-3point5{margin-left: 29.16666667%;} .col-sm-offset-4 {margin-left: 33.33333333%;} .col-sm-offset-2point5{margin-left: 20.83333334%;} .col-sm-offset-3 {margin-left: 25%;} .col-sm-offset-1point5{margin-left: 12.5%;} .col-sm-offset-2 {margin-left: 16.66666667%;} .col-sm-offset-1 {margin-left: 8.33333333%;} .col-sm-offset-0 {margin-left: 0;} } /* ------ MD ------ */ @media (min-width: 992px) { .col-md-1,.col-md-1point5, .col-md-2,.col-md-2point5, .col-md-3,.col-md-3point5, .col-md-4,.col-md-4point5, .col-md-5,.col-md-5point5, .col-md-6,.col-md-6point5, .col-md-7,.col-md-7point5, .col-md-8,.col-md-8point5, .col-md-9,.col-md-9point5, .col-md-10,.col-md-10point5, .col-md-11,.col-md-11point5, .col-md-12,.col-md-point5 { float: left; } .col-md-12 {width: 100%;} .col-md-point5 {width: 4.16666667%;} .col-md-11 {width: 91.66666667%;} .col-md-11point5{width: 95.83333334%;} .col-md-10 {width: 83.33333333%;} .col-md-10point5{width: 87.5%;} .col-md-9 {width: 75%;} .col-md-9point5{width: 79.16666667%;} .col-md-8 {width: 66.66666667%;} .col-md-8point5{width: 70.83333334%;} .col-md-7 {width: 58.33333333%;} .col-md-7point5{width: 62.5%;} .col-md-6 {width: 50%;} .col-md-6point5{width: 54.16666667%;} .col-md-5 {width: 41.66666667%;} .col-md-5point5{width: 45.83333334%;} .col-md-4 {width: 33.33333333%;} .col-md-4point5{width: 37.5%;} .col-md-3 {width: 25%;} .col-md-3point5{width: 29.16666667%;} .col-md-2 {width: 16.66666667%;} .col-md-2point5{width: 20.83333334%;} .col-md-1 {width: 8.33333333%;} .col-md-1point5{width: 12.5%;} .col-md-pull-12 {right: 100%;} .col-md-pull-point5 {right: 4.16666667%;} .col-md-pull-11 {right: 91.66666667%;} .col-md-pull-11point5{right: 95.83333334%;} .col-md-pull-10 {right: 83.33333333%;} .col-md-pull-10point5{right: 87.5%;} .col-md-pull-9 {right: 75%;} .col-md-pull-9point5{right: 79.16666667%;} .col-md-pull-8 {right: 66.66666667%;} .col-md-pull-8point5{right: 70.83333334%;} .col-md-pull-7 {right: 58.33333333%;} .col-md-pull-7point5{right: 62.5%;} .col-md-pull-6 {right: 50%;} .col-md-pull-6point5{right: 54.16666667%;} .col-md-pull-5 {right: 41.66666667%;} .col-md-pull-5point5{right: 45.83333334%;} .col-md-pull-4 {right: 33.33333333%;} .col-md-pull-4point5{right: 37.5%;} .col-md-pull-3 {right: 25%;} .col-md-pull-3point5{right: 29.16666667%;} .col-md-pull-2 {right: 16.66666667%;} .col-md-pull-2point5{right: 20.83333334%;} .col-md-pull-1 {right: 8.33333333%;} .col-md-pull-1point5{right: 12.5%;} .col-md-pull-0 {right: auto } .col-md-pull-0 {right: auto;} .col-md-push-12 {left: 100%;} .col-md-push-point5 {left: 4.16666667%;} .col-md-push-11 {left: 91.66666667%;} .col-md-push-11point5{left: 95.83333334%;} .col-md-push-10 {left: 83.33333333%;} .col-md-push-10point5{left: 87.5%;} .col-md-push-9 {left: 75%;} .col-md-push-9point5{left: 79.16666667%;} .col-md-push-8 {left: 66.66666667%;} .col-md-push-8point5{left: 70.83333334%;} .col-md-push-7 {left: 58.33333333%;} .col-md-push-7point5{left: 62.5%;} .col-md-push-6 {left: 50%;} .col-md-push-6point5{left: 54.16666667%;} .col-md-push-5 {left: 41.66666667%;} .col-md-push-5point5{left: 45.83333334%;} .col-md-push-4 {left: 33.33333333%;} .col-md-push-4point5{left: 37.5%;} .col-md-push-3 {left: 25%;} .col-md-push-3point5{left: 29.16666667%;} .col-md-push-2 {left: 16.66666667%;} .col-md-push-2point5{left: 20.83333334%;} .col-md-push-1 {left: 8.33333333%;} .col-md-push-1point5{left: 12.5%;} .col-md-push-0 {left: auto } .col-md-offset-point5 {margin-left: 4.16666667%;} .col-md-offset-12 {margin-left: 100%;} .col-md-offset-11point5{margin-left: 95.83333334%;} .col-md-offset-11 {margin-left: 91.66666667%;} .col-md-offset-10point5{margin-left: 87.5%;} .col-md-offset-10 {margin-left: 83.33333333%;} .col-md-offset-9point5{margin-left: 79.16666667%;} .col-md-offset-9 {margin-left: 75%;} .col-md-offset-8point5{margin-left: 70.83333334%;} .col-md-offset-8 {margin-left: 66.66666667%;} .col-md-offset-7point5{margin-left: 62.5%;} .col-md-offset-7 {margin-left: 58.33333333%;} .col-md-offset-6point5{margin-left: 54.16666667%;} .col-md-offset-6 {margin-left: 50%;} .col-md-offset-5point5{margin-left: 45.83333334%;} .col-md-offset-5 {margin-left: 41.66666667%;} .col-md-offset-4point5{margin-left: 37.5%;} .col-md-offset-4 {margin-left: 33.33333333%;} .col-md-offset-3point5{margin-left: 29.16666667%;} .col-md-offset-3 {margin-left: 25%;} .col-md-offset-2point5{margin-left: 20.83333334%;} .col-md-offset-2 {margin-left: 16.66666667%;} .col-md-offset-1point5{margin-left: 12.5%;} .col-md-offset-1 {margin-left: 8.33333333%;} .col-md-offset-0 {margin-left: 0;} } /* ------ LG ------ */ @media (min-width: 1279px) { /* + margine */ .container_row { padding-right: 20px; padding-left: 20px; } .row { margin-right: -20px; margin-left: -20px; } .no-padding .row [class*="col-"] { /* abbinare a row */ padding-left: 20px !important; padding-right: 20px !important; } .no-padding .row { margin-left: -20px !important; margin-right: -20px !important; } .half-padding [class*="col-"] { /* abbinare a row */ padding-left: 10px !important; padding-right: 10px !important; } .half-padding { margin-left: -10px !important; margin-right: -10px !important; } .border-padding [class*="col-"] { /* abbinare a row */ padding-left: 3px !important; padding-right: 3px !important; } .border-padding { margin-left: -3px !important; margin-right: -3px !important; } .xl-padding [class*="col-"] { /* abbinare a row */ padding-left: 35px !important; padding-right: 35px !important; } .xl-padding { margin-left: -35px !important; margin-right: -35px !important; } /* se row dentro row xl-padding o row half-padding, se row non serve */ .xl-padding .row [class*="col-"] { padding-left: 20px !important; padding-right: 20px !important; } .xl-padding .row.half-padding [class*="col-"] { padding-left: 10px !important; padding-right: 10px !important; } .col-xs-1, .col-xs-1point5, .col-sm-1, .col-sm-1point5, .col-md-1, .col-md-1point5, .col-lg-1, .col-lg-1point5, .col-xs-2, .col-xs-2point5, .col-sm-2, .col-sm-2point5, .col-md-2, .col-md-2point5, .col-lg-2, .col-lg-2point5, .col-xs-3, .col-xs-3point5, .col-sm-3, .col-sm-3point5, .col-md-3, .col-md-3point5, .col-lg-3, .col-lg-3point5, .col-xs-4, .col-xs-4point5, .col-sm-4, .col-sm-4point5, .col-md-4, .col-md-4point5, .col-lg-4, .col-lg-4point5, .col-xs-5, .col-xs-5point5, .col-sm-5, .col-sm-5point5, .col-md-5, .col-md-5point5, .col-lg-5, .col-lg-5point5, .col-xs-6, .col-xs-6point5, .col-sm-6, .col-sm-6point5, .col-md-6, .col-md-6point5, .col-lg-6, .col-lg-6point5, .col-xs-7, .col-xs-7point5, .col-sm-7, .col-sm-7point5, .col-md-7, .col-md-7point5, .col-lg-7, .col-lg-7point5, .col-xs-8, .col-xs-8point5, .col-sm-8, .col-sm-8point5, .col-md-8, .col-md-8point5, .col-lg-8, .col-lg-8point5, .col-xs-9, .col-xs-9point5, .col-sm-9, .col-sm-9point5, .col-md-9, .col-md-9point5, .col-lg-9, .col-lg-9point5, .col-xs-10, .col-xs-10point5, .col-sm-10, .col-sm-10point5, .col-md-10, .col-md-10point5, .col-lg-10, .col-lg-10point5, .col-xs-11, .col-xs-11point5, .col-sm-11, .col-sm-11point5,.col-md-11, .col-md-11point5, .col-lg-11, .col-lg-11point5, .col-xs-12, .col-xs-point5, .col-sm-12, .col-sm-point5, .col-md-12, .col-md-point5, .col-lg-12, .col-lg-point5{ padding-right: 20px; padding-left: 20px; } .margintop-s { margin-top:10px; } .marginbot-s { margin-bottom:10px; } .margintop-m { margin-top:20px; } .marginbot-m { margin-bottom:20px; } .margintop-l { margin-top:40px; } .marginbot-l { margin-bottom:40px; } .noMarginTop-l { margin-top:-40px; } .noMarginTop-l { margin-top:-40px; } .alt-xs{ height:5px; } .alt-s{ height:10px; } .alt-m{ height:20px; } .alt-l{ height:40px; } .alt-xl{ height:50px; } .paddL {padding:40px;} .col-lg-1,.col-lg-1point5, .col-lg-2,.col-lg-2point5, .col-lg-3,.col-lg-3point5, .col-lg-4,.col-lg-4point5, .col-lg-5,.col-lg-5point5, .col-lg-6,.col-lg-6point5, .col-lg-7,.col-lg-7point5, .col-lg-8,.col-lg-8point5, .col-lg-9,.col-lg-9point5, .col-lg-10,.col-lg-10point5, .col-lg-11,.col-lg-11point5, .col-lg-12,.col-lg-point5 { float: left; } .col-lg-12 {width: 100%;} .col-lg-point5 {width: 4.16666667%;} .col-lg-11 {width: 91.66666667%;} .col-lg-11point5{width: 95.83333334%;} .col-lg-10 {width: 83.33333333%;} .col-lg-10point5{width: 87.5%;} .col-lg-9 {width: 75% } .col-lg-9point5{width: 79.16666667%;} .col-lg-8 {width: 66.66666667% } .col-lg-8point5{width: 70.83333334%;} .col-lg-7 {width: 58.33333333%;} .col-lg-7point5{width: 62.5%;} .col-lg-6 {width: 50%;} .col-lg-6point5{width: 54.16666667%;} .col-lg-5 {width: 41.66666667%;} .col-lg-5point5{width: 45.83333334%;} .col-lg-4 {width: 33.33333333% } .col-lg-4point5{width: 37.5%;} .col-lg-3 {width: 25%;} .col-lg-3point5{width: 29.16666667%;} .col-lg-2 {width: 16.66666667%;} .col-lg-2point5{width: 20.83333334%;} .col-lg-1 {width: 8.33333333%;} .col-lg-1point5{width: 12.5%;} .col-lg-pull-12 {right: 100%;} .col-lg-pull-point5 {right: 4.16666667%;} .col-lg-pull-11 {right: 91.66666667% } .col-lg-pull-11point5{right: 95.83333334%;} .col-lg-pull-10 {right: 83.33333333%;} .col-lg-pull-10point5{right: 87.5%;} .col-lg-pull-9 {right: 75%;} .col-lg-pull-9point5{right: 79.16666667%;} .col-lg-pull-8 {right: 66.66666667% } .col-lg-pull-8point5{right: 70.83333334%;} .col-lg-pull-7 {right: 58.33333333% } .col-lg-pull-7point5{right: 62.5%;} .col-lg-pull-6 {right: 50% } .col-lg-pull-6point5{right: 54.16666667%;} .col-lg-pull-5 {right: 41.66666667%;} .col-lg-pull-5point5{right: 45.83333334%;} .col-lg-pull-4 {right: 33.33333333%;} .col-lg-pull-4point5{right: 37.5%;} .col-lg-pull-3 {right: 25%;} .col-lg-pull-3point5{right: 29.16666667%;} .col-lg-pull-2 {right: 16.66666667%;} .col-lg-pull-2point5{right: 20.83333334%;} .col-lg-pull-1 {right: 8.33333333%;} .col-lg-pull-1point5{right: 12.5%;} .col-lg-pull-0 {right: auto } .col-lg-push-point5 {left: 4.16666667%;} .col-lg-push-12 {left: 100% } .col-lg-push-11point5{left: 95.83333334%;} .col-lg-push-11 {left: 91.66666667%;} .col-lg-push-10point5{left: 87.5%;} .col-lg-push-10 {left: 83.33333333%;} .col-lg-push-9point5{left: 79.16666667%;} .col-lg-push-9 {left: 75%;} .col-lg-push-8point5{left: 70.83333334%;} .col-lg-push-8 {left: 66.66666667%;} .col-lg-push-7point5{left: 62.5%;} .col-lg-push-7 {left: 58.33333333%;} .col-lg-push-6point5{left: 54.16666667%;} .col-lg-push-6 {left: 50% } .col-lg-push-5point5{left: 45.83333334%;} .col-lg-push-5 {left: 41.66666667%;} .col-lg-push-4point5{left: 37.5%;} .col-lg-push-4 {left: 33.33333333%;} .col-lg-push-3point5{left: 29.16666667%;} .col-lg-push-3 {left: 25% } .col-lg-push-2point5{left: 20.83333334%;} .col-lg-push-2 {left: 16.66666667%;} .col-lg-push-1point5{left: 12.5%;} .col-lg-push-1 {left: 8.33333333%;} .col-lg-offset-point5 {margin-left: 4.16666667%;} .col-lg-push-0 {left: auto } .col-lg-offset-11point5{margin-left: 95.83333334%;} .col-lg-offset-12 {margin-left: 100%;} .col-lg-offset-10point5{margin-left: 87.5%;} .col-lg-offset-11 {margin-left: 91.66666667%;} .col-lg-offset-9point5{margin-left: 79.16666667%;} .col-lg-offset-10 {margin-left: 83.33333333% } .col-lg-offset-8point5{margin-left: 70.83333334%;} .col-lg-offset-9 {margin-left: 75%;} .col-lg-offset-7point5{margin-left: 62.5%;} .col-lg-offset-8 {margin-left: 66.66666667%;} .col-lg-offset-6point5{margin-left: 54.16666667%;} .col-lg-offset-7 {margin-left: 58.33333333%;} .col-lg-offset-5point5{margin-left: 45.83333334%;} .col-lg-offset-6 {margin-left: 50%;} .col-lg-offset-4point5{margin-left: 37.5%;} .col-lg-offset-5 {margin-left: 41.66666667%;} .col-lg-offset-3point5{margin-left: 29.16666667%;} .col-lg-offset-4 {margin-left: 33.33333333%;} .col-lg-offset-2point5{margin-left: 20.83333334%;} .col-lg-offset-3 {margin-left: 25%;} .col-lg-offset-1point5{margin-left: 12.5%;} .col-lg-offset-2 {margin-left: 16.66666667%;} .col-lg-offset-1 {margin-left: 8.33333333%;} .col-lg-offset-0 {margin-left: 0;} } /* divide 5 columns */ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 769px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1279px) { .col-lg-5ths { width: 20%; float: left; padding-right: 20px; padding-left: 20px; } } /* bug col- a capo ok */ /* usare div prima di row o assieme a row (se dopo altri annidati con row se no prima)*/ /* (SE USIAMO 'SM' QUI 768) */ @media (max-width: 991px) { .bootclear > .col-xs-2:nth-child(6n+1) { clear: left; } .bootclear > .col-xs-3:nth-child(4n+1) { clear: left; } .bootclear > .col-xs-4:nth-child(3n+1) { clear: left; } .bootclear > .col-xs-6:nth-child(2n+1) { clear: left; } .bootclear > .col-xs-12 { clear: left; } /* solo per slideGallery (1 img) via pad prima img */ .galx .margintop-l:nth-of-type(1) {margin-top:0 !important;} /* ******************** */ } /* (se sm abilitare) */ @media (min-width: 769px) and (max-width: 991px) { /* ??? se usiamo sm x es. solo in home non cambiare min-width usiamo questo .bootclear > .col-xs-2:nth-child(6n+1) { clear:left; } .bootclear > .col-xs-3:nth-child(4n+1) { clear:left; } .bootclear > .col-xs-4:nth-child(3n+1) { clear:left; } .bootclear > .col-xs-6:nth-child(2n+1) { clear:left; } .bootclear > .col-xs-12 { clear:left; } *********************** */ .bootclear > .col-sm-2:nth-child(6n+1) { clear: left; } .bootclear > .col-sm-3:nth-child(4n+1) { clear: left; } .bootclear > .col-sm-4:nth-child(3n+1) { clear: left; } .bootclear > .col-sm-6:nth-child(2n+1) { clear: left; } .bootclear > .col-sm-12 { clear: left; } /* solo per slideGallery (2 img) no pad prime 2 */ .galx > .margintop-mob-l {margin-top:30px !important;} /* rimetto pad tolto sopra in sm- */ .galx > .margintop-l:nth-of-type(1), .galx > .margintop-l:nth-of-type(2) {margin-top:0 !important;} /* ******************** */ } @media (min-width: 992px) and (max-width: 1278px) { .bootclear > .col-md-2:nth-child(6n+1) { clear: left; } .bootclear > .col-md-3:nth-child(4n+1) { clear: left; } .bootclear > .col-md-4:nth-child(3n+1) { clear: left; } .bootclear > .col-md-6:nth-child(2n+1) { clear: left; } .bootclear > .col-md-12 { clear: left; } /* solo per slideGallery (3 img) no pad prime 3 */ .galx > .margintop-l:nth-of-type(1), .galx > .margintop-l:nth-of-type(2), .galx > .margintop-l:nth-of-type(3) {margin-top:0 !important;} /* ******************** */ } @media (min-width: 1279px) { .bootclear > .col-lg-2:nth-child(6n+1) { clear: left; } .bootclear > .col-lg-3:nth-child(4n+1) { clear: left; } .bootclear > .col-lg-4:nth-child(3n+1) { clear: left; } .bootclear > .col-lg-6:nth-child(2n+1) { clear: left; } .bootclear > .col-lg-12 { clear: left; } /* solo per slideGallery (4 img) no pad prime 4 */ .galx > .margintop-l:nth-of-type(1), .galx > .margintop-l:nth-of-type(2), .galx > .margintop-l:nth-of-type(3), .galx > .margintop-l:nth-of-type(4) {margin-top:0 !important;} /* ******************** */ } /* ------------------------ TINY ------------------------- */ /* img resp editor */ .tiny {text-align: left;} .center .tiny {text-align: center;} .tiny img {max-width:100% !important; height:auto !important;} .tiny .row + p {clear:both;} .tiny img[align="left"], .tiny img[style*="float: left"], .tiny img[style*="float:left"]{ margin: 0 20px 0 0; } .tiny img[align="right"], .tiny img[style*="float: right"], .tiny img[style*="float:right"]{ margin: 0 0 0 20px; } @media (max-width: 991px) { .tiny .row + p {clear:both; height:0;} /* cols tiny */ .tiny .row [class*="col-"]{ margin-bottom: 9px; /* no margin tra col in mobile */ } .tiny img[align="left"], .tiny img[style*="float: left"], .tiny img[style*="float:left"]{ margin: 0 0 20px 0; width:100% !important; } .tiny img[align="right"], .tiny img[style*="float: right"], .tiny img[style*="float:right"]{ margin: 0 0 20px 0; width:100% !important; } } /* cols tiny */ .tiny .row > .col-lg-2:nth-child(6n+1), .tiny .row > .col-md-2:nth-child(6n+1), .tiny .row > .col-sm-2:nth-child(6n+1), .tiny .row > .col-xs-2:nth-child(6n+1) { clear: left; } .tiny .row > .col-lg-3:nth-child(4n+1), .tiny .row > .col-md-3:nth-child(4n+1), .tiny .row > .col-sm-3:nth-child(4n+1), .tiny .row > .col-xs-3:nth-child(4n+1) { clear: left; } .tiny .row > .col-lg-4:nth-child(3n+1), .tiny .row > .col-md-4:nth-child(3n+1), .tiny .row > .col-sm-4:nth-child(3n+1), .tiny .row > .col-xs-4:nth-child(3n+1) { clear: left; } .tiny .row > .col-lg-6:nth-child(2n+1), .tiny .row > .col-md-6:nth-child(2n+1), .tiny .row > .col-sm-6:nth-child(2n+1), .tiny .row > .col-xs-6:nth-child(2n+1) { clear: left; } .tiny .row > .col-lg-12, .tiny .row > .col-md-12, .tiny .row > .col-sm-12, .tiny .row > .col-xs-12 { clear: left; } /* -------------------------------------------------------- */ /* ---> trasp crossbr -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; --- oppure --- rgba(255, 255, 255, 0.8); ---> calc calc(-50% + 9px) ---> x compatibilita' su safari (mac, pc non va mai) usare questo: -webkit-calc(5% + 40px); right:-moz-calc(5% + 40px); right:calc(5% + 40px); ---> translate(x, y) left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); ---> ombre txt text-shadow: 5px 5px 5px rgba(150, 150, 150, 0.8); ----> oriz vert radius ---> bagliore txt (fondo nero) text-shadow: 0 0 10px #fff; ---> ombre box-shadow: 10px 10px 5px rgba(0,0,0,0.75); ---> solo sotto (stondato) box-shadow: 0 12px 12px -12px rgba(0,0,0,0.2); ---> solo sotto (lineare) box-shadow: 0 0 20px 0 rgba(0,0,0,0.25); ---old crossbr -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); ----> oriz vert blur radius -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); ---> radius -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; ---> radius angolo per angolo -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; ---> img tonde () .image-cropper { width: 120px; height: 120px; position: relative; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .image-cropper img { width: auto; min-width:120px; height: 100%; position:absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } ---> img tonde (anche se no quadrate) .round { border-radius: 50%; overflow: hidden; width: 170px; height: 170px; margin:0 auto; } .round img { display: block; min-width: 100%; min-height: 100%; } ---> awesome inside circle i { width: 30px; height: 30px; } .icon-2x-circle { text-align: center; padding: 15px; display: inline-block; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background:#169282; color:#fff; } oppure solo: .icon-2x-circle { text-align: center; padding: 10px 0 0 0; width: 44px; height: 44px; display: inline-block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background:transparent; color:#349200; border:1px solid #349200; }
---> list awesome (x ico: vedi: http://astronautweb.co/snippet/font-awesome/ oppure in DOC 'awesome list css') .fa-ul { list-style:none; margin:0 0 0 27px;} .fa-ul li { margin:10px 0; } .fa-ul li:before { font-family: 'FontAwesome'; content: '\f00c'; margin:0 10px 0 -27px; } fa-chevron-right "\f054" fa-plus "\f067" fa-minus "\f068" fa-caret-right "\f0da" fa-angle-right "\f105" ---> liste colorate $(document).ready(function() { jQuery('li').wrapInner(''); }); ul {margin: -7px 0 -7px 18px; padding:0; list-style-type: square;} li {margin: 7px 0 7px 0; padding:0; color: #c4203b;} li span.li_content {color:#555;} ---> gradient sfondo #wrapper { background: #EFEFF0; background: -moz-linear-gradient(top, #EFEFF0 0%, #fff 80%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #EFEFF0), color-stop(80%, #fff)); background: -webkit-linear-gradient(top, #EFEFF0 0%, #fff 80%); background: -o-linear-gradient(top, #EFEFF0 0%, #fff 80%); background: -ms-linear-gradient(top, #EFEFF0 0%, #fff 80%); background: linear-gradient(to bottom, #EFEFF0 0%, #fff 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFF0', endColorstr='#fff', GradientType=0 ); } ---> txt centrato vert display:flex; align-items:center; justify-content:left; ---> img vertical align middle .divContImg { height: 90px; } .divContImg img { vertical-align: middle; height:100%; margin:0 12px 0 0; }
testo
---> center absolute margin-left: auto; margin-right: auto; left: 0; right: 0; ---> contenitore centrato con dentro float left/right ecc.. width:-moz-fit-content; width:-webkit-fit-content; width:fit-content; margin:0 auto; ---> align bottom inside
  • nav ul li a { vertical-align:bottom; display: table-cell; } ---> tagliare riga di testo overflow:hidden; text-overflow:ellipsis; white-space:nowrap; ---> column right top page on mobile
    A
    B
    ---> titolo con linea
    Title
    .titLine { display: inline-block; padding: 0 15px; position: relative; } .titLine:before, .titLine:after { background: #ddd; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 400%; } .titLine:before { right: 100%; } .titLine:after { left: 100%; } .container { overflow: hidden; text-align: center; } ---> titolo sottolineato solo a meta' h1,h2,h3,h4,h5,h6 { display: inline-block; padding-bottom: 5px; position: relative; } h1:before{ content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left: 25%; border-bottom: 1px solid red; } ---> titolo sottolineato a metà h1 { display: inline-block; padding-bottom: 30px; margin-bottom:30px; position: relative; } h1:before{ content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left: 25%; border-bottom: 1px solid #111; }

    Titolo

    ---> sottolineato strike-underline { position: relative; white-space: nowrap; } strike-underline:after { border-bottom: 2px solid #fff; position: absolute; content: ""; right: 0; bottom:0; left: 0; } ---> titolo con riga dietrto a tutta pagina

    NEWS

    .title__divider { text-align: center; color: #6cb175 ; display: table; white-space: nowrap; } .title__divider span { display: inline-block; padding: 10px 12px; margin: 0 12px; border: 0px solid #6cb175; / * bordo intorn oa titolo * / position: relative; z-index: 11; } .title__divider:before, .title__divider:after { content: ' '; display: table-cell; width: 50%; background: -webkit-linear-gradient(#6cb175, #6cb175) repeat-x left center; background: linear-gradient(#6cb175, #6cb175) repeat-x left center; background-size: 1px 1px; } ---> Dividers (tipo hr con simbolo) .g-hr { position: relative; font-size: 0; text-align: center; height: 24px; margin: 2% 0; width: 100%; padding: 2px 0; overflow: hidden; clear: both; } .g-hr-h:before, .g-hr-h:after { display: inline-block; content: ""; height: 1px; width: 50%; margin-top: 12px; vertical-align: top; position: relative; background-color: #ddd; } .g-hr-h:before { left: -10px; margin-left: -50%; } .g-hr-h:after { left: 10px; margin-right: -50%; } .g-hr-h i { font-size: 16px; line-height: 20px; height: 20px; width: 20px; vertical-align: top; text-align: center; color: #ddd; } .g-hr-h {font-size:24px; color: #ddd;} .g-hr.size_small { margin: 1% 0; } .g-hr.size_big { margin: 3% 0; } .g-hr.type_short { width: 15%; min-width:150px; margin-left: auto; margin-right: auto; } .g-hr.type_simple .g-hr-h:before { left: 0; margin-left: 0; width: 100%; } .g-hr.type_simple .g-hr-h:after, .g-hr.type_simple .g-hr-h i { display: none; }
    ♦
    ---> line through centered .strike-center { position: relative; white-space: nowrap; } .strike-center:after { border-top: 1px solid #000; position: absolute; content: ""; right: 0; top:50%; left: 0; } ---> line through a croce .cross { position: relative; display: inline-block; } .cross::before, .cross::after { content: ''; width: 80%; position: absolute; right: 10%; top: 50%; } .cross::before { border-bottom: 2px solid #000; -webkit-transform: skewY(-10deg); transform: skewY(-10deg); } .cross::after { border-bottom: 2px solid #000; -webkit-transform: skewY(10deg); transform: skewY(10deg); } ---> pari dispari .tabHome {width:100%;} .tabHome tr:nth-child(even) { background-color: #eee; } .tabHome tr td:nth-child(odd) { width:30%; } .tabHome tr td:nth-child(even) { width:70%; } ---> spostare colonne da dx a sx e viceversa
    ---> blocchi con img e txt centrato vert .boxTxt{ position:absolute; left: 0; top: 50%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); } .boxImgBack { display:block; width:100%; height:auto; visibility:hidden; }
    xxx
    ---> altro footer bottom
    ...
    ...
    #wrapper{ min-height:100%; position:relative; } .container{ padding-bottom:200px; } footer{ width:100%; height:200px; position:absolute; bottom:0; left:0; } ---> Tooltip [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 250px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 12px; line-height: 1.2; } ------ triangolo ------ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
    xxx
    ---> over img zoom .item { position: relative; border: 0px solid #333; overflow: hidden; width: 100%; } .item img { width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .item:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
    ---> overflow auto su IOS (scrollbar) ::-webkit-scrollbar{ -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } ---> testo firefox visualizzato male (solo alcuni font) text-shadow: 0 0 0; ---> solo smartphone landscape @media (max-width: 768px) and (orientation : landscape) { .xxx {display:none;} } ---> orientation @media (max-width: 768px) and (orientation : portrait) { } @media (max-width: 768px) and (orientation : landscape) { } ---> obliquo sparatore non rectangular
    .separator-margin {height:135px;} .separator-oblique{ height: 100px; margin-top:-100px; background-image: linear-gradient(to bottom left, transparent, transparent 50%, #000 50%, #000); */