@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@import url('../css/animation-home.css');
@import url('../css/modalcss.css');



.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/*RESET Gen*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	vertical-align:top;
 }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}


html, body
{
  height:100%;
  width:100%;
  margin:0px;
  padding:0px;

  
}
/*FINE RESET*/


html{/*height:100%; min-height:100%;*/}
body { font-family: 'Open Sans', sans-serif;
  color: #282521;
  margin:0 auto;
  /* - serve per fare il responsive??? font-size:100%;*/
  font-size:16px;
  background:#ffffff;
  font-weight:normal;
}



/*dissolvenze morbide*/
* {   transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;}

a{color:#282521; 
  text-decoration:none;  
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; 
 }
 
a:hover, a:focus{color: #9E9E9E; text-decoration:none;}


/*----------------------------- TESTI --------------*/


strong{ font-weight: bold;}

/*titoli*/
h1, h2, h3, h4, h5, h6{	font-family: 'Open Sans', sans-serif; text-transform:uppercase; line-height: 1;}


h1 { font-size: 80px; font-weight: bold; line-height: 1; margin:0px; padding:0px;
}
h2{font-size:2.2em;}
h3{font-size:1.8em; }
h4{font-size:1.5em;}
h5{font-size:1.2em;}
h6{font-size:1em;}

.garanzia h3, .DwCert h2 {font-size: 21px;font-weight: bold;line-height: 1;}
#planet p.bigTit {text-transform: none !important;
    font-size: 50px !important;
    margin: 250px 0px 0px 0px!important;
    text-shadow: 0px 0px 11px #111111 !important;
	font-weight: bold;
    line-height: 1;}
#planet h1.smallTit {
    font-size: 18px;
    margin: 9px 0 250px 0 !important;
    font-weight: normal;
    font-style: italic;
}	

.whyList h1 { position: relative !important;
    margin-bottom: 5px !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: normal !important;
    text-transform: none;
	}	

p { font-size: 15px; line-height: 150%;}

p.fakeh1 {font-size: 80px !important; font-weight: bold !important; font-style: normal !important; line-height: 1; margin-bottom: 30px;
    margin-left: -8px;}
h1.fakeTit {
    font-size: 21px;
    margin: 0 0 10px 0 !important;
    padding: 0;
}	
	

.imgMob, .txtMob, .divMob { display: none;}
button:focus {outline:0;}

.imgfull { width:100%; }

/*----------------------------- STRUTTRA --------------*/

.noPad { padding: 0px !important;}
.noMarg { margin: 0px !important;}


.clearfix { clear: both !important; }

.pad150 { padding: 150px 0px;}
.pad200 { padding: 200px 0px;}

.margTop150 { margin-top: 150px;}


/*animazioni*/
.hid, .hidden{ opacity:0;}
.vis, .visible{     opacity:1;}

#master { overflow: hidden;}


.lingua {
    background: transparent;
    color: #fff;
    display: block;
    width: 5%;
    z-index: 1200;
    float: none;
    position: fixed;
    top: 5px;
    left: 10px;
}

.lan_en {
    background: url(/images/GB.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    float: left;
    height: 20px;
    margin-left: 7px;
    text-indent: -9999px;
    width: 20px;
}


.lan_it {
    background: url(/images/IT.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    float: left;
    height: 20px;
    margin-left: 7px;
    text-indent: -9999px;
    width: 20px;
}

.lan_us {
    background: url(/images/us.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    float: left;
    height: 20px;
    margin-left: 7px;
    text-indent: -9999px;
    width: 20px;
}
	
/*----------------------------- MENU --------------*/
.navbar.navbar-inverse.navbar-fixed-top{ 
min-height:60px;
padding: 0px;
margin:0px auto;
border: 0;
background: transparent;}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:link, .navbar-inverse .navbar-nav>li>a:visited { 
    color: #fff;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: #fff;  font-weight: 600;
}



.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:active, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ 
color:#813575 !important; background: #fff;}

.navbar.yamm.navbar-default {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}

.navbar.yamm.navbar-default ul.nav.navbar-nav { float:right;}

.col-md-1.col-sm-2.logo { margin-left: 80px;}
.col-md-10.col-sm-10.menu { border-bottom: 1px solid #fff;
    width: 87.45%;}


li.dropdown a {
    margin: 0px;
    line-height: normal;
    padding: 33px 20px;
}

li.dropdown a .caret { display: none;}


.navbar-inverse .navbar-toggle, div.navbar-toggle{    background-color: #813575;
    border: 1px solid #813575;}
.navbar-inverse .navbar-toggle:hover, div.navbar-toggle:hover{background-color:#333; border:1px solid #333;}
.navbar-inverse .navbar-collapse{}
.navbar-inverse .navbar-toggle .icon-bar { background-color:#fff;}


/*navbar animated*/
.cbp-af-header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 10000;
 /* overflow: hidden; */
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
}

.cbp-af-header .logo img { 
    width: 160px;
	float: right;
	padding-top: 20px;
-webkit-transition: all 0.3s !important;
-moz-transition: all 0.3s !important;
transition: all 0.3s !important;}
 
.cbp-af-header .yamm-content  ul li a:link, .cbp-af-header .yamm-content ul li a:visited  {     width: 100%;
    display: block;
    padding: 0;
    margin: 0;  }	
.cbp-af-header  .yamm-content ul li a:hover, .cbp-af-header  .yamm-content ul li a:active{  }

.cbp-af-header .yamm-content ul li a.imhere{ background: #292522; color: #fff; }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 150px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: initial;
    background-clip: initial;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


ul.dropdown-menu .yamm-content .list-unstyled p{ margin: 0px; padding:0px;white-space:nowrap;}
ul.list-unstyled li { border-bottom: 1px solid #813575; }
ul.list-unstyled:last-child li { border-bottom: 0px; }

ul.list-unstyled li a {
    padding: 10px !important;
    display: block;
    color: #813575;
    font-weight: 600;
}

ul.list-unstyled li a:hover { background: #813575; color: #fff;}


/*shrik*/
.cbp-af-header.cbp-af-header-shrink {
    height: auto;
    margin-bottom: 0px;
    padding: 0px;
    box-shadow: none;
    background: #282521;
}


.cbp-af-header.cbp-af-header-shrink .col-md-10.col-sm-10.menu, .cbp-af-header.cbp-af-header-shrink li.dropdown a{ border: 0px !important;}


.cbp-af-header-shrink .logo img { width: 90px; padding-top: 10px;}
.cbp-af-header-shrink li.dropdown a { padding: 25px 20px;}

.cbp-af-header-shrink .navbar.yamm.navbar-default { }
.cbp-af-header-shrink .yamm .dropdown-menu {  }




/* ------------------------------------------------------ COOKIE  06-03-2017 */
#cookie-banner{ position: fixed; 
    bottom: 50px;right:0;
    width: 50%;
    margin: 0px 0px 0px 20px;
    min-height: 50px;
    z-index: 999999;}
.cookie-banner-text{display: block;
    font-size: 13px;
    line-height: normal;
    color: #1b1b1b;
    padding: 20px;    float: right;
    background: #e4dad4;
    width: 50%;}
.btnCookies{padding:3px 8px; background-color:#fff; color:#1b1b1b; font-size:1em; margin-top:5px;}
.btnCookies:hover{background-color:#c39480; color:#fff;}
#cookie-banner .tti{
	color: #1b1b1b;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    line-height: normal;}  

/* --------------------------- ERROR -------------- */

#error, #policy{  background: url(/images/bg-dark.jpg); position:relative; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;    }
#error .row, #policy .row {
    margin: 20% 0;
}
#error .col-md-12, #policy .col-md-12 { background: #fff; padding: 80px 30px;}
#error h1 {    font-size: 40px;}
#error h3 {    font-size: 25px;}
#error a { color: #813575; }
#error a:hover { color: #ddd; }

.clear-fix { float:none; clear:both;}

/* ------------------------------------------------------ FOOTER */
#footer {
background: #fff;
color: #813575;
border-top: 1px solid #e3d9d3;
}

#footer p { font-size: 13px ;}

#footer .footInfo { padding: 80px 0px;}

.foottitle {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #813575;
    padding-bottom: 7px;
	margin-bottom: 15px;
	display: block;
}

#footer  ul.social {
    display: block;
    margin: 26px 0px 0px 0px;
    padding: 0px;
    list-style: none; 
}

#footer ul.social li.bnt, .btn {
    background: #813575;
    border-radius: 9px;
    margin-right: 10px;    padding: 10px;
}

#footer ul.social li.bnt:hover, btn:hover {
    background: #282521; 
}

#footer ul.social li.bnt a, .btn a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 10px;
}

.btn{margin:1em 0;}

.btn.lIn{color:#fff; margin-top:5px; font-weight:700;}

#footer  ul.social li { display: inline-block;   padding: 5px ;}



#footer .eice_news_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .eice_news_list li {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #813575;
    padding: 10px 0px;
}

#footer .eice_news_list li a { color: #282521;}
#footer .eice_news_list li a:hover { color: #9E9E9E;}

#footer .eice_news_list li:first-child { padding-top: 0px;}



#footer .footCredit { background: #1b1b1b;}
#logoNove a{color:#fff; text-shadow:none;}	
#logoNove a:hover, #footer a:hover{color:#d5b9c7; text-shadow:none }

#logoNove img{float:right;}

#logoNove { text-shadow:none; font-size:0.7em; line-height:30px; text-align:right; margin: 6px auto;}
#logoNove span { color: #9E9E9E;}



/* ---------------------------------- */


#homOpen { 
	background: url('/images/home/krila-lampade.jpg'); 
	background-repeat:no-repeat; 
	background-position:center center;
	background-size: cover;
}


.cd-intro-content p { padding: 0px;}


.embed-container{
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;}
	 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.video {
    background: #000;
    padding: 130px 0px;
    position: relative;
}

.vidPayoff {
    position: absolute;
    top: 80px;
    left: 80px;
    width: 350px;
	z-index: 50;
}

.vidPayoff p {
	text-transform: none;
    background: #e4dad4;
    line-height: 150%;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 10px 0;
    text-align: right;
}


#Houtdoor, .lightBg {
    background: url(/images/bg-light.jpg);
    position: relative;
	background-repeat:no-repeat; background-size:cover
}

.outTit, .iNTit { padding: 4.5% 0 0 0;
    width: 50%;
    margin: 0px auto;
	position: relative;
	}
	
	
.outTit:before, #prodotti .payof:before {
    content: '';
    width: 37px;
    height: 100%;
    background: #282521;
    position: absolute;
    top: -41%;
    left: -13%;
}

