.entry-content img {
margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright, img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone, img.alignnone { }
.wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.wp-caption p.wp-caption-text {
line-height: 1.5;
font-size: 10px;
margin: 0;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}  html,body {
margin:0;
padding:0; 
}  
body {
background-color:#fff;
color:#4e4a47;
font-size: 15px;
line-height: 24px;
font-family:'Montserrat',Helvetica,Arial,sans-serif;
font-weight:300;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;	
}
@media screen and (max-width: 1440px) {
body {
font-size: 14px;
line-height: 22px;
}
}
.tooltip {
font-family:'Montserrat',Helvetica,Arial,sans-serif;
font-weight:500;
z-index: 9999;
}
img,a img {
border:none!important;
}
::-moz-selection {
background:none repeat scroll 0 0 #4e4a47;
color:#fff;
}
* {
outline: 0 !important;
}
b,strong {
font-family:'Montserrat',Helvetica,Arial,sans-serif;
font-weight:500;
}
a, a:visited, a:focus{
outline-style:none;
text-decoration:none;
color: #4e4a47;
}
html {
scroll-behavior: smooth;
}
a:hover {
cursor:pointer;
text-decoration:underline;
color: #4e4a47;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
#pageloader {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index: 9999;
background-color: #504b48;
background-image: url(//www.homes.it/wp-content/themes/homes/images/three-dots.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 60px 15px;
} #header{
position:fixed;
display:block;
width: 100%;
background-color:#FFF;
z-index:10;
padding: 30px;
}
#header #logo img{
height: 40px;
width: auto;
}
#lang, #menu{
font-weight: 500;
text-transform: uppercase;
line-height: 40px;
}
#lang ul{
list-style: none;
margin: 0;
padding: 0;
}
#lang ul li{
float: left;
margin-right: 10px;
}
#lang a{
color: #c2bdb9;
text-decoration: none;
}
#lang .wpml-ls-current-language a, #lang a:hover{
color: #504b48;	
text-decoration: none;
}
#header #logo, #header #lang, #header #menu{
z-index: 999;
}
#nav-icon {
cursor: pointer;
float: right;
height: 14px;
margin-left: 15px;
margin-top: 13px;
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
width: 24px;
}
#nav-icon span {
background-color: #4e4a47;
display: block;
height: 2px;
left: 0;
position: absolute;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
width: 100%;
}
#nav-icon span:nth-child(1) {
top: 0;
}
#nav-icon span:nth-child(2) {
top: 6px;
}
#nav-icon span:nth-child(3) {
top: 12px;
}
#menu #menu_button:hover{
cursor: pointer;
}
#menu #menu_button:hover #nav-icon span{
background-color: #776f6a;
}
#openmenu_bg{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
text-align:center;
-webkit-transition:0.8s;
-o-transition:0.8s;
transition:0.8s;
background-color:rgba(80, 75, 72, 0.9);
}
#openmenu{
position: absolute;
top: 30%;
left: 0;
width: 100%;
text-align: center;
}
@media (max-width: 991px) {
#openmenu{
top: 10%;
}
}
#openmenu nav li{
margin-bottom: 10px;
}
#openmenu nav a{
color: #FFF;
text-transform: uppercase;
padding: 5px;
display: block;
font-size: 16px;
line-height: 18px;
}
#openmenu nav a .menu_description{
text-transform: none;
display: block;
color: #c2bdb9;
font-size: 14px;
}
.menu_title{
color: #FFF !important;
}
#openmenu nav .current-menu-item a{
text-decoration: underline;
}
#openmenu nav ul{
list-style: none;
margin: 0;
padding: 0;
}
#openmenu, #openmenu_bg{
opacity: 0;
z-index: 0;
display: none;
}
.openmenu #openmenu, .openmenu #openmenu_bg{
opacity: 1;
z-index: 998;
display: block;
}
.openmenu #fullpage_menu, .openmenu #menu_aziende{
z-index: 1;
}
.openmenu #nav-icon span:nth-child(1) {
top: 6px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.openmenu #nav-icon span:nth-child(2) {
opacity: 0;
}
.openmenu #nav-icon span:nth-child(3) {
top: 6px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.openmenu  #nav-icon span {
background-color: #FFF;
}
.openmenu .logo_white{
display: block !important;
}
.openmenu .logo_dark{
display: none !important;
}
.openmenu #menu{
color: #FFF;
}
.openmenu #lang a{
color: #c2bdb9;
}
.openmenu #lang .wpml-ls-current-language a, .openmenu #lang a:hover{
color: #FFF;
}
@media (max-width: 1440px) {
#header {
padding: 15px 30px;
}
#header #logo img{
height: 30px;
width: auto;
margin: 5px 0;
}
}
@media (max-width: 991px) {
#header{
background-color:#FFF;
padding: 10px 15px;
height: 51px;
border-bottom: 1px solid #ededed;
}
#header #logo img{
height: 30px;
width: auto;
margin: 0;
}
#content{
padding-top: 50px;
}
#header #logo img{
height: 30px;
width: auto;
}
#header #menu{
line-height: 30px;
}
#header #nav-icon{
margin-top: 7px;
margin-left: 10px;
}
} #footer{
padding:60px 30px;
background-color:#4e4a47;
color: #776f6a;
font-size: 13px;
line-height: 21px;
}
#footer img{
max-width: 120px;
height: auto;	
margin-bottom: 15px;
}
#footer a{
color: #776f6a;
}
#footer a:hover{
color: #FFF;
text-decoration: none;
}
#footer ul{
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#footer ul li{
margin-bottom: 10px;
}
#footer .footer_menu{
float: left;
margin-left: 100px;
}
@media (max-width: 991px) {
#footer img{
margin: 0 auto;
margin-bottom: 10px;
}
#footer{
padding:40px 20px;
}
#footer .alignleft, #footer .alignright, #footer .footer_menu{
float: none;
margin: 0;
text-align: center;
}
} h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
margin:0;
padding:0;
letter-spacing: -0.2px;
margin-bottom:10px;
text-transform: none;
font-family:'Montserrat',Helvetica,Arial,sans-serif;
font-weight:700;
text-transform: uppercase;
}
.main_slogan{
font-size: 60px;
line-height: 60px;
color: #FFF;
}
@media (min-width: 992px) {
.white_title, .white_title a{
color: #FFF;
}
.white_title a:hover{
color: #FFF;
text-decoration: underline;
}
}
h1, .h1{
font-size: 36px;
line-height: 40px;
}
h2, .h2{
font-weight:300;
text-transform: none;
font-size: 21px;
line-height: 28px;
}
h3, .h3{
font-size: 21px;
line-height: 24px;	
}
h4, .h4{
font-size: 18px;
line-height: 24px;	
}
.single_stabilimento .h3{
text-transform: none;
font-size: 16px;
line-height: 24px;
font-weight: 500;
margin-bottom: 0px;
}
@media screen and (max-width: 1440px) {
.main_slogan{
font-size: 50px;
line-height: 50px;
color: #FFF;
}
h1, .h1{
font-size: 30px;
line-height: 36px;
}
h2, .h2{
font-size: 18px;
line-height: 24px;
}
h3, .h3{
font-size: 18px;	
}
h4, .h4{
font-size: 16px;
}
.single_stabilimento .h3{
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 991px) {
.main_slogan{
font-size: 30px;
line-height: 36px;
color: #504b48;
}
h1, .h1{
font-size: 24px;
line-height: 30px;
}
h2, .h2{
font-size: 18px;
line-height: 24px;
}
h3, .h3{
font-size: 16px;	
}
h42, .h4{
font-size: 15px;
}
} @media (min-width: 992px) {
.container-fluid{
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
.container-fluid{
padding-left: 100px;
padding-right: 100px;
}
}
ul#fullpage_menu{
position: fixed;
z-index: 100;
list-style: none;
margin: 0;
padding: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 30px;
width: 21px;
text-align: center;
}
@media (max-width: 991px) {	
ul#fullpage_menu{
left: 20px;
}
}
#fullpage_menu a{
text-decoration: none !important;
}
#fullpage_menu span{
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
}
#fullpage_menu span.dot{
display: block;
}
#fullpage_menu .active span.dot{
display: none;
}
#fullpage_menu span.dot_number{
font-weight: 500;
display: none;
}
#fullpage_menu .active span.dot_number{
display: block;
}
#fullpage_menu li{
position: relative;
text-align: center;
line-height: 30px;
}
#fullpage_menu li .dot{
display:inline-block;
width: 8px;
height:8px;
border-radius: 50%;
background-color:transparent;
border: 1px solid #c1bcb9;
cursor: pointer;
}
.page-template-page-storia #fullpage_menu{
width: 40px;
text-align: center;
}
.page-template-page-storia #fullpage_menu li .dot{
margin: 0 auto;	
}
.page-template-page-storia #fullpage_menu .active span.dot{
display: block;
background-color: #FFF;
}
.logo_white{
display: none;
}
.uppercase{
text-transform: uppercase;
}
@media (min-width: 992px) {
.fp-viewing-intro #header, .page-template-page-home.fp-viewing-brands  #header, .page-template-page-contract.fp-viewing-brands #header{
background-color: transparent;
}
.fp-viewing-intro .logo_dark, .page-template-page-home.fp-viewing-brands .logo_dark,
.page-template-page-elencoaziende.fp-viewing-intro .logo_white{
display: none;
}
.fp-viewing-intro .logo_white, .page-template-page-home.fp-viewing-brands .logo_white,
.page-template-page-elencoaziende.fp-viewing-intro .logo_dark{
display: block;
}
.fp-viewing-intro #header, .fp-viewing-intro #fullpage_menu span.dot_number,
.page-template-page-elencoaziende #fullpage_menu span.dot_number,
.fp-viewing-brands #fullpage_menu span.dot_number,
.page-template-page-home.fp-viewing-brands #header{
color: #FFF;
}
.fp-viewing-intro #lang a, .page-template-page-elencoaziende.fp-viewing-intro #lang a,
.page-template-page-home.fp-viewing-brands #lang a{
color: #c2bdb9;
}
.fp-viewing-intro #lang .wpml-ls-current-language a, .fp-viewing-intro #lang a:hover,
.page-template-page-home.fp-viewing-brands #lang .wpml-ls-current-language a, .page-template-page-home.fp-viewing-brands #lang a:hover{
color: #FFF;
}
.page-template-page-elencoaziende.fp-viewing-intro #fullpage_menu span.dot_number, .page-template-page-elencoaziende.fp-viewing-intro #menu,
.page-template-page-elencoaziende.fp-viewing-intro #lang .wpml-ls-current-language a{
color: #504b48;
}
.fp-viewing-intro #nav-icon span, .page-template-page-home.fp-viewing-brands #nav-icon span {
background-color: #FFF;
}
.page-template-page-elencoaziende.fp-viewing-intro #nav-icon span {
background-color: #504b48;
}
}
@media (min-width: 992px){
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
}
@media (max-width: 991px) {
.fp-section,
.fp-slide,
.fp-tableCell{
display: block;
height: auto !important;
}
}	
.section{
overflow: hidden !important;
background-color: #FFF;
} #content {
position: relative;
}
#fullpage {
height: 100%;
position: relative;
}
@media (min-width: 992px) {
.img_back, .img_back_aziende {
display:block;
min-width:100%;
min-height:100%;
position:absolute;
top:50%;
left:50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
} }
.img_back_logo{
position:absolute;
top:50%;
left:50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
.overlay{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-color: rgba(80, 75, 72, 0.4);
}
.slide_txt_center {
position: absolute;
top: 35%;
left: 0;
width: 100%;
text-align: center;
z-index: 100;
}
@media (aspect-ratio: 4/3) {
.slide_txt_center {
top: 25%;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { .slide_txt_center {
top: 25%;
}
}
.aziende_home{
max-width: 800px;
margin-top: 50px;
}
@media (max-width: 991px) {
.img_back, .img_back_aziende {
width: 100%;
height: auto;
position: relative;
}
.slide_txt_center {
position: relative;
top: auto;
left: auto;
width: auto;
text-align: center;
z-index: 100;
padding-left: 15px;
padding-right: 15px;
}
.overlay, .scrollto_btn_container, .scrollto_btn_container_not, .scrollto_btn{
display: none !important;
}
.padding_top{
padding-top: 50px;
}
.padding_bottom{
padding-bottom: 50px;
}
.border_bottom{
border-bottom: 1px solid #ededed;
}
.padding_top_min{
padding-top: 20px;
}
}
@-webkit-keyframes levitate {
0% {
transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
}
100% {
transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
}
}
@keyframes levitate {
0% {
transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px); 
}
100% {
transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
}
}
.scrollto_btn_container{
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: levitate;
animation-name: levitate;
position: absolute;
bottom: 30px;
left: 50%;
width: 100%;
text-align: center;
}
.scrollto_btn_container_not{
position: absolute;
bottom: 30px;
left: 50%;
width: 100%;
text-align: center;
}
a.scrollto_btn{
display: inline-block;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
text-align: center;
z-index: 100;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 400;
line-height: 18px;
color: #78706b;
}
.page-template-page-elencoaziende.fp-viewing-intro .scrollto_btn{
color: #78706b;	
}
.fp-viewing-intro .scrollto_btn,  .page-template-page-elencoaziende .scrollto_btn, #home_brands .scrollto_btn{
color: #FFF;
}
a.scrollto_btn:hover, .page-template-page-elencoaziende.fp-viewing-intro .scrollto_btn:hover{
text-decoration: none;
color: #4e4a47;
}
.arrow_down{
display: block;
font-size: 12px;
}
.fp-viewing-intro a.scrollto_btn:hover, .page-template-page-elencoaziende a.scrollto_btn:hover, #home_brands .scrollto_btn:hover{
text-decoration: none;
color: #c1bcb9;
}
.titolo_sezione{
color: #c1bcb9;
font-size: 18px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
margin-bottom: 20px;
}
.titolo_sezione img{
max-height: 80px;
width: auto;
}
.titolo_sezione img.anniversario{
max-height: 120px;
width: auto;
}
a.readmore_btn{
color: #c1bcb9;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
text-decoration: none !important;
border-bottom: 1px solid #c1bcb9;
display: inline-block;
margin-top: 10px;
}
a.readmore_btn:hover{
color: #776f6a;
border-color: #776f6a;
cursor: pointer;
}
.fp-viewing-intro a.readmore_btn:hover{
color: #FFF;
border-color: #FFF;
}
.bigger_btn{
font-size: 16px !important;
line-height: 24px !important;
}
.anno_storia{
color: rgba(194, 189, 185, 0.5);
font-weight: 700;
font-size: 300px;
line-height: 300px;
letter-spacing: -10px;
}
@media screen and (max-width: 1599px) {
.anno_storia{
font-size: 250px;
line-height: 250px;
}
}
@media screen and (max-width: 1365px) {
.anno_storia{
font-size: 200px;
line-height: 200px;
}
}
@media screen and (max-width: 991px) {
.anno_storia{
font-size: 100px;
line-height: 100px;
letter-spacing: -1px;
}
.testo_storia{
text-align: center;
}
.single_azienda .titolo_sezione img{
max-height: 50px;
width: auto;
}
}
.page-template-page-storia #fullpage_menu li{
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 1440px) {	
.page-template-page-storia #fullpage_menu li{
margin-top: 20px;
margin-bottom: 20px;
}
}
.page-template-page-storia.fp-viewing-intro #fullpage_menu li.active a, .page-template-page-storia.fp-viewing-intro #fullpage_menu li a:hover{
color: #FFF;
}
.page-template-page-storia #fullpage_menu li.active a, .page-template-page-storia #fullpage_menu li a:hover{
color: #504b48;
}
.page-template-page-storia #fullpage_menu a {
color: #c1bcb9;
}
#home_history .fp-controlArrow.fp-prev{
display: none;
}
#home_history .fp-controlArrow.fp-next{
background: url(//www.homes.it/wp-content/themes/homes/images/right_arrow_back.png) no-repeat center center;
width: 50px;
height: 50px;
border: none !important;
right: 30px;
} #home_brands #slideshow_aziende, #home_brands .cycle-slideshow, #home_brands .slide_azienda{
position: relative;
width: 100%;
height: 100%;
display: block;
}
#home_brands ul{
list-style: none;
margin:0;
padding: 0;
}
#home_brands ul img.logo_azienda{
height: 40px;
width: auto;
margin: 10px;
}
#home_brands #slideshow_aziende a{
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
transition: all 1.5s;
position: relative;
display: block;
}
.slide_prodotti{
display: block;
width: 100%;
}
#home_brands #slideshow_aziende .thumb_overlay{
background-color: rgba(80, 75, 72, 0.6);
width: 100%;
height: 100%;
position: absolute;
top:0;
left: 0;
display: none;
}
#home_brands .scrollto_btn_container, #home_brands .slide_txt_center{
z-index: 9999;
}
.thumb_overlay_container{
position: absolute;
top:50%;
left:50%;
width: 80%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
img.thumb_overlay_logo{
width: auto;
height: 50px;
margin-bottom: 10px;
}
.thumb_overlay_icon{
width: 50px;
height: 50px;
margin-top: 10px;
} #home_brands #slideshow_aziende a:hover .thumb_overlay{
display: block;
}
#home_brands ul li a{
opacity: 0.3;	
text-decoration: none !important;
}
#home_brands ul a.active, #home_brands ul li a:hover{
opacity: 1;
}
@media screen and (max-width: 991px) {
#home_brands ul{
border: none;
padding: 0;
margin: 0;
text-align: center;
}
#home_brands ul li{
margin-top: 30px;
margin-bottom: 0;
}
#home_history .fp-controlArrow.fp-next{
display: none;
}
#home_brands ul li a{
opacity: 1;		
}
#home_brands ul li img{
margin-bottom: 10px;
}
}
ul#numeri_azienda, ul#numeri_gruppo{
color: #c1bcb9;
list-style: none;
padding: 0;
margin: 0;
}
ul#numeri_azienda p, ul#numeri_gruppo p{
margin: 0;
}
ul#numeri_azienda li, ul#numeri_gruppo li{
padding: 15px 30px;
border-right: 1px solid #ededed;
margin-bottom: 15px;
}
@media (max-width: 991px) {
ul#numeri_azienda li, ul#numeri_gruppo li{
border: none;
}
}
ul#numeri_azienda li:last-child, ul#numeri_gruppo li:last-child{
border: none;
}
#numeri_azienda .numero, #numeri_gruppo .numero{
font-weight: 700;
font-size: 60px;
line-height:60px;
}
#numeri_azienda p.icona_contract{
margin-bottom: 15px;
}
.single_stabilimento{
margin-bottom: 10px;
}
.single_stabilimento p{
margin: 0px;
}
@media screen and (min-width: 992px) {
#stabilimenti_1{
width: 48%;
float: left;
}
#stabilimenti_2{
width: 48%;
float: right;
}
}
#executive_contract ul{
list-style: none;
margin: 0;
padding: 0;
}
#executive_contract ul li:before {    
font-family: 'FontAwesome';
content: '\f046';
margin-right: 5px;
color: #c1bcb9;
}
#executive_contract ul li{
margin-bottom: 10px;
}
.slidewhow_container{
position: relative;
z-index: 10;
}
@media (min-width: 992px) {
.slidewhow_container{
margin-right: 30px;
}
}
.right_arrow{
position: absolute;
bottom: -30px;
right: -30px;
z-index: 6;
display: block;
width: 50px;
height: auto;
}
@media (max-width: 991px) {
.right_arrow{
right: -10px;
}
}
.back_top{
display: block;
bottom:0;
position:fixed;
z-index:100;
height:8%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor:pointer;
right:0px;
-webkit-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity:0;
}
.back_top span.txt{
padding-left:10px;
font-size:12px;
font-weight: 400;
text-transform:uppercase;
letter-spacing:2px;
-ms-transform:rotate(-90deg) translate(45%, 0%);
-webkit-transform:rotate(-90deg) translate(45%, 0%);
transform:rotate(-90deg) translate(45%, 0%);
display:inline-block;
color:#78706b;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.back_top  span.li{
display:block;
margin:0 auto;
height:100%;
width:1px;
background-color:#78706b;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
ul#menu_aziende{
position: fixed;
z-index: 1000;
list-style: none;
margin: 0;
padding: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 30px;
width: auto;
text-align: right;
}
ul#menu_aziende li{
display: block;
margin: 30px 0;
}
ul#menu_aziende a{
text-decoration: none !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
ul#menu_aziende img{
opacity: 0.2;
max-height: 30px;
width: auto;		
}
ul#menu_aziende .current img, ul#menu_aziende a:hover img{
opacity: 1;
}
.fp-viewing-intro ul#menu_aziende img{
-webkit-filter: brightness(1000%);
filter: brightness(1000%);
}
.page-template-page-elencoaziende #header .logo_white{
display: none !important;
} 
.page-template-page-elencoaziende #header .logo_dark{
display: block !important;
}
.page-template-page-elencoaziende.fp-viewing-intro ul#menu_aziende img,
.page-template-page-elencoaziende ul#menu_aziende img{
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
#richiesta_contatti  .form-group{
margin-bottom: 20px;
}
#richiesta_contatti input, #richiesta_contatti textarea{
padding: 12px 0;
height: auto;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
border-bottom: 1px solid #c2bdb9;
width: 100%;
color: #504b48;
text-transform: uppercase;
-webkit-box-shadow: none;
box-shadow: none;
}
#privacy{
font-size: 12px;
line-height: 18px;
margin-top: 30px;
}
#richiesta_contatti #privacy input{
width: auto;
margin-right: 5px;
}
#richiesta_contatti button{
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: #c2bdb9;
background-color: transparent;
border: 1px solid #c2bdb9;
border-radius: 0;
padding: 10px 20px;
}
#richiesta_contatti button:hover{
border-color: #78706b;
background-color: #78706b;
color: #FFF;
cursor: pointer;
} @media (min-width: 992px){     .delay01 {
-webkit-transition-delay: 0.2s !important;
-o-transition-delay: 0.2s !important;
transition-delay: 0.2s !important;
}
.delay02 {
-webkit-transition-delay: 0.4s !important;
-o-transition-delay: 0.4s !important;
transition-delay: 0.4s !important;
}
.delay03 {
-webkit-transition-delay: 0.6s !important;
-o-transition-delay: 0.6s !important;
transition-delay: 0.6s !important;
}
.delay04 {
-webkit-transition-delay: 0.8s !important;
-o-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
}
.delay05 {
-webkit-transition-delay: 1s !important;
-o-transition-delay: 1s !important;
transition-delay: 1s !important;
}
.delay06 {
-webkit-transition-delay: 1.2s !important;
-o-transition-delay: 1.2s !important;
transition-delay: 1.2s !important;
}
.delay07 {
-webkit-transition-delay: 1.4s !important;
-o-transition-delay: 1.4s !important;
transition-delay: 1.4s !important;
}
.delay08 {
-webkit-transition-delay: 1.6s !important;
-o-transition-delay: 1.6s !important;
transition-delay: 1.6s !important;
}
.delay09 {
-webkit-transition-delay: 1.8s !important;
-o-transition-delay: 1.8s !important;
transition-delay: 1.8s !important;
}
.delay11 {
-webkit-transition-delay: 2s !important;
-o-transition-delay: 2s !important;
transition-delay: 2s !important;
}
.delay12 {
-webkit-transition-delay: 2.2s !important;
-o-transition-delay: 2.2s !important;
transition-delay: 2.2s !important;
}
.delay13 {
-webkit-transition-delay: 2.4s !important;
-o-transition-delay: 2.4s !important;
transition-delay: 2.4s !important;
}
.delay0 {
-webkit-transition-delay: 0.5s !important;
-o-transition-delay: 0.5s !important;
transition-delay: 0.5s !important;
}
.delay1 {
-webkit-transition-delay: 1s !important;
-o-transition-delay: 1s !important;
transition-delay: 1s !important;
}
.delay2 {
-webkit-transition-delay: 2s !important;
-o-transition-delay: 2s !important;
transition-delay: 2s !important;
}
.animated_intro.page_intro .fadein_block {
opacity: 0;
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-o-transition: all 1s;
transition: all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
}
.page_intro .fadein_block {
opacity: 1;
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
}
.fadein_block {
opacity: 0;
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-o-transition: all 1s;
transition: all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
}
.fadein_block.animate  {
opacity: 1;
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
}
.fadein_left {
opacity: 0;
-ms-transform: translateX(-70px);
transform: translateX(-70px);
-webkit-transform:translateX(-70px);
-moz-transform:translateX(-70px);
-o-transition: all 1s;
transition: all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
}
.fadein_left.animate {
opacity: 1;
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
}
.fadein_right {
opacity: 0;
-ms-transform: translateX(70px);
transform: translateX(70px);
-webkit-transform:translateX(70px);
-moz-transform:translateX(70px);
-o-transition: all 1s;
transition: all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
}
.fadein_right.animate {
opacity: 1;
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
}
.shift_left,.shift_right,.shift_top,.shift_bottom {
-webkit-transition-delay: 0.5s !important;
-o-transition-delay: 0.5s !important;
transition-delay: 0.5s !important;
display: inline-block;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-ms-transform: translate(0,0);
transform: translate(0,0); 
-webkit-transform: translate(0,0); 
-moz-transform: translate(0,0);
}
.shift_left.animate {
-ms-transform: translate(-30px,0);
transform: translate(-30px,0); 
-webkit-transform: translate(-30px,0); 
-moz-transform: translate(-30px,0);
}
.shift_right.animate {
-ms-transform: translate(30px,0);
transform: translate(30px,0); 
-webkit-transform: translate(30px,0); 
-moz-transform: translate(30px,0);
}
.shift_top.animate {
-ms-transform: translate(0,-30px);
transform: translate(0,-30px); 
-webkit-transform: translate(0,-30px); 
-moz-transform: translate(0,-30px);
}
.shift_bottom.animate {
-ms-transform: translate(0,30px);
transform: translate(0,30px); 
-webkit-transform: translate(0,30px); 
-moz-transform: translate(0,30px);
}
.rotate {
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); 
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
white-space: nowrap;
}
.animated_intro.page_intro .animp{
-webkit-transform: translateY(8px) skewY(0deg);
-ms-transform: translateY(8px) skewY(0deg);
transform: translateY(8px) skewY(0deg);
opacity: 0;
}
.page_intro .animp{
-webkit-transform: translateY(0) skewY(0deg);
-ms-transform: translateY(0) skewY(0deg);
transform: translateY(0) skewY(0deg);
opacity: 1;
display: inline-block;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
}
// codice home aggiornato a gennaio 2024
.white{
color: #fff !important;
}
#home_intro{
position: relative;
height: 100vh !important;
}
.selezione_aziende{
position: absolute;
display: flex;
justify-content: space-between;
bottom:0;
left: 50%;
transform: translateX(-50%);
width: 100%;	
}
#home_intro .singola-azienda{
position:relative;
width: 28%;
vertical-align: baseline;
padding-top: 20px;
}
#home_intro .singola-azienda .hero-image{
top: -20px;
display: block;
position: relative;
left:50%;
transform: translateX(-50%);
}
.brown-back{
background-color: rgba(144,113,86,0.72);
height: 100%;
max-height: 800px;
min-height: 500px;
width: 95%; 
margin: 0 auto;
vertical-align: baseline;
position: relative;
bottom:0;
padding-bottom: 30px;
}
.green-back{
background-color: rgba(115,125,109,0.75);
height: 100%;
max-height: 800px;
min-height: 500px;
width: 95%; 
margin: 0 auto;
vertical-align: baseline;
position: relative;
bottom:0;
padding-bottom: 30px;
}
.blue-back{
background-color: rgba(112,138,154,0.72);
height: 100%;
max-height: 800px;
min-height: 500px;
width: 95%; 
margin: 0 auto;
vertical-align: baseline;
position: relative;
bottom:0;
padding-bottom: 30px;
}
#home_intro h2{
padding-top: 30px;
padding-bottom: 20px;
font-size: 2.5rem;
color: #fff;
}
#home_intro .hero-image{
width: 85%;
height: auto;
position: relative;
transition: 0.5s;
}
#home_intro .hero-image::after{
content: "";
top: 0;
left:0;
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
position: absolute;
opacity: 1;
transition: 0.5s;
}
#home_intro .hero-image img{
object-fit:cover;
width:100%;
height:100%;
}
#home_intro .hero-image .icona_logo{
height: 40px;
width: auto;
opacity:1;
position: absolute;
transition: 0.5s;
z-index: 1;
top: 50%;
left:50%;
transform: translate(-50%,-40%);
} #home_intro .w3-button{
border:none;
display: flex;
justify-content:space-between;
width: 100%;
margin-bottom: 15px;
font-size: 2.1rem;
line-height: 1.5;
color: #fff;
background-color: transparent;
text-align: left;
}
#home_intro .w3-button.w3-red{
text-decoration: underline;
}
#home_intro .w3-button:hover{
text-decoration: underline;
} #home_intro .overlay-home{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(80, 75, 72, 0.4);
filter: greyscale(100%);
}
#home_intro .company_text{
width: 70%;
margin: 0 auto;
}
#home_intro .icona_svg{
display: block;
height: 40px;
width: 40px;
}
@media(max-width: 1445px){
#home_intro .icona_svg{
display:none;
}
#home_intro h2{
font-size: 2.3rem;
}	
#home_intro .company_text{
width: 85%;
}
}
@media(max-width: 991px){
#home_intro{
height: 100% !important;
}
.overlay-home{
display: none;
}
.selezione_aziende{
position: relative;
flex-wrap: wrap;
height: 100%;
}
#home_intro .singola-azienda{
width:100%;
display: block;
position: static;
}
#home_intro .singola-azienda .hero-image{
top: 0;
}
#home_intro button.w3-button{
margin-bottom: 15px;
font-size: 1.7rem;
line-height: 1.5;
}
.brown-back{		
height: 100%;
width: 100%; 
padding: 15px;
margin-top: 15px;
min-height: 100%;
max-height: 100%;
}
.green-back{
background-color: rgba(115,125,109,0.75);
height: 100%;
width: 100%; 
margin-top: 15px;
padding: 15px;
min-height: 100%;
max-height: 100%;
}
.blue-back{
background-color: rgba(112,138,154,0.72);
height: 100%;
width: 100%; 
margin-top: 15px;
padding: 15px;
min-height: 100%;
max-height: 100%;
}
#home_intro .company_text
{
width: 90%;
}
#home_intro h2
{
font-size: 2rem;
padding-top: 30px;
padding-bottom:20px;
}
.fp-section.fp-table, .fp-slide.fp-table
{
display: block;
}
#home_intro button.w3-button{
width: 47%;
}
#home_intro .singola-azienda .hero-image{
width: 100%;
}
#home_intro .company_text .w3-bar{
display: flex;
flex-wrap: wrap;
}
#home_intro .icona_svg{
display:none;
}
} #intro_contract h1.h4 p{
font-weight:300;
text-transform: inherit;
font-size: 19px;
line-height: 28px;
}
#intro_contract, #intro_contract.background-video{
height: 100vh;
overflow:hidden;
}
#intro_contract {
display: flex;
align-items:center;
justify-content: center;
}
#intro_contract .white{
color: #fff;
}
#intro_contract .white:hover{
color:#fff;
}
@media(max-width:990.99px){
#intro_contract .anchor-section.mobile{
position: relative ;
width: 100%;				
padding-top: 50px;
display: block;
}
#intro_contract .anchor-section.desktop{
display: none;
}
}
@media(min-width:991px){
#intro_contract .anchor-section.desktop{
position: relative ;
width: 100%;				
padding-top: 30px;
}
#intro_contract .anchor-section.mobile{
display: none;
}
}
#intro_contract video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
object-fit:cover;
}
#intro_contract .elenco_buttons{
padding-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
#intro_contract .elenco_buttons button{
background-color: transparent;
border: none;
transition: 0.3s;
}
#intro_contract .elenco_buttons button:hover a{
background-color: transparent;
border: none;
text-decoration: none;
}
#intro_contract .elenco_buttons button:hover {
transition: 0.3s;
transform: scale(1.05);
}
#intro_contract .slideshow video{
width: 100%;
height: 100%;
object-fit:cover;
}
#intro_contract .anchor-section p{
padding-top: 10px;
}
.slideshow, .slideshow_single_section{
margin-top: 50px;
}
#intro_contract img,#intro_contract a img {
border:none!important;
width: 100%;
height: 100%;
vertical-align: middle;
object-fit:cover;
}
#referenzetot .mb50{
margin-bottom:50px;
}
#intro_contract .overlay-video{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100vh;
background-color: rgba(44, 44, 44, 0.65);
}
#intro_contract .slideshow .left_arrow{
position: absolute;
right: 51%;
bottom: -13%;
transform: rotate(180deg);
}
#intro_contract .elenco_collegamenti h3{
padding-top: 20px;
}
#intro_contract .elenco_collegamenti p{
width: 70%;
margin: 0 auto;
height: 100px;
}
#intro_contract .slideshow .right_arrow{
position: absolute;
right: 47.5%;
bottom: -13%;
}
#intro_contract .slideshow_single .left_arrow{
position: absolute;
right: 53%;
bottom: -13%;
transform: rotate(180deg);
}
#intro_contract .slideshow_single .right_arrow{
position: absolute;
right: 46%;
bottom: -13%;
}
#factory_contract{
height:50vh;
display: flex;
align-items: center;
}
#factory_contract .testo_profilo{
padding-bottom: 10px;
padding-top: 10px;
}
.z-index{
position: relative;
z-index: 1;
}
.testo_rsa{
display: block;
}
#referenze_contract{
padding-top: 120px;
}
#intro_contract #Alberghiero, #intro_contract #Navale, #intro_contract #RSA, #intro_contract #Studentato,
#intro_contract #Hotel, #intro_contract #Maritime, #intro_contract #RSA, #intro_contract #Student{
padding-top: 50px; }
#referenzetot{
padding-bottom:50px;
}
#referenzetot button{
border:none;
background-color: transparent;
text-transform: uppercase;
}
#referenzetot button.w3-red{
text-decoration: underline;
} 
#intro_contract .col-lg-no-padding{
padding-left:0;
padding-right: 0;
}	
#intro_contract .justify-between{
display: flex;
align-items: center;
}
#references {
display: block;
}
#singola-realizzazione .hero-singolo .realizzazione_info{
padding-top: 20px;
text-align: center;
padding-bottom: 20px;
text-align:center;
color: #fff;
}
#singola-realizzazione .hero-singolo{
background-color: #776f6a;
}
#singola-realizzazione .hero-singolo .container-fluid{
padding-top: 100px;
}
#singola-realizzazione .slideshow_single {
width: 100%; 
height: auto;
margin: auto;
}
#singola-realizzazione .slideshow_single img {
aspect-ratio: 1 / 1; 
width: 100%; 
height: auto;
object-fit: cover; 
}
#singola-realizzazione .slideshow_single .slick-slide{
height: 700px;
}
#singola-realizzazione .slideshow_single .slick-slide{
padding-left:5px;
padding-right: 5px;
}
#singola-realizzazione img,a img {
border:none!important;
width: 100%;
height: 100%;
vertical-align: middle;
object-fit:cover;
}
#singola-realizzazione .slideshow_single .left_arrow{
position: absolute;
right: 53%;
bottom: -10%;
transform: rotate(180deg);
}
#singola-realizzazione .slideshow_single .right_arrow{
position: absolute;
right: 46%;
bottom: -10%;
}
#singola-realizzazione .contenuto{
padding-top: 70px;
padding-bottom: 40px;
}
#singola-realizzazione .contenuto h2{
padding-bottom: 20px;
}
#singola-realizzazione .readmore_btn{
margin-bottom: 50px;
color: #444;
}
@media(max-width: 991px){
#references {
display: none;
}
.slick-slide img, .slick-slide video{
display: block;
height: auto;
width: 100%;
object-fit: cover;
}
.testo_rsa{
display: none;
}
#intro_contract .slideshow_single{
padding-top: 30px;
padding-bottom: 30px;
}
#settrsa_contract .titolo_sezione{
margin-bottom:0;
}
#intro_contract .col-lg-no-padding{
padding-left:15px;
padding-right: 15px;
}
#intro_contract .justify-between{
display: block;
}
#intro_contract .slideshow_single {
height: 500px;
}
.slideshow_single .slick-slide{
width:auto;
}
#singola-realizzazione .contenuto{
padding-top: 40px;
padding-bottom: 0;
}
#intro_contract .titolo_sezione img{
max-height: 40px;
}
#singola-realizzazione .slideshow_single .slick-slide{
height: auto;
}
#intro_contract{
display:flex;
align-items: center;
}
#singola-realizzazione .contenuto h2{
padding-top: 50px;
}
#singola-realizzazione .hero-singolo .container-fluid{
padding-top: 0;
}
#singola-realizzazione .slideshow_single {
width: 100%;  
height: auto;  
margin: auto;
}
#singola-realizzazione .slideshow_single img {
aspect-ratio: 16 / 9;
width: 100%; 
height: auto; 
object-fit: cover; 
}
#intro_contract .hero-singolo .container-fluid{
padding-top: 0;
}	
#intro_contract .col-lg-no-padding{
padding-left:15px;
padding-right: 15px;
}
#intro_contract .justify-between{
display: block;
}
#intro_contract .slideshow, #intro_contract.slideshow_single_section{
margin-top: 0;
}
}
@media(min-width:991px){
#settalberghiero_contract,#settstudentato_contract,#settnavale_contract, #settrsa_contract, #settrsa_02_contract{
display: none;
}
}
#popup-notification img{
width: 600px;
margin: 0 auto;
}
.fancybox-is-open .fancybox-bg{
opacity: 0.7 !important;
}
@media(max-width: 1300px){
#popup-notification img{
width: 100%;
margin: 0 auto;
}
.fancybox-content{
padding: 10px;
}
#popup-notification .fancybox-content{
width:50%;
}
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }