html, body {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: 'Montserrat',sans-serif;
vertical-align: baseline;
overflow: auto;
max-width: 100%;
overflow-x: hidden;
}
a {
font-family: 'Montserrat',sans-serif;
color: #aaaaaa;
text-decoration: none;
}
.menu_title {
font-size: 11px;
color:black;
/*color: white;*/
}
.menu_title_w {
font-size: 11px;
color: white;
}
.m-w100 {
max-width: 100%;
}
.left0 {
left: 0px !important;
}
.right0 {
right: 0px !important;
}
.fleft-w33 {
float: left;
width: 33%;
}
.w100-p3 {
width: 100%;
padding: 3px;
}
.img-coll-slider {
margin: auto;
max-width: 100%;
max-height: 100%
}
.fright-pad5 {
float: right;
padding: 5px;
}
.cred {
color: red;
}
.cgreen {
color: green;
}
.w-mw100 {
width: 100%;
max-width: 100vw;
}
.ptop15 {
padding-top: 15px
}
.font-size15 {
font-size: 15px;
}
.mtop30 {
margin-top: 30px;
}
.width100{
width:100% !important;
}
.mbottom15 {
margin-bottom: 15px;
}
/*DIVS*/
.div-atelier {
margin-top: 145px;
overflow: auto;
}
.div-atelier-sx {
float: left;
width: 50%;
}
.div-contatti {
margin-top: 145px;
margin-bottom: 150px;
}
.iframe-map {
border: 0;
width: 100%;
height: 450px;
}
.sub-div-contatti {
overflow: auto;
margin-top: 30px;
}
.tarea-contact {
width: 100%;
margin-top: 35px;
}
.img-contatti {
width: 100%;
max-width: 350px;
}
.div-filosofia {
margin-top: 145px;
margin-bottom: 150px;
}
.paraf-filosofia {
text-align: justify !important;
font-size: 14px;
margin: 10px !important;
}
.main-container2 {
overflow: auto;
margin: auto;
max-width: 1200px;
margin-top: 25px;
width: 100%;
}
.div-logo {
width: 340px;
max-width: 100vw;
}
.sub-div-layout {
max-width: 1200px;
width: 100%;
margin: auto;
}
.menu-voice {
color: #72613e;
line-height: 38.5px;
font-size: 11px;
}
.div-footer {
width: 100%;
background-color: white;
position: fixed;
bottom: 0px;
left: 0px;
}
.div-line {
display: block;
border-bottom: 1px solid lightgray;
width: 100%;
}
.div-line2 {
display: block;
border-bottom: 1px solid lightgray;
width: 100%;
margin-bottom: 20px;
}
.div-news50 {
width: 50%;
float: left;
padding: 10px;
}
.div-news33 {
width: 33.33%;
float: left;
padding: 10px;
}
.div-news25 {
width: 25%;
float: left;
padding: 10px;
}
.sub-div-subtext {
text-align: justify;
margin: 10px;
}
.div-contact-auth {
overflow: auto;
margin-top: 10px;
}
.offSetDivScroll {
margin-top: -80px;
/*overflow-y: scroll;*/
overflow-x: hidden;
}
.footer-lang {
float: left;
width: 50%;
font-size: 14px;
text-align: center;
}
.div-langs {
max-width: 350px;
margin: auto;
width: 100%;
overflow: auto;
}
.div-news {
margin-top: 145px;
margin-bottom: 150px;
}
.par-news {
text-align: justify;
margin: 10px;
}
.sub-div-news {
overflow-x: auto;
position: relative;
overflow-y: hidden;
white-space: nowrap;
}
.chk-auth {
display: inline !important;
width: 50px !important;
}
/*.scrollDiv0{
padding-top:120px;height:100vh;
position:relative;
}*/
.scrollDiv0 {
padding-top: 120px;
height: 100vh;
position: relative;
}
.scrollDiv {
padding-top: 30px;
height: 100vh;
}
.head0 {
position: fixed;
z-index: 10;
top: 0px;
width: 100%;
top: 0px;
}
.collection-image-slider {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10000;
background-color: white;
}
.sharer-menu {
position: absolute;
top: 0px;
right: 50px;
overflow: auto;
}
.head-to {
width: 100%;
/*background-color: #4D77AB;*/
/*height: 105px;*/
text-align: center;
/*position:fixed;z-index:10;top:0px;*/
}
.MenuTitles {
margin-left: 150px;
float:left;
}
.head-toup {
top: -105px;
transition: top 0.2s ease-in-out;
z-index: 1200;
}
.head-todown {
top: 0px;
transition: top 0.2s ease-in-out;
z-index: 1200;
}
.nav-bar-right {
position: fixed;
right: 0px;
top: 0px;
width: 350px;
/*display: block;*/
height: 100%;
padding: 35px;
background-color: white;
z-index:100000;
}
/*nav bar*/
.nav-bar-show {
right: 0px;
transition: right 0.7s ease-in-out;
/*z-index: 10000;*/
}
.nav-bar-hide {
right: -350px;
transition: right 0.7s ease-in-out;
/*z-index: 10000;*/
}
.fLeft{
float:left;
}
.MenuItem {
float: left;
margin: 10px;
margin-top: 15px;
}
.textb-jbh {
border-bottom: 1px solid black;
border-top: none;
border-left: none;
border-right: none;
border-radius:0px;
}
/*contatto footer*/
.contatto-footer-sx {
float: left;
overflow: auto;
}
.contatto-footer-dx {
float: right
}
.text-contatto-half {
width: 50%;
margin-top: 35px;
}
.contact-auth-string {
float: left;
max-width: 80%;
}
.atelier-string {
float: left;
width: 50%;
padding: 15px;
padding-top: 0px;
font-size:17px;
overflow:auto;
}
.string-sub-atelier{
float:left;
}
.iframe-filos-video {
width: 100%;
max-width: 100%;
}
/*COLLECTIONS SLIDER*/
.buttons-collect-navigation {
z-index: 100001;
position: absolute;
top: 50%;
width: 50px;
}
.button-collect-close {
z-index: 100001;
position: absolute;
top: 0px;
right: 0px;
}
.buttons-collect-slider {
color:black;
}
/*select#language option[value="francese"] {
background-image: url(/images/flags/DE.png);
}
select#language option[value="IT"] {
background-image: url(../../images/flags/IT.png);
}
select#language option[value="EN"] {
background-image: url(../../images/flags/EN.png);
}*/
.social-items-full {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.65;
transition: opacity 1s linear;
transition: visibility 0.65s, opacity 0.65s linear;
z-index: 10000;
}
.social-items-full-sub {
margin: auto;
margin-top: 250px;
width: 500px;
max-width:100%;
}
.social-items-cell {
float: left;
width: 14.2%;
text-align:center;
}
.social-items-full-hide {
visibility: hidden;
opacity: 0;
transition: visibility 0.65s, opacity 0.65s linear;
}
.fa-black{
color:black;
}
.fa-white {
color: white;
}
.black-layer {
left:0px;
top:0px;
position: fixed;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.65;
transition: opacity 1s linear;
z-index: 10000;
/*display:normal;*/
/*visibility:visible;*/
}
.black-layer-hide {
/*opacity: 0;
transition: opacity 1s linear;*/
/*transition: visibility 0s, opacity 0.5s linear;*/
/*visibility:hidden;*/
/*display: none;
transition: display 1s linear;*/
visibility: hidden;
opacity: 0;
transition: visibility 0.65s, opacity 0.65s linear;
}
.cb-slideshow {
}
.cb-slideshow,
.cb-slideshow:after {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -1;
}
.cb-slideshow:after {
content: '';
background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li {
list-style-type: none;
}
.cb-slideshow li span {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
z-index: 0;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 30s linear infinite 0s;
-moz-animation: imageAnimation 30s linear infinite 0s;
-o-animation: imageAnimation 30s linear infinite 0s;
-ms-animation: imageAnimation 30s linear infinite 0s;
animation: imageAnimation 30s linear infinite 0s;
}
.cb-slideshow li div {
z-index: 1000;
position: absolute;
bottom: 30px;
left: 0px;
width: 100%;
text-align: center;
opacity: 0;
color: #fff;
-webkit-animation: titleAnimation 30s linear infinite 0s;
-moz-animation: titleAnimation 30s linear infinite 0s;
-o-animation: titleAnimation 30s linear infinite 0s;
-ms-animation: titleAnimation 30s linear infinite 0s;
animation: titleAnimation 30s linear infinite 0s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1
}
25% {
opacity: 0
}
100% {
opacity: 0
}
}
@-moz-keyframes imageAnimation {
0% {
opacity: 0;
-moz-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-moz-animation-timing-function: ease-out;
}
17% {
opacity: 1
}
25% {
opacity: 0
}
100% {
opacity: 0
}
}
@-o-keyframes imageAnimation {
0% {
opacity: 0;
-o-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-o-animation-timing-function: ease-out;
}
17% {
opacity: 1
}
25% {
opacity: 0
}
100% {
opacity: 0
}
}
@-ms-keyframes imageAnimation {
0% {
opacity: 0;
-ms-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-ms-animation-timing-function: ease-out;
}
17% {
opacity: 1
}
25% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes imageAnimation {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
animation-timing-function: ease-out;
}
17% {
opacity: 1
}
25% {
opacity: 0
}
100% {
opacity: 0
}
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
0% {
opacity: 0
}
8% {
opacity: 1
}
17% {
opacity: 1
}
19% {
opacity: 0
}
100% {
opacity: 0
}
}
@-moz-keyframes titleAnimation {
0% {
opacity: 0
}
8% {
opacity: 1
}
17% {
opacity: 1
}
19% {
opacity: 0
}
100% {
opacity: 0
}
}
@-o-keyframes titleAnimation {
0% {
opacity: 0
}
8% {
opacity: 1
}
17% {
opacity: 1
}
19% {
opacity: 0
}
100% {
opacity: 0
}
}
@-ms-keyframes titleAnimation {
0% {
opacity: 0
}
8% {
opacity: 1
}
17% {
opacity: 1
}
19% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes titleAnimation {
0% {
opacity: 0
}
8% {
opacity: 1
}
17% {
opacity: 1
}
19% {
opacity: 0
}
100% {
opacity: 0
}
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
opacity: 1;
}
.cb-slideshow li:nth-child(1) span {
/*background-image: url(../images/1.jpg) */
}
.cb-slideshow li:nth-child(2) span {
/*background-image: url(../images/2.jpg);*/
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
/*background-image: url(../images/3.jpg);*/
-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
/*background-image: url(../images/4.jpg);*/
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
-webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s;
}
/*.cb-slideshow li:nth-child(6) span {
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s;
}*/
/*HOME IMAGE*/
.img_home21 {
/* The image used */
background-image: url("/images/pages/home/HOME02.jpg");
/* Full height */
height: 100%;
width: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
object-fit: cover;
}
.img_home21,
.img_home21:after {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -1;
}
/*CONTATTI*/
.contact_header {
font-size: 25px;
}
.contact_header_sub {
font-size: 22px;
}
.contact_field {
font-size: 14px;
}
.dblock{
display:block;
}
.mTop10{
margin-top:10px;
}
.social_block{
display:inline-block;
width:15%;
text-align:center;
padding:0px;
margin:0px;
color:black;
}
.btn-jbh {
background-color: #959595;
border-radius:0px;
color:white;
}
.btn-jbh:hover {
background-color: black;
}
.header_button_block{
margin-left:15px;
float:right;
}
.button_menu{
color:white !important;
}
.button_full {
color: white !important;
}
.img_temp_home {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: -100;
background-image: url('/images/temp/sf01_1900.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: left;
}
/*111111111111111111111111111111111111111111*/
@media (max-width: 640px) {
.div_social_home {
margin: auto;
margin-top: 350px;
width: 100%;
padding: 5px;
height: 150px;
text-align: center;
font-size: 12px;
}
.div_social_home_sub {
margin-top: 30px;
margin-left: 45px;
}
.subtitle-position {
position: absolute;
left: 15px;
top: 65px;
}
.collection-container {
overflow: auto;
position: absolute;
left: 0px;
z-index: -1;
margin-top: 115px;
width: 100%;
}
.properties-footer {
max-width: 1200px;
width: 100%;
margin: auto;
font-size: 10px;
margin-top: 20px;
}
.header-dim {
border-bottom: 1px solid lightgray;
width: 100%;
height: 90px;
position: relative;
}
/*HOME ITEMS*/
.itm-home-1 {
/*background-position: center;*/
background-position: 80% 80% !important;
}
.itm-home-2 {
background-position: 20% 0% !important;
}
.itm-home-3 {
background-position: 78% 80% !important;
}
.itm-home-4 {
background-position: 84% 80% !important;
}
.itm-home-5 {
background-position: 30% 50% !important;
}
.button_menu {
zoom: 1.5;
}
.logoMLeft {
margin-left: 15px;
}
.headerMRight{
margin-right:15px;
}
.button_full{
display:none;
}
.contacto-div {
width: 90%;
margin: auto;
margin-top: 20px;
}
.form-contacto {
margin: 25px;
}
.contacto-header {
margin: 20px;
}
.contacto-map {
max-width: 90%;
margin: auto;
}
.text-contatto-half {
width: 100%;
}
.contatto-footer-dx {
display:block;
}
.string-sub-atelier {
display: block;
}
.atelier-string {
font-size: 12px;
}
.buttons-collect-slider {
color: lightgray;
}
}
/*22222222222222222222222222222222222222222222222*/
@media (min-width: 641px) {
.div_social_home {
margin: auto;
margin-top: 550px;
width: 100%;
padding: 5px;
height: 150px;
text-align: center;
font-size:14px;
}
.div_social_home_sub {
margin-top: 30px;
margin-left: 80px;
}
.subtitle-position {
position: absolute;
left: unset;
right: 15px;
top: 55px;
}
.collection-container {
overflow: auto;
position: absolute;
left: 0px;
z-index: -1;
margin-top: 115px;
width: 100%;
}
.properties-footer {
max-width: 1200px;
width: 100%;
margin: auto;
font-size: 10px;
margin-top: 20px;
}
.header-dim {
border-bottom: 1px solid lightgray;
width: 100%;
height: 90px;
position: relative;
}
/*HOME ITEMS*/
.itm-home-1 {
/*background-position: center;*/
background-position: 80% 80% !important;
}
.itm-home-2 {
background-position: 20% 20% !important;
}
.itm-home-3 {
background-position: 78% 80% !important;
}
.itm-home-4 {
background-position: 84% 80% !important;
}
.itm-home-5 {
background-position: 30% 50% !important;
}
.button_menu {
zoom: 1.5;
}
.logoMLeft {
margin-left: 15px;
}
.headerMRight {
margin-right: 15px;
}
.button_full {
display: none;
}
.contacto-div {
width: 90%;
margin:auto;
margin-top: 20px;
}
.form-contacto {
margin: 25px;
}
.contacto-header {
margin: 20px;
}
.contacto-map {
max-width: 90%;
margin: auto;
}
.contact-auth-string {
max-width: 100%;
}
.string-sub-atelier {
display: block;
}
.iframe-filos-video {
height: 500px;
}
.buttons-collect-slider {
color: lightgray;
}
}
/*333333333333333333333333333333333333333333333333*/
@media (min-width: 960px) {
.div_social_home {
margin: auto;
margin-top: 550px;
width: 800px;
padding: 20px;
height: 150px;
text-align: center;
}
.div_social_home_sub {
margin-top: 30px;
margin-left: 80px;
}
.subtitle-position {
position: absolute;
left:unset;
right: 15px;
top: 55px;
}
.collection-container {
overflow: auto;
position: absolute;
left: 0px;
z-index: -1;
margin-top: 105px;
width: 100%;
}
.properties-footer {
max-width: 1200px;
width: 100%;
margin: auto;
font-size: 10px;
margin-top: 20px;
}
.header-dim {
border-bottom: 1px solid lightgray;
width: 100%;
height: 80px;
position: relative;
}
.button_full {
display: none;
}
/*HOME ITEMS*/
.itm-home-1 {
background-position: 80% 65% !important;
}
.itm-home-2 {
background-position: 50% 40% !important;
}
.itm-home-3 {
background-position: 80% 63% !important;
}
.itm-home-4 {
background-position: 83% 25% !important;
}
.itm-home-5 {
background-position: 40% 50% !important;
}
.button_menu {
zoom: 1;
}
.logoMLeft {
margin-left: 0px;
}
.headerMRight {
margin-right: 0px;
}
.contacto-div {
width: 50%;
float: left;
margin-top: 20px;
}
.form-contacto {
margin: 0px;
margin-top: 25px;
}
.contacto-header {
margin: 0px;
margin-top: 20px;
}
.contacto-map {
max-width: 100%;
width: 100%;
}
.contact-auth-string {
max-width: 100%;
}
.string-sub-atelier {
display: block;
}
.iframe-filos-video {
height: 700px;
}
.buttons-collect-slider {
color: lightgray;
}
}
/*44444444444444444444444444444444444444*/
@media (min-width: 1100px) {
.div_social_home {
margin: auto;
margin-top: 550px;
width: 800px;
padding: 20px;
height: 150px;
text-align: center;
}
.div_social_home_sub {
margin-top: 30px;
margin-left: 80px;
}
.subtitle-position {
position: absolute;
right: 15px;
top: 55px;
}
.collection-container {
overflow: auto;
position: absolute;
left: 0px;
z-index: -1;
margin-top: 105px;
width: 100%;
}
.properties-footer {
max-width: 1200px;
width: 100%;
margin: auto;
font-size: 10px;
margin-top: 20px;
}
.header-dim {
border-bottom: 1px solid lightgray;
width: 100%;
height: 80px;
position: relative;
}
/*HOME ITEMS*/
.itm-home-1 {
background-position: 50% 65% !important;
}
.itm-home-2 {
background-position: 50% 40% !important;
}
.itm-home-3 {
background-position: 50% 63% !important;
}
.itm-home-4 {
background-position: 50% 60% !important;
}
.itm-home-5 {
background-position: center !important;
}
.button_menu {
zoom: 1;
}
.button_full {
display: normal;
}
.logoMLeft {
margin-left:0px;
}
.headerMRight {
margin-right: 0px;
}
.contacto-div {
width: 50%;
float: left;
margin-top: 20px;
}
.form-contacto {
margin:0px;
margin-top: 25px;
}
.contacto-header {
margin: 0px;
margin-top: 20px;
}
.contacto-map {
max-width: 100%;
width: 100%;
}
.contact-auth-string {
max-width: 100%;
}
.iframe-filos-video {
height:700px;
}
.buttons-collect-slider {
color: black;
}
}