#prodotti .payof:before { left: 60px;
 	top: -12%;
    height: 49%;}

.outTit h1, .iNTit h1 { 
    margin: 0px;
    padding: 0px;
    font-size: 80px;
    font-weight: bold;
	line-height: 1;}

.outTit p.subtit, .iNTit p.subtit{ 
	font-size: 28px;
    font-weight: 600;
    font-style: italic; 
	padding: 0; 
	margin-bottom: 20px;}


.outbox p, .iNTit p, .outTit p { line-height: 130%; font-size: 16px;}
.outWrap, .iNWrap { position: relative;}

.wraplink {
	position:absolute; 
	width:100%; 
	height: 310px; 
	top:0px; left: 0px; 
	text-align:center; 
	background: #282521;
	z-index: 50; 
	opacity:0; 
	filter: alpha(opacity=0); /* For IE8 and earlier */
}

.wraplink p, .prodBok p{  
    font-size: 30px !important;
    text-transform: uppercase;
    margin-top: 12%;
    z-index: 70;}
	
.wraplink p {  color: #e4dad4;}

.darkBg .prodBok p  {  color: #282521; line-height: 1; margin-bottom: 10px; margin-top: 24%; }
.prodBok p { font-size: 40px !important; font-weight: bold; line-height: normal;}
.darkBg span.em {
    text-decoration: none;
    border-bottom: 2px solid #fff;
    color: #fff;
}

	
#Houtdoor .outWrap:hover .wraplink, #HINdoor .col-md-6.noPad:nth-of-type(1):hover .wraplink	{ 
opacity:1;  filter: alpha(opacity=100); /* For IE8 and earlier */}
	
.outWrap a, .iNWrap a, #prodotti .darkbg a, #prodotti .light a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
}

.outWrap a, #prodotti .lightBg a {height: 310px;}
.iNWrap a, #prodotti .darkBg a {height: 550px;}

#HINdoor, .darkBg { background: url(/images/bg-dark.jpg); position:relative; background-repeat:no-repeat; background-size:cover}
#HINdoor .col-md-12.noPad img {width: 100%; }
 
