@charset "UTF-8";
.floatable-wrapper { left:10px !important; bottom:10px !important;}

body,div,img,ul,li,h1,p,img,a,fieldset { padding:0; margin:0; border:0; outline:0;}
h1 { font-weight:normal;}
a { text-decoration:none; color:inherit; cursor:pointer;}
ul { list-style:none;}
html, body { position:relative; height:100%;}
.tra { transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;}
.tra3 { transition: all 1s cubic-bezier(1, 0, 0, 1); -webkit-transition: all 1s cubic-bezier(1, 0, 0, 1); -o-transition: all 1s cubic-bezier(1, 0, 0, 1); -moz-transition: all 1s cubic-bezier(1, 0, 0, 1);}
.tra2 {
	transition:all .7s cubic-bezier(0.645, 0.045, 0.355, 1); 
	-webkit-transition:all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition:all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition:all .7s cubic-bezier(0.645, 0.045, 0.355, 1);}
:focus { outline-color:transparent; outline-style:none;}

.touchno,.ipadno { display:inherit;}
span.touchno { display:inline-block;}
.touchyes,.ipadyes { display:none !important;}

.mr { margin-right:0 !important;}
.bg-private { background:#f1f1f1;}


.wa { position:fixed; z-index:500; display:block; bottom:25px; right:25px; background:#47c756 url("../img/whatzapp.png") center/55px no-repeat; border-radius:50px; color:#fff; height:55px; width:55px; box-shadow:0 0 15px rgba(0, 0, 0, 0.2 );}
.wa:hover { opacity:.5;}


/* LOADER */

#loaderbg { position:fixed; top:0; width:100%; height:100%; background-color:#e7e7e7; z-index:600; text-align:center; pointer-events:none;}
.loader { position:absolute; display:inline-block; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); width:100%; left:0; height:64px; margin-top:-32px; text-align:center;}

.loaderimg { background:url(../img/m-new.png) center/82px no-repeat; height:100%; width:100%;}
.loadergif,.loadergif:before,.loadergif:after { border-radius: 50%;}
.loadergif {
   display:none;
  opacity:0.5;
  color: #384048;
  font-size: 11px;
  text-indent: -99999em;
  margin:0 auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loadergif:before,.loadergif:after {position: absolute;content: '';}
.loadergif:before {
  width: 5.2em;
  height: 10.2em;
  background: #e7e7e7;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.loadergif:after {
  width: 5.2em;
  height: 10.2em;
  background: #e7e7e7;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes load2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}


/* NAVIGATION */

body { font-family:'Karla',sans-serif; overflow-y:scroll; height:100%;}
nav { position:fixed; top:0; left:0; width:100%; border-top:1px solid #bbb; border-bottom:1px solid #bbb; font-size:0; z-index:30; }

/* .body_on { -webkit-filter: blur(1px); filter: blur(1px);} */
.body_scroll { overflow-y:hidden;}

nav .btn-nav { position:relative; display:inline-block; padding:35px 15px; vertical-align:top; transition:all .15s linear; font-size:16px; color:#fff;}
nav a:lang(ru), nav p:lang(ru) { font-size:14px !important;}
@media only screen and (max-width: 1260px){ .btn-products:lang(ru) { padding-bottom:55px; padding-right:20px;} .btn-products:lang(ru) span { display:none;} }
@media only screen and (max-width: 1180px){  nav .btn-products { margin-right:10px !important;} .btn-inspire, .btn-company, .btn-contat { padding:35px 10px !important;} nav .btn-login { padding-right:15px !important;}}


nav .btn-products { padding-left:70px; padding-right:30px; margin-right:15px; border-right:1px solid #bbb;}
nav .logo { position:absolute; display:inline-block; left:50%; top:20px; margin-left:-100px; width:200px; height:50px; background:url(../img/margaroli-logo-header2.png) 0 0/200px no-repeat;}
nav .logo:hover { opacity:0.6;}
nav .btn-name { float:right; font-size:14px; line-height:19px; text-transform:uppercase;}
nav .l { float:right; width:1px; height:14px; background-color:#bbb; padding:0; margin-top:38px;}
nav .btn-login { float:right; font-size:14px; line-height:19px; padding-right:30px;}
nav .btn-lang { float:right; font-size:14px; line-height:19px; width:50px; text-align:center; border-left:1px solid #bbb;}
.lang { font-size:14px; padding:16px 27px !important; }

nav .btn-search { float:right; padding-right:60px; padding-left:30px; background:url(../img/icons.png) 95px 35px/23px no-repeat; border-left:1px solid #bbb;}

.btn-search-min, .btn-star, .btn-account { float:right; padding:35px 36px !important; border-left:1px solid #bbb; height:19px;}
.btn-search-min {  background:url(../img/icons.png) center 35px/23px no-repeat; border-left:1px solid #bbb;}
.btn-star, .btn-s-h { background:url(../img/icons.png) center -444px/23px no-repeat; } /* border-left:1px solid #bbb; */
.btn-star:hover, .nav_on_color .btn-s-h {  background-position:center -505px;}
.btn-account { background:url(../img/icons-private.png) center -195px/22px no-repeat;}

nav .btn-nav:hover { background-color:rgba(255,255,255,0.1);}
nav .btn-login:hover, nav .btn-name:hover { background:none !important; opacity:0.5;}

.nav_on { top:-100px !important;}
.nav_on_color { background:#fff;}
.nav_on_color .btn-nav { color:#000;}
.nav_on_color .logo { background:url(../img/margaroli-logo-header2.png) 0 -100px/200px no-repeat;}
.nav_on_color .btn-search { background:url(../img/icons.png) 95px -22px/23px no-repeat;}
.nav_on_color .btn-account { background:url(../img/icons-private.png) center -133px/22px no-repeat;}
.nav_on_color .btn-search-min { background:url(../img/icons.png) center -22px/23px no-repeat;}

.nav_on_color .btn-nav:hover , .filter:hover, .dx-btn:hover, .download:hover, .related-box:hover { background-color:#efefef;}

.warnings { position:fixed; top:-250px; left:0; width:100%; padding:25px 0; text-align:center; font-size:15px; background:#6c8ea3; color:#fff; z-index:25; } .w-green {background-color:#58b190 !important;}
.warnings a { text-decoration:underline;}
.warning_on { top:90px;}
.bounce { position:absolute; top:20px; right:260px; width:20px; height:16px; background:url(../img/arrow_up.png) center/20px no-repeat;
animation:bounce 1.5s infinite; -webkit-animation:bounce 1.5s infinite; -moz-animation:bounce 1.5s infinite; -o-animation:bounce 1.5s infinite;}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(25px)}60%{-webkit-transform:translateY(10px)}}
@-moz-keyframes bounce{0%,100%,20%,50%,80%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(25px)}60%{-moz-transform:translateY(10px)}}
@-o-keyframes bounce{0%,100%,20%,50%,80%{-o-transform:translateY(0)}40%{-o-transform:translateY(25px)}60%{-o-transform:translateY(10px)}}
@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(25px)}60%{transform:translateY(10px)}}

.submenu { position:absolute; opacity:0; pointer-events:none; top:110px; background:#fff; color:#000; font-size:16px; border:1px solid #eee; z-index:200;
	transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -moz-transition:all .4s; box-shadow: 0px 2px 10px #bbb;}
.submenu_on { top:82px; opacity:1; pointer-events:inherit;}
/* .submenu.one { left:175px;} .submenu.two { left:263px;} .submenu.three { right:0; z-index:50;} */
.submenu-link { display:block; padding:16px; border-bottom:1px solid #eee;}
.submenu-link:hover { opacity:0.5;}
#dark-sub { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:25;}

.sidemenu { position:fixed; left:-310px; top:0; overflow:auto; height:100%; width:300px; font-size:22px; background:#fff;}
.sidemenu p { margin:35px 0 50px 70px; font-size:16px; color:#bbb;}
.sidemenu-link { display:block; padding:15px 0 15px 34px;}
.sidemenu-link img { opacity:0.5;}
.sidemenu-last { display:inline-block; margin:50px 0 0 30px; border:1px solid #a7a6a5; padding:10px 12px; border-radius:2px;}
.btn-search2, .btn-search2:hover { position:absolute; bottom:40px; display:block; margin:50px 0 0 34px; color:#bbb;}
.btn-search2:hover, .tt:hover { opacity:0.7;}

.sidemenu1 { z-index:100;}
.sidemenu1 .sidemenu-link { background:url(../img/icons.png) right -678px/23px no-repeat;}
.sidemenu1 .sidemenu-link:hover { color:#000 !important; opacity:0.7;}
	.noarrow, .noarrow:hover { background-image: none !important; font-size:16px; display:inline-block; margin-left:30px; text-transform:uppercase; margin-top:30px; padding:12px; border:1px solid #888; border-radius:2px;}
.sidemenu1_on { left:0;}

.sm1b { left:-350px; width:380px; padding:50px 25px 0 25px; background:#C7C6C5; opacity:0; z-index:90; pointer-events:none;}
.sm1b_preon { left:250px; opacity:0;}
.sm1b_on { left:300px; opacity:1; pointer-events:inherit;}
.sm1b .sidemenu-link.link-e { background-image:url(../img/menu-elettrici.jpg);} 
.sm1b .sidemenu-link.link-a { background-image:url(../img/menu-acqua.jpg);} 
	.sm1b .tt { padding:10px 0; padding-bottom:10px; width:100%; display:block; background:url(../img/icons.png) right -684px/23px no-repeat;}
.sm1b .sidemenu-link.link-m { background-image:url(../img/menu-margarolihome.jpg);} 
.sm1b .sidemenu-link.link-h { background-image:url(../img/menu-heataly.jpg);} 
.sm1b .sidemenu-link.link-x { background:red url(../img/menu-accessori.jpg); padding:113px 0 !important;}

.sm1b .sidemenu-link { padding:85px 0; margin:20px 0; text-align:center; color:#fff;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.sm1b .sidemenu-link:hover { -webkit-transform:scale(0.98); opacity:0.7;}
.sm1b-line { width:100%; height:1px; background:#a7a6a5;}

#dark { position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:50;}

.madeinitaly { background:#fff; display:inline-block; padding:20px; margin:20px auto 30px auto; z-index:20; position:relative;}

.search-popup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); color:#fff; z-index:150;
-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:-moz-none; user-select:none;}
#search-form {  margin:125px 10% 0 6%; width:80%;} 
#search-form .search-field { width:100%; padding-left:4%; background-color:none; background:url(../img/icons.png) 4px -35px/23px no-repeat; border:0; outline:0; color:#0E9CDB; -webkit-text-fill-color:#efefef;}
#search-form .helper { margin:30px 0 0 4%; color:#666; opacity:0;}

.search-links { margin:100px 0 0 10%; width:80%; padding-top:30px; border-top:1px solid #222; text-align:left; color:#444;}
.search-link:hover { color:#fff;}
.search-close { display:block; position:absolute; top:145px; right:10%; background:url(../img/icons.png) center -290px/23px no-repeat; width:25px; height:25px;}
.search-close:hover { opacity:0.6;}


/* WISH APP */

.wishbar { position:fixed; overflow-y:scroll; -webkit-overflow-scrolling:touch; right:-450px; top:0; height:100%; padding:20px; width:400px; font-size:22px; background:#fff; z-index:160;}
.wishbar .title1 { margin-bottom:40px;}
.wishbar .wish-btm { position:relative; padding:50px 0; margin-bottom:20px; background:#fff; z-index:165; width:400px; box-sizing:border-box;}
.wishbar .filter-cta { position:absolute; display:block; width:350px; bottom:20px; text-align:center; font-size:14px; background:#333; color:#fff; margin:0; z-index:170;}
.wishbar .wish-limit { position:fixed; opacity:0; top:15px; background:#e8d2cf; text-align:center; display:block; width:350px; padding:16px 23px; z-index:120;
-webkit-animation: fadein .5s .7s ease-out forwards; -moz-animation: fadein .5s .7s ease-out forwards; -o-animation: fadein .5s .7s ease-out forwards; -ms-animation: fadein .5s .7s ease-out forwards; animation: fadein .5s .7s ease-out forwards;}

.wishbar_on { right:0% !important;}
  
@-webkit-keyframes fadein{0%{opacity:0;-webkit-transform:translateY(30%)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadein{0%{opacity:0;-moz-transform:translateY(30%)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes fadein{0%{opacity:0;transform:translateY(30%)}100%{opacity:1;transform:translateY(0)}}

/* remove css animation and acconsenti jQuery animation */
.wish-out { -webkit-animation:none !important; -moz-animation:none !important; -o-animation:none !important; -ms-animation:none !important; animation:none !important; opacity:1 !important;}

.wish-box { position:relative; border-top:1px solid #ddd; padding:15px 0 7px 0; opacity:0; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:-moz-none; user-select:none;
-webkit-animation: fadein .5s .5s ease-out forwards; -moz-animation: fadein .5s .5s ease-out forwards; -o-animation: fadein .5s .5s ease-out forwards; -ms-animation: fadein .5s .5s ease-out forwards; animation: fadein .5s .5s ease-out forwards; background:#fff;}
.wish-box:hover { background:rgba(160,160,160,0.1);}
.wish-box .bgg { position:absolute; width:180px; height:167px; background:rgba(160,160,160,0.1);}
@media only screen and (max-width: 478px) { .wish-box .bgg { display:none; }}
.wish-box img { width:45%; max-width:180px;}
.wish-box p { float:right; width:53%; margin-top:30px;}
.wish-box .star_x { position:absolute; color:#bbb; font-size:26px; right:15px; top:5px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.wish-box .star_x:hover { color:#444;}

.star { display:block; position:absolute; bottom:35px; right:25px; width:20px; height:20px; background:url(../img/icons.png) center -598px/23px no-repeat;}
.star:hover, .st_on { background-position:center -539px;}
.star-prod { position:absolute; right:0; top:120px; padding:0 30px 4px 0; background:url(../img/icons.png) right -596px/23px no-repeat;}
.star-prod:hover, .star-prod-alreadyin { background-position:right -537px; color:#333 !important;}
#spacer { width:100%; height:110px;}

#noprod { max-width:550px;}
.noprod-link { display:block; padding:10px 10px 10px 0; text-decoration:underline;}
.wb-page-box { display:inline-block; box-sizing:border-box; width:48%; margin:0 1% 10px 1% !important; overflow:hidden; box-shadow: 0px 2px 10px #aaa;}
.wb-page-box .bgg { display:none;}
.wb-page-box p { float:right; width:50%; margin-top:30px;}
.wb-page-box img { margin-left:10px;}


/* FOOTER */

#footer { position:relative; display:block; padding-top:50px; padding-bottom:30px; background:#333; font-size:14px; color:#ccc;}
#footer a:hover { opacity:0.6;}
#footer .mm-footer { display:block; width:50px; height:50px; margin-bottom:30px; background:url(../img/margaroli-mm-footer.png) center/50px no-repeat;}
#footer .footer-list { display:inline-block; vertical-align:text-top; margin-right:2%; width:18%; box-sizing:border-box;}
#showroom { width:20%; text-align:right;}
#footer .footer-link { padding:4px 0;}
#footer .footer-link:first-child { padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #666; display:inline-block; text-transform:uppercase;}

#footer-btm { font-size:12px; color:#888;}
#footer-btm .footer-btm-link { display:inline-block; margin:60px 0 0 10px;}
#footer-btm .footer-btm-link a { display:inline-block; margin-right:10px;}
#footer-btm .footer-btm-link:first-child { margin-left:0;}
#footer-btm .footer-btm-link:last-child { float:right;}

#smart-links { position:relative; margin:100px 0 50px 0; z-index:10; border-top:1px solid#bbb; padding-top:20px; text-align:center;}
#smart-links .smart-link { display:inline-block; box-sizing:border-box; padding:12px; width:50%; background:#ddd url(../img/icons.png) right -682px/23px no-repeat; border-radius:2px; margin-top:20px; text-align:left;}
#smart-links .smart-link:first-child { border-right:15px solid #fff;}
#smart-links .smart-link:last-child { border-left:15px solid #fff;}
#smart-links .smart-link-img { width:100%; height:195px; margin-top:12px; overflow:hidden; background-position:center;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

#smart-links .smart-link:hover { background:#eee url(../img/icons.png) right -685px/23px no-repea;} .grey { color:#a8a8a8;}
#smart-links .smart-link:hover .smart-link-img { -webkit-transform:scale(0.98);}

#social, #showroom { float:right;}
#social .social-link { display:inline-block; width:25px; height:25px; margin:14px 0 0 8px; background:url(../img/social.png) center/71px no-repeat;}
.fb { background-position:10px 0 !important;}
.in { background-position:-18px 0 !important;}
.tw { background-position:-47px 0 !important;}

#showroom .showrook-link { position:relative; display:inline-block; background:url(../img/world.png) center bottom/180px no-repeat; width:180px; padding-bottom:125px; text-align:center; font-size:16px;}
#showroom .showrook-link .lens { position:absolute; left:-1px; top:1px; display:inline-block; width:20px; height:20px; background:url(../img/icons.png) 0 0/20px no-repeat;}


/* MAIN */

#main { position:relative; text-align:center;}
.main-top { padding-top:130px;}
.main-top-b { padding:130px 0;}
.main-top-e { padding:90px 0;}
.typical-pad { display:block; text-align:left; padding:0 35px;}
.typical-pad-only { padding-left:35px; padding-right:35px;}

.billboard { position:relative; top:0; width:100%; height:87%; color:#fff; overflow:hidden; z-index:5;}
.billboard.borders { margin-top:90px; height:80%; border:40px solid #ececec; box-sizing:border-box; outline:10px solid #ececec;} /* outline to avoid flicker parallax */
#dark2, .dark2 { position:absolute; z-index:15; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:10; pointer-events:none;}
.billboard .text { margin:40px auto 30px auto; opacity:0; text-transform:uppercase; font-size:18px !important;}
.billboard .title-big { opacity:0; max-width:750px; margin:0 auto;} .pp2 { max-width:750px; margin:0 auto;}

.billboard .swiper-button-prev { left:35px;}
.billboard .swiper-button-next { right:35px;}

.arrow-down { display:inline-block; width:100px; height:60px; opacity:0; margin-top:100px; padding-top:40px; background:url(../img/arrow-down.png) center 20px/30px no-repeat; font-size:13px;}
.arrow-down:hover { background:url(../img/arrow-down.png) center 25px/30px no-repeat;}

.vcenter-home { position:absolute; top:50%; transform:translateY(-50%); width:100%; z-index:20; text-align:center;}
.vcenter { position:absolute; top:50%; transform:translateY(-20%); width:100%; z-index:20; text-align:center;}
.vcenter-txt { position:fixed; top:45%; transform:translateY(-20%); width:100%; z-index:20; text-align:center;}
.pp1 {transition:color 0.5s; -webkit-transition:color 0.5s; -o-transition:color 0.5s; -moz-transition:color 0.5s;} .pp2 { opacity:0;} .pp_on { opacity:1;}
.vt_on { opacity:0; pointer-events:none;} .vt_b_on { color:#000;}
 
.separator { width:100%; height:1px; margin:25px 0; background:#ddd;}

.title-big { font-family: 'Open Sans', sans-serif; font-size:50px;} /* font-family:'Forum',cursive;  */
.title-img { max-width:500px; padding:0 30px; box-sizing:border-box; margin:0 auto;}
.title-img .t-img { width:80%;} 
.title-above { position:relative; font-size:18px; text-align:center; color:#aaa; padding:40px 0 50px 0; z-index:8; text-transform:uppercase;} .bg-private .title-above { color:#777;}
.title-slim { font-family: 'Open Sans', sans-serif; font-size:40px; }
p.title-slim { padding:40px 0 50px 0 !important;}

.title-num { font-family: 'Open Sans', sans-serif; font-size:65px; color:#aaa;}
.title-xl { font-size:60px; line-height:58px;}
.title1 { font-size:27px;} /* bigger for product title, reference title */
.title2 { font-size:20px; line-height:27px;}
.text { font-size:18px; line-height:30px; max-width:850px; margin:0 auto;}
.subtitle { font-size:14px; color:#aaa; padding-top:5px;}
.subitalic { font-size:14px; color:#666;}
.bold { font-weight:700;}
.uppercase { text-transform:uppercase;}
.under { text-decoration:underline;}

.cta { display:inline-block; padding:15px 35px; border:2px solid #ddd; margin-top:300px;}
.cta:hover { background:#222;}

@keyframes aB {
	0% { transform: scale(1.2); -webkit-transform: scale(1.2); }
	100% { transform: scale(1.0); -webkit-transform: scale(1.0);}
}
@-moz-keyframes aB {
	0% { transform: scale(1.2); -webkit-transform: scale(1.2); }
	100% { transform: scale(1.0); -webkit-transform: scale(1.0);}
}
@-webkit-keyframes aB {
	0% { transform: scale(1.2); -webkit-transform: scale(1.2); }
	100% { transform: scale(1.0); -webkit-transform: scale(1.0);}
}
@-ms-keyframes aB {
	0% { transform: scale(1.2); -webkit-transform: scale(1.2); }
	100% { transform: scale(1.0); -webkit-transform: scale(1.0);}
}
@-o-keyframes aB {
	0% { transform: scale(1.2); -webkit-transform: scale(1.2); }
	100% { transform: scale(1.0); -webkit-transform: scale(1.0);}
}

/* .photo-break { width:100%; height:450px; margin:50px 0;} */
.window { width:100%; text-align:center; padding:200px 0; overflow:hidden;}
.window2 { width:100%; text-align:center; padding:250px 0; overflow:hidden;}
.window2 { width:100%; text-align:center; padding:250px 0; overflow:hidden;}


/* HOMEPAGE */

@keyframes aB {
	0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
	100% { transform: scale(1.1); -webkit-transform: scale(1.1);}
}
@-moz-keyframes aB {
	0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
	100% { transform: scale(1.1); -webkit-transform: scale(1.1);}
}
@-webkit-keyframes aB {
	0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
	100% { transform: scale(1.1); -webkit-transform: scale(1.1);}
}
@-ms-keyframes aB {
	0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
	100% { transform: scale(1.1); -webkit-transform: scale(1.1);}
}
@-o-keyframes aB {
	0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
	100% { transform: scale(1.1); -webkit-transform: scale(1.1);}
}

.swiper-container.home { width:100%; height:100%; left:0; text-align:center; color:#fff; z-index:0;}
.swiper-container.home .title-big { margin-bottom:200px !important;}
.vcenter-home.home { pointer-events:none;}
.sl { width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.s_on {
animation:aB 14s ease-out both;
-moz-animation:aB 14s ease-out both;
-webkit-animation:aB 14s ease-out both;
-ms-animation:aB 14s ease-out both;
-o-animation:aB 14s ease-out both;}
.s_off { transform: scale(1.07); -webkit-transform: scale(1.07);}

#homebottom { position:fixed; bottom:22px; color:#999; width:100%; z-index:15; text-align:right; font-weight:300; font-size:14px;}
#homebottom a.cdv { margin-right:30px !important;}
#homebottom a { color:#ccc; display:inline-block; margin:0 6px;}
#homebottom span { float:left; margin-left:30px; font-size:14px !important;}

/* CRONOTERMOSTATO */

.bg-blue { background-color:#9caaad !important;}
.bg-white { background-color:#ffffff;}
.ct-cronotermostato { width: 400px; margin:-150px auto 0 auto;}
.ct-sofa { width:70%;}
.wifi-icon { width:160px; margin-bottom:30px;}


/* COMPANY - OUR STORY */

.ourstory-img1 { margin: 80px auto; width:100%; max-width:800px;}
.ourstory-img2 { margin: 80px auto; width:100%; max-width:700px;}


/* MANUFACTURE - COOL IMG */

.overlap { position:relative; max-width:1220px; margin:60px auto; padding-top:80px; text-align:left;}
.overlap img { position:absolute;  width:53%; left:0; top:0; z-index:4;}
.white-text { position:relative; margin-left:47%; padding:30px 30px 0 30px; background:#fff;  z-index:5;}

#adv { max-width:600px; margin:0 auto; margin:80px auto; padding:50px 0; border-top:1px solid #555; border-bottom:1px solid #555;}

#video { position:relative; max-width:960px; width:100%; height:0; padding-bottom:56.25%; margin:0 auto 50px auto;}
@media only screen and (min-width: 1030px) { #video { padding-bottom:542px; }}
#video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

.ottone { text-align:center; padding:80px 0 50px 0;}
.ottone .title-big { width:300px; font-family: 'Open Sans', sans-serif; margin:0 auto 120px auto; font-size:90px; border-top:1px solid #555;}
.ottone .title-above { text-transform:uppercase;}
.ottone .title2 { max-width:680px; margin:0 auto 30px auto;}

#ottone-show {  background:#1e1e1e; padding-bottom:80px; text-align:center; margin-top:-2px;}

#ottone-show .swiper-container { width:100%; height:500px; padding-bottom:50px !important;}
#ottone-show .swiper-slide { width:90%; max-width:960px; margin:0 4%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; border-radius:2px; border:4px solid #1e1e1e;}
#ottone-show .swiper-slide .ott { padding:30px 40px 40px 40px; background:rgba(25,25,25,0.8); display:inline-block; margin:145px auto 0 auto; height:145px; min-width:400px; border-radius:2px; color:#fff; border-radius:2px;}
.ott .filter-cta { margin-top:50px; margin-right:0;}

#ottone-show .swiper-button-prev { left:35px;}
#ottone-show .swiper-button-next { right:35px;}
#ottone-show .swiper-pagination-bullet { background:white;}
.swiper-button-prev:hover { opacity:0.4;}
.swiper-button-next:hover { opacity:0.4;}
.swiper-pagination-white { margin-top:35px;}


/* CATALOGUES */

.catalogues { overflow:hidden !important; text-align: left;}
.catalogue-box { display:inline-block; width:21%; margin:0 2% 70px 2%; box-sizing:border-box; text-align:left; vertical-align:top;}
.catalogue-box .subtitle { margin:5px 0 10px 0;}
.catalogue { width:100%;}

.catalogue-box:hover .catalogue { -webkit-transform:scale(0.98); opacity:0.8;}
.catalogue-box .title2 { background:url(../img/icons.png) -23px -693px/23px no-repeat;}
.catalogue-box:hover .title2 { padding-left:20px; background:url(../img/icons.png) 2px -693px/23px no-repeat;}


/* PRODUCT LIST */

#product-list { position:relative; padding-top:130px; z-index:10; text-align:left; overflow:hidden;}
#product-list .product-box { position:relative; display:inline-block; width:33.3%; padding:22px 30px; border-bottom:1px solid #ddd; box-sizing:border-box; text-align:center; vertical-align:top; z-index:9;}
#product-list .product-box4 { position:relative; display:inline-block; width:25%; padding:22px 30px; border-bottom:1px solid #ddd; box-sizing:border-box; text-align:center; vertical-align:top; z-index:9;}
#product-list .product-thumb { width:100%; max-width:550px; margin-bottom:12px; vertical-align:top;}
#product-list .subtitle { text-transform:uppercase;}
.product-box:hover, .product-box4:hover { background:#efefef;}
.product-box:hover .product-thumb, .product-box4:hover .product-thumb { -webkit-transform:scale(0.98);}
.product_list_on { opacity:0.6;}

#separator-3 { position:absolute; width:100%; z-index:8;}
#separator-3 div { position:absolute; top:0; width:1px; height:200000px; background:#ddd;}
#separator-3 .s-1 { margin-left:33.3%;}
#separator-3 .s-2 { margin-left:66.6%;}

#separator-3 .s-3 { margin-left:25%;}
#separator-3 .s-4 { margin-left:50%;}
#separator-3 .s-5 { margin-left:75%;}

.controls { position:relative; margin:0 auto; display:inline-block; min-width:390px; z-index:20;}

.filter { position:absolute; cursor:pointer; margin:0 auto; left:0; right:0; display:inline-block; max-width:390px; height:56px; border:1px solid #111; text-align:left; overflow:hidden; background:#fff;}
.filter .fieldset { border-bottom:1px solid #ddd; }
.filter .fieldset:first-child { padding:18px 20px 15px 20px;}
.filter .fieldset:hover { background:#fff;}
.filter .f-lable  { position:relative; display:block; padding:18px 20px 18px 80px;}
.filter_on { border:1px solid #777; height:379px;}

.reset {  display:block; padding:12px 20px; text-align:right; width:100%; border:none; background:none;}

.plus { display:block; position:absolute; top:50%; margin-top:-10px; right:15px; width:17px; height:20px; background:url(../img/icons.png) center -115px/23px no-repeat;} 
/* .plus { display:inline-block; float:right; margin-top:-4px; width:17px; height:24px; background:url(../img/icons.png) center -112px/23px no-repeat;} */
.arr { display:block; position:absolute; top:50%; margin-top:-10px; right:12px; width:17px; height:20px; background:url(../img/icons.png) 5px -696px/23px no-repeat;}
.a-down { display:inline-block; float:right; width:15px; height:20px;  background:url(../img/icons.png) 3px -696px/23px no-repeat; 
-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);}
.download:hover .plus,.plus_on { background-position:center -150px !important;}
.a-down_on { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

.switch { position:absolute; left:20px; top:20px; display:inline-block; width:45px; height:24px;}
.switch .f-check { display:none;}
.slider { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#ccc;  border-radius:24px; -webkit-transition:.4s; transition:.4s;}
.slider:before { position:absolute; content:""; height:20px; width:20px; left:3px; bottom:2px; background-color:white; border-radius:50%; -webkit-transition:.4s; transition:.4s;}
.f-check:checked + .slider { background-color:#6c8ea3;}
.f-check:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}

#dark-filter { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:15;}

.dx-btn { position:absolute !important; right:30px !important; margin-top:16px !important; z-index:15;}


/* PRODUCT */

#product { text-align:left;}
#product .product-pic { position:relative; text-align:center; width:51%; min-height:400px;} 
#product .product-pic img { width:100%; max-width:750px; min-width:350px;}
#product .product-desc { width:46%; position:relative; padding-left:3%; margin-left:3%; border-left:1px solid #ddd;}
.product-pic, .product-desc { display:inline-block; vertical-align:top; width:50%; box-sizing:border-box;}

.after-tit { margin-bottom:100px;}
.product-desc p.subtitle { border-top:1px solid #777; padding:22px 0;}
.product-desc .text { margin-bottom:22px; white-space:pre-wrap; font-size:16px; min-width:inherit !Important;}

#icons-ea { position:absolute; left:6%; top:95px;}
#icons-ea img { margin-right:10px; height:45px;}

.predownload { display:block; overflow:hidden; height:54px; border-top:1px solid #777; border-bottom:1px solid #777;}
.predownload .download 	{ display:block; color:#000; padding:18px 15px; cursor:pointer; border-bottom:none;}
.predownload_on { height:220px;}
.download { position:relative; display:block; color:#000; padding:18px 15px; cursor:pointer; border-top:1px solid #ddd; }
.download.df { border-bottom:1px solid #777; text-transform:uppercase;}

span.open { display:inline-block; float:right; width:17px; height:24px; background:url(../img/icons.png) center -237px/23px no-repeat;}
span.lock { display:inline-block; float:right; width:17px; height:24px; background:url(../img/icons.png) center -360px/23px no-repeat; opacity:0.3;}
span.open-w { display:inline-block; float:right; margin-top:-4px; width:24px; height:24px; background:url(../img/icons.png) center -187px/23px no-repeat;}
span.lock-w { display:inline-block; float:right; margin-top:-4px; width:24px; height:24px; background:url(../img/icons.png) center -408px/23px no-repeat;}

#features {margin-bottom:22px;}
#features .feature-box { display:inline-block; height:70px; text-align:center; vertical-align:top; line-height:18px; margin:0 7px 7px 0; padding:13px; border:1px solid #ddd;}
#features .si { background-color:#efefef;}
#features .no { opacity:0.8;}
#features .f-no {  margin-top:15px;}
#features .f-si {  margin-top:15px; color:#3180ae;}

#related { position:relative; text-align:center; padding-bottom:65px; overflow:hidden; background:#ddd;}
#related .title-above {color:#000; padding-bottom:25px; text-transform:capitalize;}
#related-list .related-box { background:#fff; text-align:center; border-radius:2px; padding:5px; vertical-align:top;}
#related-list .related-first { display:inline-block; text-align:center; border-radius:2px; padding:5px;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
#related-list .related-first:before { content:''; position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.3); z-index:5;}
#related-list .related-first p { position:relative; z-index:10; color:#FFF;}
#related-list .related-box .subtitle { text-transform:uppercase;}
#related-list .related-img { width:100%; margin-bottom:8px;}
.related-box:hover, .related-first:hover { -webkit-transform:scale(0.98); opacity:0.9;}
.swiper-container.product { overflow:visible !important; text-align:left;}
.swiper-pagination.product { bottom:-40px !important;}
.swiper-button-prev.product { bottom:-40px !important; -webkit-transform:scale(0.5);}
.swiper-button-next.product { bottom:-40px !important; -webkit-transform:scale(0.5);}

.fx-btn { position:fixed; left:-200px; top:0; width:45px; height:100%; z-index:26;}
.listx { position:absolute; top:50%; width:45px; right:0; height:45px; border-radius:100%; background:#aaa url(../img/filterup.png) center 19px/30px no-repeat; opacity:0.4;}
.listx:hover { background:#aaa url(../img/filterup.png) center -26px/30px no-repeat; opacity:1;}
.tooltip { display:none; pointer-evetns:none; position:absolute; top:-5px; left:80px; background:#fff; font-size:14px; padding:10px; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}


/* OUR PROJECTS */

#ourprojects { position:relative; z-index:10; overflow:hidden;}
#ourprojects .ourproject-box { position:relative; display:inline-block; width:50%; padding:22px 30px; margin-bottom:50px; box-sizing:border-box; text-align:left;}

.more:hover .ourproject-pic { opacity:0.6;}
.more:hover .ourproject-card { background:#fff url(../img/icons.png) 20px -674px/23px no-repeat; border:1px solid #eee;}
.more:hover .subtitle { margin-left:15px;}

.ourproject-pic { width:100%; height:430px; margin-bottom:12px; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important;}
.ourproject-card { position:absolute; border:1px solid transparent; bottom:-28px; margin-left:25px; padding:20px 42px 20px 22px; background:#fff url(../img/icons.png) -40px -674px/23px no-repeat;}
.ourproject-card .title1 { margin:0 0 5px 0;}
.ourproject-card .subtitle { color:#609CFF; font-weight:700; margin-bottom:15px;}

.references .rt { position:relative; max-width:540px; margin:0 auto; padding:30px 0 50px 0; z-index:22; background:#fff;}
.references .text, .all-finishes .text { position:relative; z-index:22; background:#fff; padding-bottom:50px; max-width:650px;}

#separator-2 { position:absolute; width:100%; z-index:20;}
#separator-2 .s-1 { position:absolute; margin-left:50%; top:0; width:1px; height:40000px; background:#ddd;}

#ourproject-bill { height:70%; min-height:650px;}

.project-sx { width:50%; display:inline-block; box-sizing:border-box; padding:0 5% 0 10%; margin:80px 0 100px; vertical-align:top; text-align:left;}
.project-sx .text { margin:40px 0 80px 0;}
.project-sx .filter-cta:hover { background:#18463c !important;}

.project-pre-prod { border-bottom:1px solid #bbb; margin-bottom:30px; padding-bottom:15px;}
.project-prod { position:relative;}
.project-prod  #icons-ea { left:inherit; right:0; top:5px;}
.project-prod .star-prod { top:90px; left:0px; right:inherit;}

.project-dx { width:50%; display:inline-block; box-sizing:border-box; padding-right:10%; margin:80px 0 100px 0; vertical-align:top;}
.project-dx .project-img { width:100%; max-width:750px; min-width:350px;}
.project-dx .pro-link:hover { opacity:0.5;}

.related-big { padding:10px !important;}
.wwhite .swiper-pagination-bullet {background:#fff !important;}

/* QUALITY - DARK IMG */

#quality { margin:30px 0 0 10%; padding:45px 40px; width:50%; background:rgba(0,0,0,0.6); text-align:left; color:#fff;}
#quality .text { margin:80px 0 60px 0;}
#quality .subtitle { margin:40px 0 15px 0;}

.quality-img1 { display:block; margin:40px auto 60px auto; width:90%;}

.btn-quality { position:relative; display:block; padding:15px; border-top:1px solid #aaa;}
.btn-quality-mini { max-width:750px !important; margin:0 auto;}
.btn-quality:hover { background-color:rgba(250,250,250,0.2); }
.btn-quality:last-child { border-bottom:1px solid #aaa;}

.btn-quality_dark { border-top-color:#333 !important; border-bottom-color:#333 !important; background-color:rgba(250,250,250,0.2); }

.btn-quality .tooltiptext { visibility:hidden; width:200px; font-size:12px; background-color:black; color:#fff; text-align:center; border-radius:6px;padding:6px; position:absolute; z-index:1; top:-2px; right:10%;}
.btn-quality:hover .tooltiptext, .btn-quality:active .tooltiptext {visibility:visible;}

.plusround-quality { position:absolute; top:340px; right:10%; text-align:center; width:150px; text-transform:uppercase; color:#fff;}
.plusround-design { position:absolute; top:320px; right:20%; text-align:center; width:85px; text-transform:uppercase;}

.plusround { display:block; margin:0 auto; width:50px; height:50px; margin-bottom:12px; background:url(../img/plus.png) center 0/50px no-repeat; -webkit-transition:-webkit-transform .5s ease-in-out; transition:transform .5s ease-in-out;}
.plusround-d { background-position:center -50px !important;}

.plusround-quality:hover .plusround,.plusround-design:hover .plusround { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.plusround-quality:hover,.plusround-design:hover { opacity:0.6;}


/* DESIGN & SU MISURA */

#design { margin:30px 0 30px 10%; padding:0 40px 45px 40px; width:40%; text-align:left;}
#design .text { margin:80px 0 50px 0;}
#design .title-above { padding-top:0; text-align:left;}

#sumisura, .sumisura { background:#dadada; padding-top:10px; padding-bottom:60px; text-align:center;}
#sumisura .sumisura-img, .sumisura .sumisura-img { display:inline-block; margin-right:60px;}
#sumisura .sumisura-box, .sumisura .sumisura-box { display:inline-block; width:50%; margin-top:60px; vertical-align:top; text-align:left;}
#sumisura .text, .sumisura .text { margin:60px 0;}

.filter-cta { position:relative; display:inline-block; margin:0 25px 10px 0; padding:18px 23px; border:1px solid #333; text-align:left; background:#fff; text-transform:uppercase;
transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}
.filter-cta .filter-text { display:inline-block; margin-right:50px;}
.filter-cta:hover, .fcw { background:#333; color:#fff;} 
.filter-cta:hover .plus, .fcw .plus { background:url(../img/icons.png) center -650px/23px no-repeat;}
.fcw:hover { background:#1e1e1e;}
.filter-cta.back, .filter-cta.back:hover { background:none !important; border:1px solid #444; color:#111;} .filter-cta.back:hover { opacity:0.6;}


.filter-cta-dark { background:#333; color:#fff; }
.filter-cta-dark:hover { background:#fff; color:#333;} 
.filter-cta-dark .plus { background:url(../img/icons.png) center -650px/23px no-repeat;}
.filter-cta-dark:hover .plus { background:url(../img/icons.png) center -115px/23px no-repeat;}


/* EVENTS */

.events { background:#dadada; padding-bottom:130px; vertical-align:top;}
.events .sm1b-line { margin-top:80px;}
#events-half { display:none;}
.showmore { margin-top:80px;}

.event { position:relative; text-align:left; display:inline-block; background:#fff; border:1px solid #ddd; width:20%; max-width:260px; padding:15px 0; margin:65px 2% 0 2%; box-sizing:border-box; border:1px solid #dadada; vertical-align:top;}
.event  .title1, .event p.subitalic { margin:3px 0 0 15px;}
.e-year { float:right; margin-right:15px;}
.event a.subitalic { display:block; padding-top:20px; position:absolute; left:0; bottom:-28px; width:100%; text-align:center;}
.event-logo { margin:15px 0 25px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc}
.event-date { width:33.3%; display:inline-block; text-align:center; line-height:26px; vertical-align:top;} .event-date .d1 { font-size:32px;}
.event-arrow { display:inline-block; vertical-align:top; width:33.3%; text-align:center; font-size:25px; color:#999; height:72px; line-height:72px;}

.event:hover { border:1px solid #aaa; -webkit-transform:scale(1.05);}
.event:hover .event-arrow { width:10%;}
.event:hover .event-date { width:45%;}


/* FINISHES */

.finishes .finish { display:inline-block; width:25%; padding:0 1%; border-right:1px solid #ddd; box-sizing:border-box; vertical-align:top; text-align:center;}
.finishes .finish.noborder { border:none;}
.finishes img { display:block; max-width:255px; width:100%; margin:0 auto 25px auto;}
.finishes .title-num { float:left;}

.finish .title2, .finish .subtitle { width:100%; box-sizing:border-box;}
@media only screen and (max-width: 1570px) { 
	.finish .title2, .finish .subtitle { padding-left:0 !important;}
}

.space { margin-bottom:50px; padding:80px 0; border-bottom:1px solid #999; text-align:center;}
.space:last-child, .space:only-child { border:none;}


/* CONTACT */

#contacts { position:relative; overflow:hidden;}
#contacts li { display:inline-block; vertical-align:top; margin:40px 2% 0 2%; width:37%; max-width:550px; background:#fefefe; padding:30px 4%; box-sizing:border-box; text-align:left; border:1px solid #ddd; border-radius:2px;}
#contacts li:hover { background:#efefef;}
#contacts li .p-wish-box { margin-top:-2px;}
#contacts li .skype { margin-left:20px;}
#contacts .grey { margin:5px 0 25px 0;  color:#5a5a5a;}
.mail-btn { display:inline-block; margin-top:6px; text-decoration:underline;}
.mail-btn:hover { opacity:0.6;}

.address-main { width:40% !important; margin-top:30px; padding:0 5%; box-sizing:border-box; max-width:550px;} .amb { border-right:1px solid #ddd;}
#map { width:84%; height:500px; margin:60px auto 0 auto; background-color:grey;}


/* SPECIAL */

#gold24k { color:#fff; background:#1e1e1e; display:block; width:100%; padding:110px 0; margin:80px 0;}

.swiper-special, .swiper-special .swiper-slide { height:100%; overflow:hidden;}
.swiper-parallax { height:100%; overflow:hidden;}
.special { text-align:left !important; max-width:850px; margin:0 auto;}
.special .text { margin:25px 0;}
.special .img { float:right;}
.special .img2 { width:400px;}


/* SHOWROOMS */

.showroom-box { margin:0 auto; padding:50px 0; border-bottom:1px solid #ddd; text-align:center;}
.showroom-box:first-child { padding-top:0;}
.showroom-box:last-child { padding-bottom:0; border:none;}
.showroom-box .showroom-img { display:inline-block; width:45%; min-width:500px; max-width:650px; min-height:380px; margin-right:8%;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.showroom-text { width:30%; display:inline-block; vertical-align:top; text-align:left;}
.showroom-text .grey { margin-top:25px;}
.showroom-text p { margin-top:4px;}
.showroom-box .filter-cta { margin-top:25px;}


/* ACCOUNT */

.fifty { display:inline-block; width:50%; box-sizing:border-box; text-align:left; vertical-align:top; margin-top:65px; padding:0 5%;}
.fifty.fifty-sx { border-right:1px solid #bbb;}
.fifty .title1 { margin-bottom:70px;}
.fifty .text { margin-bottom:80px;}

.form-control { border:1px solid #d0d5d2;}
.form-control, textarea { font-size:16px; background-color:none; padding:13px 3%; width:100%; box-sizing:border-box; margin:12px 0 24px 0; outline:0;}
textarea { height:180px; padding:13px 2% !important; width:97%; border:1px solid #d0d5d2;}
input[type=submit] { margin-top:25px; border-radius:0px !important; text-transform:uppercase; font-size:14px; background:#333; color:#fff; cursor:pointer;}
input[type=submit]:hover { opacity:0.8;}
.forgot-btn { float:right; color:#000; margin-top:40px; cursor:pointer;}
.forgot-btn:hover { opacity:0.5;}

.signup-bg { background:#d0d5d2;}
#signupform { width:50%; max-width:550px; margin:0 auto;}
#signupform .title1 { margin:40px 0;}
#signupform .title2 { margin:40px 0;}
#signupform .form-control { padding:16px; border:1px solid #d0d5d2;}
.form-control:focus, textarea:focus { border:1px solid #333 !important;}

.thick { position:relative; display:block; padding-left:35px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.thick input { position:absolute; opacity:0;} .checkmark { position:absolute; top:0; left:0; height:25px; width:25px; background-color:#fff;}
.thick input:checked ~ .checkmark { background-color:#3d3d3b;} .checkmark:after { content:""; position:absolute; display:none;} .thick input:checked ~ .checkmark:after { display:block;}
.thick .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

#assform { width:75%; max-width:750px; margin:0 auto;}
#assform .formhalf { display:inline-block; width:47%; margin-right:3%; box-sizing:border-box;}
#assform .title1 { margin:40px 0;}
#assform .title2 { margin:40px 0; }
#assform .form-control { padding:16px; box-sizing:border-box; border:1px solid #d0d5d2;}
#assform .form-control:focus { border:1px solid #111;}

.bg-danger { color:#C00;}
#resetform { width:50%; max-width:550px; margin:0 auto;}
#resetform .text { margin-bottom:40px;}

.welcome .title2 { margin-bottom:70px;}
.private-box { display:inline-block; width:25%; margin-top:60px; box-sizing:border-box; border-right:1px solid #bbb; padding:0 2%; vertical-align:top;}
.private-box:last-child { border:none;}
.private-box .title2 { display:block; width:100%; margin-bottom:40px;}
.private-box .title2 span, .p-wish-box { display:block; float:left; width:24px; height:24px; margin-right:7px;} .p-wish-box { margin-top:3px;}
.p-wish { background:url(../img/icons-private.png) center 4px/22px no-repeat;}
.p-down { background:url(../img/icons-private.png) center -49px/22px no-repeat;}
.p-spec { background:url(../img/icons-private.png) center -108px/22px no-repeat;}
.p-acco { background:url(../img/icons-private.png) center -164px/22px no-repeat;}
.private-link { position:relative; display:block; padding:17px 30px 17px 15px; margin-bottom:14px; border-radius:3px; background:#bbb;}
.private-link .warn { display:block; position:absolute; top:50%; margin-top:-12px; right:12px; height:22px; width:22px; background:url(../img/warnings.png) 0/45px no-repeat;} 
	.warn_ok { background-position:-23px center !important;}

.private-link:hover { background:#ccc;}

.pl-wish { background:#b9d5e4;} /* warnings bar #6c8ea3 */

.label-active { display:inline-block; margin:-8px 0 0 17px; padding:6px; color:#fff; background:#6c8ea3; border-radius:3px; opacity:0; font-size:12px;}
.label-dwg {display:inline-block; width:auto; margin:0 auto; padding:6px 8px; margin:15px auto 5px auto; background:#bbb; color:#FFF; font-size:13px; border-radius:6px;}
.lable-space { width:10px; height:24px; margin:15px auto 5px auto; display:inline-block;}
/* .btn-dwg {display:block; width:100px; text-align:right; margin:0 auto; padding:8px 12px; margin:15px auto 5px auto; background:#666 url(../img/icons.png) 8px -141px/18px no-repeat; color:#FFF; font-size:14px; border-radius:4px;} */

/* HAMBURGER */

.is-active { pointer-events:inherit !important;}
.ham_on_color .hamburger-inner,
.ham_on_color .hamburger-inner::before,
.ham_on_color .hamburger-inner::after {background:#111 !important;}
.hamburger {
	pointer-events:none;
	position:fixed;
	z-index:150;
	left:32px;
	top:34px;
	display: inline-block;
	cursor: pointer;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;}
.hamburger-box { width:25px; height:24px; display: inline-block; position:relative;}

.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 2px;
    background-color: #dddddd;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;}

 .hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--spin .hamburger-inner{transition-duration:0.3s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin .hamburger-inner::before{transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin.is-active .hamburger-inner{background-color:#bbb;-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:0.14s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin.is-active .hamburger-inner::before{background-color:#bbb;top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out}.hamburger--spin.is-active .hamburger-inner::after{background-color:#bbb;bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)}
 
#legal1,#legal2 { max-width:700px; margin:100px auto 200px auto; text-align:left;}
#legal1 .title2, #legal2 .title2 { margin:25px 0 10px 0;}
#legal1 .text, #legal2 .text { color:#444;}
.msymbol { margin:20px 0 0 0;}

@media only screen and (min-width: 1600px) { 
	#smart-links .smart-link-img {height:330px;}
}


/* IF NO HEIGHT */
@media only screen and (max-height: 660px) { 

	.finishes img { width:86%;}
	#ourprojects .ourproject-pic { height:320px;}
	.sm1b .sidemenu-link { padding:63px 0;}
	#homearrows { display:none;}
	
}


/* IF iPAD and iPHONE */
@media only screen and (max-width: 1025px) { 

	.ipadno { display:none !important;}
	.ipadyes { display:inherit !important;}
		
	.sidemenu { width:350px; left:-400px;}
	.sidemenu1_on { left:0px;}
	
	#mobilenav .accordion-toggle:first-child { margin-top:90px;}
	#mobilenav .mobilelink-pre { font-size:20px; display:block; padding:15px 0 15px 30px; border-bottom:1px solid #ddd;}
	#mobilenav .mobilelink { font-size:17px; display:block; padding:10px 0 10px 30px; color:#777;}
	#mobilenav .mobilelink-priv { font-size:16px; display:block; padding:10px 0 10px 30px; margin-top:20px;}
	#mobilenav .mobilelink-priv .noarrow { margin-left:0;}
	.sm1b-line2 { width:80%; margin:5px 0 5px 30px; box-sizing:border-box; height:1px; background:#ddd;}
	
	#footer .footer-list { width:40%; margin:0 0 30px 0;}
	#footer-btm .footer-btm-link { margin:10px 10px 0 0;}
	#footer-btm .footer-btm-link:last-child { width:100%; float:none; margin-top:40px; margin-left:0; padding-left:0;}
	#showroom { position:absolute; right:35px; top:132px;}
	
	.accordion-toggle:after { content:'\02795'; font-size:12px; float:right; margin-right:30px;}
	.t-active:after { content:'\2796' !important;}
	.accordion-content {display:none; margin:10px 0 15px 0;}
	
	#mobilelang { position:relative; margin-top:100px; padding:18px 0 20px 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; width:350px; background:#efefef;}
	.lang { display:inline-block; margin-top:10px; padding:13px 14px !important; border-radius:3px; }
	.langon { border:1px solid #999; background:#fff;}
	
	.overlap { max-width:inherit; margin:60px auto; padding:0;}
	.overlap img { position:relative; display:block; width:90%; margin:0 auto 80px auto; left:inherit !important;}
	.white-text { position:relative; margin:40px 0 0 0; width:100%; padding:0 25px; box-sizing:border-box; text-align:center;}
	#adv { max-width:inherit; width:88%; margin:50px 6%; padding:50px 25px; box-sizing:border-box;}
	.ottone { padding:0 0 50px 0;}
	.ottone .title-big { width:300px; margin:0 auto 50px auto; font-size:80px;}
	.ottone .title2 { margin:0 auto 30px auto;}
	#ottone-show .swiper-container { height:400px;}
	#ottone-show .swiper-slide { width:100%; margin:0;}
	#ottone-show .swiper-slide .ott { padding:30px 40px 40px 40px;  margin-top:125px; height:auto; min-width:inherit; width:100%; box-sizing:border-box;}
	.ott .filter-cta { margin-top:40px;}

}

/* IF IPAD */
@media only screen and (max-width:1025px) and (min-width:768px) {
	
	.private-box { width:50%; padding:0 2% 25px 2%;}
	.private-box:nth-child(2) { border:none !important;}
	
	#product-list .product-box { width:50%;}
	#product-list .product-box4 { width:50%;}
	
	.finishes .finish { width:33%; padding:0 3% 30px 3%; border-right:none;}
	.finishes .finish:nth-child(odd) { border-right:none;}
	
	.showroom-box .showroom-img { min-width:450px; min-height:340px;}
	
	div.address-main { width:46% !important; padding:0 2%;}
	#map { width:90%;}
	
	.events { padding-bottom:50px;}
	.event { width:29%; margin:65px 2% 0 2%; box-sizing:border-box;}
	
	.catalogue-box { width:50%; margin:45px 0; padding:0 25px;}
	
	#ourprojects .ourproject-pic { height:320px;}
	
	#quality, #design, #sumisura .sumisura-box, .sumisura .sumisura-box { margin-top:60px; width:80%; margin-left:10%; margin-right:10%; box-sizing:border-box;}
	.ct-sofa { width:90%;}
	
}

/* IF IPHONE */
@media only screen and (max-width:768px) {
	
	.touchno { display:none !important;}
	.touchyes { display:inherit !important;}
	
	nav .logo { background-image:url(../img/margaroli-logo-header3.png) !important;}
	.nav_on_color .logo { background-image:url(../img/margaroli-logo-header3.png) !important;}
	.btn-products { padding-bottom:55px !important; padding-right:20px !important;}
	
	.title-xl { font-size:50px; line-height:48px;}
	.title-big { font-size:33px;}
	.title-slim { font-size:30px;}
	.title1 { font-size:23px;}
	.title2 { font-size:18px; line-height:23px;}
	.text { font-size:15px;}

	#homebottom { text-align:center; bottom:15px;}
	#homebottom span { display:block; margin:0 auto 3px auto; float:none; font-size:13px;}
	#homebottom a.cdv { margin:0;}
	
	#footer .footer-list { width:50%; margin:0 0 30px 0;}

	.search-close {top:35px; right:35px;}
	#search-form .search-field { background-image:none; font-size:20px !important;}
	.search-link { font-size:23px !important; margin-bottom:30px;}

	
	/* MAIN & CONTACTS */

	.typical-pad { padding:0 25px;}
	.typical-pad-only { padding-left:25px; padding-right:25px;}
	.arrow-down { margin-top:30px;}
	.window { padding:140px 0;}
	.window2 { padding:180px 0;}
	.window .dark2 { height:370px !important;}
	#smart-links { margin-bottom:20px;}
	#smart-links .smart-link { display:block; width:100%; border:none !important;}
	
	.address-main { width:100% !important; margin-top:30px; padding:0 25px; box-sizing:border-box; max-width:inherit;} .amb { border-right:none;}
	#map { width:100%; height:400px;}
	#contacts li { margin:0; width:100%; padding:30px 25px; border:none; border-bottom:1px solid #ddd; background:#fff;}
	.showroom-box { padding-bottom:40px; border-bottom:1px solid #ccc;}
	.showroom-box .showroom-img { width:100%; max-width:inherit; margin-right:0; min-height:270px !important; max-height:270px !important; min-width:auto !important;}
	.showroom-text { width:100%; box-sizing:border-box; padding:25px 25px 0 25px;}
	
	.wishbar { right:-100%; width:90%;}
	.wishbar .wish-btm { width:100%;}
	.wishbar .filter-cta { width:100%; box-sizing:border-box;}
	.wish-close { display:block; position:absolute; top:20px; right:20px; padding:3px 10px; font-size:18px; color:#333;}
	.p-wish-box { margin-top:0px;}


	/* PAGES */
	
	.ourstory-img0 { width:160px;}
	.ourstory-img2 { width:80%;}
	
	#quality { margin-left:0; margin-bottom:0; padding:0 25px; width:100%; background:rgba(0,0,0,0.6); box-sizing:border-box;}
	#quality .text { margin-top:40px;}
	.quality-img1 { width:80%;}
	.btn-quality { padding-left:6px; padding-right:6px;}
	
	#design { margin:30px 0 0 0; padding:0 25px 0 25px; width:100%; box-sizing:border-box;}
	#design .text { margin:40px 0 0 0;}
	#sumisura, .sumisura { padding-bottom:60px; }
	#sumisura .sumisura-box, .sumisura .sumisura-box { width:100%; margin-top:60px;}
	#sumisura .text, .sumisura .text { margin:40px 0;}
	
	.billboard.borders {border:35px solid #ccc;}
	#ourprojects .ourproject-box { width:95%; padding:22px 0; margin-bottom:15px;}
	#ourprojects .ourproject-pic { height:260px;}
	#ourprojects .ourproject-card .title1 { margin-bottom:0;}
	
	.catalogue-box { width:90%; margin:45px 0; padding:0 25px;}
	
	.events { padding-bottom:50px;}
	.event { width:46%; max-width:260px; padding:15px 0; margin:65px 2% 0 2%;}
	
	.special .img { float:none; width:70%; margin:15px 20% 0 10%;}
	.special .img2 { width:300px;}
	
	.ct-cronotermostato { width:250px; margin:-100px auto 0 auto;}
	.ct-sofa { width:100%;}
	.wifi-icon { width:100px;}
	
	/* PRODOTTI */
	
	#product-list .product-box { width:100%;}
	#product-list .product-box4 { width:100%;}
	.filter_on { height:388px;}
	.dx-btn { position:relative; right:auto; margin:0 auto;}
	
	.title-num { font-size:45px !important;}
	.finishes .finish { width:50%; padding:0 2% 30px 2%; border-right:none;}
	.finishes .finish:nth-child(odd) { border-right:1px solid #ddd;}
	.finishes img { width:90%;}

	#product .product-pic { min-height:inherit; margin:40px 0 20px 0; }
	#product .product-pic img { width:90%; }
	#product .product-desc { display:block; padding-left:0; margin-left:0; border-left:none;}
	.predownload_on { height:235px !important;}
	.product-pic, .product-desc { width:100% !important;}
	#icons-ea { left:0;}
	
	#features .feature-box { font-size:13px; height:60px; line-height:16px; padding:10px;}
	
	.project-prod { height:70px;}
	.project-sx, .project-dx { width:100%;}
	.project-sx { margin-bottom:0px;}
	.project-dx { margin:20px 0 80px 0; text-align:left;}
	.project-dx .project-img { width:100%; max-width:750px; min-width:350px;}
	.project-dx  .filter-cta { margin-top:40px; margin-left:10%;}
	
	/* ACCOUNT */

	.fifty { width:100%; margin:35px 0 0 0; padding:0;}
	.fifty:first-child { border-bottom:1px solid #ddd; border-right:none; padding-bottom:35px;}
	.fifty .title1 { margin-bottom:40px;}
	.fifty .text { margin-bottom:50px;}
	#signupform, #resetform, #assform { width:100%; max-width:inherit; box-sizing:border-box;}
	#legal1,#legal2 { max-width:700px; margin:60px auto 100px auto;}
	.msymbol { margin:0; width:50% !important;}
	
	.welcome .title2 { margin-bottom:35px;}
	.private-box { width:100%; height:auto; margin-top:30px; border-right:none; border-bottom:1px solid #ddd; padding:0 3% 25px 0;}
	.private-link { padding:25px 15px;}
	.private-box .title2 { margin-bottom:20px;}
	#assform .formhalf { width:100%; margin-right:0;}
	textarea { width:100%;}

	.wb-page-box { width:100%; margin:0 0 10px 0 !important;}


}