.placeHolder 
{
    height: 96vh;
    
}
#logoSVG 
{
    width: 6%;
    height: 6.5em;
    margin: 3% 5%;
    margin-top: 3vh;
    margin-left: 53vw;
}

#mainColumn 
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}








.card .paperMenu 
{
    margin-right: 24px;
    margin-left: 24px;

}
#roofs
{
	overflow: visible;
}
.card > *, .paperContent > *, 
.animPaper2Roofs h3, #roofs h3, #biopergolas h3, #pergolas h3, #floors h3
{
    margin-left: 30px;
}
.paperContent .productNote1
{
	padding-left: 30px;	
}
#pergolas h3, #pergolas:hover h3,
#biopergolas h3, #biopergolas:hover h3,
#roofs h3, #roofs:hover h3
{
	margin-left: 30px;
}
#floors > div .hover 
{
    padding: 1em 1em 7em 30px;
}
#biopergolas h2, #pergolas h2, #roofs h2
{
	width: 100%;
	padding-right: 2em;
}
.row
{
	margin-right: 0;
	padding-right: 0;
}
.row .col
{
	padding-right: 1rem;
}


/** index page **/
#awnings > div
{
	height: calc((100vw) / 1.56 * 2);
}
#awnings > div > div
{
	height: calc((100vw) / 1.56);
}
#awnings .hoverLabel span
{
	margin-left: 30px;
	
}
#awnings .hoverLabel h3
{
	margin-left: 30px;
	
}
#awnings #desc
{
	padding-left: 30px;
}

#roofsTerrazza .hover, #roofsGlasoase .hover, 
#pergolaPergotex .hover, #pergolaViva .hover, 
#floors .floorMillboard .hover, #floorMerbau .hover, #floorFiberon .hover 
{
    padding: 2em 1em 6em 30px;
}
#floors > div .hover
{
	padding: 1em 1em 5em 30px;
}
.animPaper2Roofs h3, #roofs h3, #biopergolas h3, #pergolas h3, #floors h3
{
    margin-left: 30px;
}


/** paper content **/
.paperContent .row ul.col.s12
{
	width: calc(100% - 33px);
    padding: 2em 2em 2em 3em;
}

.card .card.ear .cardDesc 
{
    padding: 2em 2em;
}

.slick-slide .screenSample.sample3,
.slick-slide .collectionSample.sample3 
{
    clear: none;
}


/** gallery **/
.column
{
	width: 50%;
}
.galleryContainer.noJs figure,
.galleryContainer figure,
#refDetailGrid figure
{
	margin-right: 0;
	min-height: 18em;
	margin-top: 1em;
}
.galleryContainer figure span.description 
{
    color: black;
}



/** index page **/
#news #newsText p br
{
	display: block;
}

/** reference **/
#referenceList
{
	margin-left: 0;
	
}
#referenceList .row.first 
{
    min-height: 27em;
}
#referenceList .referenceItem .desc
{
    width: 100vw;
    margin-left: 0;
    padding-top: 0px;
}
#referenceList .referenceItem.detail.leftPic .desc, 
#referenceList .referenceItem.detail.rightPic .desc 
{
    width: 100%;
}
#referenceList .referenceItem .desc h3,
#referenceDetail h3
{
	display: inline-table;
    width: 95vw;
    padding: 0.2em 2em 0.2em 30px;
    line-height: 1em;
    font-size: 1.3em;
    top: 0;
    left: 0;
}
#referenceDetail h3
{
	margin-left: -30px;
}
#referenceList .row.referenceItem.rightPic.roof .desc h3
{
	top: 0;
	position: relative;
}
#referenceList .row.referenceItem.vertical .desc h3
{
	position: relative;
}
#referenceList .row.referenceItem.vertical .desc .image
{
	margin-top: 5.5em;
}
#referenceList .row.horizontal .image, 
#referenceList .row.horizontal.leftPic .image,
#referenceList .row.horizontal.rightPic .image
{
	left: 0;
    right: auto;
    width: 100%;
    height: calc(100vw / 1.56);
    clear: both;
}
#referenceList .row.horizontal.leftPic .image
{
	margin-bottom: 2em;
}
#referenceList .row.horizontal.leftPic.roof .image
{
	margin-top: 1em;
}
#referenceList .row.awning .image
{
	margin-top: 5.5em;
}
#referenceList .referenceItem.horizontal p:not(.first).narrow,
#referenceList .referenceItem.vertical p:not(.first).narrow
{
	width: 100%;
}
#referenceList .referenceItem.horizontal.rightPic p:not(.first).narrow,
#referenceList .referenceItem.horizontal.leftPic p:not(.first).narrow
{
	padding-left: 30px;
	padding-right: 30px;
    margin-top: 0;
}
#referenceList .row.referenceItem.rightPic.roof .image 
{
    margin-top: 1em;
}
#referenceList .row.referenceItem .image img
{
	width: 100%;
    height: auto;
}
.referenceItem .material-icons
{
	z-index: 2;
}
#referenceList .referenceItem .quote:not(.first),
#referenceList .referenceItem.horizontal .quote:not(.first)
{
	padding-left: 30px;
    clear: both;
    position: relative;
	width: 100%;
    padding: 1em 2em 1em 30px;
    margin-left: 0px;
    bottom: 0;
    margin-top: 1em;
    clear: both;
    position: relative;
}

