@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'nexa_rust_script_l0regular'; src: url('/font/nexa-rust.script-l-0-webfont.woff2') format('woff2'), url('/font/nexa-rust.script-l-0-webfont.woff') format('woff'); font-weight: normal; font-style: normal;

}
@font-face { font-family: 'nexa_boldregular'; src: url('/font/nexa_bold-webfont.woff2') format('woff2'), url('/font/nexa_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;

}
@font-face { font-family: 'nexa_lightregular'; src: url('/font/nexa_light-webfont.woff2') format('woff2'), url('/font/nexa_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;

}

* {font-weight: normal;  padding:0; margin:0; position:inherit; font-family: 'nexa_lightregular'; position:relative}
body {color:#1d1d1b; overflow-x:hidden}
strong {font-family: 'nexa_boldregular'; font-weight: normal;}
a {text-decoration:none; border:none}
a img { border:none}

.fasciasopramenu {width:100%; display:table; height:28px; position:fixed; z-index: 1; background-color:#FFF; top: 0;}
.fasciasopramenu .wrapper {text-align:right; font-size:12px; line-height:28px;}
.fasciasopramenu .wrapper img { display:inline-block; vertical-align:middle; margin-left:5px;}
.fasciasopramenu .wrapper img:first-child {margin-right:5px;}

.fasciamenu {width:100%; display:table; background-color:#363633; height:95px; position:fixed; z-index:1; top:28px}
.logo { float:left; width:178px; height:auto; z-index:2}
.menu {float:right}
.menu ul {width:auto; display: table;  height: 88px;}
.menu ul li { float:left; color:#FFF; list-style-position:outside; margin-left: 28px; height:100%}
.menu ul li:first-child {margin-left: 0px; list-style:none}
.menu ul li a {color:#FFF; display:block; font-size:18px; line-height: 88px; border-top: 5px solid #363633;}
.menu ul li a.sel {border-top: 5px solid #fff;}
.menu ul li a:hover {border-top: 5px solid #fff;}
.menu ul li a span {font-family: 'nexa_rust_script_l0regular'; font-size:22px;}
.menu ul li ul { position:absolute; background-color:rgba(255,255,255,0.8); text-align:center; display:table; z-index: 1; width:100% ; height:auto; padding:15px; padding-bottom:0; left: -50%; background-image:url(/immagini/frecciamenu.png); background-repeat:no-repeat; background-position: center -1px; margin-top: 3px; display:none}
.menu ul li ul li {display:block; float:none; text-align:center; margin:0}
.menu ul li ul li a {color:#363633; display:block; font-size:13px; line-height: 40px; font-family: 'nexa_boldregular'; font-weight: normal; border-top:none; white-space: nowrap;}
.menu ul li ul li a:hover { border-top:none;}

.menumobile ul {width:100%; display: table; background-color:rgba(255,255,255,0.9);margin-top: 27px; display:none}
.menumobile ul li {height:40px; display:table; text-align: left; width:100%; box-sizing:border-box; padding-left:20px; border-bottom:1px solid #363633;}
.menumobile ul li a {font-family: 'nexa_boldregular'; font-size:16px; color:#363633; line-height: 40px; text-transform:uppercase}
.menumobile ul li ul {position:relative; background-color:transparent;     margin-top: 0px; margin-bottom:10px; display:none}
.menumobile ul li ul li { box-sizing:border-box; padding-left:20px; border-bottom:0px}
.menumobile ul li a span {font-family: 'nexa_boldregular';}


.pulareariservata {float:right; position:relative; margin-top: 27px; margin-left:19px}
.pulareariservata img { margin-left:13px; vertical-align:middle}
.pulareariservata a {color:#FFF; display:block; font-size:10px; border:2px solid #fff; padding:7px 18px; line-height:19px}

.fasciasottovisual {width:100%; display:table; background-color:#363633}
.fasciasottovisual .wrapper { text-align:center}
.fasciasottovisual .wrapper h1 { font-size:33px; line-height:normal; color:#FFF; margin:27px 0;}

.content {width:100%; display:table}
.content .wrapper h1 {margin:35px auto;font-size:30px; display:table}
.content .wrapper h1 span {font-family: 'nexa_rust_script_l0regular';font-size:43px;}
.content .contbox {display:table;padding-bottom: 60px;}
.content .contbox .box a {color:#1d1d1b; display:table; position:relative}
.content .contbox .box a:hover img {opacity:0.4}
.content .contbox .box a:hover .claimprod  {opacity:1}
.content .contbox .box {display:table; position:relative}
.content .contbox .box img  {display:block; opacity:1; -webkit-transition: opacity 0.5s; /* Safari */ transition: opacity 0.5s;}
.content .contbox .row {display: table;  margin-bottom: 1.50%;}
.content .contbox .row:nth-child(even) .box:nth-child(even) {width:65.84%; float:right}
.content .contbox .row:nth-child(even) .box:nth-child(odd) {width:32.82%; float:left}
.content .contbox .row:nth-child(odd) .box:nth-child(even) {width:32.82%; float:right}
.content .contbox .row:nth-child(odd) .box:nth-child(odd) {width:65.84%; float:left}
.content .contbox .box .claimprod {font-size:22px; position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:table; left:0; opacity:0; -webkit-transition: opacity 0.5s; /* Safari */ transition: opacity 0.5s;}

.fascianewsletter {width:100%; display:table; background-color:#363633; padding:35px 0}
.grigia {background-color:#5e5e5c;}
.fascianewsletter .wrapper .colsxnl {float:left; padding-left:8.5%; width:50%; box-sizing:border-box}
.fascianewsletter .wrapper .colsxnl h2 {font-size:34px; line-height:37px; color:#fff; border-bottom:3px solid #fff; padding-bottom:10px; display:table}
.fascianewsletter .wrapper .colsxnl h2 span {font-size:47px; font-family: 'nexa_rust_script_l0regular'}
.fascianewsletter .wrapper .colsxnl h3 {font-size:22px; color:#fff; padding-top:10px}
.fascianewsletter .wrapper .colsxnl h3 span {font-size:32px; font-family: 'nexa_rust_script_l0regular'}
.fascianewsletter .wrapper .coldxnl {float:left; width:50%; margin-top:4%;}
.fascianewsletter .wrapper .coldxnl .campotesto { border:2px solid #FFF; color:#FFF; background:none; height:40px; box-sizing:border-box; padding:0 5px; display:inline-table; float:left; width:87%}
.fascianewsletter .wrapper .coldxnl .butnewsletter {width:47px; height:33px; background-image:url(/immagini/butnewsletter.png); background-repeat:no-repeat; border:none; background-color:transparent; display:inline-table; float:right; margin-left:18px; margin-top:3px; cursor:pointer}

.content .colsxph {float:left; width:40%; text-align:left}
.content .colsxph h1 {margin-left:0px; margin-right:0px; margin-top:50px}
.content .colsxph p { font-size:18px;}
.content .coldxph {float:left; width:60%; margin-top:20px}

.fasciafooter {width:100%; display:table; background-color:#363633; padding:38px 0;}
.fasciafooter .closxf {float:left; width:45%; text-align:left}
.fasciafooter .closxf h3 { font-size:19px; color:#fff; text-align:left}
.fasciafooter .clocenterf {float:left; width:25%; text-align:left}
.fasciafooter .clocenterf h3 { font-size:16px; color:#fff; text-align:left}
.fasciafooter .clocenterf h3 a {color:#fff;font-family: 'nexa_boldregular';}
.fasciafooter .clodxf {float:left; width:30%; text-align:center}
.fasciafooter .clodxf h3 { font-size:14px; color:#fff; text-align:center}
.fasciafooter .clodxf img {margin:0px 13px 8px;}

.wrapper {width:85%; max-width:1054px; margin:0 auto; display:table}
.wrapper .pazienda {text-align:center; font-size:15px; margin-bottom:56px}
.wrapper .pazienda a {color:#1d1d1b;}


.visual {width:100%;   margin:0 auto; margin-top:123px;}
.visual img {display:block}
.visual .claim1 { width:70%; position:absolute; top:50%; text-align:center; max-width:890px;  left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); font-size:3.5vw;line-height: 3.5vw;}
.visual .claim1 span {font-family: 'nexa_rust_script_l0regular'; font-size:4vw;}
.visual .claim1 a {border:2px solid #1d1d1b; color:#1d1d1b; font-size: 1.5vw; font-family: 'nexa_boldregular'; padding:1% 2%; }
.visual .claim2 { width:70%; position:absolute; top:50%; text-align:right; max-width:890px;  left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); font-size:3.5vw; line-height: 3.5vw;}
.visual .claim2 span {font-family: 'nexa_rust_script_l0regular'; font-size:4vw;}
.visual .claim2 a {border:2px solid #1d1d1b; color:#1d1d1b; font-size: 1.5vw; font-family: 'nexa_boldregular'; padding:1% 2%; }
.visual .claim3 { width:70%; position:absolute; top:50%; text-align:left; max-width:890px;  left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); font-size:3.5vw; line-height: 3.5vw; color:#fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);}
.visual .claim3 span {font-family: 'nexa_rust_script_l0regular'; font-size:4vw; color:#fff}
.visual .claim3 a {border:2px solid #fff; color:#fff; font-size: 1.5vw; font-family: 'nexa_boldregular'; padding:1% 2%; -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 1);
box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 1);}
.visual .claim4 { width:70%; color:#fff; position:absolute; top:50%; text-align:center; max-width:890px;  left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); font-size:3.5vw;line-height: 3.5vw; text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);}
.visual .claim4 span {font-family: 'nexa_rust_script_l0regular'; font-size:4vw;}
.visual .claim4 a {border:2px solid #fff; color:#fff; font-size: 1.5vw; font-family: 'nexa_boldregular'; padding:1% 2%;-webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 1);
box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 1); }
  .flexslider { margin-bottom: 0px; }
  .custom-navigation { display: table; width: 100%; max-width:1054px; table-layout: fixed;  position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); height: 42px; }
 .custom-navigation > * { display: table-cell; }
 .custom-navigation > a { width: 50px; position:absolute; top:0 }
 .custom-navigation .flex-next { text-align: right; right:10px; }
	.custom-navigation .flex-prev { left:10px; }
.bread { font-size:15px; padding:10px 0px; color:#363633; margin-top: 123px;}
.visualprodotto {width:100%; margin:0 auto}
.visualprodotto img {display:block}
.visualprodotto .claim { width:70%; color:#fff; position:absolute; top:50%; text-align:center; max-width:890px;  left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); font-size:1.3vw;line-height:normal;}
.visualprodotto .claim span {font-family: 'nexa_rust_script_l0regular'; font-size:4vw;}
.visualprodotto .claim a {border:2px solid #fff; color:#fff; font-size: 1.5vw; font-family: 'nexa_boldregular'; padding:1% 2%; display: inline-block; margin-bottom:30px}
.listaprod {text-align: center; margin-bottom:87px;    display: table;}
.listaprod li { display:inline-block; width:31%; margin:0 1% 2%;  float:left; }
.listaprod li a:hover img { opacity:0.5}
.listaprod li a img {display:block; opacity:1; -webkit-transition: opacity 0.5s; /* Safari */ transition: opacity 0.5s;}
.listaprod div { width:100%; background-color:#b79fb7; font-size:11px; text-align:right; color:#fff; padding-right:10px; box-sizing:border-box; line-height:27px}
.listaprod div.buste {background-color:#87bdb2;}
.listaprod div.vetrine {background-color:#b08752;}
.listaprod div.astucci {background-color:#e44a4c;}
.listaprod div.portagioie {background-color:#526952;}
.listaprod div.cofanetti {background-color:#adad9d;}
.map {float:left; width:65%; margin-top:35px; margin-bottom:60px;}
.indirizzo {float:left; width:31.5%; margin-left:3.5%; margin-top:35px; margin-bottom:60px; font-size:17px; vertical-align:bottom; height:486px; display:table}
.indirizzo div {vertical-align:bottom; display:table-cell}
.indirizzo a { color:#363633}

.fasciacontatti {width:100%; display:table; background-color:#363633; padding:35px 0}
.fasciacontatti .colsxcont {float:left;  width:48.6%;}
.fasciacontatti .colsxcont h1 { color:#FFFFFF; font-size:32px; line-height:37px}
.fasciacontatti .colsxcont h1 span { font-size:47px; font-family: 'nexa_rust_script_l0regular';}
.fasciacontatti .colsxcont p { font-size:17px;color:#FFFFFF; margin-top:57px}
.fasciacontatti .coldxcont {float:left; width:51.4%;}
.fasciacontatti .coldxcont .row {width:100%; display:table}
.fasciacontatti .coldxcont .row label { font-family: 'nexa_boldregular'; color:#FFF; font-size:17px; width:20%; display:inline-block; line-height:28px; margin-top:17px; vertical-align: top;}
.fasciacontatti .coldxcont .row input { background-color:transparent; border:1px solid #fff; height:28px; margin-top:17px; width:70%; color:#fff; padding:0 10px; box-sizing:border-box}
#captcha-code {width:50%;}
.fasciacontatti .coldxcont .row textarea { background-color:transparent; border:1px solid #fff; height:144px; margin-top:17px; width:70%; font-family: 'nexa_lightregular'; color:#fff; padding:10px 10px; box-sizing:border-box}
#div_captcha_info { color:#FFF; margin-top:20px}
#div_captcha_new { margin-top:20px}
#div_captcha_new a {color:#FFF;}
.fasciacontatti .coldxcont .row input[type="submit"] {border:2px solid #fff; width:30%;font-family: 'nexa_boldregular'; font-size:17px; height:38px; margin-top:40px; cursor:pointer}
::-webkit-input-placeholder {
   color: #fff;;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;;  
}

:-ms-input-placeholder {  
   color: #fff;;  
}
.sliderprodotto { overflow:hidden; width:100% ; max-height:623px; background-color:#dee5ea; background: #dee5ea;
background: -moz-linear-gradient(45deg,  #dee5ea 0%, #f2f6f9 100%);
background: -webkit-linear-gradient(45deg,  #dee5ea 0%,#f2f6f9 100%);
background: linear-gradient(45deg,  #dee5ea 0%,#f2f6f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5ea', endColorstr='#f2f6f9',GradientType=1 );
}
.sliderprodottofrecce {width:100% ; max-height:623px; position:absolute; top:0; left:0; }
.sliderprodottofrecce .frecciasx { position:absolute; top:0; left:0; cursor:pointer; height:100%;}
.sliderprodottofrecce .frecciasx img {opacity:0; -webkit-transition: opacity 0.5s; /* Safari */ transition: opacity 0.5s;}
.sliderprodottofrecce .frecciadx img {opacity:0; -webkit-transition: opacity 0.5s; /* Safari */ transition: opacity 0.5s;}
.sliderprodottofrecce:hover .frecciasx img {opacity:1;}
.sliderprodottofrecce:hover .frecciadx img {opacity:1;}
.sliderprodottofrecce .frecciadx { position:absolute; top:0; right:0; cursor:pointer; height:100%;}
.sliderprodotto ul { display:table}
.sliderprodotto li {display:inline-table; width:100%; text-align:center}
.sliderprodotto li img {max-width:100%}

#tabs {margin-top:28px; border: 0px; border-radius:0; max-width:702px; margin-bottom:107px}
#tabs .detprodotto {display:table}
#tabs .detprodotto img { float:left;}
#tabs .detprodotto p {float:left; width: 74%; margin-left: 32px; text-transform:uppercase; font-size:17px; color:#363633; font-family: 'nexa_boldregular';}
#tabs .catalogo {display:table; text-align:center; width: 100%;}
#tabs .catalogo p { width: 100%;  text-transform:uppercase; font-size:17px; color:#363633; font-family: 'nexa_boldregular';}
#tabs .catalogo a {display: inline-block;  border: 2px solid #363633;  color: #363633;  font-family: 'nexa_boldregular';  font-size: 17px;  padding: 6px 16px;  margin-top: 17px;}
.ui-tabs .ui-tabs-nav { margin: 0;  padding: 0;border-radius:0}
.ui-widget-header { border: 0px; background: #d0d0d0; font-family: 'nexa_boldregular'; color:#FFF; font-size:20px; font-weight: bold;}
.ui-tabs .ui-tabs-nav li a {color:#FFF; font-family: 'nexa_boldregular';outline : none;}
.ui-tabs .ui-tabs-nav li { list-style: none; background-color:#d0d0d0; float: left; position: relative; top: 0; margin: 0; border-bottom-width: 0; padding: 0; white-space: nowrap;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0px; padding-bottom: 0px; background-color:#dee5ea;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color:#363633; font-family: 'nexa_boldregular';outline : none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 20px 60px 18px; text-decoration: none;}
.ui-tabs .ui-tabs-panel {background-color:#dee5ea;border-radius:0; font-size:12px; padding:30px}
.menumobile { display:none}
.boxalert { position:fixed; background-color: #363633; z-index:100; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; display:none; border:2px solid #fff;}
.boxalert p {color:#fff; padding:20px;}
.boxalert a {color:#FFF; display:block; font-size:12px; border:2px solid #fff; padding:7px 18px; line-height:19px; max-width:100px; margin:0 auto}

@media screen and (max-width:1024px){
.fascianewsletter .wrapper .colsxnl { padding-left:0}	
.fascianewsletter .wrapper .coldxnl .campotesto {width: 79%;}
}

@media screen and (max-width:1000px){
.menu { display:none}
.menumobile { display:table; width:100%; position:absolute; text-align:right; top:28px}
.menumobile img { width:50px; cursor:pointer; margin-right:5%}
.pulareariservata { display:none}

}
@media screen and (max-width:769px){
.content .colsxph {margin-bottom: 36px;}
.fasciafooter .closxf { width:100%}
.fasciafooter .clocenterf {width:100%; margin-top:20px}
.fasciafooter .clodxf {width:100%; margin-top:20px}
.fasciamenu { position:absolute; top:0px; margin-top:-95px}
.fasciasopramenu {position:absolute; top: -123px;}
.prods {top:0px}
.prod {margin-top:28px}
.visualprodotto .claim {font-size: 1.7vw;}
.visualprodotto .claim a {margin-bottom: 14px;}
.fasciacontatti .colsxcont {width: 100%;}
.fasciacontatti .colsxcont br {display:none}
.fasciacontatti .colsxcont p { margin-top: 18px;}
.fasciacontatti .coldxcont { width: 100%; margin-top: 30px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 20px 44px 18px; text-decoration: none;}
.ui-tabs .ui-tabs-panel { font-size: 15px; }
#tabs .detprodotto p { width: 70%;}
}
@media screen and (max-width:736px){
.map {width: 100%; margin-bottom: 0px;}
.indirizzo {width: 100%; margin-left: 0; height: auto;}
}
@media screen and (max-width:667px){
.fascianewsletter .wrapper .coldxnl .campotesto {width: 77%;}
.ui-widget-header {font-size: 16px;}
#tabs .detprodotto p {width: 64%;}
}
@media screen and (max-width:568px){
.fascianewsletter .wrapper .colsxnl {width:100%}
.fascianewsletter .wrapper .coldxnl {width:100%}
.content .colsxph {width:100%}
.content .coldxph {margin-bottom: 36px; float:none; margin-left:auto; margin-right:auto}
.listaprod li { width:48%;}
.fasciacontatti .colsxcont h1 { zoom:0.8}
.fasciacontatti .colsxcont p {font-size: 14px;}
.fasciacontatti .coldxcont .row input {width: 100%;}
.fasciacontatti .coldxcont .row textarea {width: 100%;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 14px 29px 11px;}
#tabs .detprodotto p { width: 57%;}
.content .contbox .box a:hover .claimprod { font-size:20px}
}
@media screen and (max-width:480px){
.fasciasottovisual .wrapper h1 { font-size: 28px;}
.logo { width: 145px;}
.fasciamenu { height:75px}
.visual {margin-top: 108px;}
.fasciamenu { margin-top:-75px}
.fasciasopramenu { top: -103px;}
.prods {top:0px}
.prod {margin-top:28px}
.menumobile img {width: 39px;}
.menumobile ul { margin-top: 18px;}
.bread { margin-top: 110px;}
.bread {font-size: 13px;}
.ui-widget-header {font-size: 14px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 14px 20px 11px;}
.ui-tabs .ui-tabs-panel { font-size: 13px;}
#tabs .detprodotto p { width: 50%; }
#tabs .catalogo p {font-size: 13px;}
#tabs .catalogo a {font-size: 13px;}
#tabs .detprodotto p {font-size: 13px;}
.content .contbox .box a:hover .claimprod { font-size:16px}
}
@media screen and (max-width:414px){
.fasciasottovisual .wrapper h1 {font-size: 22px;}
.content .wrapper h1 {font-size: 22px;}
.content .wrapper h1 span {font-size: 35px;}
.fascianewsletter .wrapper .colsxnl h2 {font-size: 26px;}
.fascianewsletter .wrapper .colsxnl h2 span {font-size: 40px;}
.visualprodotto .claim {position: relative; top: 0; transform: translate(0,0); color: #363633; left: 0; margin: 0 auto; font-size: 4vw; margin-top: 30px;}
.visualprodotto .claim a { border: 2px solid #363633; font-size: 4vw; color: #363633; padding: 3% 5%;}
.ui-tabs .ui-tabs-nav li { width:100%}
#tabs .detprodotto p { width: 100%; margin-left:0; margin-top:25px}
}

@media screen and (max-width:375px){
.flex-control-nav { bottom:0}
.fasciasottovisual .wrapper h1 {font-size: 18px;}
.fascianewsletter .wrapper .colsxnl { zoom:0.8}
.fascianewsletter .wrapper .coldxnl .campotesto { width: 75%;}
.bread {font-size: 11px;}
.listaprod li { width:100%; margin-left:0; margin-right:0}
.content .contbox .box a:hover .claimprod { font-size:12px}
}