.text-reveal{overflow: hidden;display: block;}
.text-reveal b{display: inline-block;will-change: transform; transform: translate3d(0,100%,0); transition: all 1.2s cubic-bezier(.4, .0, .0, 1);}
.text-reveal.is-inview b{transform: none;}
.reveal {visibility: hidden;position: relative;width: 100%;height: 100%;max-width: 650px;overflow: hidden;}
.reveal-materiali {visibility: hidden;position: relative;width: 100%;height: 100%;max-width: 450px;overflow: hidden;}
@media (min-width: 1920px) {
.reveal {max-width: 850px;}
}
.fade-left{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(-30%);transition-delay: 0.5s}
.fade-left.is-inview{opacity: 1;transform: translateX(0px)}
.fade-right{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(30%);transition-delay: 0.5s}
.fade-right.is-inview{opacity: 1;transform: translateX(0px)}
.fade-up{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(30%);transition-delay: 0.5s}
.fade-up.is-inview{opacity: 1;transform: translateY(0px)}
.fade-up-small{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(50px);transition-delay: 0.5s}
.fade-up-small.is-inview{opacity: 1;transform: translateY(0px)}
.fade-down{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(-30%);transition-delay: 0.5s}
.fade-down.is-inview{opacity: 1;transform: translateY(0px)}
.fade{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.fade.is-inview{opacity: 1;}
.reveal-top{height: 0; overflow: hidden; transition: all 1.5s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.reveal-top.is-inview{height: 100%;}
.reveal-left{width: 0;max-height: 800px;overflow: hidden; transition: all 1.5s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.reveal-left.is-inview{width: 100%;}
.zoom-in{opacity: 0; transform:scale(1.2); transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.zoom-in.is-inview{opacity: 1;transform:scale(1);}
.zoom-out{opacity: 0; transform:scale(0); transition: all 0.6s cubic-bezier(.215, .61, .355, 1);}
.zoom-out.is-inview{opacity: 1;transform:scale(1);}
.zoom-fade-right{opacity: 0; transform:scale(0.8); transition: all 0.6s cubic-bezier(.215, .61, .355, 1);}
.zoom-fade-right.is-inview{opacity: 1;transform:scale(1);}
.delay-1{transition-delay: .1s!important}
.delay-2{transition-delay: .2s!important}
.delay-3{transition-delay: .3s!important}
.delay-4{transition-delay: .4s!important}
.delay-5{transition-delay: .5s!important}
.delay-6{transition-delay: .6s!important}
.delay-7{transition-delay: .7s!important}
.delay-8{transition-delay: .8s!important}
.delay-9{transition-delay: .9s!important}
.delay-10{transition-delay: 1s!important}
.delay-11{transition-delay: 1.1s!important}
.delay-12{transition-delay: 1.2s!important}
.delay-13{transition-delay: 1.3s!important}
.delay-14{transition-delay: 1.4s!important}
.delay-15{transition-delay: 1.5s!important}
.delay-16{transition-delay: 1.6s!important}
.delay-17{transition-delay: 1.7s!important}
.delay-18{transition-delay: 1.8s!important}
.delay-19{transition-delay: 1.9s!important}
.delay-20{transition-delay: 2s!important}
body, html { margin: 0; padding: 0; }
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}  body{font-family: 'Barlow Semi Condensed', sans-serif; color:#5c5c5c;} .transition-fade {transition: 0.8s; opacity: 1; transform: translateX(0px);}
html.is-animating .transition-fade {opacity: 0; transform: translateX(200px);}
.scroll-container{overflow:hidden;}
.container{ margin: 0 auto; max-width: 1200px;}
.grid{padding: 0 20px;}
p{font-size: 17px;line-height: 26px;font-family: 'Nanum Gothic', sans-serif;font-weight: 200;color:#5c5c5c}
ul,
li,
.intro li,
.box-descrizione-opera li
{font-size: 17px;line-height: 26px;font-family: 'Nanum Gothic', sans-serif;font-weight: 200;list-style: inside;margin-left: 15px;color: #5c5c5c}
a{color:#000;text-decoration: none;font-weight: 400}
a:hover{color:#004646}
h3, h5, h6 {font-family: 'Archivo', sans-serif; font-weight: 200}
h1{font-family: 'Archivo', sans-serif; font-weight: 400!important;line-height: inherit;}
h2{font-weight: 400!important;font-family: 'Archivo', sans-serif; font-size: 36px;line-height: 44px}
h3{font-size: 26px;line-height: 34px;margin-bottom:0}
h4{font-family: 'Karla', sans-serif;font-size: 16px;text-transform: uppercase;font-weight: 600}
h5{font-family: 'Nanum Gothic', sans-serif; font-size: 18px;margin:10px 0}
h6{font-family: 'Nanum Gothic', sans-serif; font-size: 15px;color:#666;margin-top:-20px}
strong{font-weight: 700} ul{list-style:none;}
.headline{font-family: 'Karla', sans-serif; font-size: 70px;line-height: 90px;font-weight: 200;text-transform: uppercase;}
.subheadline{font-family: 'Archivo', sans-serif; font-size: 72px;line-height: 90px;font-weight: 400;margin: 0}
.title{font-family: 'Archivo', sans-serif; font-size: 36px; line-height: 38px;}
.subtitle{font-family: 'Karla', sans-serif;font-weight: 300;font-size: 22px;line-height: 28px; text-transform: uppercase;}
.pretitle{font-family: 'Archivo', sans-serif; font-size: 20px;letter-spacing: 0.20em;font-weight:200;text-transform: uppercase;}
.intro{font-family: 'Karla', sans-serif; font-size: 24px; color:#6c6c6c;font-weight: 200;line-height: 32px;position: relative;}
.intro--col{ color:#000;padding:20px}
.intro--mod{font-size: 36px;line-height: 52px;font-weight: 400}
@media (max-width: 768px) {
p,
ul,
li,
.intro li,
.box-descrizione-opera li
{font-size: 15px;line-height: 26px}
h1{font-size: 44px;line-height: 44px;margin-top:-40px}
h2{font-size: 32px;line-height: 38px!important}
h3{font-size: 22px;line-height: 26px}
h4{font-size: 18px}
h5{font-size: 16px}
.intro{font-size: 20px;line-height: 24px}
.headline{font-size: 50px;}
.subheadline{font-size: 34px;line-height: 40px!important;}
.title{font-size: 28px; line-height: 34px}
.subtitle{font-size: 20px;line-height: 24px}
.grid{padding: 30px 10px}
}
img{margin-bottom: -4px} .margin-top{margin-top: 50px!important;}
.margin-bottom{margin-bottom: 50px!important;}
.margin-right{margin-right: 100px!important;}
.margin-left{margin-left: 50px!important;}
.margin-top-big{margin-top: 150px!important;}
.margin-bottom-big{margin-bottom: 150px!important;}
.img-res{width:100%;max-height: 800px;object-fit: cover}
.padding-all{padding: 20px;}
.pd-left {padding-left: 20px}
.pd-right {padding-right: 20px}
.tx-center{text-align: center}
.tx-white{color:#fff}
.tx-left{text-align: left}
.tx-right{text-align: right}
.divisore{width:100%;background: #f2f2f2; height: 1px;}
.divisore--light{background: #3c3c3c;margin-top:-15px;margin-bottom:20px}
.divisore--opere{background: #3c3c3c;}
.divisore--big{background: #111; height: 6px;}
.flex-end{display: flex;justify-content: flex-end;flex-direction: column;}
.flex-start{display: flex;flex-direction: column;justify-content: flex-start;}
.z-index{position: relative;z-index: 10}
body{transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.bg-black{background: #000}
.bg-grey{background: #ccc}
.bg-white{background: #fff}
.bg-black .intro li,
.bg-black .box-descrizione-opera,
.bg-black .descrizione-opera h5,
.bg-black .box-descrizione-opera p,
.bg-black .box-descrizione p,
.bg-black .box-descrizione li,
.bg-black h2,
.bg-black .box-descrizione-opera .title{color:#fff}
.bg-black .logo-plan{filter: invert(1);}
.bg-black .divisore--opere{background:#fff }
.align-self-center{align-self: center}
.vertical-line{height: 50px; width: 1px; background: #000}
.img-sedi{width:350px;height:250px;object-fit:cover}
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {height: 400px;} @media (max-width: 768px) {
h1{margin-top:0}
.no-display{display: none}
.margin-top{margin-top: 20px!important;}
.margin-bottom{margin-bottom: 20px!important;}
.margin-top-big{margin-top: 50px!important;}
.margin-bottom-big{margin-bottom: 50px!important;}
.padding-all{padding: 0;}
.img-res{max-height: 300px}
.divisore--light{margin-top:0}
.tx-center{text-align:left}
.mg-negativo{margin-top:-50px}
.mg-top{margin-top:20px}
.margin-right{margin-right: 0!important}
}
.mark__line{opacity: 0.5;
z-index: 1;
height: 1px;
width: 100%;
bottom: 0;
left: 0;
background: #000;
position: absolute;
animation: subline 6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes subline {
0%   {width: 0;}
25%  {width: 0;}
50% {width: 100%;}
75% {width: 100%;opacity: 0.5;}
100% {width: 100%;opacity: 0.5;}
} .button{display: inline-block;color:#000; font-size:13px; font-family: 'Karla', sans-serif; border: 1px solid #000; padding: 10px 20px;margin-top: 15px;text-align: center;position: relative;overflow: hidden;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);border-radius: 100px;background: transparent}
.button:before{content: ' '; width: 100%; height: calc(100% + 0.2rem); background: #000; z-index: -1;position: absolute; bottom: 0; left: 0; transform: translateY(100%);transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);}
.button:hover:before{transform: translateY(0%);}
.button:hover{color:#fff!important;}
.button--white{color:#fff!important;border: 1px solid #fff;position: relative;z-index: 10}
.button--white:before{background: #fff!important}
.button--white:hover{color:#000!important;}
@media (max-width: 768px) {
.button--white{margin-top:40px}
}   .fixed{position: fixed;z-index: 10;width: 100%;transition: all .5s cubic-bezier(.215, .61, .355, 1);height: 60px;background: #004750; }
.header{display: flex; justify-content: space-between;width: 100%;top:0; margin: 0 auto;padding: 0 40px}
.header__logo{width: 200px; transition: all 1s cubic-bezier(.215, .61, .355, 1)!important;}
.logo{display: block;padding: 10px;text-align: center;;width: 180px;transition: all 1s cubic-bezier(.215, .61, .355, 1);filter: invert(1);}
.nav-search__form{position: relative;margin-top: 9px;border-radius: 45px; border: 3px solid #ddd; height: 44px}
.nav-search__form input[type=text]{width: calc(100% - 40px ); border:none!important; height: 38px!important;background: transparent!important;}
.nav-search__form #datafetch{position: absolute;top:40px; left:2.5%;background: #fff;width: 95%;z-index:1;max-height: 400px; overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.nav-search__form #datafetch a,
.nav-search__form #datafetch .product-not-found{display: block; padding: 20px 20px 20px 20px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; margin-bottom: 0;position: relative;}
.nav-search__form #datafetch a small{color:#000}
.nav-search__form #datafetch a.product-search-item{padding: 20px 20px 20px 60px;}
.nav-search__form .search-thumbnail{width: 40px;height: 40px;display: inline-block;margin-right: 10px;position: absolute;top:10px; left:10px;}
.nav-search__icon{position: absolute; top: 0; right:0;height: 38px;border: none; background: transparent;font-size: 18px;padding-right: 10px;}
.nav-logo,
.nav-search,
.nav-icons{min-height: 55px;}
.nav-icon-search{display: none;}
.nav-menu{width: 100%;;position: relative;display: flex; justify-content: flex-end;}
.nav-search{width: 100%;}
.nav-logo,
.nav-icons{width: 30%;position: relative}  .menu { margin: 0; padding: 0; list-style-type: none; display: flex;justify-content: flex-end;width: 100%}
.menu a,
.menu a:link,
.menu a:visited,
.menu a:focus { color: #fff; text-decoration: none; display: block; position: relative; }
.menu > li { display: inline-block; text-align: center; position: static; margin: 0; }
.menu > li > a { padding: 20px; display: block; text-transform: uppercase; font-size:15px; transition: all 1s cubic-bezier(.215, .61, .355, 1); font-family: 'Karla', sans-serif;font-weight: 400}
.menu > li:hover > a {color: #878787; }  .menu > li > .sub-menu {font-size: 15px;text-transform: uppercase; letter-spacing: 0.10em; font-family: 'Karla', sans-serif;font-weight: 400;overflow: hidden; background: #000; visibility: hidden; position: absolute; list-style: none;top: 60px;left: 60%;transform: translateX(-61%);width: 105vw; ;z-index: 99; padding:15px;margin: 0; }
.menu > li:hover > .sub-menu{ opacity: 1; visibility: visible; }
.menu > li:hover > .sub-menu a{color:#fff;font-size: 16px;}
.menu > li> .sub-menu a:hover,
.menu > li> .sub-menu .sub-menu a:hover{color:#333;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.menu > li > .sub-menu > li{display: inline-block;width: 90%;padding: 10px 30px}
.menu > li > .sub-menu > li a{font-size:15px!important}
.menu > li > .sub-menu .sub-menu{min-height: 200px; padding: 0;margin:0;}
.menu > li > .sub-menu .sub-menu li{display: block; width: 100%;margin-bottom: -10px;}
.menu > li > .sub-menu .sub-menu a{font-size: 15px;padding: 8px 0px;color:#999; border-bottom:1px solid #fff;}
@media (max-width: 768px) { .menu {display: block;}
.menu > li:hover > .sub-menu a{font-size: 14px;}
}
@media (min-width: 1096px) and (max-width: 1440px) {
.menu > li > .sub-menu {width: 108vw;}
}
@media (max-width: 1096px) {
.fixed{height: 50px}
.menu a,
.menu a:link,
.menu a:visited,
.menu a:focus { color: #fff}
.header{transition: all 0.3s cubic-bezier(.215, .61, .355, 1);top:0;padding: 0}
.logo{width: 150px;margin-top: 7px;padding: 0 20px}   .nav-search{transition: all 0.3s cubic-bezier(.215, .61, .355, 1);} .menu > li > .sub-menu{transform: translateX(0);}    .nav-search{position: absolute;top:56px;background: #fff;padding: 0 10px 10px 10px;margin-top: -10px; box-shadow: 0 7px 15px rgba(0,0,0,.07);z-index: 1000}
.nav-search__form{border:none; background: #eee;height: 37px;}
.nav-search__form input,
.nav-search__icon{background: transparent!important}
.nav-search__form #datafetch{top:37px;margin: 0 -10px; width: calc(100% + 20px);left:0;}
.nav-search__form #datafetch a,
.nav-search__form #datafetch .product-not-found{border-left:none; border-right:none;}
.nav-menu{border:none}
.nav-icon-user {right: 100px!important;}
.nav-icon-search {display: none;}
.nav-menu{position: absolute;top:50px;z-index: 1100; width: 100%;min-height: 0;}
.nav-mex{display: none;}
.nav-logo{width: 50%;background: #fff;z-index: 1001}
.nav-logo .logo img{padding: 5px;}
.menu,
.menu li{width: 100%;  text-align: left;margin-right: 0;position: relative;}
.menu > li:last-of-type:after {content: ' ';height: 85px;display: block; width: 100%;}
.menu > li {border-top:1px solid #161616; overflow: hidden;}
.menu > li > a {font-size: 20px;padding:5px 15px;}
.menu > li > ul li ul,
.menu li > ul li,
.menu > li > .sub-menu,
.menu > li > ul,
.menu > li {
transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
}
.menu > li > .sub-menu{
padding: 0;margin: 0;
visibility: visible; position: relative;
left:20px;
top:0;
border:none;
opacity: 1;
min-height: 0;max-height: 0;
background: transparent
}
.menu > li > .sub-menu--open{max-height: 800px;min-height: 100px}
.menu > li > .sub-menu > li{ margin: 10px 15px;padding: 0}
.menu > li > .sub-menu > li > a{color:#fff;font-size: 17px;line-height: 22px}
.menu > li > .sub-menu .sub-menu{min-height: auto;}
.menu{overflow: scroll;height: 100vh;position: absolute;background: #000;right: -100%;display:block;}
.menu.open{right: 0%;}
.tog{width: 40px;height: 40px;top:-7px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.tog span {background: #fff;width: 35px;}
.tog span:first-child {transform: translateY(-8px);}
.tog span.span-middle {transform: translateY(8px);} } .button-rounded{display:inline-block; background: transparent; border-radius:100px; border:1px solid #000;padding: 20px 80px 20px 40px; margin-top: 15px; text-align: center; position: relative; transition: all 0.1s cubic-bezier(0.28, 0.44, 0.49, 1); }
.button-rounded span{position: relative;}
.button-rounded span:after {content: ""; width: 30px; height: 30px; position: absolute; right: -40px; top:-3px; background: url(//www.grupposimeon.com/wp-content/themes/simeon/img/icons/arrow-down.svg) no-repeat center center;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1)}
.button-rounded a{color:#000;font-weight: 400; letter-spacing: 0.20em;text-transform: none;position: relative;z-index: 999}
.button-rounded a:hover{color:#000}
.button-rounded:hover span:after{top:3px}
.button-rounded a:hover{color:#3c3c3c}
.button-rounded--black,
.button-rounded--404
{border:1px solid #fff;background: #000;}
.button-rounded--black span:after {content: ""; width: 30px; height: 30px; position: absolute; left: 220px; top:-5px; background: url(//www.grupposimeon.com/wp-content/themes/simeon/img/freccia-dx.svg) no-repeat center center;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1)}
.button-rounded--black:hover span:after{left:226px;top:-5px}
.button-rounded--black a,
.button-rounded--404 a{color:#fff;font-weight: 200;font-family: 'Archivo', sans-serif;}
.button-rounded--404 span:after{content: ""; width: 30px; height: 30px; position: absolute; left:126px;top:-5px; background: url(//www.grupposimeon.com/wp-content/themes/simeon/img/freccia-dx.svg) no-repeat center center;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1)}
.button-rounded--404:hover span:after{left:136px;top:-5px} .bottom-icon-left,
.bottom-icon-right{position: fixed;bottom:0;width: 100px;height: 100px;z-index: 999; text-align: center;line-height: 100px;cursor: pointer}
.bottom-icon-left img,
.bottom-icon-right img{width: 40px;}
.bottom-icon-left{left:20px;}
.bottom-icon-right{right:20px;z-index: 1000}
@media (max-width: 768px) {
.bottom-icon-left img,
.bottom-icon-right img{width: 25px;}
.bottom-icon-left{left:0px;}
.bottom-icon-right{right:0px;}
}  .cover--interno{justify-content: flex-start;margin:0}
.cover--interno__content{ ;max-width: 800px;z-index: 1; padding: 50px 0; left:8%; color:#fff}
.cover--interno__dettagli{position: absolute;width: 66%;bottom:7%;left:8%;z-index: 1}
.project-detail-block-outer {max-width: 1200px;display: flex;justify-content: center;flex-wrap: wrap;}
.project-detail-block-outer .project-detail-block-wrapper {display: inline-block;width: 25%;float: left;padding: 15px;}
.project-detail-block-outer .project-detail-block-wrapper .project-detail-block-item {height: 100%;background-color: #fff;padding: 48px 15px 38px 50px;opacity: .9}
.project-detail-block-outer .project-detail-block-wrapper .project-detail-block-title {position: relative;font-size: 15px;line-height: 18px;font-weight: 600;letter-spacing: 1.6px;font-style: normal;margin-top: 0;margin-bottom: 16px;color: #111;text-transform: uppercase;}
.project-detail-block-outer .project-detail-block-wrapper .project-detail-block-title:before {content: '';position: absolute;top: 50%;right: calc(100% + 15px);-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 50px;height: 1px;background-color: #111;}
.project-detail-block-outer .project-detail-block-wrapper .project-detail-block-descr {color: #7e7d7d;}
.project-img{width: 100%;max-height: 600px;object-fit: cover;margin-bottom: -3px;position: relative;}
.project{position: relative;}
.project:before{content:'';position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #000;opacity: .2;z-index: 1}
.project__title{position: absolute;top:0;right: 13%}
.the-sticky-div {position: absolute;top: 0;height: 50vh;width: 100%;overflow-x: hidden;background: #fff;z-index: 1;}
.the-overflow-hidden-mask {position: relative;z-index: 200;overflow: hidden;width: 100%;height: 100%;}
.the-height-400vh-section {position: relative;display: flex;height: 400vh;margin-left: 0px;justify-content: center;align-items: center; background-color: #fff;}
.the-width-400vh-scrollable-div {display: flex;width: 400vh;position:relative;height: 100%;flex-wrap: wrap;align-items: center;will-change: transform;}
.the-content {display: flex;width: 100%;height: 50vh; justify-content: flex-start;align-items: flex-end;position: relative; left:-20%}
.a-block {overflow: hidden;  left:0;margin-right: 40px;margin-left: 40px;flex: 0 0 auto;  }
.a-block img{width: 100%; max-height: 600px; object-fit: cover;}
.box-descrizione {padding: 0 0 0 100px}
.box-descrizione-opera{padding: 0 100px 0 0; margin-top: -80px}
.box-descrizione-opera--mod{margin-top:0}
.foto-loop{position: relative;}
.foto-loop__img{width: 550px; height: 650px;object-fit: cover;position: relative;}
.foto-loop:before{content:'';width: 100%; height: 100%; position: absolute; top:0; left:0; background: #000; opacity: 0.5;z-index: 1}
.foto-loop__titolo{position: absolute;bottom:-20px; left: -1%;max-width: 300px;z-index: 2}
.foto-loop__titolo h2{font-size: 48px;line-height: 48px;font-weight: 200!important}
.foto-focus{position: relative;}
.foto-focus__dettaglio{position: absolute;top:-50px; right: -50px}
.foto-focus__text{padding: 100px} .immagine-sx{width: 100%; height: 900px;object-fit: cover;}
.immagine-dx{width: 100%;height: 650px; object-fit: cover}
h6.immagine-dx__content {font-family: 'Karla', sans-serif;font-size: 15px;text-transform: uppercase;position: relative;top:22px;padding-left: 20px}
.immagine-full{width: 100%;max-height: 80%;object-fit: cover}
.foto-full{width: 100%;height: 800px;object-fit: cover;margin-bottom:-10px;display: block}
.foto-reveal-sx{margin-right:100px}
.foto-reveal-sx,
.foto-reveal-dx{position: relative;}
.foto-reveal-materiali-sx
.foto-reveal-materiali-dx{position: relative;}
.foto-reveal-materiali-sx{top:-80px}
.immagine-materiali-sx{width: 400px; max-height: 400px!important;object-fit: cover;}
.immagine-materiali-dx{width: 100%;height: 100%; object-fit: cover;}
.foto-reveal-sx__didascalia::before{content: '';height: 60px;background: #000;width: 1px;top: -20px;right: -30px;position: absolute;}
.img-beyond{width: 600px;height: auto;object-fit: cover}
.carousel-cell{width: 100%; height: 500px;position: relative;}
.carousel-cell img{width: 100%;height: 100%;object-fit: cover}
.flickity-prev-next-button{display: none}
.flickity-page-dots{ display: none}
.flickity-page-dots .dot{width: 6px;height: 6px;background: #fff;opacity: .7;margin:0 5px}
.wp-grid-builder .wpgb-page-dots .wpgb-dot{width: 20px!important;height: 20px!important}
@media (max-width: 768px) {
.img-beyond{width: 100%}
.cover--interno__content{left:0!important;padding: 0}
.cover__content{left: 0!important}
.box-descrizione {padding: 0; margin-top: 50px}
.box-descrizione-opera{padding: 0}
.foto-reveal-sx{margin-right:0}
.foto-full{width: 100%;height:400px!important;object-fit: cover; margin-bottom: 30px}
.foto-loop{height: 200px;margin-bottom: 40px}
.foto-loop::before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: #000;opacity: .4}
.foto-loop__titolo {bottom: 0;left: 0; }
.foto-loop__titolo h2{font-size: 28px}
.immagine-sx{height: 300px;}
.immagine-dx{height: 300px;}
.wp-grid-builder .wpgb-card-25 .wpgb-block-1 {font: 400 1.2em/1.4 Karla!important;}
.wp-grid-builder .wpgb-card-25 .wpgb-block-2 {font: 700 1.5em/1.4 Archivo!important;}
.otgs-development-site-front-end{display:none}
}  .accordion {
font-size: 1rem;
width: 100%;
margin: 0 auto;
border-radius: 5px;
}
.accordion-header,
.accordion-body {
background: white;
}
.accordion-header {
padding: 1.5em 1.5em;
background: #004646;
color: #fff;
cursor: pointer;
font-size: 18px;
letter-spacing: .1em;
transition: all .3s;
text-transform: uppercase;
font-family: font-family: 'Archivo', sans-serif;;
;
}
.accordion__item {
border-bottom: 1px solid #fff;
}
.accordion__item .accordion__item {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.accordion-header:hover {
background: #006e6d;
position: relative;
z-index: 5;
}
.accordion-body {
background: #f2f2f2;
color: #000;
display: none;
}
.accordion-body__contents {
padding: 1.5em 1.5em;
font-size: .85em;
}
.accordion__item.active:last-child .accordion-header {
border-radius: none;
}
.accordion:first-child > .accordion__item > .accordion-header {
border-bottom: 1px solid transparent;
}
.accordion__item > .accordion-header:after {
content: url(https://grupposimeon.com/wp-content/themes/simeon/img/icons/arrow-down.svg);
font-size: 1.2em;
float: right;
position: relative;
top: -2px;
transition: .3s all;
transform: rotate(0deg);
filter: invert(1);
}
.accordion__item.active > .accordion-header:after {
transform: rotate(-180deg);
}
.accordion__item.active .accordion-header {
background: #004646;
}
.accordion__item .accordion__item .accordion-header {
background: #f1f1f1;
color: #353535;
}
.accordion-body__contents li
{text-decoration: none;font-size: 20px;left:30px;line-height: 30px;font-family: 'Nanum Gothic', sans-serif;font-weight: 200; position: relative;}
.accordion-body__contents li:after{content: url(http://localhost:10013/wp-content/themes/simeon/img/icons/plus.svg);position: absolute;top: 4px;left:-30px;} .cover-focus{width: 100%;height: 80vh;position: relative; display: flex;align-items: center;justify-content: center;z-index: 0;}
.cover-focus:before{content:'';width: 100%; height: 100%; position: absolute; top:0; left:0; background: linear-gradient(221deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.48082983193277307) 100%);}
.focus-tre{position: relative;width: 100%;height: 100%}
.focus-tre__foto-sx{width: 100%;max-height: 400px;object-fit: cover;position: absolute;top:5%;left:5%;z-index: 1}
.focus-tre__foto-sx img{width: 100%;max-height: 500px;object-fit: cover}
.focus-tre__foto-home{width: 115%;max-height: 400px;object-fit: cover;position: relative;top:9%;left:0;z-index: 1}
.focus-tre__foto-home img{width: 100%;height: 400px;object-fit: cover}
.focus-tre__text{position: absolute;bottom:8%;left: 5%;padding: 0 40px}
.foto-focus-uno{width: 100%;min-height: 800px;object-fit: cover}
@media (max-width: 1096px) {
.focus-tre__foto-home-dx{height: 300px}
.focus-tre__foto-home img,
.focus-tre__foto-home-dx img
{height: 300px}
.cover-focus{height: auto;padding: 20px 0}
.accordion-header{font-size: 14px}
} .freccia{position: relative;}
.freccia__giu {position: absolute; z-index: 10;bottom:-10%; left: 5%; animation: freccia-move 2s infinite ease-in-out;filter: invert(1);}
@keyframes freccia-move {
0% {bottom:-10%;}
50% {bottom:0%;}
100% {bottom:-10%;}
}
@media (max-width: 1096px) {
.focus-tre__foto-home{width: 100%}
.foto-focus-uno{min-height: 400px}
.focus-tre__text{padding: 0; left:0;position: relative;bottom:0; margin-bottom: 60px}
.focus-tre__foto-sx{position: initial;margin-bottom:30px}
.accordion-body__contents li{font-size: 16px; line-height: 20px;left: 5px}
.accordion-body__contents li:after{display: none}
.freccia-giu{display: none;}
} .carousel-timeline {
width: 70%;
margin-right: 50px;
counter-increment: carousel-cell;
opacity: .6;
filter: grayscale();
transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.carousel-timeline img{
width: 100%;
max-height: 700px;
object-fit: cover;
}
.carousel-timeline.is-selected {
opacity: 1;
filter: none;
}
.carousel-timeline__text{padding: 0 40px 20px 40px; position: relative;}
.carousel-timeline__text:before{content:''; height: 380px; width: 2px; position: absolute;top:-50%;left:1%; background: #000}
.carousel-timeline__didascalia{font-size: 15px; font-family: 'Nanum Gothic', sans-serif;font-weight: 200}
@media (max-width: 1920px) {
.carousel-timeline img {width: 100%;height: 500px;object-fit: cover;}
.foto-full{height: 800px;}
.focus-tre__text {bottom:-10px}
}
.timeline {display: flex;margin: 0 auto;flex-wrap: wrap;flex-direction: column;max-width: 90%;position: relative;}
.timeline__content-title {padding: 0 10px;font-size: 30px}
.timeline__content-desc {margin: 0;font-size: 18px;font-family: 'Nanum Gothic', sans-serif;line-height: 25px;padding:0 10px; width: 620px}
.timeline:before {position: absolute;left: 50%;width: 2px;height: 100%;margin-left: -1px;content: "";background:#004646;} @media (min-width: 767px) and (max-width: 1280px) {
.timeline:before {left: 0;}
}
.timeline-item {padding: 100px 0;transition: 0.5s;width: calc(50% - 40px);display: flex;position: relative;transform: translateY(-80px);}
.timeline-item:before {content: attr(data-text); width: 100%;position: absolute;color: #000;font-size: 36px;  font-family: 'Karla', sans-serif;border-left: 2px solid #ccc; top:6%; margin-top: -5px;padding-left: 15px;right: calc(-100% - 39px);}
.timeline__img {
max-width: 100%;
}
.timeline__img--sx { width: 500px;height: 450px;object-fit: cover}
.timeline__img--center {width: 1280px;}
.timeline__img-sx{position:relative;left:53%; }
.timeline__img-princ{position: relative;top:0;left:0;width:600px; margin-bottom:20px}
.timeline__img-center{position: relative;bottom:-20%;width: 1200px;left:-80px}
.timeline__img--center{position: relative; margin-top:-50px}
img.timeline__img.timeline__img--center{width: 1200px;height: 600px;object-fit: cover}
.timeline-container {width: 100%;position: relative;padding: 80px 0 0 0;}
.timeline-header__subtitle {color: rgba(255, 255, 255, 0.5);font-size: 16px;letter-spacing: 5px;margin: 10px 0 0 0;font-weight: normal;}
.bg-black .timeline__content-title,
.bg-black .timeline__content-desc,
.bg-black .timeline-item:before{color:#fff!important}
.bg-white .timeline__content-title,
.bg-white .timeline__content-desc,
.bg-white .timeline-item:before{color:#000!important} @media (min-width: 767px) and (max-width: 1279px) {
.timeline{max-width: 100%}
.timeline:before {top:-1%;opacity: .5}
.timeline-item {align-self: baseline !important;width: 100%;padding: 0 0 0 20px;margin-bottom:250px}
.timeline__content-desc{font-size: 14px;line-height: 22px;padding: 0;width: 100%}
.timeline__content-title{padding: 0}
.timeline-container{padding: 80px 0 0 0;}
.timeline-item:before {left: 4px !important;padding: 0 !important;top: 10px;width: 80%;font-size: 30px;line-height: 32px;border: none !important;font-weight: 600;letter-spacing: 0}
.timeline-item:last-child {padding-bottom: 40px;}
.timeline__content{margin-top: 100px}
.timeline__img-sx{display: none} .timeline__img-princ{width: auto}
.timeline__img-center{width: 100%;left: 0;bottom:-100px}
img.timeline__img.timeline__img--center{height: auto}
}
@media (min-width: 1280px) and (max-width: 1679px) {
.timeline__img-princ,
.timeline__content-desc{width: 500px}
.timeline__img-sx{top:-200px;left:49%}
}
@media (min-width: 1680px) and (max-width: 1920px) {
.timeline__img-princ,
.timeline__content-desc{width: 580px}
.timeline__img-sx{top:-100px;left:52%}
.timeline__img-center{left:0}
}     .intro-azienda{position: relative;}
.intro-azienda__fotosec{position: absolute; top:5%; right:-3%;z-index: 1}
.intro-azienda__fotosec img{width: 100%;height: 100%;object-fit: cover}
.intro-azienda__fotoquadrata{position: relative;top:-10%}
.intro-azienda__fotoquadrata img{width: 400px;height: 400px;object-fit: cover}
.intro-azienda__fotopri img{width: 100%;height: 600px;object-fit: cover}
.intro-azienda__content{position:absolute;top:10%;right: 20%;width: 750px;} .video-yt{width: 100%;height: auto}
.video-yt iframe{width: 100%; height: 600px;position: relative;}
.video-yt iframe:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 10;display: block}
.parallax{position: relative;background-image: url(https://grupposimeon.com/wp-content/uploads/2022/06/bg-lavora-con-noi.jpg);background-repeat: no-repeat;background-position: center;background-size: cover} .box-job{position: relative;background:#fff; padding: 50px;margin:50px 0}
@media (min-width: 1680px) and (max-width: 1920px) {
.intro-azienda__fotopri img{height: 800px;}
.intro-azienda__fotoquadrata{top:-15%;left: 10%}
.intro-azienda__fotoquadrata img{width: 500px;height: 500px;}
.intro-azienda__content{right: 40%;}
} .box-cardini{position: relative; padding: 80px 20px; margin-right: 10px;text-align: center;z-index: 1;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.box-cardini:after{position: absolute;content:''; width: 100%;height: 100%;background: #004646;opacity: .8;top:0;left: 0;z-index: -1}
.box-cardini:hover{filter: grayscale()}
.box-cardini h3,
.box-cardini h5{color: #fff}
.box-cardini:nth-child(4){margin-right: 0}
.blocco-citazione{position: relative; top:0;left:0;width: 100%;height: 700px}
.blocco-citazione__foto-sx{position: absolute;top:0;left: 0}
.blocco-citazione__foto-sx img{width: 100%;height: 100%;object-fit: cover}
.blocco-citazione__foto-dx{position: absolute;top:30%;left:55%;}
.blocco-citazione__foto-dx img{max-height: 400px;object-fit: cover}
.blocco-citazione__testo{padding: 0px 50px;position: absolute;width: 100%; top:25%; left: 0}
.blocco-citazione__testo--mod{top:15%;}
.icona{width: 150px;height: 150px;object-fit: cover;position: relative;}
.icona:before{content:'';position: absolute;width: 200px;height: 200px;line-height: 200px;border-radius: 100px; border:1px solid red}
.box-video{margin-right: 10px;padding: 50px;display: flex;min-height: 350px}
.box-video:before{content: '';width: 100%;height: 100%;top:0;left: 0;background: #000;opacity: .3;position: absolute;z-index: 3}
.box-video:nth-child(4){margin-right: 0}
.wpgb-facet ul .wpgb-button{border-radius: 100px!important;border:1px solid #000!important;  font-family: font-family: 'Archivo', sans-serif;}
@media (max-width: 768px) {
.box-cardini h3{text-align: left;}
.box-cardini h5{font-size: 15px!important; text-align: left}
.box-video{margin-right: 0;margin-bottom: 10px;padding: 50px;min-height: 200px}
.box-cardini{margin:0;padding: 20px;margin-bottom: 10px}
.blocco-citazione{height: 300px}
.blocco-citazione__foto-sx img{width: 100%;height:auto;object-fit: cover}
.blocco-citazione__foto-sx,
.blocco-citazione__foto-dx{position: relative;top:0;left:0}
.blocco-citazione__testo{position: relative;top:0;right:0;width: 100%;padding:0}
.video-yt iframe{width: 100%; height: 300px!important}
}
@media (min-width: 1440px) {
.blocco-citazione{height: 550px}
.blocco-citazione__foto-sx img{width: 80%}
.blocco-citazione__foto-dx{position: absolute;top:15%;left:45%;}
.blocco-citazione__foto-dx img{max-height: 300px;width: 500px;object-fit: cover}
.blocco-citazione__testo{right: 10%;top:15%}
} .quadrato{position: relative;padding: 20px}
.quadrato__foto img{position: relative;width: 100%;height: 250px;object-fit: cover;transform: scale(1.0);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.quadrato__foto img:hover{transform: scale(0.98);}
.quadrato__title{font-family: 'Nanum Gothic', sans-serif;font-size: 13px;color: #666;text-transform: uppercase;margin-left:10px;margin-top:10px}
@media (max-width: 768px) {
.quadrato__foto img{height: 200px}
.quadrato{padding: 0 10px; margin-top:0}
.quadrato__title{margin-bottom:20px}
} .descrizione-materiali{display: block;position: relative;}
.descrizione-materiali p,
.descrizione-materiali h6
{color:#fff}
.descrizione-materiali li{font-size: 18px;line-height: 26px;font-family: 'Nanum Gothic', sans-serif;font-weight: 200;list-style: inside;margin-left: 15px; color:#fff}
.descrizione-materiali h6{font-family: 'Karla', sans-serif;font-size: 15px;text-transform: uppercase;position: relative;top:22px;padding-left: 20px} .img-blog{width: 100%;height: 350px;object-fit: cover;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.img-blog:hover{opacity: .8}
.blog p{font-size: 15px}
.blog a,
.blog a:hover{color:#000}
.wp-grid-builder .wpgb-card-23 .wpgb-card-body {background: transparent!important}
@media (max-width: 768px) { .wp-grid-builder .wpgb-card-7 .wpgb-block-2.wpgb-idle-scheme-1 {font-size: 22px!important}
.wp-grid-builder .wpgb-card-22 .wpgb-block-2.wpgb-idle-scheme-1 {font-size: 22px!important;line-height: 22px!important;bottom: -22px!important;left: -10%!important;}
.descrizione-materiali li,
.intro li, .box-descrizione-opera li{font-size: 15px;line-height: 26px;}
} .box-contatti{padding: 40px}
.foto-referente{width: 100%;height: 300px; object-fit: cover;margin-top:-5px}
.foto-logo{width: 300px; height: auto; object-fit: cover;position: relative}
.foto-logo:before{content:''; background: #000;opacity: .7;top:0;left:0; width: 100%;height: 100%;position: absolute;}
.img-contatti{width: 100%;height: 310px;object-fit: cover}
@media (max-width: 768px) {
.foto-logo{width: 200px}
.descrizione-materiali h6{top:0}
.foto-referente{width: 150px; height: 150px;margin-right: 0;}
.box-contatti{padding:0}
}  .cover{height: 97vh; background: #151515; position: relative; display: flex; width: 100%; align-items: center;z-index: 0;margin-top:60px}
.cover:before{content:'';z-index: 1;width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1923144257703081) 30%);}
.cover__content{position: relative; ;max-width: 1200px;z-index: 1; top:26%; left:8%; color:#fff}
.cover__content--mod{left:0}
#my-video{position: absolute; top:0; left:0;height: 100%;width: 100%;object-fit: cover;}
.box-video__content{position: relative;z-index: 20;justify-content: center;align-content: center;display: flex;flex-direction: column;width: 100%;}
.my-video{position: absolute;top:0; left:0;height: 100%;width: 100%;object-fit: cover;}
.poster_play{
background-size:cover;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .2s ease;
width: 100%;
z-index: 1}
@media (max-width: 991px){
.cover:before{background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1923144257703081) 40%);}
.cover__content{padding: 20px; max-width: 900px;z-index: 2;overflow: hidden;}
}
@media (min-width: 1690px) {
#my-video{min-height: 100%; min-width: 100%}
}
.cover-interno{height: 400px;position: relative; display: flex; width: 100%;z-index: 0;}
.cover-interno:after{content:'';width: 100%; height: 100%; position: absolute; top:0; left:0; background: #000; opacity: 0.7}
.cover-pagina{height: 70vh;position: relative; display: flex; width: 100%; align-items: center;z-index: 0;justify-content: center;}
.cover-pagina:before{content:'';width: 100%; height: 100%; position: absolute; top:0; left:0; background: #000; opacity: 0.8}
.cover-pagina a{color:#fff}
.cover-pagina p{color:#fff}
@media (max-width: 768px) {
.cover--interno__dettagli{left: 20px;width: 90%;bottom:0}
.cover{height: 500px; margin-top:0;padding: 0 20px;margin-top: 50px}
.cover-pagina{height: 430px;margin-top: 0;align-items: end}
.cover-interno{height: 200px;}
.cover__content{top:12%; overflow: hidden; margin-top: 0!important; padding: 0;left:0}
}
.scroll-down-icon{ font-family: 'Archivo', sans-serif;color:#fff; font-size: 16px; letter-spacing: 0.20em;position: absolute; right:5%; bottom:8%;z-index: 1;animation: linemove 3s ease-in-out infinite;}
.scroll-down-inner{transform: rotate(90deg);transform-origin: right center;}
@keyframes linemove {
0% {
transform: translateY(-10px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
@media (max-width: 768px) {
.scroll-down-inner{display: none}
} .intro-text{padding: 150px 0 50px 0;}
.intro-text h1{ min-width: 700px;} .panel{padding: 100px 50px;position: relative;}
.panel--full{padding: 0}
.panel--interno{padding:0 25px}
.panel--background{padding:100px 50px}
.panel--background:before{content:'';width: 100%; height: 100%; position: absolute; top:0; left:0; background: #000; opacity: 0.65}
.panel--no-padding{padding: 50px 0}
.panel--height{padding: 100px 0;position: relative;height: 100vh}
.panel__img img{height: 80vh; width: 100%;max-width: 550px; display: block; margin: 0 auto;object-fit: cover}
.panel__text{max-width: 550px; display: flex; width: 100%; height: 100%; align-items: center;padding: 20px;}
.panel-shortcode {display: block; position: relative;height: 530px!important;padding: 0 25px}
@media (max-width: 768px) {
.panel{padding: 0}
.panel--interno{padding:20px 0}
.panel--full{padding: 0}
.panel--background:before{z-index: 1}
} .panel-info{position: relative;padding: 200px 0 300px 0;background: #fff;}
.panel-info__image{width: 100%;height: 500px;object-fit: cover}
.panel-info .headline{mix-blend-mode: difference; color:#fff; }
.panel-info__intro{text-transform: uppercase;letter-spacing: 2px;text-align: center;padding-right: 0;}
.vertical-separator{width: 2px;height: 80px;background: #000;margin: 40px auto;} .panel-cta{padding: 200px 0;position: relative;}
.panel-cta__content{max-width: 900px; margin: auto; text-align: center; position: relative;z-index: 10} .media-affix{padding:150px 0;}
.media-affix__item{position: relative;}
.media-affix__image{width: 250px;height: 400px;position: absolute;top:0; left:0;z-index: 0; object-fit: cover}
.media-affix__text{position: relative; z-index: 1}
.media-affix__item h4{font-size: 35px;z-index: 1; position: relative; margin-left: 230px;margin-bottom: 20px;padding-top: 40px;}
.media-affix__item h4 a{transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: scale(1);display: block;}
.media-affix__item h4 a:hover{transform: scale(1.1);}
.media-affix__item p,
.media-affix__item ul{margin-left: 100px;list-style-type: none;padding: 0;font-size: 18px;line-height: 28px}
.media-affix__item h2,
.media-affix__item h6{margin-left: 100px}
.media-affix__item .button-rounded {margin-left: 120px}
.media-affix__item ul li{padding: 10px;}
.media-affix__item ul li span{display: inline-block; position: relative; width: 32px;height: 32px;border-radius: 100%;padding: 4px;margin-right: 5px;top:5px}
.media-affix .button-frame{position: absolute; top:380px; left:60px;}
@media (max-width: 768px) {
.media-affix{padding-bottom: 50px;}
.media-affix__image{width: 160px;}
.media-affix__item h4{margin-left: 140px;}
.media-affix__item p,
.media-affix__item ul{margin-left: 180px;}
.wp-grid-builder .wpgb-card-25 .wpgb-block-4{font:700 1.2em/1.4 Karla!important}
}   .home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}
.page-min-height{min-height: 60vh}
.single-post .intro-text{padding-top: 10px;}  .sidebar{padding: 20px;}  button, input, optgroup, select, textarea{font-size: 15px!important}
input[type=text], input[type=email], textarea, input[type=tel], select
{background: transparent!important;border-bottom:1px solid #3c3c3c!important;width: 100%!important;margin-bottom:20px;border: none;font-size: 14px; padding: 10px}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email#footer-wh{border-bottom:1px solid #fff!important;color:#fff!important}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email#footer-wh::placeholder{color:#fff!important;font-size: 12px!important;}
.wpcf7-form-control.has-spinner.wpcf7-submit.button-frame{border:1px solid #fff!important;color:#fff!important}
.wpcf7-form-control.has-spinner.wpcf7-submit.button-frame:hover{background: #fff!important;color:#000!important}
input[type=submit]{color:#000!important;background: transparent!important;border:1px solid #3c3c3c!important;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1)!important;}
input[type=submit]:hover{background: #000!important;color:#fff!important}  .footer{position: relative;padding: 50px 20px;display: block;background: #004750;}
.footer__logo{width: 150px;height: auto;filter:invert(1);}
.horizontal-separator{height: 1px;width: calc(100% - 180px);position: absolute;top: 10px; right: 0;background: #fff;}
.footer__final-text{text-align: center;margin-top: 20px;}
.footer p{font-size: 14px;line-height: 28px;color:#fff}
.footer h4{color:#fff}
.footer a{font-weight: 200;color:#fff}
@media (max-width: 768px) {
.footer{padding: 20px;}
.footer p {line-height: 24px;}
input[type=submit]{margin: 0 0 10px 10px}
input[type='checkbox']{margin: 0 0 0 10px}
#mail-mob{width: 94%!important;margin-left: 10px}
#SCK .SCK_BannerContainer {left:0!important;min-height: 400px!important;}
}   @media (max-width: 767px) {
body.admin-bar .navbar-fixed-top { top: 42px;}
.wp-grid-builder .wpgb-card-18 .wpgb-block-3{display: none!important}
.wp-grid-builder .wpgb-card-18 .title-art{font-size: 20px!important;margin-bottom:30px!important}
}    .pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; } .gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;} .alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }    .video-container {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td {font-weight: 900; text-transform: uppercase; background: #eee; padding:12px 8px;} .wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; } .sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; } .search-form {background: #eee;}
.search-form input[type=text]{ width: 80%; color: #333; }
.search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;} .wpcf7 label{width:100%} .comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }
ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}
input[type=text],
input[type=email],
input[type=tel],
input[type=file] { width: 100%;margin-right: 10px; padding: 20px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
textarea { padding: 20px; width: 100%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
input[type=submit] {font-family: 'Karla',sans-serif;margin-top: 10px; padding: 15px 20px; color: #fff; background: #333; border:none; font-size: 14px;border-radius: 100px}
#comments { width: 100%; } #wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; } .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } *:first-child+html .clearfix { zoom: 1; }  .grid {margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.grid-full{width: 100%;display: flex; flex-flow: row; flex-wrap: wrap;padding:0}
.col{ flex: 1;}
.grid-fluid{max-width: 100%;display: flex; flex-flow: row; flex-wrap: wrap;margin:0;justify-content: center;padding:0 100px}
.grid-fluid-opera{ max-width: 100%;display: flex; flex-flow: row; flex-wrap: wrap;margin:0 auto}
.grid-fluid--center{justify-content: center;}
.grid-fluid--mod{justify-content: flex-start} @media (min-width:1680px) and (max-width:1920px) {
.grid {margin: 0 8%; max-width: 100%; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid-fluid{ max-width: 80%;display: flex; flex-flow: row; flex-wrap: wrap;margin:0 auto}
.cover-focus{height: auto;padding: 40px 0}
.blocco-citazione{height: 50vh}
}
[class*='col-'] { position: relative;}
.col-10{width: 10%}
.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-90{ width: 90%; }
.col-100{ width: 100%; }
@media (max-width: 991px) {
.tab-20 { width: 20%; }
.tab-25 { width: 25%; }
.tab-30 { width: 30%; }
.tab-33 { width: 33.33%; }
.tab-50 { width: 50%; }
.tab-80 { width: 80%; }
.tab-100 { width: 100%; }
}
@media (max-width: 768px) {
[class*='col-'] { width: 100%;}
.sma-20 { width: 20%; }
.sma-25 { width: 25%; }
.sma-30 { width: 30%; }
.sma-33 { width: 33.33%; }
.sma-50 { width: 50%; }
.sma-70{width: 70%}
.sma-100 { width: 100%; }
.sma-hide{display:none}
.grid-fluid{padding: 20px 10px}
}
@media (min-width:768px) and (max-width:991px) {
.grid{padding: 0 10px}
.grid-fluid{padding: 20px 10px}
.footer{margin:50px 0}
.box-video{padding: 10px}
.subtitle{font-size: 20px; line-height: 25px}
.padding-all{padding: 5px}
.blocco-citazione__testo--mod{top:0}
.blocco-citazione__testo{padding: 0 10px}
.img-sedi {height: 240px;width: 240px}
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}