.iNWrap .wraplink { height: 550px; background: #e4dad4;}
.iNWrap .wraplink p { color: #282521; margin-top: 26%;}
 
.iNTit {text-align: right;padding-top: 23%;position:relative;}

.iNTit h1, .iNTit p.subtitle, .iNTit p { color: #e4dad4;}


#HINdoor .col-md-12.noPad:before {
    content: '';
    width: 37px;
    height: 68%;
    background: #e4dad4;
    position: absolute;
    top: -56%;
    left: 41%;
}





#material { background: #e4dad4; padding: 150px 0px;}

.bordIMG { position: relative;}
.bordIMG:before {
    content: '';
    position: absolute;
    top: -10%;
    left: 60px;
    border: 30px solid #282521;
    width: 100%;
    height: 100%;
}

#material h1 { margin-bottom: 80px; margin-left: 50px; line-height: 1;}

.Mpayoff {
    position: absolute;
    top: 9%;
    left: -38%;
    width: 350px;
    text-align: right;
}

.Mpayoff p {
    text-transform: none;
    background: #282521;
    line-height: 150%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 7px 0;
    padding: 0 10px 0;
    text-align: right;
}

.hoWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #282521;
    text-align: center;
    color: #fff;
	opacity:0; 
	filter: alpha(opacity=0); /* For IE8 and earlier */ 
}


.hoWrap p {  color: #fff; margin-top: 35%; font-size: 30px; text-transform: uppercase;}
.hoWrap a { position: absolute; top:0; left:0; width:100%; height: 100%;}

.bordIMG:hover .hoWrap {  opacity:1;  filter: alpha(opacity=100); /* For IE8 and earlier */}


#progSlide h1 { margin-bottom: 30px;}

p.boxlink a {
    display: block;
    text-align: right;
    background: #282521;
    color: #e4dad4;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    width: 70%;
    float: right;
    margin-top: 6%;
}

#progSlide p.boxlink a:hover { background: #f1f1f1; color: #813575;} 

#planet {
    background: #111111;
    position: relative;
}
#planet:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 800px;
    background: url(/images/bgaz.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    top: 0;
    left: 0;
}

#planet .entry {padding-top: 150px;color: #fff !important;text-align: center;}


.entry h1 { text-transform: none; font-size: 50px; margin: 250px 0px; text-shadow: 0px 0px 11px #111111;}

#planet .azCont { padding-bottom: 250px ; color: #fff !important;}

.quot p {
	position:relative;
    font-weight: 600;
    font-style: italic;
    font-size: 25px;
    margin-bottom: 120px;
	margin-top:50px;
}

.quot p:before {
    content: '';
    width: 37px;
    height: 300px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: -15%;
}


.mor  { margin-top: 150px;}
.mor h2 {    margin: 0 0 40px 0;}

.mor p {
    font-family: 'Satisfy', cursive;
    font-size: 24px;
}

.boxed {
    display: block;
        background: url(/images/bg-dark.jpg);
    color: #ffffff;
    padding: 70px;
    width: 80%;
    margin: 0px auto;
}

.boxed p { font-size: 20px;}


.topMat {
    background: url(/images/bg-light.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
	position: relative;
}

.topMat:before, #contatti.lightBg:before, .cterzi .fullpar:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    display: block;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(40,37,33,0.82) 0%, rgba(111,106,101,0.31) 38%, rgba(185,176,171,0) 77%, rgba(228,218,212,0) 100%);
    background: -webkit-linear-gradient(top, rgba(40,37,33,0.82) 0%,rgba(111,106,101,0.31) 38%,rgba(185,176,171,0) 77%,rgba(228,218,212,0) 100%);
    background: linear-gradient(to bottom, rgba(40,37,33,0.82) 0%,rgba(111,106,101,0.31) 38%,rgba(185,176,171,0) 77%,rgba(228,218,212,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1282521', endColorstr='#00e4dad4',GradientType=0 );
}

.BRboxed { margin-top: -77%;}

.BRboxed p, .ct .BRboxed { background: #fff; padding: 40px; border: 30px solid #282521;}


.topMat h1 { margin-bottom: 30px; margin-left: -8px;}

.regTxt { padding-bottom: 80px;}
.regTxt  p {font-size: 18px;}

.midMat {
	background: url(/images/materialibg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: top center;
	padding: 150px 0;
}

.midMat  .boxedtw {
    margin-top: 30px;
    background: #ffffff;
    padding: 40px;
    font-size: 18px;
}


#prodotti .fullpar { 
	background: #e4dad4;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	background-position: top center !important;
	position: relative;
	height: 100vh;
}

#prodotti .payof-wrap {
	position: absolute;
    bottom: 0;
    width: inherit;
	margin: 0px;
	}


#prodotti .payof { padding: 80px 120px; background: rgba(228, 218, 212, 0.8);}
#prodotti .payof p, #prodotti.meme .meme-intro p, #prodotti .payof h2  { margin-top: 25px; font-size: 18px; font-style: italic; font-weight: 600;}
h1.em-special {     display: inline-block !IMPORTANT;
    line-height: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    text-transform: none;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;}

#prodotti .detail { padding: 250px 0px 100px 0px; position: relative;}
#prodotti .detail .col-md-6 { padding:0px 40px;}
#prodotti .detail h2, #prodotti .designer h2{ margin:0 0 30px 0; padding:0px; font-weight: bold;}

#prodotti .detail .bord {
    margin-top: 10%;
    border: 30px solid #282521;
	background: #fff;
    padding: 40px;
	position: absolute;
    z-index: 20;
}

#prodotti.out .detail h2:before, #prodotti.ind .detail h2:before, .DwCert h2:before {
    content: '';
    background: #282521;
    width: 37px;
    position: absolute;
	top: -29%;
	left: -2%;
}

#prodotti.out .detail h2:before { height: 40% !important;}
#prodotti.ind .detail h2:before { height: 47% !important;}

#prodotti.ind .designer h2:before {
    content: '';
    background: #e4dad4;
    width: 37px;
    height: 48%;
    position: absolute;
    top: -29%;
    left: -4%;
}


#prodotti  p { font-size: 18px;}

#prodotti .designer p { font-weight:  600;}

.prodBok  {
	position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    background: none;
    z-index: 50;
	}

.lightBg .prodBok  { height: 310px;}
.darkBg .prodBok  { height: 550px;}

#prodotti.ind h1, #prodotti.ind .payof p, #prodotti.ind .designer ,  #prodotti.ind .prodBok p, #prodotti.ind .prodBok span{ color: #e4dad4;}
 
#prodotti.ind .payof { background: rgba(40, 37, 33, 0.8);}
#prodotti.ind .payof:before { background: #e4dad4;}
 
 
.outWrap:hover .prodBok { background: #282521;}
.outWrap:hover .prodBok p, .outWrap:hover .prodBok span{ color: #e4dad4;}

.iNWrap:hover .prodBok { background: #e4dad4;}
.iNWrap:hover .prodBok p, .iNWrap:hover .prodBok span{ color: #282521 !important;}


.brrBG { background: #282521;
    color: #fff;
    padding: 30px; position:relative;}

.collectNew { padding: 30px 10%;}
.collectNew h2 { margin-top: 0px; font-weight: 900;}
.collectNew p { font-size:15px !important; line-height: normal;}
.collectNew span { font-style: italic;}
.collectNew:before {
    content: '';
    background: #ffffff;
    width: 37px;
    height: 150px;
    position: absolute;
    top: -10%;
    left: 7%;
    z-index: 500;
}



#prodotti.meme .fullpar {
    background: #e4dad4;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: bottom center !important;
    position: relative;
    height: 100vh;
}
#prodotti.meme .payof-meme {
position: absolute;
    top: 0;
    width: 100%;
    margin: 0px;
    background: rgba(228, 218, 212, 0.75) !important;
    padding-top: 106px; padding-bottom:15px;
}
#prodotti.meme .memebg .prodBok {
   background: #e4dad4;
    background-repeat: no-repeat;
    height: 100vh;
}
#prodotti.meme .memebg .prodBok:hover {
    background: #292522;
}

.meme-intro h1:before {    content: '';
    width: 35px;
    height: 250px;
    background: #282521;
    position: absolute;
    top: 13px;
    left: -54px; }

#prodotti.meme .detail .col-md-6 { padding: 0px 15px !important;}
#prodotti.meme .detail {
    padding-top: 130px; padding-bottom:100px ;
    position: relative;
}

#prodotti.meme h3 {
    padding-top: 30px;
    font-size: 22px;
    text-transform: none;
    font-weight: bold;
}
.memebg {   background: url(/images/bgmeme.jpg);}
a.puplink {
    color: #803575;
    font-weight: bold;
    text-decoration: underline;
}

a.puplink:hover { color: rgba(40, 37, 33, 0.63);}

.wrap-3d {
    margin-top: 50px;
}

#prodotti.meme .memebg .col-md-6 {
    position: relative;
}
#prodotti.meme .memebg h2:before {
    content: '';
    background: #282521;
    width: 37px;
    height: 120px;
    position: absolute;
    top: -23%;
    left: -6%;
}


#proj {
    background: url(/images/progetti/bgtop.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 200px 0px 150px 0px;
}

.glyphicon-chevron-left:before {
    content: '\003c';
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px !important;
}


.glyphicon-chevron-right:before {
    content: '\003e';
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px !important;
}

#proj .pro-wrap { margin-bottom: 30px;}
 .pro-wrap .col-md-12 { background: #fff; }

.pro-wrap .col-md-12 img { padding: 30px 15px 0 15px;}
.pro-wrap .col-md-12 .prj-desc { padding: 30px 15px;}



.prj-desc h2 {
    color: #813575;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
}


#contatti { background:url(/images/contbg.jpg); padding: 200px 0px 150px 0px;
background-position:bottom center; background-attachment: fixed; background-size: cover;}
#contatti h1 {  margin-bottom:30px; color: #e4dad4;}
#contatti ul { margin: 0px; list-style:none; padding:0px; color: #e4dad4;}