#referenceList .referenceItem p:not(.quote)
{
	padding-left: 30px;
}
.referenceItem .dot 
{
    position: absolute;
    top: -38px;
    right: -7px;
    left: unset;
    z-index: 1;
}

/** reference - video **/
#videoGallery iframe,
#mainPaper[data-content="notice"] iframe,
#mainPaper[data-section="index_product"] iframe.product-video
{
	font-size: 1em;
	width: calc(100vw - 60px);
    height: calc((100vw - 60px) * 0.563);
}

/** offer request **/
#requestOffer
{
	height: 90vh;
	min-height: 500px;
}
#requestOffer .paperContent.slick-slide.slick-current > div:not(.requestSummary),
#requestOffer .paperContent.slick-slide.slick-current > div
{
	width: 80vw;
	margin-top: 0;
}
#requestOffer .paperContent div.clear 
{
    margin-bottom: 0.3em;
}
#requestOffer .paperContent h3.intro
{
	line-height: 1.4em;
    font-size: 1.4em;
}
#requestOffer .paperContent.slick-slide.slick-current div.textarea
{
    position: relative;
    width: 100%;
    top: 0;
    margin-left: 0;
}
#sliderWindowRequest textarea
{
	width: 100%;
}
#requestOffer .textarea .input-field
{
	max-height: 6em;
}
.input-field.inline input
{
	margin-bottom: 1em;
}
.w25em, .w40em
{
	width: 83vw;
}
#requestOffer .paperContent input.required + label:after 
{
    left: 0;
}
#requestOffer .paperContent input.required + label[for="floor_surface"]
{
	left: 0;
}








  



	.shuffle-item 
	{
		cursor: pointer;
	  	min-height: 180px;
	}
	.pattern .shuffle-item 
	{
		min-height: 220px;
	}
	.pattern .type1 .shuffle-item,
	.thumGridGallery.type1 .shuffle-item
	{
		min-height: 110px;
	}
	
	.pattern .type2 .shuffle-item 
	{
		min-height: 220px;
	}
	.pattern .type3 .shuffle-item 
	{
		min-height: 220px;
		
	}
	
.thumGridGallery.type1 .column 
{
    width: 45%;
    
}	
.thumGridGallery.type3 .column 
{
    width: 32%;
    
}



/** patterns **/

