/* Stili personalizzati Gieffe Sistemi — estratti da index.php */ @font-face { font-family: Gotham; src: url(../gotham/gotham-light-webfont.woff); } @font-face { font-family: Gotham; src: url(../gotham/gotham-bold-webfont.woff); font-weight: bold; } ::selection{background: #5790cc!important;} /*BODY {color: #4d4d4d; font-family: Gotham !important;}*/ BODY {color: #3a3a3a; font-family: Gotham !important;} h2 {color: #5790cc !important; font-family: Gotham !important; text-transform: none!important;} h3 {font-family: Gotham !important;} h4 {font-family: Gotham !important;} h5 {font-family: Gotham !important;} h6 {font-family: Gotham !important;} #content p {line-height: 1.5;} /* HEADER #header{height: 130px!important; } #header-wrap {height: 130px!important; box-shadow: 0 0 10px rgba(0,0,0,0.1);} #logo img {height: 120px!important; margin-top: 5px;} /* HEADER */ .icon-ok-circle{color: #5790cc !important;} .subtitle {font-size: 22px;} #primary-menu ul li > a {font-family: Gotham !important;} #primary-menu ul li > a{color: #222; letter-spacing: 0; padding-left: 0;} #primary-menu ul li:hover > a, #primary-menu ul li.current > a, #primary-menu div ul li:hover > a, #primary-menu div ul li.current > a{color: #5790cc; } /* LOGIN MODAL #modal-login .divcenter {background-color: #e7332a; max-width: 400px;} #modal-login h3 {font-family: Oswald !important; color: #fff;} #modal-login h3:after {content: ""; display: inline-block; width: 100%;} #modal-login button {background-color: #fff; border-color: #fff; color: #444;} #modal-login button:hover {background-color: #fff; color: #e7332a;} #modal-login a {color: #fff;} #modal-login a:hover {color: #444;} /* LOGIN MODAL */ .top-links ul ul {border-top: 1px solid #5790CB;} .top-links ul ul.area-riservata{width: 100%; border: 0; display: block!important; top:0 !important; padding: 20px;} .button.button-border{border: #fff 2px solid; color: #fff;} .button.button-border:not(.button-fill):hover{background-color: #fff; color: #e7332a;} .button.button-3d:hover {background-color: #5790cc!important;} .content-wrap {padding-bottom: 0;} .section {padding: 0;} .portfolio-overlay a:hover {color: #5790cc;} .toggle .togglet {text-transform: uppercase;} /*body {font-size: 15px;} ul{padding-left: 20px;} #header {background-color: #FFF;} #primary-menu ul li > a{font-size: 18px !important;} #primary-menu ul li > a:hover{color: #e6332a !important;} .section-centraline #page-menu-wrap{background-color: #e6332a !important;} .section-iniettori #page-menu-wrap{background-color: #e1d622 !important;} .section-distributori #page-menu-wrap{background-color: #3aaa35 !important;} .section-hothalf #page-menu-wrap{background-color: #2563ad !important;} .portfolio-item{ padding: 0 40px 12px 0;} .entry-image{width: auto;} /* CENTRALINE APPROFONDIMNTI* .grid-3 .entry-image img{width: 80%;} /* CENTRALINE APPROFONDIMNTI*/ .my-legend .legend-title { text-align: left; margin-bottom: 5px; font-weight: bold; font-size: 90%; } .my-legend .legend-scale ul { margin: 0; margin-bottom: 5px; padding: 0; float: left; list-style: none; } .my-legend .legend-scale ul li { font-size: 80%; list-style: none; margin-left: 0; line-height: 18px; margin-bottom: 2px; } .my-legend ul.legend-labels1 li span { display: block; float: left; height: 16px; width: 30px; margin-right: 5px; margin-left: 0; } .my-legend ul.legend-labels2 li span { display: block; float: right; height: 16px; width: 30px; margin-left: 5px; margin-left: 0; } .my-legend .legend-source { font-size: 70%; color: #999; clear: both; } .my-legend a { color: #777; } #header.full-header #logo {border-right: 0;} #header.full-header #primary-menu > ul {border:0;} .heading-block:after{display: none;} .heading-block.center:after, .heading-block.title-center:after{margin: 0;} .video-section .pattern-overlay { background-color: rgba(71, 71, 71, 0.59); padding: 110px 0 32px; min-height: 496px; /* Incase of overlay problems just increase the min-height*/ } .video-section h1, .video-section h3{ text-align:center; color:#fff; } .video-section h1{ font-size:50px; font-family: 'Gotham', serif; font-weight:bold; text-transform: uppercase; margin: 40px auto 0px; -webkit-text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; } .video-section h3{ font-size: 30px; font-weight:lighter; margin: 0px auto 15px; } .video-section .buttonBar{display:none;} .player {font-size: 1px;} .video-section2 .pattern-overlay { min-width: 100%!important; min-height: 280px!important; /* Incase of overlay problems just increase the min-height*/ } .video-section2 .buttonBar{display:none;} .playerbox {width: 100% !important;} /* .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 * padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/ /*iframe{ width: 100vw; height: calc(100vw/1.77); }*/ .home .chi-siamo {background-color: #fff !important;} .home .chi-siamo h2 {color: #5790cc!important; border-bottom-width: 0!important; text-transform: none;} .home .chi-siamo button {background-color: #284d8e!important; color: #fff!important; padding: 0;} .home .chi-siamo button:hover {background-color: #5790cc!important; color: #fff!important;} .home .chi-siamo button a{color: #fff;} .home .chi-siamo button a:hover{color: #fff;} .home .settori {background-color: #fff !important;} .home .settori .col-md-3 {padding-left: 0!important; padding-right: 0!important;} .home .settori .col-md-3 .entry-image {margin-bottom: 10px!important;} .home .settori h2 {color: #4d4d4d!important; border-bottom-width: 50px; border-bottom-color: #808080;} .home .settori h2 span {color: #5790cc!important;} .home .settori h3 {color: #5790cc; font-size: 18px!important; text-align: left!important; margin-bottom: 10px!important; margin-top: 10px!important;} .home .settori ul {padding-left: 20px;} .home .settori ul li {text-align: left; font-size: 13px;} .home .settori .col_one_fourth {width: 25%;} .home .settori2 {color: #fff !important;} .home .settori2 .col_one_fourth {width: 25%;} .home .settori2 h5 {color: #fff !important; margin: 0;} .home .obbiettivi {border: #f2f2f2 2px solid;} .home .obbiettivi h2 {color: #5790cc!important; border-bottom-width: 0!important; text-align: center;} .home .obbiettivi h4 {color: #5b5a5a!important; border-bottom-width: 0!important; text-align: center;} .home .obbiettivi .heading-block:after {width: auto;} .home .obbiettivi ul {padding-left: 30px;} .home .obbiettivi ul li {text-align: left; font-size: 15px; margin-bottom: 15px;} .home .obbiettivi ul li strong {color: #5790cc!important;} .azienda .heading-block.left h2 {color: #5b5a5a!important; border-bottom-width: 50px; border-bottom-color: #808080; text-transform: none; text-align: left;} .azienda h3 {color: #5790cc!important; text-align: left; text-transform: none;} .azienda .button.button-border:not(.button-fill):hover{color: #4d4d4d!important;} .azienda h4 {margin: 0;} .azienda .col_one_third {height: 180px!important} .azienda .col_one_third h4 {height: 55px!important} .azienda .promo h3 a {color: #fff!important;} .azienda .promo h3 a:hover {color: #4d4d4d!important;} .azienda .promo button {background-color: #284d8e!important; color: #fff!important; padding: 0;} .azienda .promo button:hover {background-color: #5790cc!important; color: #fff!important;} .azienda .promo button a{color: #fff;} .azienda .promo button a:hover{color: #fff;} .azienda .qualifiche {border: #f2f2f2 2px solid;} .azienda .qualifiche h2 {color: #4d4d4d!important; border-bottom-width: 0!important; text-align: left;} .azienda .qualifiche .heading-block:after {width: auto;} .azienda .qualifiche ul {padding-left: 30px;} .azienda .qualifiche ul li {text-align: left; font-size: 15px;} .progettazione-e-prototipazione h2 {color: #4d4d4d; border-bottom-width: 50px; border-bottom-color: #808080; text-transform: none;} .progettazione-e-prototipazione h3 {color: #ffffff; text-transform: uppercase; text-align: center; font-size: 30px; margin-top: 20px; margin-bottom: 20px;} .progettazione-e-prototipazione h4 {margin: 0;} .progettazione-e-prototipazione h5 {color: #ffffff; text-align: justify; font-size: 20px; font-weight: normal; margin-top: 20px; margin-bottom: 20px;} .collaudi h2 {color: #4d4d4d; border-bottom-width: 50px; border-bottom-color: #808080; text-transform: none;} .collaudi .portfolio-filter li.activeFilter a {background-color: #5790cc !important; color: #fff!important;} .collaudi .portfolio-filter li.activeFilter a:hover {background-color: #5790cc !important; color: #fff!important;} .collaudi .portfolio-filter li a:hover {color: #5790cc !important;} .collaudi .portfolio-item iframe{width: 230px!important; height: 157px!important;} .lavorazioni-meccaniche h2 {color: #4d4d4d; border-bottom-width: 50px; border-bottom-color: #808080; text-transform: none;} .lavorazioni-meccaniche .portfolio-filter li.activeFilter a {background-color: #5790cc !important; color: #fff!important;} .lavorazioni-meccaniche .portfolio-filter li.activeFilter a:hover {background-color: #5790cc !important; color: #fff!important;} .lavorazioni-meccaniche .portfolio-filter li a:hover {color: #5790cc !important;} .montaggi h2 {color: #4d4d4d; border-bottom-width: 50px; border-bottom-color: #808080; text-transform: none;} .montaggi .portfolio-filter li.activeFilter a {background-color: #5790cc !important; color: #fff!important;} .montaggi .portfolio-filter li.activeFilter a:hover {background-color: #5790cc !important; color: #fff!important;} .montaggi .portfolio-filter li a:hover {color: #5790cc !important;} .contatti h2 {color: #4d4d4d; border-bottom-width: 50px; border-bottom-color: #808080; text-transform: none;} .contatti h4 {color: #5790cc; margin: 0; font-size: 16px;} .contatti button {background-color: #284d8e!important; color: #fff!important;} .contatti button:hover {background-color: #5790cc!important; color: #fff!important;} .contatti button a{color: #fff;} .contatti button a:hover{color: #fff;} .contatti a {color: #5790cc;} .contatti hr {margin-bottom: 5px; margin-top: 5px;} /* .chi-siamo h2{font-family: Oswald!important; color: #e7332a!important;} .chi-siamo .heading-block {margin-bottom: 0;} .chi-siamo .heading-block.center:after, .heading-block.title-center:after {margin-top: 10px!important;} .chi-siamo .heading-block:after {width: 100px; border-top: 4px solid #e7332a!important;} .chi-siamo span{font-family: 'Open Sans'; font-size: 18px; font-weight: normal;} .chi-siamo div{font-family: 'Open Sans'; font-size: 21px; font-weight: bold;} .chi-siamo h4:first-child{font-family: 'Oswald'!important; font-size: 16px!important; color: #9d9d9c;} .chi-siamo h4{font-family: 'Open Sans'!important; font-size: 16px!important; color: #3c3c3b;} .chi-siamo p{font-family: 'Open Sans'!important; font-size: 12px!important; color: #1d1d1b; font-weight: normal;} */ /* FOOTER * .footer-big-contacts{font-size: 14px;} /* FOOTER */ #footer a {font-size: 12px;} #footer .footer-widgets-wrap {padding: 40px; padding-left: 0; padding-right: 0;} #footer .widget_links li {padding: 2px; text-transform: capitalize;} #copyrights div {font-size: 12px; color: #5b5a5a !important;} #copyrights a {font-size: 12px; color: #5b5a5a;} #copyrights a:hover {color: #fff; text-decoration: underline;} @media (max-width: 1024px){ body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a{ color: #5790cc !important; } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a{ color: #5790cc !important; } h4{font-size: 15px;} .azienda .col_one_third {height: auto!important} .progettazione-e-prototipazione h3 {margin-top: 10px; margin-bottom: 10px;} .progettazione-e-prototipazione h5 {margin-top: 10px; margin-bottom: 10px; font-size: 13px;} .portfolio-filter li.activeFilter a {padding: 8px !important;} .portfolio-filter li a {padding: 8px !important;} .contatti h4 {font-size: 14px!important;} } @media (max-width: 468px){ .toggle .togglet{font-size: 11px !important;} .top-links li > a {font-size: 10px!important;} } /* === Utility classes from inline style attrs === */ .u-s1-95500a { margin-bottom: 30px; } .u-s2-cdd8ca { text-align: center; } .u-s3-bc9cee { margin-top: 30px; } .u-s4-7d2717 { text-align: justify; } .u-s5-7b30ef { margin-top: 30px; margin-bottom: 30px; } .u-s6-d31280 { background-color: #fff; } .u-s7-6608d6 { width: 40px; height: 40px; float: left; margin-right: 20px; } .u-s8-f89d44 { margin-top: 70px; background-color: #fff !important; } .u-s9-693d62 { margin-bottom: 70px; } .u-s10-410c21 { padding: 250px 0; background-image: url('app/images/chi-siamo/chi-siamo.jpg'); background-size: cover; background-position: center bottom; } .u-s11-52ede4 { background: url('images/team/3.jpg') center center no-repeat; background-size: cover; } .u-s12-4dc43e { background-color: #F5F5F5; } .u-s13-5d4461 { background: url('images/team/8.jpg') center center no-repeat; background-size: cover; } .u-s14-2edf6a { width: 220px; height: 147px; } .u-s15-bd803b { height: 400px; margin-bottom: 20px; } .u-s16-c45dad { margin-top: 140px; } .u-s17-293c4c { background-color: #333333 !important; } .u-s18-601522 { padding-left: 0; padding-right: 0; } .u-s19-22a0b5 { width: 230px; margin-top: 8px; margin-bottom: 48px; padding-right: 18px; border-right: 0px solid #4A4A4A; } .u-s20-267f6d { font-size: 14px; } .u-s21-003277 { margin-bottom: 28px; } .u-s22-8565af { height: 80px; margin-top: 8px; padding-right: 18px; border-right: 0px solid #4A4A4A; } .u-s23-012333 { border:0; } .u-s24-0341d7 { background-color: #282828; } .u-s25-20ca54 { height: 550px; } .u-s26-bc0fea { background-image: url('../images/home/slider_home.jpg'); background-position: center top; } .u-s27-7481a5 { background-color: #e7332a; color: #fff; } .u-s28-6566b4 { color: #fff !important; } .u-s29-a0aa9c { position: fixed; z-index: -99; width: 100%; height: 100%; } .u-s30-2b0200 { margin-top: 70px; background-color: #f2f2f2 !important; } .u-s31-07c308 { margin-top: 10px; } .u-s32-849459 { height: 80px; } .u-s33-beb4ce { height: 100px; } .u-s34-bad75b { margin-top: 40px; } .u-s35-138f8f { margin-bottom: 40px; } .u-s36-8cd44b { background-color: #515875; } .u-s37-516f4c { width: 64px; height: 64px; } .u-s38-c47384 { color: #6c8089; font-size: 10px; } .u-s39-aa2066 { background-color: #576F9E; } .u-s40-01dc94 { background-color: #6697B9; } .u-s41-f51258 { background-color: #88C3D8; } .u-s42-8f9250 { background-color: #f2f2f2; } .u-s43-10eedb { background-color: #9dc3e8; } .u-s44-535b39 { margin-top: 0px; } .u-s45-d0f9a3 { padding: 0; margin-top: 30px; height: 507px; } .u-s46-b662f2 { padding: 0; } .u-s47-715335 { height: 507px; } .u-s48-dd912c { text-align: center; margin: 30px 0; } /* === Miglioramenti grafici leggeri === */ .map-embed-wrap { position: relative; width: 100%; height: 400px; margin-bottom: 20px; overflow: hidden; background: #f2f2f2; } .map-embed-wrap--footer { height: 300px; margin-bottom: 0; } /* fitVids inietta questi stili con un