#contatti li { padding-bottom: 8px;}

#contatti li  a { color: #813575; font-weight: bold;}
#contatti li  a:hover{ color: #282521; font-weight: bold;}


#contatti a {    color: #813575;
    font-weight: bold; }
#contatti a:hover {
    color: #282521;
    font-weight: bold;
}
#contatti.lightBg .mapp { margin-top:50px;}



/*--- RIVENDITORI -------------------------------------------------------*/


#seller {
    background: url(/images/prodotti/sellerBg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    padding: 181px 0;
}
#seller p { font-size:18px;}
.sell-wrap { background: #fff; padding: 30px; margin-bottom:20px;}

#seller h4 {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
}

ul.sel-list {
    margin: 20px 0px 0px 0px;
    list-style: none;
    padding: 0;
    background: rgba(228, 218, 212, 1);
	min-height: 250px;
}

ul.sel-list  li { padding: 0px 10px 5px 10px; font-size:14px}
ul.sel-list li.name {
    text-transform: uppercase;
    font-weight: bold; font-size:17px;
    margin-bottom: 7px;
    border-bottom: 3px solid #ffffff;
	padding: 10px !important;
}

ul.sel-list  li a {  font-weight: bold; }

#FormSell {
    border: 1px solid #ccc;
    padding: 20px;
}
#FormSell p:first-child { font-size: 13px;}
#FormSell tr {
    display: inline;
    float: left;
    width: 50%;
	
}

#FormSell h5 { margin:0px 0px 20px 0px;}

#FormSell td.label {
    display: inline-block;
    width: 20%;
    vertical-align: top;
	padding-top: 14px;
	font-size:13px !important;
}

#FormSell tr:last-child td, #FormSell tr:nth-child(5) td  {
    display: inline-block !important;
    max-width: unset;
    white-space: normal;
}
#FormSell tr:last-child td input {
    width: auto;
    display: inline-block;
    text-align: left;
}

#FormSell tr:last-child td.label  {  width: 80%;  margin: 0px !important; padding: 0px !important;}
#FormSell tr:last-child td.label  label{  width: 100%; padding-top:4px; }

#FormSell tr:last-child td.input  {  width: 10%; float:left; margin: 0px !important; padding: 0px !important; }
#FormSell tr:last-child td.input input {  width: 100%; text-align:left; }

#FormSell tr:nth-child(5) td.label  {  width: 20%; margin: 0px !important; padding: 0px !important;}
#FormSell tr:nth-child(5) td.label label {  width: 100%;}

#FormSell tr:nth-child(5) td.input  {  width: 68%; margin: 0px !important;	padding: 0px 0px 0px 5px  !important;}
#FormSell tr:nth-child(5) td.input select{   width: 100%; border: 1px solid #282521;}

#FormSell td.label label, #FormSell td.input  input {  width: 100%; max-width: unset !important;}
#FormSell td.input input, #FormSell td.input textarea { padding:5px;font-size:13px !important; }

#FormSell td.input {
    display: inline-block;
    width: 70%;

}
 
#FormSell td.errorMessage { display: inline-block; width: 5%;  text-align: center;} 
	
#FormSell p:last-child { margin:0px; padding:0px; text-align: right;} 	
#FormSell .pSubmit {
    width: auto;
    margin: 10px 0px 0px 0px;
    display: block;
    font-size: 13px;
    background: #292522;
    border: none;
    font-weight: bold;
    color: #fff;
	padding: 0px 5px;
}

#FormSell td.input textarea { max-height:150px; min-width: 350px;}


/* --- STRAMPAGGIO ---------------------------------------------------*/
#stamp {  background: url(/images/bg-dark.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
	padding-top: 200px;
	color: #fff;}

.cterzi #stamp{background-size:100%; background-repeat:repeat;padding-top:120px;}

#stamp p { font-size: 18px ;}

	
#stamp h1, h3.stamp {
    font-weight: normal;
    font-size: 1.8em;
    margin-top: 20px;
    margin-bottom: 40px;
}
#stamp h2 { font-size:65px;
	font-weight: bold;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}

#stamp ul.settori { text-align:center; padding:0px; list-style:none; margin;0px auto;}
#stamp ul.settori li { border:0px;
    display: inline-block;
    padding: 7px;
    width: 32%;
    background: #fff;
    margin-bottom: 7px;
    color: #803575;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

#stamp ul {
    padding: 0px;
	margin: 25px 0px;
}

#stamp ul li {
    margin-bottom: 5px;
    padding: 5px;
    font-size: 15px !important;
    list-style: none;
    background: rgba(41, 37, 34, .70);
}

p.stamp-tit, h2.stamp-tit {
    font-size: 22px !important;
    font-weight: bold;
    line-height: 1.2;
	margin-top: 30px;
	text-transform: uppercase;
}

#stamp a.call {
    background: #803575;
    padding: 0px 7px;
    font-style: italic;
    color: #fff;
    font-weight: bold;
}

#stamp a.call:hover {
    background: #292522;
}


.darkbott {
    background: #292522;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 80px;
    text-align: center;
	margin-top:40px;
}
.darkbott p:first-child {
    font-size: 22px !important;
    font-style: italic;
}

.darkbott p:last-child  { font-size:15px !important;} 
.darkbott .btn {
    background: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/*----------------------------- FORM --------------*/


/*form custom*/


.tbl_customform {
    display: table;
    /*width: 100%;*/ width: auto;
}
	.tbl_customform  td.label{
		display:block; 
		text-align:left;
		padding: 5px;
		}
		
	.tbl_customform  td.input{
		display:inline-block; 
		text-align:left;
		padding: 5px;
		}		
.tbl_customform td.errorMessage{padding:0;display:inline;}

/*table.tbl_customform input, textarea.pText, select.pSelect{width:100%;*/
.formSt {
    background: #fff;
    padding: 30px;
}

table.tbl_customform input,.tbl_customform td, textarea{ max-width: 360px;    width: 100%;}
textarea { max-height: 300px;}

.tbl_customform td.label label{vertical-align:middle; padding: 0 5px; margin: 0;}
	

.tbl_customform td.label {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0;
    color: #282521;
    padding: 0;
    width: 100px;
}

.tbl_customform td.input { color: #282521; font-size: 14px;}

td.label .red, td.errorMessage {
	color: #d00e0e;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}

td.errorMessage { width: 20px; font-size: 14px;}

td.input input,td.input textarea {
color: rgba(56, 54, 51, 0.75);
    padding: 10px 5px;
    font-style: italic;
    border: 1px solid #282521;
    background: transparent;
}

#FormCustom  .tbl_customform tr:last-of-type td.label {
    white-space: unset;
    display: block;width: 100%;
}


#FormCustom  .pCheckbox.privv.pRequiredCheckbox {
    text-align: left;
    float: none;
    width: auto;
}
.pSubmit {
    width: 100px;
    margin-top: 20px;
    display: block;
    background: #813575;
    border: none;
    padding: 5px;
    font-weight: bold;
    color: #fff;
}

.pSubmit:hover {
    background-color: #282521;
    color: #fff;
}


td.errorMessage{font-size:20px; color:#d00e0e; text-align:right; vertical-align: middle;}




.formSt h3 {
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
}


.boxed button {
    background: none;
    border: 0;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.colltxt h4 {
    font-weight: bold;
    margin-top: 30px;
}
.colltxt p {
    font-size: 16px;
}



.dwld a {
    display: block;
    padding: 30px 0px;
    text-align: center;
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    background: #282521;
}

.dwld a:hover { background:#e4dad4; color: #282521;}



/* newsletter */ 


#newsletter { position: relative; width: auto; margin: 0px auto;}


#newsletter p:nth-of-type(2) {display:inline-block;/* float:left; */ margin-left: -25px;}

#newsletter .tbl_customform {display: inline-block;margin-top: 0;width: 295px;}
	
#newsletter .tbl_customform tr { display: block; width: 100%; margin: 0;}

#newsletter .tbl_customform td.label { display:none;}
#newsletter  input[type=text] {
	border: 1px solid #803575;
	border-radius: 0;
    color: #b587ae;
	padding:7px;
    font-size: 13px;
    background: #fff;
    width: 100%;
}

#newsletter .tbl_customform tr:last-child {
    position: relative;
}
#newsletter tr:last-child  td.label {
    display: inline-block;
    font-size: 9px ; padding-top: 7px;
    white-space: unset;
    width: 87%;
}
#newsletter tr:last-child  td.input {
    display: inline-block;
    padding-top: 7px;
    white-space: unset;
    width: 20px;
}

