/** reference **/

.referenceItem,
.referenceItem.long 
{
    border-right: none;
    
}
#referenceList .col
{
	left: 0;
}
#referenceList .row.first 
{
    padding-left: 49px;
	height: 15em;
}
#referenceList .desc,
#referenceList .leftPic .desc,
#referenceList .vertical .desc
{
    width: calc(100% - 49px);
    padding-bottom: 1em;
    border-right: none;
    padding-right: 0;
    position: relative;
    margin-left: 49px;
    min-height: 440px;
    padding-top: 2em;
}
.referenceItem .dot 
{
    position: absolute;
    top: -0.3em;
    right: 2em;
    left: unset;
}
#referenceList .row 
{
    padding-top: 0;
    
}
#referenceList .row .image,
#referenceList .row.leftPic .image 
{
	width: 250px;
	position: relative;
}
#referenceList .row.horizontal .image,
#referenceList .row.horizontal.leftPic .image 
{
    padding: 0;
    margin: 0;
    position: unset;
    height: 299px;
    clear: both;
    position: relative;
    left: 0;
    right: auto;
    width: 456px;
}
.referenceItem .material-icons 
{
    position: absolute;
    
}
#referenceList .row .meta 
{
    margin: 0;
    padding-right: 0;
    padding-left: 2.5em;
    width: calc(48% - 49px);
    float: right;
    margin-top: -18em;
    border-left: 1px solid silver;
}
#referenceList .referenceItem.detail .meta,
#referenceDetail .meta
{
    background-color: #f1f1f1;
    padding: 2em;
    font-weight: 300;
    line-height: 2em;
    padding-right: 8em;
    padding-left: 3em;
    margin-bottom: 4em;
    width: 40%;
    border: none;
    position: unset;
    float: right;
}
#referenceList .referenceItem.detail .meta
{
	margin-top: 11em;
}
#referenceDetail .meta 
{
	margin-top: 4em;
}
#referenceList .row h3,
#referenceList .row.leftPic h3 
{
	z-index: 1;
	position: relative;
	margin-top: 0;
	float: left;
	margin-left: 0;
	max-width: 80%;
}
#referenceList .referenceItem.detail.leftPic .desc h3, 
#referenceList .referenceItem.detail.leftPic p:not(.first).narrow 
{
    margin-left: 0;
}
#referenceList .referenceItem.detail.leftPic .desc h3,
#referenceList .referenceItem.detail.rightPic .desc h3
{
	margin-bottom: 4em;
}
#referenceList .referenceItem.detail.leftPic .desc,
#referenceList .referenceItem.detail.rightPic .desc
{
	width: 50%;
}
#referenceList .row.awning .image,
#referenceList .row.pergola .image,
#referenceList .row.referenceItem.rightPic.roof .image
{
	margin-top: 4.5em;
	margin-bottom: 0;
	position: relative;
}
#referenceList .vertical .desc 
{
   	width: 100%;
}

#referenceList .vertical .desc p 
{
    padding-right: 49px;
    right: 0;
    width: auto;
    position: relative;
    margin-top: 0;
}
#referenceList .referenceItem .quote:not(.first)
{
    margin-top: 150px;
    background: rgb(255,255,255,0.7);
    position: relative;
    width: 100%;
    padding: 1em 2em 1em 0em;
    margin-left: 0px;
    bottom: 0;
	margin-top: 0;
	
}
#referenceList .referenceItem .quote:not(.first), 
#referenceList .referenceItem.horizontal .quote:not(.first) 
{
    position: relative;
    width: 100%;
    margin-left: 0px;
    bottom: 0;
    margin-top: 1em;    
}
#referenceList .leftPic .desc 
{
    width: calc(100% - 49px);
}
#referenceList .vertical.leftPic p 
{
    margin-left: 0;
}
#mainPaper .referenceItem.horizontal p:not(.quote),
#mainPaper .referenceItem.horizontal.leftPic p:not(.first)
{
    float: right;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    padding: 0;
}
#mainPaper .referenceItem.horizontal.leftPic p:not(.quote)
{
    float: left;
}
#referenceList .referenceItem.horizontal.rightPic p:not(.first).narrow 
{
    padding-right: 49px;
    margin-top: 0;
    
}
#referenceList .referenceItem.horizontal p:not(.first).narrow, 
#referenceList .referenceItem.vertical p:not(.first).narrow 
{
    width: 100%;
}

/** patterns **/

.pattern.thumbPattern
{
	max-width: 669px;
	width: auto;
	border-right: none;
}
.pattern.thumbPattern.expanded
{
	max-width: 95%;
	width: auto;
	margin-right: 49px;
	height: auto;
}


/** cards with ears **/

.card .card.ear 
{
	border-right: none;
	border-bottom: 4px solid #2364a6;
	max-width: 86%;
	max-height: unset;
	width: 670px;
	height: auto;
}

.card .card.ear .cardPic
{
	max-width: 100%;
	position: relative;
	height: auto;
}
.card .card.ear .cardDesc
{
	bottom: 0;
    height: auto;
    padding: 2em 3em;
    float: left;
}
.card .card.ear h4
{
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}
.card .card.ear .price
{
	font-size: 1.8em;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
.card .card.ear .price.btPergolas
{
	font-size: 1.5em;	
}
.card .card.ear table
{
	font-size: 0.95em;
}
.card .card.ear .priceNote
{
	margin-top: -1.5em;
}

/* index page */

#news_1
{
	background-position: right -10em;
    
}

#news_1 div
{
	padding-right: 2%;
    margin-right: 2%;
}
#news_1 img
{
	margin-left: 1em;
	width: 40%;
}

/** millboard **/
#clProfiles .mbLineSection .desc 
{
    width: 66%;
    padding: 3em 1em 0 1em;
}
#clProfiles .mbLineSection .desc div,
#clProfiles .mbLineSection .desc.toRight div
{
	background-size: 50%;
}
#mbColors.clDetails .image
{
	margin-top: 2em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto .color 
{
    width: 10%;
    min-width: auto;
    height: 107px;
    margin-bottom: 1.5em;
    font-size: 0.8em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto 
{
	padding-left: 0;
    height: auto;
}