@charset "UTF-8";h1,h4{margin-bottom:0}
.navbar,.navbar-brand,h1{text-align:center}
body,html{height:100%;min-height:100%}
html{position:relative}
body{font-family: 'Quicksand', sans-serif;font-size:18px;color:#575756;margin-top:46px}
.abril{font-family: 'Abril Fatface', cursive;}
.facebook{ color:#3B5998; margin-top:20px; margin-right:0px; padding-right:0px; line-height:1.2em;}
.facebook img{ margin-left:8px; margin-top:3px;}
.slogan { font-size:1.5em; margin:25px auto;}
a{ outline:none}
b,strong,th{font-weight:500}
.lowercase{text-transform:lowercase}
img{max-width:100%}
h1{font-size:2.3em}
h3{color:#009440;margin:0 0 7px;font-size:1.6em}
h4{font-size:1.3em;font-weight:300}
.pd60{padding:60px}
.pdtb60{padding-top:60px;padding-bottom:60px}
.pdtb30{padding-top:30px;padding-bottom:30px}
#video{margin:30px auto}
,a:focus,a:hover,a:link{text-decoration:none}
.left{float:left}
.right{float:right}
.pull-center{margin:auto;float:none}
.obbli{font-size:12px;margin-top:5px}
.bgreen{background:#EDEDED}
.bgblu{background:#009440}
.bgblu{color:#fff}
#preheader a{color:#fff}
#preheader{}
.navbar{background:0 0;border:none;border-radius:0;margin-bottom:0}
.navbar-default .navbar-nav li a{color:#009440;text-transform:uppercase;padding:10px; font-size:.8em;}
.dropdown-menu>li>a { color:#009440 !important; font-size:1em !important;}
.navbar-default .navbar-nav li a.active, .active{font-weight:700}
.navbar-default .navbar-nav li a:hover{color:#E8BE3E}
.navbar-brand{height:auto;width:100%; padding:10px 0px;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#7e7f54}
ul.navbar-nav{display:inline-block;margin:auto}
#footer{ padding:20px 0px; font-size:0.9em;}
/*#footerc { margin-top:40px}*/
.credit{font-size:.7em; background-color:#D1D1D0; padding:10px 0px}
.icone{margin-left:10px}
.blu{color:#009440}
#infow,#infow a,#lang,.bgblu a,.bgblu h3,.navbar-toggle .icon-bar,ul.errors{color:#fff}
.navbar-toggle .icon-bar { background:#fff;}
#footer .bgreen{padding-top:30px;padding-bottom:30px;font-weight:300}
.fotoseparator{max-height:320px;overflow:hidden}
.fotoseparator img{width:100%;min-height:100%}
.input-group-addon{background-color:transparent;border:none;color:#fff;font-family:Rubik,sans-serif}
.content{padding-top:200px}
.alert-danger{padding-left:40px}
.table>tbody>tr>th{border-top:none!important}
.table>tbody>tr>th p{margin-bottom:0}
.table>tbody>tr>td p{margin-top:10px}
#dove #maps{height:800px}
#maps{z-index:1}
#infow{background-color:#009440;width:350px;height:200px;padding:25px;position:absolute;z-index:2;left:10%;top:50px}
#infow .closes{background-image:url(../img/close.png);width:30px;height:30px;position:absolute;right:-15px;top:-15px;z-index:99999;cursor:pointer}
.relative{position:relative}
#lang,#social{position:absolute}
.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
#lang{top:10px;left:10px}
#social{top:7px;right:20px}
iframe{padding:0;margin:0 0 -10px}
.form-control{border-radius:5px!important;padding:20px 10px; }
.input-group { margin-bottom:8px;}
.pd0,ul.errors{padding:0}
label{font-weight:400;font-size:.9em}
.btn-info,.btn-primary,#mc_embed_signup .button{background-color:#009E00 !important;border-color:#009E00 !important}
.pdl0{padding-left:0}
.pdr0{padding-right:0}
h2{text-align:center;}
.top h2 {
	position:absolute;
	bottom:10px;
	text-align: left;
	}
.top a { display:block; width:100%; height:100%;}
.casa a { color:#fff;}
.casa:after {
    border-top: 20px solid #009440;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    bottom: -15px;
    content: "";
    position: absolute;
    left: 49%;
    margin-left: -21px;
    width: 0;
    height: 0;
    z-index: 99999;
}
view raw
ul.errors{font-size:.8em;margin-bottom:10px}
.vcenter{display:flex;align-items:center;margin:auto}
#maps{height:400px}
.navbar-toggle{background-color:#009440; border:1px solid #fff;}
.navbar-default .navbar-collapse{background-color:#009440;padding:0;border:none!important}
.content.homecnt{padding-top:0}
#dintorni{margin-top:20px}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

#socialhome{height:30px;clear:both;padding:5px 0;text-align:center}
#socialhome .icone{height:20px}
.casa { background:#009440; color:#fff; padding:12px 20px;line-height: 1.1em; font-size:0.8em;}
.casa h3 {color:#fff; margin:0px; padding:0px;}
.complementi { background: url(../img/top/complementi-casa.jpg);}
.regali { background: url(../img/top/idee-regalo.jpg); }
.fragranze { background: url(../img/top/fragranze-casa.jpg); }
.casa ,.complementi,.fragranze, .pavimenti, .velux {height:118px;}
.regali {height:236px;}

.complementi,.regali,.fragranze, .pavimenti { background-size:cover; color:#fff; padding:20px; text-align:center;}
.top h2 { color:#fff; font-size:1.5em;text-shadow: 1px 1px 1px #6c6c6c;}
.camini { background: url(../img/top/caminetti-e-stufe.jpg);}
.pavimenti { background: url(../img/top/pavimenti-rivestimenti.jpg);}
.esterno { background: url(../img/top/barbecue.jpg); }
.velux { background: url(../img/top/velux.jpg); }
.mobili-giardino { background: url(../img/top/mobili-giardino.jpg); }
.giardino { background: url(../img/top/arredo-giardino.jpg);height:472px; background-size:cover;}
.camini,.esterno, .mobili-giardino { height:236px; background-size:cover;}
.bgrigio { background-color:#E9E9E8;}
.camini{height:472px;}
.camini,.esterno,.mobili-giardino ,.giardino,.complementi,.regali,.fragranze,.casa,.velux, .pavimenti { border:4px solid #fff; }
.complementi,.regali,.fragranze,.casa, .pavimenti {border-right :0px; background-position:bottom;}
.giardino a, .camini a { color:#fff; margin-top:8px;}
.pavimenti a, .camini a{ color:#fff;display:block !important; width:auto; float:none;}
/* .pavimenti a{display:inline-block !important;} */
.pull-center {
    margin: auto;
    float: none;
}
.servizi { color:#B5ADA6; margin-top:10px;}
.servizi h5 { text-transform:uppercase; font-size:1em; font-weight:400;}
#orari { background-color:#7FB287; color:#fff; padding:20px;}
#footer ul { list-style:none; padding:0px;}
.rosso { color:#C03526;}
.uppercase { text-transform:uppercase;}
.brown{color:#4C3526;}
#servizi,#news { padding:20px 0px;}
.top { padding:10px 0px;}
a{ color:#000;}
.news .novita { padding:20px;}
#marchi { margin:35px 0px;}
#footer h5 { font-size:1.3em; margin-bottom:20px;}
.btn-info:hover {background-color: #009440;border-color: #009440;}
/**triangle**/
.triangle {
  margin: 195px auto 0;
  font-size: 0;
  clear:both;
  text-align: center;
   margin-left: -50px;
   margin-bottom:-50px;
}

.wrap {
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(45deg) translate3d(0, 0, 0);
  -o-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
  display: inline-block;
  -webkit-transition: -webkit-transform 300ms ease-out;
  -moz-transition: -moz-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  width: 100px;
}
.wrap:hover {
  -webkit-transition: -webkit-transform 700ms ease-out;
  -moz-transition: -moz-transform 700ms ease-out;
  transition: transform 700ms ease-out;
  -webkit-transform: rotate(45deg) translate3d(10px, 10px, 0);
  -moz-transform: rotate(45deg) translate3d(10px, 10px, 0);
  -ms-transform: rotate(45deg) translate3d(10px, 10px, 0);
  -o-transform: rotate(45deg) translate3d(10px, 10px, 0);
  transform: rotate(45deg) translate3d(10px, 10px, 0);
}
.wrap:nth-child(even) {
  width: 40px;
  -webkit-transform: rotate(225deg) translate3d(30px, 120px, 0);
  -moz-transform: rotate(225deg) translate3d(30px, 120px, 0);
  -ms-transform: rotate(225deg) translate3d(30px, 120px, 0);
  -o-transform: rotate(225deg) translate3d(30px, 120px, 0);
  transform: rotate(225deg) translate3d(30px, 120px, 0);
}
.wrap:nth-child(even) .crop img {
  -webkit-transform: skew(-20deg, -20deg) rotate(-225deg);
  -moz-transform: skew(-20deg, -20deg) rotate(-225deg);
  -ms-transform: skew(-20deg, -20deg) rotate(-225deg);
  -o-transform: skew(-20deg, -20deg) rotate(-225deg);
  transform: skew(-20deg, -20deg) rotate(-225deg);
}
.wrap:nth-child(even):hover {
  -webkit-transform: rotate(225deg) translate3d(40px, 130px, 0);
  -moz-transform: rotate(225deg) translate3d(40px, 130px, 0);
  -ms-transform: rotate(225deg) translate3d(40px, 130px, 0);
  -o-transform: rotate(225deg) translate3d(40px, 130px, 0);
  transform: rotate(225deg) translate3d(40px, 130px, 0);
}

.crop {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  -moz-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  -ms-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  -o-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  transform: skew(20deg, 20deg) translate3d(0, 0, 0);
}
.crop img {
  width: 160px;
  height: 160px;
  position: absolute;
  left: -50%;
  margin-top: 36px;
  margin-left: 36px;
  margin-right: 36px;
  top: -50%;
  -webkit-transform: skew(-20deg, -20deg) rotate(-45deg);
  -moz-transform: skew(-20deg, -20deg) rotate(-45deg);
  -ms-transform: skew(-20deg, -20deg) rotate(-45deg);
  -o-transform: skew(-20deg, -20deg) rotate(-45deg);
  transform: skew(-20deg, -20deg) rotate(-45deg);
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.crop img:hover {
  opacity: 1;
}
.sottotitolo { font-weight:lighter; margin:0px;}
blockquote{ border:1px solid #e9e9e9; background-color: #f5f5f5; padding:20px; margin-top:30px;}
.pgprodotto { font-size:.9em;    text-align: justify;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #8DC697;
}
#sidebar ul { list-style:none; margin:0px; padding:0px; }
#sidebar ul ul { padding-left:20px;}
.newsletter-ok, .newsletter-err,.crsl-items{ display:none;}
.newsletter-cont,.newsletter-ok{ height:115px;}
.hightlight { border-color:#F00;   background-color: #fff6f6;}
#gallery img { margin-bottom:20px;}
#gallery { background-color:#f3f2e9; padding:50px 0px; margin-top:20px;}
#trattamento { font-size:0.9em;}

/*****/
.carousel-control{ width:  4%; top:21px; }
.carousel-control.left,.carousel-control.right {margin-left:-40px;background-image:none;}
.carousel-control.right{margin-right:-40px;}
.carousel-inner .item > div { padding:3px;}
.facebook iframe { float:right}
.navbar-toggle { z-index:9999;}
#contatti .triangle { margin-top:300px;}
#assistenza {margin-top:20px; background-color:#f5f5f5; padding-bottom:20px; padding-top:20px;}
.facebook-mob { display:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }
}
#promozioni .titolo { margin-bottom:50px;}
.promo { min-height:350px; margin-bottom:20px;}

.immaginenews { height:140px; width:100%; overflow:hidden;-webkit-box-shadow: inset 0px -63px 62px -19px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -63px 62px -19px rgba(0,0,0,0.75);position:relative;
box-shadow: inset 0px -63px 62px -19px rgba(0,0,0,0.75); background-size:cover; margin-bottom:10px;}
.promo .btn { position:absolute; bottom:15px; left:15px;}
.promo{ position:relative;}
.promo h4{ margin-bottom:8px; position:absolute; bottom:10px;  z-index:100; color:#fff; left:15px; max-width:95%;}
.immaginemodal { margin-bottom:20px;}.immaginemodal img { width:100%;}
.navbar-toggle { margin-right:0px;}
@media (max-width:1200px){
.top h2 {font-size: 1.3em;}
.casa{ font-size:0.85em}
.navbar-default .navbar-nav li a {padding: 7px;}
}
.mappa iframe{ height:440px}
@media (max-width:992px){
body{font-size:16px}
#riferimentibottom { text-align:center; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:10px;}
#newsletter { text-align:center;}
.slogan{ margin:10px 0px; font-size:1.3em;}
.facebook { margin-top: 10px;}
.navbar-default .navbar-nav li a {padding: 6px;}
.promo .btn{ font-size:10px;}
.promo{ height:370px; font-size:.9em;}
.mappa iframe{ height:392px}
}
@media (max-width:767px){
body{font-size:14px;margin-top:0;margin-right:0}
.facebook iframe { float: none; margin:auto; margin-top:10px; }
#footer .facebook {margin-top:40px;border-top:1px solid #ccc; text-align:center;}
h2{ font-size:1.5em;}
.logo { margin:0px; padding:0px;z-index: 1029;}
.logo img { max-height:55px;}
#assistenza,#form {margin-bottom:20px;}
#trattamento {font-size: 1em;}
.triangle{ margin-top:150px}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff!important; text-align:center; font-size:0.8em !important;}
}

@media (max-width: 480px ) {
#slid{ padding:0px;}
.complementi, .regali, .fragranze { padding: 10px;}
.content.homecnt{padding-top:79px}
.row-eq-height{display:block}
.facebook iframe { display:none}
.facebook-mob { display:block; padding-top:20px; font-size:1.5em;}
h1 { margin-top:0px; font-size:2em;}
.pd60 { padding:20px;}
.camini,.giardino { height:236px}
.casa {padding: 12px;}
.triangle { margin-top: 180px;}
}

#mc_embed_signup form{ padding: 0px !important;}