#newsletter .tbl_customform  td.input {
    padding: 0;
    margin: 0;
    color: initial; width:300px;
}


#newsletter .pSubmit {  
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: bold;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    margin: 0 auto;
    padding: 8px;
    background-color: #803575;
    opacity: 1;
    color: #FFFFFF;
}


.boxedtw.nletter-thx {    text-align: center;}
.boxedtw.nletter-thx p { margin-top: 20px;}
.boxedtw.nletter-thx a {
    font-weight: bold;
    background: #813575;
    display: block;
    border-radius: 10px;
    color: #fff;
    padding: 5px;
    margin: 10px 0px;
}
.boxedtw.nletter-thx a:hover {
    background: #333;
}


/* --- PAGINA BREVETTI e CONTRACT -- */

.brev {background: url(/images/bg-light.jpg);
    background-repeat: no-repeat; position: relative;
    background-size: cover;  padding-top: 150px;  padding-bottom: 150px;
	color:#282521;}
	
.contract  {background: url(/images/bg-dark.jpg);
    background-repeat: no-repeat;
    background-size: cover; color:#fff;
}	

 .contract { padding-top: 200px;
    padding-bottom: 200px;
    position: relative;}

	
.brev p{ font-size: 18px;}	

.contract p { font-size: 18px;} 
	
 .bigbor p {
    color: #282521;
    padding: 30px;
    background: #fff;
}

.brevPad10 {
    padding-top: 30px;
    padding-bottom: 30px;
}


.certif {
    margin-top: 60px;
    background: #fff;
    padding: 30px;
    color: #000;
}
.certif h4 {
    font-weight: bold;
    text-transform: none;
}

.garanzia p { font-size: 18px;}
.certifDark {  
    margin: 60px 0px;
    background: #282521;
    padding: 30px;
    color: #fff;}




#lastDiv { padding-top: 80px;  padding-bottom: 80px}
ul.lstList {    margin-top: 23px;}

ul.lstList li {
    margin-bottom: 15px;
    font-size: 20px;
	font-weight: bold;
}


ul.lstList span {
    font-style: italic;
    font-size: 16px; font-weight: normal !important;display: block;
}

#lastDiv h2 {
    font-weight: 600;
    font-style: italic;
    padding: 0;
    margin-bottom: 30px;}
	

ul.lastUL {
    list-style: none;
    margin: 30px auto;
    padding: 0px;
    text-align: center;
}

ul.lastUL li {
    display: inline-block;
    width: 49%;
}
	
ul.lastUL li a {
    display: inline-block;
    padding: 25px;
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #282521;
    border-radius: .25em;
}	
	
	
	
#whyDiv { padding-top: 130px;  padding-bottom: 130px; /*background:#282521;*/ background: url(/images/bg-light.jpg);}

ul.whyList { list-style: none;   padding: 0;   margin: 0px;     /*color: #e4dad4;*/}

ul.whyList li {     position: relative;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;
}

ul.whyList li:before {
    content: '';
    width: 25px;
    height: 6px;
    background: #282521;
    position: absolute;
    left: 0;
    top: 15px;
}

ul.whyList span {
    font-style: italic;  
    font-size: 16px; font-weight: normal !important;display: block;
}

#whyDiv h2 {
    font-weight: bold;
    padding: 0;
    font-size: 3.3em;
    margin: 0px 0px 20px 0px;
}
	
#whyDiv p {     font-size: 16px;
    display: block;
    font-weight: normal !important;
    background: #fff;
    padding: 15px;}
	
ul.whyUL {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
}

ul.whyUL li { margin-bottom: 10px;   display: block;}
	
ul.whyUL li a {
    display: block;
    padding: 5px 10px;
    width: 100%;
    font-size: 13px;
    color: #292522;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #ffffff;
    border-radius: 0;
}	

ul.whyUL li a:hover {
    background: #292522;
    color: #e4dad4;
}
	
	
.row.footCert {
    padding-top: 1em;
    border-top: 1px solid;
    margin-top: 1em;
}

.row.footCert img {
    margin-right: 10px;
    height: 40px;
}

.row.footCert .col-sm-12 {
    display: flex;
    align-items: center;
	justify-content: space-between;
}

.footCert p{text-align:left;}
.footCert p+p{text-align:right;}

.row.footCert img:first-of-type, .row.footCert img:nth-of-type(2) {
    height: 60px;
}

img.img-responsive.tp{margin-left:auto;height:60px;margin-right:0;}
a.tp {
    margin-left: auto;
}

.lCert {
    overflow: hidden;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  /*  border-top: 1px solid #575451;
    padding-top: 2em;*/
}

.lCert img {
    height: 50px;
}

.lCert.bLog{border-top:0; }
.lCert.bLog img{height:180px;}
.lCert.bLog a:hover img{opacity:.7;}
.pad30{padding-top: 30px;
    padding-bottom: 30px;}

.ppUp .modal-content {
    background: #fff;
}
.modal.ppUp {
    background: rgba(0, 0, 0, .25);
}

.ppUp button.close {
    position: absolute;
    top: -10px;
    right: -10px;
    background: rgba(0, 0, 0, .8);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    opacity: 1;
}
.ppUp .modal-body{padding:0;}
.ppUp .modal-dialog{margin-top: 15vh;}
@media (min-width: 800px){
.ppUp .modal-dialog { width: 800px;}
}

input[name=CaricaFoto] {
    min-height: 50px;
    padding: 1em !important;
    border-radius: 0;
    border-style: dashed !important;
}

input[name=CaricaFoto] + div span{
	border-left: 0 !important;
    display: flex;
    align-items: center;
    padding: 5px 0;
}

input[name=CaricaFoto] + div span:before {
    content: 'Immagine caricata:';
	margin-right:5px;
}
.ppUp .tbl_customform tr{padding:8px 5px;}

#UploadFIle .pErrorMessage {
    font-size: .68em !important;
    line-height: initial !important;
}

#UploadFIle .pErrorMessage {font-size: .68em !important; line-height: initial !important;padding-bottom:1em;}
#UploadFIle td.errorMessage{width:100%!important;}

#UploadFIle .tbl_customform td.label{display:none;}

/*progetti 2024*/
#proj.np .prj-desc h2{margin: 0 0 10px 0;font-size: 18px;}
#proj.np .prj-desc p.boxlink a{text-align:left;width:100%;float:none;}
#proj.np .prj-desc p.boxlink a:hover { background: #f1f1f1; color: #813575;} 
#proj .col{color:#813575; font-weight:700;}
#proj.np strong {background: #e4dad4;}