div[data-mode=mode1].pattern.doublePreview .preview1 img
{
	width: 190%;
    margin-top: 0;
    height: auto;
}
div[data-mode=mode1].pattern.doublePreview .preview2 img
{
	margin-left: 1em;
}
div[data-mode=mode1].pattern.slidePat1 .preview1 img
{
	float: left;
    width: 95%;
    margin: 2em 0;
    height: auto;
}
div[data-mode=mode1].pattern.slidePat1 .preview1 .meta
{
	right: auto;
	left: 0;
	bottom: 0;
	width: 100%;
	top: auto;
}
div[data-mode=mode3].pattern.thumbPattern.expanded 
{
    height: 82vh;
    width: 91vw;
    margin: 0 16px;
}
div[data-mode=mode3].pattern.thumbPattern .preview2 
{
    margin-top: 7vh;
}
div[data-mode=mode3].pattern.doublePreview .preview1
{
	height: 45vh;
}
div[data-mode=mode3].pattern.slidePat1 .preview1 .meta, 
div[data-mode=mode3].pattern.slidePat2 .preview1 .meta 
{
    left: 0;
    bottom: 0;
    font-size: 1.1em;
    width: 100%;
    right: 0;
}
div[data-mode=mode3].pattern.slidePat1 .preview1 img, 
div[data-mode=mode3].pattern.slidePat2 .preview1 img
{
    margin-left: 0;
}
div[data-mode=mode3].pattern.slidePat2 .preview1 img,
div[data-mode=mode3].pattern.doublePreview .preview1 img
{
	width: auto;
    height: auto;
}


/** product list **/
#productConfigurator #q1.question .options 
{
    width: auto;
} 
#productConfigurator #q2.question .options 
{
    width: auto;
}
#productConfigurator .question .text 
{
    clear: both;
}


/** roofs comparison **/
#roofsText div, 
#pergolasText div,
#biopergolasText div,
.comparisonBlocks div 
{
    padding-left: 35px;
}


/** awnings comparison **/
#mainPaper[data-content="awnings"] .awningCategory
{
    position: relative;
    
}
#mainPaper[data-content="awnings"] #productslisting .row
{
	height: auto;
	padding-left: 0;
	padding-bottom: 0;
	padding-top: 0;
}
#mainPaper[data-content="awnings"] #productslisting .row h2
{
	width: auto;
    margin-top: 2em;
    line-height: 1.2em;
}
#mainPaper[data-content="awnings"] #productslisting .row p
{
	margin-bottom: 3em;
}
#mainPaper[data-content="awnings"] .row > *:not(.images)
{
	padding-left: 30px;
}
#mainPaper[data-content="awnings"] .images
{
	position: relative;
}
#productslisting .row.open .images, 
#productslisting .row.semiOpen .images,
#mainPaper[data-content="awnings"] .images > div,
#mainPaper[data-content="awnings"] .images > div div
{
	width: 100%;	
}
#mainPaper[data-content="awnings"] .images > div
{
	height: calc((100vw) * 0.65 * 2);
}
#mainPaper[data-content="awnings"] .images > div div
{
	height: calc((100vw) * 0.65);
}
#mainPaper[data-content="awnings"] .row.semiOpen .images .thumbs
{
	height: calc((100vw) * 0.8);
}
#mainPaper[data-content="awnings"] .vertical .images > div 
{
    height: calc((100vw) * 1.35 * 3);
}
#mainPaper[data-content="awnings"] .vertical .images > div div 
{
    height: calc((100vw) * 1.35);
}
#mainPaper[data-content="awnings"] .roof .images > div 
{
    height: calc((100vw) * 0.69 * 3);
}
#mainPaper[data-content="awnings"] .roof .images > div div
{
    height: calc((100vw) * 0.69);
}


/** product comparison 2nd level **/
#mainPaper #productslisting .row:not(.first).type2 .desc
{
	margin-left: 25px;
}
#mainPaper #productslisting .row:not(.first).type2 .desc > div,
#mainPaper #productslisting .row:not(.first).type2 .desc > h3,
#mainPaper #productslisting .row:not(.first).type2 .desc > table
{
	width: 100%;
	clear: both;
	margin-bottom: 0;
	height: auto;
}




/** contact **/
#mainPaper[data-section=index_contact] #requestOffer form,
#mainPaper[data-content=horeca] #requestOffer form,
#mainPaper[data-content=warm_winter_gardens] #requestOffer form
{
    width: 100%;
    padding: 2em;
    float: none;
}
#mainPaper[data-section=index_contact] #requestOffer #instructions,
#mainPaper[data-content=horeca] #requestOffer #instructions,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #instructions
{
    width: 100%;
}
#mainPaper[data-section=index_contact] #requestOffer .paperContent .required + label:after,
#mainPaper[data-content=horeca] #requestOffer .paperContent .required + label:after,
#mainPaper[data-content=warm_winter_gardens] #requestOffer .paperContent .required + label:after
{
    padding-right: 1em;
}