div#proj.np .container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}


#proj.np p.detMin {
    font-style: italic;
    font-size: 12px;
}

#proj.np p.detMin strong {background:none;}
#proj.np p.boxlink + .boxlink a {
    margin-top: 5px;
}

/*HomePageNew*/
.hpnw ul.whyUL li h3 {
    display: block;
    padding: 15px;
    width: 100%;
    font-size: 22px;
    color: #292522;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #ffffff;
    border-radius: 0;
}

.hpnw #stamp{padding:130px 0;}
.hpnw .glyphicon-chevron-left:before, .hpnw .glyphicon-chevron-right:before{color:#fff;}
.hpnw .glyphicon-chevron-left:before:hover, .hpnw .glyphicon-chevron-right:before:hover{color:#e4dad4;}
.hpnw .Mkbt p {
    background: #823575; padding:10px;margin-top:25px;
}
.hpnw .Mkbt p a{color:#fff;text-transform:uppercase;font-weight:bold;}
.hpnw .Mkbt p:hover{background:#e4dad4; color:#823575;}
.hpnw .Mkbt p:hover a:hover{color:#282521;}
.hpnw .brrBG {
 
    color: #fff;
    padding: 30px;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
	width:80%;
	right:0;
}

.hpnw .payof-meme {
    position: absolute;
    bottom: 0;
    width: 80%;
    margin: 0px;
    background: rgba(228, 218, 212, 0.75) !important;
    padding: 30px;
}

.hpnw .payof-meme .collectNew:before{background:#282521}
.hpnw .imgDcb{height:100vh; overflow:hidden;max-height:1080px;}
.hpnw .imgDcb .col-md-6.noPad{height:100vh;max-height:1080px;}
.hpnw .btn:link, .hpnw .btn:visited{background: #823575;color:#fff;font-weight:700;font-size:1.2em;}
.hpnw .btn:hover, .hpnw .btn:active{background:#e4dad4; color:#823575;font-weight:700;font-size:1.2em;}
.hpnw .small{font-weight: 700; font-style:normal;
  
    vertical-align: baseline;}

.hpnw #SliderFull .carousel-caption .payof-meme{color:#282521!important;}
.hpnw #SliderFull .carousel-caption{text-align:left;}
.hpnw .overlay{background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%);width: 100vw;
    height: 150px;
    position: absolute;
    top: 0;z-index:9;}
	
	
/*pag chi siamo*/
span.small {
    color: inherit;
}	
.content h4{color:#e4dad4; font-weight:bold; font-size:1.2em; margin-bottom:3em;}
.content h4 span.small.title{text-transform:initial; font-style:italic;}	
.pad150T{padding-top:150px; padding-bottom:0;}
.teamimg img{filter: grayscale(.5);	}
.teamimg img:hover{filter:grayscale(0);}
.teamP .brrBG{background:none; color:#212121;}
.teamP .brrBG .collectNew:before{background:#212121;}
.teamP #prodotti.ind .designer h2:before{height:200px;}

p.teamP{font-style:italic; margin-bottom:3em;font-weight: 600;}


#footer{position:relative;}
.floating_button {
    background: #4bd213;
    position: fixed;
    bottom: 2em;
    left: 2em;
    padding: 12px;
    border-radius: 50%;
	z-index:999;
}
.floating_button img {
    width: 25px;
}

.floating_button:hover {
    border-radius: 1em;
}

.floating_button:hover:after {
    content: 'Chat WhatsApp';
    color: #fff;
}

/*responsive - lasciare in fondo*/

@media (min-width:1920px){
	
}

@media (max-width:1920px){

}

@media screen and (max-width:1680px){
	.col-md-1.col-sm-2.logo {    margin-left: 69px;}
	li.dropdown a { padding: 28px 20px; }
	
	.outTit, .iNTit { width:75%;}
	.outTit:before { top: -36%; left: -10%;}
	#HINdoor .col-md-12.noPad:before { left: 45%;}
	.Mpayoff { left: -46%; }
	
#prodotti.out .prodBok p {    margin-top: 10% !important;}

}

@media screen and (max-width:1600px){ 
	.col-md-10.col-sm-10.menu {width: 87%;}
	.vidPayoff{position:relative; margin-left:80px;top:0;}
}

@media screen and (max-width:1460px){
	
	.col-md-1.col-sm-2.logo {    margin-left: 59px;}
	li.dropdown a { padding: 24px 20px; }

	.video {padding-top:190px}	

	.outTit h1, .iNTit h1 { font-size: 60px;}
	.outTit p.subtit, .iNTit p.subtit {     font-size: 25px;     margin-bottom: 12px;}
	.outbox p, .iNTit p, .outTit p { font-size: 15px;}
	.outTit:before { top:-44%;}
	
	.Mpayoff {    left: -55%;}
	#planet .row.wow.slideInUp.animated { animation-delay: 0s !important; }
	
}





@media screen and (max-width:1280px){
h1 {font-size: 70px;}
	.col-md-1.col-sm-2.logo {    margin-left: 52px;}
	li.dropdown a { padding: 21px 17px; }
	
	
	#prodotti .payof:before {
    left: 60px;
    top: -10%;
    height: 38%;}

	#prodotti .detail { padding: 100px 15px ; }
	.darkBg.pad200 { padding: 150px 65px;	}

.video { padding: 210px 0px 130px 0px;} 


div#Houtdoor .col-md-6:nth-of-type(2) .smalim {
    overflow: hidden;
    height: 450px;
}

 }


@media screen and (max-width:1024px){ 
	.col-md-1.col-sm-2.logo {    margin-left: 42px;}
	li.dropdown a { padding: 17px 15px; }
	
	
	.cd-intro-content { padding: 17% 0 0 0;}
	.iNWrap .wraplink {     height: 380px;}
	.iNTit { padding-top: 10%;}
	
	#HINdoor .col-md-12.noPad:before { top: -79%; height: 100%;}
	.iNWrap .wraplink p {    margin-top: 23%; }
	
	
	div#Houtdoor .col-md-6:nth-of-type(2) .smalim { overflow: hidden; height: 320px;}
	.outTit:before { top: -49%; left: -14%;}
	
	
	#material { padding: 100px 0px;}
	#material .col-md-offset-4.col-md-5 {
    width: 60%;
    margin-left: 30%;}
	
	.Mpayoff {
    left: -46%;
    width: 320px;}
	
	.entry h1 {    font-size: 40px;}
	.quot p:before { height:100%;}
	
	#prodotti.ind .row.payof-wrap .col-md-6 {    width: 100%;}
	#prodotti .payof:before { height: 47%;}

	#prodotti.out .row.payof-wrap .col-md-offset-6.col-md-6 {  margin-left:0px; width: 100%;}
	#prodotti .fullpar {background-position: top left !important; }
	
	.prodBok p {
    font-size: 30px !important;
    line-height: normal;
    margin-bottom: 2px;}
	
	.topMat .col-md-6 {     width: 70%; }
	
	.midMat .col-md-offset-6.col-md-6 { width: 70%; margin-left: 30%;}
	.midMat .BRboxed { margin-top: 0; }
	
	#FormSell td.input textarea { min-width: 285px;}
	.lan_en, .lan_it, .lan_us {margin-left: 5px;}
li.dropdown a{font-size:13px;}
}


@media screen and (max-width:980px){ 

.col-md-10.col-sm-10.menu {
    border-bottom: 1px solid #fff;
    width: 77%;
	
}
li.dropdown a {
    padding: 33px 9px;
	font-size:11px;
}
.cbp-af-header-shrink .logo img { float: none;}

#Houtdoor .col-md-6:nth-of-type(2) .smalim {
    overflow: hidden;
    height: auto;
}

}


@media (max-width:820px){
	.hpnw .imgDcb{height:100%; max-height:100%;}
}




@media screen and (min-width: 768px) {
	
	.logoMin{ display:none !important; }
	.LogoIce img{ }
	
	.collapse.navbar-collapse.nav.navbar-nav{width:100%;}

}
		
		
@media screen and (max-width:767px){

	div.logo{display:none;}	
	div.logoMin{position: absolute; z-index:100; top:5px;z-index: 99999; width: 190px;}
	
/*	.cbp-af-header{ }
	.cbp-af-header.cbp-af-header-shrink{ }
 	.cbp-af-header-shrink .logoMin img{max-width:80%;}

	.navbar{ }
	
	.navbar-inverse .navbar-collapse {margin-top: 65px; background-color: #414546; padding: 0px;}
	
	.navbar-collapse.collapse.in{width:100%; background-color:#414546;}
	.dropdown-menu{max-width:100%!important}

	ul.nav.navbar-nav {}
	ul.nav.navbar-nav li a {}	
	
	.navbar.yamm.navbar-default .container { }	

	.yamm-content ul.list-unstyled li { }
	.yamm-content ul.list-unstyled li:first-child { }

	.yamm-content ul.col-md-2.col-sm-4.list-unstyled { width: 100% !important; min-height: auto !important; }

	.yamm-content ul.col-md-2.col-sm-4 li {    }
	.yamm-content ul.col-md-2.col-sm-4.list-unstyled li:first-child { padding: 0px !important;  }
	.yamm-content ul.col-md-2.col-sm-4.list-unstyled li:last-child { border: 0px; }

	.yamm .yamm-content{padding:0!important;}
*/
.row.footCert{padding-left:1em; padding-right:1em;}
	
	}
	
	
@media screen and  (max-width:768px){

.full-mob { width: 100%;}
	
	#cookie-banner { width: auto; bottom: 30px; margin: 0px 20px;}
	.cookie-banner-text { width: 100%; }
	
.col-md-1.col-sm-2.logo { margin-left: 0px;}	
.cbp-af-header .logo img { padding: 20px 0px 0px 20px;;}


.col-md-10.col-sm-10.menu { width: 79.2%; }
.navbar.yamm.navbar-default { min-height:inherit;}

li.dropdown a { padding: 23px 8px;
    font-size: .65em;}

.col-md-10.col-sm-10.menu { width: 83.3%;}

.cbp-af-header.cbp-af-header-shrink .logo img { padding: 10px 0px; }
.cbp-af-header-shrink li.dropdown a { padding: 28px 14px;}

.cd-intro-content { padding: 31% 0 0 0;}

.vidPayoff { left: 15px;}
.outWrap, .iNWrap { position: relative; height: auto;     overflow: hidden;}

.wraplink { display: none }

#HINdoor .col-md-12.noPad img {    width: 100%;}
#HINdoor .col-md-12.noPad:before { content: none;}

#HINdoor .iNWrap:before, .outTit:before {    content: none;}

.iNTit { text-align:left;}

.iNTit,.outTit {   padding: 10% 0;}

#prodotti .payof:before { height: 41%;}
#prodotti.out .payof:before { height: 43%;}


#prodotti.ind .collectNew:before {    left: 5%; }
#prodotti.out .detail h2:before {     height: 70% !important;     top: -55%; }

div#Houtdoor .col-md-6:nth-of-type(2) .smalim {    overflow: hidden;    height: 100%;}

#whyDiv h2, ul.whyUL { text-align:center; font-size:2em;}
ul.whyList { margin: 50px auto; text-align: center;}
ul.whyList li { padding: 0px;}

.imgMob, .txtMob, .divMob { display:block;}
.hideimg, .hideMob, .hoWrap, ul.whyList li:before { display: none;}

.txtMob a {
    position: relative;
	width: auto; height: auto;
    font-weight: bold;
    font-size: 16px;
	margin-top:15px;
}

#HINdoor .txtMob a { color: #e4dad4;}
#HINdoor .txtMob a:hover { color: #282521;}

#material .txtMob {
    text-align: center;
    margin-top: 20px;
}


#material { padding:150px 0 100px 0;}
#material .col-md-offset-4.col-md-5 {
    width: 80%;
    margin: 0 auto;
}


.Mpayoff {
 left: 15px;
 top: -60px;
}

.meme-intro {
    width: 80%;
    margin: 0px auto;
}
#prodotti.meme .detail {padding-right: 60px;
    padding-left: 60px; }
	#prodotti.meme .memebg h2:before { left:-5%;}


#progSlide p.boxlink  { display:none; }

#progSlide h1 { text-align: center;}

#footer { text-align:center;}


.foottitle {    margin-bottom: 0;     border: 0; }

#footer .col-md-3, #footer .col-md-4 { margin-bottom: 20px;}
#footer .eice_news_list li:first-child {  padding-top:10px;  border-bottom: 0;}
#footer .eice_news_list li {
    border: 1px solid #813575;
    width: 80%;
    margin: 0px auto;
}

#footer  ul.social { width: 60%; margin: 25px auto;}
.fb_iframe_widget { display: none !important;}


#footer  ul.social li { width: auto; margin: 0px auto; text-align: center;}
#footer .col-md-2 img { margin: 0px auto 25px auto;}


#planet .col-md-offset-3.col-md-6.quot {
    width: 60%;
    margin: 0px auto;
}


.modal-dialog {
    width: 90%;
    margin: 30px auto;
}


#prodotti .detail {
    padding: 100px 40px;
}
#prodotti .detail .bord { position: relative; margin-top: 30px;}

.darkBg.pad200 {
    padding: 150px 0;
}

.row.designer { padding: 0px 80px;}
#prodotti.ind .designer h2:before {     top: -35%;
    left: -8%;}

.topMat .col-md-6, .midMat .col-md-offset-6.col-md-6 {
    width: 90%;
    margin: 0 auto;
}

#contatti { padding: 150px 0px 0px 0px;}
#contatti h1, #contatti ul{ padding: 0px 15px; } 



.lightBg .prodBok {    height: 420px;}
#prodotti.out .prodBok p {    margin-top: 23% !important;}


	#FormSell tr {
    display: block;
    float: none;
    width: 100%;}

.lingua{width:10%;}

.teamP .brrBG .collectNew:before{content:none;}
.teamP .lightBg .row:nth-of-type(2) {background:#fff;}
.teamP #prodotti.meme .payof-meme{position:relative;}
.teamP #prodotti.meme .fullpar{height:auto;}
}


@media (max-width:767px){
	.lingua{width:15%;}
	#myModalP .modal-content img.img-responsive {display: none;}
	#myModalP .col-sm-6 + .col-sm-6 {padding: 30px!important;}
	#myModalP.modal{margin-right:0;}
	.ppUp .modal-dialog {margin-top: 60px;}
	.hpnw .imgDcb{height:auto; max-height:initial;}
	.hpnw .btn{white-space:unset;}
	.hpnw .collectNew p {display:none;}
	.hpnw .collectNew{padding:90px 0 0 0;}
	.hpnw .collectNew h2{font-size:1.6em;}
	
.hpnw .imgDcb .col-md-6.noPad{height:70vh}
#SliderFull .collectNew:before{content:none;}
.hpnw #SliderFull  .collectNew{padding:0!important;}
.hpnw .brrBG{top:0;bottom:auto;width:100%;}
.hpnw .payof-meme{width:100%;}
}