/** timeline **/
#mainPaper .timeline 
{
    position: relative;
    width: 96%;    
}
.timeline .timeline-event:nth-child(odd) h3,
.timeline .timeline-event:nth-child(even) h3
{
    left: 10%;
    text-align: left;
    font-size: 1.3em;
    line-height: 1.3em;
    top: -3em;
    right: unset;
}
.timeline .timeline-event:nth-child(odd) ul,
.timeline .timeline-event:nth-child(even) ul 
{
    left: calc(-11% + 4em);
    line-height: 1.9em;
    width: 81%;
    margin-left: 13%;
    position: relative;
    margin-bottom: 2em;
    text-align: left;
}
.timeline .timeline-event:nth-child(even) .timeline-content, 
.timeline .timeline-event:nth-child(odd) .timeline-content 
{
    margin-left: 60px;
}
.timeline .timeline-event .timeline-content 
{
    width: calc(91% - 50px);
    margin-bottom: 180px;
}
.timeline .timeline-badge 
{
    left: 12px;
    width: 15px;
    height: 15px;
    top: -45px;
    right: calc(50% - 10px);
    
}
.timeline .timeline-event::after 
{
    height: calc(88% - 10px);
    
}


/** millboard **/
table.defaultData.cellSpaces td,
table.defaultData.pricelist.cellSpaces th
{
	padding-left: 0.2em;
	padding-right: 0.2em;
}
table.pricelist .pieceVAT
{
	display: none;	
}
#mainPaper .benefits div 
{
    min-height: 1em;
}

#clProfiles .mbLineSection .desc div,
#clProfiles .mbLineSection.shadowL .desc div
{
	background-size: contain;
	min-height: 650px;
}


/** millboard samples **/
#mainPaper[data-content="mb_samples"] #samplesSection > div,
#mainPaper[data-content="mb_cl_samples"] #samplesSection > div
{
	margin-bottom: 70%;
}
#requestOffer .paperContent h3.confirmation, #mainPaper .paperContent h3.confirmation 
{
    margin: 2.5em;
    
}



#mainPaper[data-content="mb_samples"] #samplesSection > div div.info.marketing span:first-child,
#mainPaper[data-content="mb_cl_samples"] #samplesSection > div div.info.marketing span:first-child
{
	margin-top: 2em;
	font-size: 1.1em;
}

#mainPaper[data-content="winter_gardens"] .profile h3,
#mainPaper[data-content="warm_winter_gardens"] .profile h3,
#mainPaper[data-content="pergolas"] .profile h3, 
#mainPaper[data-content="biopergolas"] .profile h3,
#mainPaper[data-content="notice"] .profile h3,
#mainPaper[data-content="roofs"] .profile h3 
{
    margin-left: 30px;
    
}
#mainPaper[data-content="winter_gardens"] .profile .text,
#mainPaper[data-content="warm_winter_gardens"] .profile .text,
#mainPaper[data-content="pergolas"] .profile .text, 
#mainPaper[data-content="biopergolas"] .profile .text,
#mainPaper[data-content="notice"] .profile .text,
#mainPaper[data-content="roofs"] .profile .text 
{
    margin-left: 0em;
    margin-top: 1em;
    padding: 2em 2em 1em 2em;
}
#mainPaper[data-content="winter_gardens"] .profile .links,
#mainPaper[data-content="warm_winter_gardens"] .profile .links,
#mainPaper[data-content="pergolas"] .profile .links, 
#mainPaper[data-content="biopergolas"] .profile .links,
#mainPaper[data-content="notice"] .profile .links,
#mainPaper[data-content="roofs"] .profile .links 
{
    margin-left: 0;
    padding: 3em 2em;
}
#mainPaper[data-content="winter_gardens"] .profile .links button,
#mainPaper[data-content="warm_winter_gardens"] .profile .links button,
#mainPaper[data-content="pergolas"] .profile .links button, 
#mainPaper[data-content="biopergolas"] .profile .links button,
#mainPaper[data-content="notice"] .profile .links button,
#mainPaper[data-content="roofs"] .profile .links button 
{
    margin-right: 0;
}