@media screen and (max-width:640px){
	
.navbar-fixed-top .navbar-collapse {
	max-height: none;
    border: 0 !important;
	margin: 0;
    float: left;
    width: 100%;
}	
	
	
.navbar.yamm.navbar-default ul.nav.navbar-nav {
    float: none;
    width: 100%;
	margin: 0px !important;
}
	
#navbar-collapse-1 {
    border: 0 !important;
    margin: 0 !important;
	padding: 0px !important;
    background: #282521;
}	


li.dropdown a, .cbp-af-header.cbp-af-header-shrink  li.dropdown a {
    padding: 17px;
    font-size: 15px;
}
	
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:link { border:0px;     border: 0px;
    text-align: center;
    padding: 7px;}
	
	ul.list-unstyled li a {
    padding: 7px !important;
    text-align: center;}

.navbar-nav .open .dropdown-menu { background: #fff;}
.cbp-af-header.cbp-af-header-shrink { padding-bottom: 3px;}
	
div.logoMin { width: 150px;}	

.col-md-10.col-sm-10.menu {    width: 100%; border: 0;}
	
.navbar-toggle { margin-top: 21px;     margin-bottom: 25px;}	

.vidPayoff, .Mpayoff { left: 0;margin-left:0; width: 100%; padding: 0px 15px;position: absolute;
    top: 80px;}


#HINdoor .iNWrap:before, #Houtdoor .outTit:before { content: none;}	
#HINdoor .iNTit h1,  #HINdoor .iNWrap p, #HINdoor .iNTit p.subtit { text-align: left;}

 #HINdoor .iNWrap .wraplink p { text-align:center;}

.iNWrap .wraplink p, #Houtdoor .wraplink p {
    margin-top: 31%;
}

.outWrap, .iNWrap { height: auto; }
.iNTit, .outTit {    padding: 17% 0;}

#material .col-md-offset-4.col-md-5 {
    width: 100%;
    margin: 0 auto;
}
#material .col-md-offset-4.col-md-5 {
    width: 100%;
    margin: 0 auto;
}

.bordIMG:before	{     top: -40px;
    left: 9px;}
#material h1 { padding-top: 30px;}

#progSlide.pad150 { padding: 100px 0px;}

#prodotti .payof:before {
    height: 38%;
}


#prodotti.ind .designer h2:before {
    top: -10%; height: 20%; }
	
.meme-intro {    width: 65%;}	
#prodotti.meme .memebg h2:before {    top: -21%; }
	

#proj, .topMat { padding: 150px 0;}
.regTxt { padding:0;}


#footer ul.social li.bnt { width:100%;}
.lingua {
    top: 0;
    right: 0px !important;
    left: inherit;
}

.teamP .lightBg .row:nth-of-type(2) {
    display: flex;
    flex-direction: column-reverse;
}


}



@media screen and (max-width:480px){ 
h1 {    font-size: 50px;}
#contatti { background-attachment: inherit;}
#contatti .row.pad150 { padding: 100px 0px 150px 0px;}

.darkBg.pad200 { padding: 100px 0px;}

.topMat .col-md-6, .midMat .col-md-offset-6.col-md-6 {     width: 100%;}
.BRboxed p { padding: 30px;}
#prodotti .payof:before, #prodotti.ind .detail h2:before, #prodotti.ind .designer h2:before, #prodotti.out .detail h2:before, .quot p:before, .meme-intro h1:before, #prodotti.meme .memebg h2:before{ content: none;}
#prodotti .payof { padding: 40px;}

#prodotti .detail { padding: 80px 0px;}
.row.designer {     padding: 0px 15px;}

#planet .col-md-offset-3.col-md-6.quot  { width: 100%; padding: 0px 50px;}
.entry h1 { margin:100px 0px;}
.quot p { font-size: 18px; text-align:center;}

.boxed { padding: 30px; width: 100%;}

.meme-intro {
    width: 87%;
    padding-bottom: 30px;
}

#prodotti.meme .detail { padding-top:60px; padding-bottom: 60px;
    padding-right: 21px;
    padding-left: 20px;
}

.lingua {    right: 8px !important;  }
.mask-2.cd-intro-content .content-wrapper {
    margin: 0px auto 15% auto;
}


#whyDiv {
    padding-top: 70px;
    padding-bottom: 70px;}
	
	#seller { padding-top:120px;}
	#FormSell tr { position:relative;}
	#FormSell td.errorMessage {
    display: block;
    width: auto;
    position: absolute;
	top: 32px;
    right: 21px;
}
	
	#FormSell  {    padding: 10px;}
	#FormSell td.input, #FormSell td.label, #FormSell td.textarea {
    margin: 0px ;    white-space: unset;
    display: block !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 20px !important;
}

	#FormSell td.input textarea {
    min-width: 220px;
    max-width: 220px;
}

#FormSell .pSubmit, #FormSell p:last-child { text-align:center; margin:0px auto;}

.contract, #stamp {
    padding-top: 110px;}
#stamp h2 { font-size: 50px;}
#stamp h1 { font-size: 1.5em;}
#stamp ul.settori li { width:100%; padding: 5px;}
	
}

@media (max-width:425px){

.cbp-af-header {background: #282521}
.navbar-toggle {
    margin-top: 15px;
    margin-bottom: 15px;
}

div.logoMin {
    width: 120px;
}
.lingua {
    right: 23% !important;
    top: 3%;
}



}

@media (max-width:375px){

.lingua {    right: 26% !important;}
p.fakeh1, h1{font-size:40px;}
.cterzi #prodotti .fullpar{background-size:190%!important;}

}
  
@media only screen 
and (max-device-width: 360px)
and (min-device-width: 320px)
{
	
	#cookie-banner {
    width: 100%;
    bottom: 0;
    margin: 0 auto;}
	
div.logoMin {
    width: 105px;
}	
.cbp-af-header.cbp-af-header-shrink div.logoMin {     width: 105px; top: 8px; }
.navbar-toggle {    margin: 13px 0px 10px 0px; }	
.cbp-af-header.cbp-af-header-shrink { height: 60px;}

.cbp-af-header .navbar-fixed-top .navbar-collapse { margin-top: 30px !important;}
	
 h1 {    font-size: 45px !important;}	
 
 .entry h1 { font-size: 30px  !important;}
 
.mask-2.cd-intro-content .content-wrapper > div{ padding:0px 20px !important;}
	.cd-intro-content h1 { font-size: 35px;}
	.cd-intro-content p { font-size: 16px; margin: 0 30px 30px 30px;}
	.cd-intro-content { padding-top: 45%;}		

.col-md-10.col-sm-10.menu { width: auto !important;}


.vidPayoff { display: none;}

.video { padding: 0px; }
.embed-container { padding-bottom: 100%;}


.iNTit, .outTit {    padding: 50px 0px;} 

.wraplink  { display: none;}

.bordIMG::before { left: 2%; width: 95%; border-width: 15px;}

#prodotti .payof p { font-size: 16px;}

.collectNew:before { display: none;}
.collectNew { padding: 30px 0px; }
.boxed p {    font-size: 15px;}

#prodotti .detail .bord { border-width: 15px; padding: 20px;}


.mor {    margin-top: 80px;}
.mor h2 {    font-size: 28px; text-align: center;}
#planet .azCont {
    padding-bottom: 100px; }

.midMat  { padding: 100px 0px;}






}