body.noScroll
{
	overflow: hidden;
}

.disable-scrolling 
{
	overflow: hidden;
}

.smallDev
{
	display: none;
}

.conficoGreen
{
	color: #85b52d;
}
.conficoBlue
{
	color: #2364a6;
}
.conficoBlueBackG
{
	background-color: #2364a6;
}

#mainPaper .paperContent a
{
	color: #2364a6;
	text-decoration: none;
}
#mainPaper .paperContent a:hover
{
	text-decoration: underline;
}

#mainPaper[data-section="not_found"]
{
	padding-bottom: 6em;
}

.remove
{
	display: none; 
}
.invisible
{
	visibility: hidden;
}
.visible
{
	visibility: visible;
}

/** google recaptcha v2 **/
#CFReCaptcha
{
	position: absolute;
    display: none;
}
#GReCaptchaService
{
	display: block;
    width: 25em;
    float: right;
    bottom: 0;
    margin-top: 1em;
    color: silver;
    font-size: 0.9em;
    font-weight: 300;
    margin-right: 15em;
}
@media screen and (max-width: 900px)
{
	#GReCaptchaService
	{
		width: 23em;
	    margin-top: 1.5em;
	    margin-right: 11em;
	}
}
@media screen and (max-width: 800px)
{
	#GReCaptchaService
	{
		width: 18em;
	    margin-top: 1.5em;
	    margin-right: 10em;
	    float: unset;
	    padding-left: 1em;
	}
	
}
#personalInfo,
#personalInfoTiny
{
	width: 50%;
    padding-left: 2em;
    margin-top: 1.5em;
    color: gray;
    font-weight: 300;
    font-size: 0.9em;
    margin-left: 298px;
}
@media screen and (max-width: 1500px)
{
	#personalInfo, 
	#personalInfoTiny
	{
		width: 56%;
	    float: unset;
	    margin-right: 8em;
	    margin-top: 1em;
	    text-align: justify;
	    margin-left: 0;
	}
}
@media screen and (max-width: 600px)
{
	#personalInfoTiny
	{
	    width: 40%;
	    margin-top: 1em;
	    text-align: left;
	}
	
}


/** reference - video **/
#videoGallery iframe,
#notice iframe
{
	font-size: 1em;
	width: calc((99vw - 23em - 3 * 49px) / 2.1);
    height: calc((99vw - 23em - 3 * 49px) / 2.1 * 0.563);
}
#mainPaper[data-section="index_product"] iframe.product-video
{
	font-size: 1em;
	width: calc((99vw - 3 * 49px) / 2.1);
    height: calc((99vw - 3 * 49px) / 2.1 * 0.563);
}
.videoReferenceItem
{
	padding-top: 5em;
}
.videoReferenceItem h3
{
	margin: 1em 0;
}
.videoC
{
	float: left;
	margin: 0 4em 5em 0;
}
.card .videoReferenceItem p
{
	font-size: 0.9em;
}



/** reference - complete solutions **/
#menuStrip
{
	height: auto;
    background-color: #eee;
    margin-left: 0;
    padding: 3em 3em 2em;
    line-height: 1em;
    margin-top: 4em;
}
#menuStrip span
{
	margin-right: 1em;
    margin-bottom: 1em;
    display: inline-block;
	
}
#menuStrip span:first-child
{
	text-transform: uppercase;
    font-size: 1.2em;
    color: #2364a6;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-size: 1.4em;
    line-height: 1.2em;
}
#menuStrip span a
{
	color: black;
	display: inline-block;
	padding: 0.6em 1em;
	background-color: transparent;
	font-weight: 400;
    font-size: 1.2em;
    letter-spacing: 0.05em;
}
#menuStrip span a:hover,
#menuStrip span a.active
{
	color: white;
	background-color: black;
}



/** reference list **/
#sideMenu li[data-menu-id="reference_inspiration"] a,
#sideMenu li[data-menu-id="reference_complete_solutions"] a,
#sideMenu li[data-menu-id="reference_video"] a,
.complDeliveryLink,
.paperMenu .fairAd
{
	background-color: #ddd;
    padding: 0.5em 1em;
    margin-left: -14px;
    margin-top: 2em;
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 1.2em;
    color: #2364a6;
    line-height: 1.5em;
    padding: 0.6em 1em;
}
.paperMenu a.complDeliveryLink,
.paperMenu .fairAd
{
	font-size: 1em;
	width: 100%;
	margin-bottom: 3em;
}
.paperMenu .fairAd
{
	float: left;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.5em;
    color: #2364a6;
    margin-bottom: 0.3em;
    margin-left: 0;
    padding-left: 20px;
    padding-top: 1em;
    width: calc(98%);
    opacity: 1;
    border: 1px solid white;    
	
	font-size: 0.9em;
    border: 1px solid silver;
    background: white;
	width: 100%;
    border-right: 0;
    /* background: white url(/images/for_garden_2023_small.jpg) no-repeat left bottom; */
    background: white url(/images/for_arch_2023_small_red.jpg) no-repeat left bottom;
    height: 19.5em;
    background-size: 100%;
    
}
.paperMenu .fairAd.code
{
	background: white url(/images/expo-code-01.jpg) no-repeat left 114px;
}

.paperMenu .fairAd span
{
	font-weight: 500;
}
.paperMenu .fairAd.code span
{
	font-weight: 300;
	background-color: white;
}
#sideMenu li[data-menu-id="reference_inspiration"] a.selectedRow,
#sideMenu li[data-menu-id="reference_complete_solutions"] a.selectedRow,
#sideMenu li[data-menu-id="reference_inspiration"] .selectedRow a,
#sideMenu li[data-menu-id="reference_complete_solutions"] .selectedRow a
{
	font-weight: 700;
}
#sideMenu li[data-menu-id="reference_inspiration"] a:hover,
#sideMenu li[data-menu-id="reference_complete_solutions"] a:hover,
#sideMenu li[data-menu-id="reference_video"] a:hover
{
	background-color: #eee;
}
#referenceList
{
	margin-left: 0;
}
#referenceList .row.first
{
	margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-left: 49px;
    overflow: hidden;
    transition: height 0.4s;
    height: 180px;
    opacity: 1;
}
#referenceList .row
{
	border-bottom: 1px solid #eee;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
}
#referenceList .row.detail
{
	border-bottom: none;
	
}
#referenceList .row h2
{
	text-transform: none;
	line-height: 1em;
}
#referenceList .row h2 span
{
	text-transform: uppercase;
}
#referenceList .row h3,
#referenceDetail h3
{
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 1em;
	background-color: #2364a6;
    margin-top: 40px;
    padding-top: 0;
    width: auto;
    padding: 0.2em 0.5em;
    color: white;
    line-height: 1.3em;
}
#referenceList .row.roof h3,
#referenceDetail h3
{
	background-color: #2364a6;
}
#referenceList .row.leftPic h3
{
	margin-left: 47%;
}
#referenceList .row.awning h3,
#referenceDetail .awning h3
{
	background-color: cornflowerblue;
}
#referenceList .row.floor h3,
#referenceDetail .floor h3
{
	background-color: #8ab532;
}
#referenceList .row.pergola h3,
#referenceDetail .pergola h3
{
	background-color: #648522;
}
#referenceList .desc.long
{
	min-height: 440px;
}
#referenceList .desc
{
	overflow: hidden;
    width: 73%;
    padding-bottom: 1em;
    border-right: 1px solid #eee;
    padding-right: 0;
    position: relative;
    margin-left: 49px;
    min-height: 360px;
}
#referenceList .leftPic .desc
{
	width: calc(73% + 49px);
    
}
#referenceList .leftPic .desc
{
	margin-left: 0;
}
.referenceItem
{
	border-right: 4px solid #2364a6;
}
.referenceItem.row p:not(.first)
{
	line-height: 26px;
    margin-left: 0px;
    font-size: 0.9em;
    width: 70%;
    margin-top: 5em;
    margin-bottom: 2em;
}
#referenceList .referenceItem.horizontal p:not(.first)
{
	width: 99%;
}
#referenceList .referenceItem.horizontal p:not(.first).narrow
{
	width: 54%;
	margin-top: 72px;
}
#referenceList .referenceItem.horizontal.leftPic p:not(.first).narrow
{
	float: right;
}
#referenceList .referenceItem.horizontal.rightPic p:not(.first).narrow
{
	
    float: left;
}
#referenceList .referenceItem.horizontal.leftPic p:not(.first)
{
	margin-left: 49px;
	
}
#referenceList .referenceItem p.quote
{
	font-style: italic;
    font-size: 0.9em;
    line-height: 2em;
	background: rgb(255,255,255,0.9);
	padding: 1em 1em 1em 3em;
	margin-left: -2px;
	z-index: 1;
	position: relative;
}
#referenceList .referenceItem.horizontal p.quote
{
	width: 61%;
	margin-top: 2em;	
}
#referenceList .referenceItem.leftPic p.quote
{
	padding: 1em 3em 1em 2em;
	float: right;
}
#referenceList .referenceItem.rightPic .quote
{
	float: left;
	clear: both;
}
#referenceList .referenceItem.horizontal .quote:not(.first)
{
   
}
#referenceList .desc .quote:not(.first) span
{
	font-weight: 600;
}
#referenceList .vertical .desc
{
	padding-bottom: 0;
	
}
#referenceList .desc h3, #referenceList .desc p,
#referenceDetail h3
{
	float: left;
}
#referenceList .desc p
{
	padding-right: 3em;
}
#referenceList .row .meta
{
	padding-top: 40px;
}
#referenceList .row table
{
	bottom: 0;
    color: #222;
    font-weight: 300;
    line-height: 1.6em;
    font-size: 0.9em;
    font-weight: 200;
}
.referenceItem .image
{
	position: absolute;	
	overflow: hidden;
}
#referenceList .row .image
{
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	
}
#referenceList .row.leftPic .image
{
	left: 0;
	right: auto;
}
#referenceList .vertical .image 
{
    width: calc(360px / 1.51);
}
#referenceList .vertical.leftPic p 
{
    margin-left: 21em;
}
#referenceList .row.horizontal .image
{
	height: 299px;
}
#referenceList .row.vertical .image
{
	height: 360px;
}
#referenceList .row.horizontal .image .front,
#referenceList .row.horizontal .image .back
{
	height: 299px;
	right: inherit;
}
#referenceList .row.vertical .image .front,
#referenceList .row.vertical .image .back
{
	height: 360px;
	right: inherit;
}
#referenceList .row .image img
{
	height: 100%;
}
.cardPic:hover, .blockPhoto:hover, .referenceItem .image:hover
{
	cursor: pointer;
}

#referenceList .row .meta
{
	margin: 0;
    padding-right: 0;
    padding-left: 2.5em;
    width: calc(24% - 49px);
    
    transition: background-color 2s;
    background-color: white;
}
#referenceList .row td.first
{
	font-weight: 400;	
}
#referenceList .row td.first
{
	width: 9em;
    line-height: 1.2em;
    font-weight: 300;
    padding: 0;
    padding-bottom: 0.8em;
}
#referenceList .row td:not(.first)
{
    font-weight: 300;
    color: #2364a6;
    line-height: 1.2em;
    padding-bottom: 0.8em;
    vertical-align: top;
}
#referenceList .row td
{
	line-height: 2em;
}
.dot 
{
	height: 2.5em;
    width: 2.5em;
    background-color: #eee;
    border-radius: 50%;
    display: inline-block;
}
.referenceItem .dot, #referenceDetail .dot
{
	color: #555;
    font-family: 'Open Sans';
    font-weight: 900;
    font-size: 1.4em;
    line-height: 2.5em;
    position: relative;
    margin-top: 1.3em;
    left: 2em;
    letter-spacing: 0.15em;
    text-align: center;
    float: left;	
    
    transform: rotate(5deg);
}
.rightPic .dot
{
	transform: rotate(-5deg);
}
.leftPic .dot
{
	transform: rotate(5deg);
}


/** css arrows **/
.arrow-up 
{
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid #2364a6;
}
.arrow-down 
{
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #2364a6;
}
.arrow-right 
{
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	
	border-left: 60px solid #2364a6;
}
.arrow-left 
{
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid #2364a6; 
}



/* intro section */
.cb-slideshow .group.old
{
	/* opacity: 0; */
	z-index: 0;
	transition: opacity 0.3s;
}
.cb-slideshow .group.new
{
	margin-left: -102%;
	position: relative;
    height: 100%;
    width: 100%;
    
    /* filter: blur(0); */
    z-index: 10;
}
.cb-slideshow .group.active.old
{
	opacity: 0.5;
	z-index: 0;
	
}
.cb-slideshow .group.active li span 
{ 
	/* opacity: 0; */
	/* filter: blur(3px); */
	
	height: 100%;
	width: 100%;
	position: absolute;
}
.cb-slideshow .group.active li:first-child span 
{ 
	/* filter: blur(0); */
}
.cb-slideshow .group.active.old li:first-child span 
{ 
	 /* z-index: 0; */	 
	 
}
.cb-slideshow .group.active.new li:first-child span 
{ 
	 opacity: 1;	
	 /* z-index: 10; */
	 /* filter: blur(0); */
}
.cb-slideshow .group.active.new.animating
{
	z-index: 15;	
	opacity: 1;
}
.cb-slideshow video
{
	min-width: 100vw; 
    min-height: 100vh;

}

/** product menu **/
#productMenu
{
	display: none;
}
#productMenu .collapsible-header i 
{
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
    position: absolute;
    line-height: 1.5em;
}

#mainPaper[data-content="horeca"] #productMenu .material-icons ,
#mainPaper[data-content="warm_winter_gardens"] #productMenu .material-icons
{
    right: 40px;
}
#mainPaper[data-content="horeca"] #productMenu,
#mainPaper[data-content="warm_winter_gardens"] #productMenu
{
	display: block;
	margin-left: 0;
}
#mainPaper[data-content="horeca"] .collapsible,
#mainPaper[data-content="warm_winter_gardens"] .collapsible
{
	-webkit-box-shadow: none;
    box-shadow: none;
}
#mainPaper[data-content="horeca"] #productMenu,
#mainPaper[data-content="warm_winter_gardens"] #productMenu
{
	display: block;
	margin-left: 0;
}
#mainPaper[data-content="horeca"] .collapsible-body,
#mainPaper[data-content="warm_winter_gardens"] .collapsible-body
{
    padding: 1rem;
    background-color: #eee;
}
#mainPaper[data-content="horeca"] #productMenu ul li a,
#mainPaper[data-content="warm_winter_gardens"] #productMenu ul li a
{
    color: black;
    line-height: 2em;
}
#mainPaper[data-content="horeca"] .material-icons,
#mainPaper[data-content="warm_winter_gardens"] .material-icons
{
	right: 0;
    color: gray;
}
#mainPaper[data-content="horeca"] #productMenu ul ul,
#mainPaper[data-content="warm_winter_gardens"] #productMenu ul ul
{
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 19px;
}
#mainPaper[data-content="horeca"] #productMenu li,
#mainPaper[data-content="warm_winter_gardens"] #productMenu li
{
    margin-bottom: 0;
    margin-left: 0;
}
#mainPaper[data-content="horeca"] #productMenu .depth_1.nSignpost a,
#mainPaper[data-content="warm_winter_gardens"] #productMenu .depth_1.nSignpost a
{
	text-transform: uppercase;
	font-size: 1.2em;
	padding-top: 0.5em;
    margin-top: 0.5em;
}
#mainPaper[data-content="horeca"] #productMenu .depth_1.nSignpost > *,
#mainPaper[data-content="warm_winter_gardens"] #productMenu .depth_1.nSignpost > *
{
	padding-left: 2em;
}
#mainPaper[data-content="horeca"] #productMenu .depth_2 a,
#mainPaper[data-content="warm_winter_gardens"] #productMenu .depth_2 a
{
	line-height: 3em;
}
#mainPaper[data-content="horeca"] #productMenu .depth_3 a,
#mainPaper[data-content="warm_winter_gardens"] #productMenu .depth_3 a
{
	line-height: 2em;
	font-weight: 300;
}
#mainPaper[data-content="horeca"] #productMenu .depth_1.nSignpost .depth_2 a,
#mainPaper[data-content="warm_winter_gardens"] #productMenu .depth_1.nSignpost .depth_2 a
{
	text-transform: capitalize;
	font-size: 1em;
	border-top: none;
	padding-top: 0;
    margin-top: 0;
} 
#mainPaper[data-content="horeca"] #productMenu li[data-menu-id="roof_awnings"] > div a,
#mainPaper[data-content="horeca"] #productMenu li[data-menu-id="awnings_vertical"] > div a
{
	cursor: default;
  	opacity: 0.8;
  	text-decoration: none;
  	pointer-events: none;
  	display: block;  /* For IE11 / MS Edge bug */
  	font-style: italic;
}


/* template details */







#sideMenu
{
	padding-left: 15px;
}
#sideMenu .selectedRow
{
	background: none;
	font-weight: 700;
}
#sideMenu .depth_1.nSignpost ul
{
	display: none;
}
#sideMenu .depth_1.nSignpost.nActive ul
{
	display: block;
}
#sideMenu .depth_1.nSignpost a,
#sideMenu > ul > li.depth_1[data-menu-id="cladding"] a,
#sideMenu > ul > li.depth_1[data-menu-id="warm_winter_gardens"] a
{
	text-transform: uppercase;
	font-size: 1.2em;
	border-top: 1px solid #ddd;
	padding-top: 0.5em;
    margin-top: 0.5em;
}
#sideMenu .depth_1.nSignpost .depth_2 a
{
	text-transform: capitalize;
	font-size: 1em;
	border-top: none;
	padding-top: 0;
    margin-top: 0;
} 
#sideMenu li[data-menu-id="roof_awnings"] > div a,
#sideMenu li[data-menu-id="awnings_vertical"] > div a
{
	cursor: default;
  	opacity: 0.8;
  	text-decoration: none;
  	pointer-events: none;
  	display: block;  /* For IE11 / MS Edge bug */
  	font-style: italic;
}
#productMenu li[data-menu-id="zenara"], #sideMenu li[data-menu-id="zenara"],
#productMenu li[data-menu-id="livona"], #sideMenu li[data-menu-id="livona"],
#productMenu li[data-menu-id="floors"], #sideMenu li[data-menu-id="floors"]
{
	display: none;
}

/** offer requests **/


#requestOffer .paperContent h3, 
#requestOffer #dialog6 h3,
#requestOffer .paperContent h3.intro
{
	font-size: 1.6em;
	color: #2364a6;
}
#requestOffer .paperContent h3.confirmation,
#mainPaper .paperContent h3.confirmation
{
	font-size: 1.2em;
    font-weight: 300;
    font-style: italic;
    line-height: 2em;
    margin: 2.5em 4em;
    text-transform: none;
	color: #2364a6;
}
#requestOffer .paperContent h3, 
#requestOffer #dialog6 h3,
#requestOffer .paperContent h3.intro span
{
	text-transform: uppercase;
	font-weight: 500;
	
}
#requestOffer .paperContent h3.intro span
{
	background-color: #2364a6;
    color: white;
    padding: 0 0.5em;
}
#requestOffer .paperContent h3.intro
{
	text-transform: none;
}
#requestOffer .paperContent p, 
#requestOffer .paperContent span.parag, #requestOffer .paperContent input,
#requestOffer .paperContent label
{
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
#requestOffer .paperContent table
{
	width: 30%;
    margin-right: 0;
}
#requestOffer .paperContent table#addInfo
{
	clear: both;
	width: 90%;
}
#requestOffer .paperContent table td
{
	font-size: 0.9em;
    border-bottom: 1px solid #eee;
}
#requestOffer .paperContent table:first-child,
#requestOffer .paperContent table:nth-child(2)
{
	float: left;
}
#requestOffer .paperContent th
{
	font-weight: 500;
	font-size: 1.2em;
	padding-bottom: 1em;
}
#requestOffer .paperContent td
{
	font-weight: 300;
	padding: 0.3em 1em;
}
#requestOffer .paperContent table:first-child td:first-child
{
	width: auto;
}
#requestOffer .paperContent td:first-child
{
	padding-right: 1em;
	width: 30%;
}
#requestOffer .paperContent td:nth-child(2)
{
	color: #2364a6;
}
#requestOffer .paperContent table#addInfo td:nth-child(2)
{
	width: 83%;
}
#requestOffer .paperContent h3, #requestOffer #dialog6 h3
{
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    
}
#requestOffer .paperContent h3.intro
{
	color: #2364a6;
	width: 15em;
    float: left;
    padding-right: 3em;
    padding-top: 2.9em;
    padding-bottom: 4em;
    padding-left: 2em;
    font-weight: 300;
    width: 46%;
    margin: 0;
    margin-top: 1em;
    margin-left: 1em;
    line-height: 1.7em;
}
#requestOffer .paperContent .contHalf
{
	width: 50%;
	margin: 0;
    margin-top: 2em;
}
#requestOffer .paperContent h3 span
{
	margin-left: 0;
	
    font-weight: 500;
}
#requestOffer .paperContent .contHalf h3
{
	margin-top: 50px;
	font-size: 1.6em;
}
#requestOffer button#previousRequestSl
{
	margin-right: 1em;
}
#requestSummary
{
	overflow-y: auto;
    height: 295px;
}
#mb_deck_req_price
{
	font-weight: 300;
    margin-top: 1em;
}
#mb_deck_req_price #selectedDeckPrice
{
	font-weight: 600;
}




.toRight
{
	float: right;
}
.toLeft
{
	float: left;
}
.halfCol
{
	width: 50%;
}
.thirdCol
{
	width: calc(100% / 3);
}
.w20Col
{
	width: calc(100% / 5);
}
.w25Col
{
	width: calc(100% / 4);
}
.w75Col
{
	width: calc(100% / 4 * 3);
}
.halfHalfCol
{
	width: 25%;
}
.clear
{
	clear: both;
}
.withPrevious, .pattern.thumbPattern.withPrevious
{
	margin-top: 0;
}
p.withFollowing,
.card p.highlight.withFollowing, 
.card p.highlightRight.withFollowing
{
	margin-bottom: 0;	
}
#mainPaper .vertIndent-l1,
.paperContent .vertIndent-l1,
.paperContent > .row > h3.vertIndent-l1,
#requestOffer .vertIndent-l1
{
	margin-top: 1em;
}
#mainPaper .vertIndent-l2,
.paperContent .vertIndent-l2,
.paperContent > .row > h3.vertIndent-l2,
#requestOffer .vertIndent-l2
{
	margin-top: 2em;
}
#mainPaper .vertIndent-l3,
.paperContent .vertIndent-l3,
.paperContent > .row > h3.vertIndent-l3
{
	margin-top: 3em;
}
#mainPaper .vertIndent-l5,
.paperContent .vertIndent-l5,
.paperContent > .row > h3.vertIndent-l5
{
	margin-top: 5em;
}
.paperContent .vertIndent-l7
{
	margin-top: 7em;
}
.paperContent .vertIndent-l10
{
	margin-top: 10em;
}
#mainPaper .indentBelow-l1
{
	margin-bottom: 1em;
}
#mainPaper .indentBelow-l2
{
	margin-bottom: 2em;
}
#mainPaper .indentBelow-l3
{
	margin-bottom: 3em;
}
#mainPaper .indentBelow-l4
{
	margin-bottom: 4em;
}
.paperContent .row .edgeRight
{
	margin-right: -49px;
}
.paperContent .row .edgeLeft
{
	margin-left: -51px;
}

.paperContent.noPadding
{
	padding: 0;
	
}
#mainColumn .paperContent.slick-slide.noPadding
{
	height: 0;
}

/** typography **/
.bold,
.card p.bold
{
	font-weight: 500;
}
h2
{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	margin-bottom: 1em;
	font-weight: 400;
}
h1.products, h2.products
{
	font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    margin-bottom: 1.8em;
    font-weight: 300;
    word-spacing: 10px;
    margin-top: -12px;
}
h1 span.newProduct
{
	background-color: #85b52d;
    font-weight: 200;
    color: white;
    font-size: 0.5em;
    word-spacing: initial;
    text-transform: initial;
    padding: 0.2em 1em;
    margin-left: 4em;
    vertical-align: 6px;
    display: inline-block;
    line-height: 1.7em;
}
h1 span, h2 span
{
	color: #2364a6;
	margin-left: 0;
	
}
#mainPaper[data-content="reference_inspiration"] h2,
#mainPaper[data-content="reference_complete_solutions"] h2,
#mainPaper[data-content="reference_complete_floors"] h2,
#mainPaper[data-content="reference_complete_roofs"] h2,
#mainPaper[data-content="reference_video"] h2
{
	font-weight: 200;
	font-style: italic;
    letter-spacing: 0.15em;
    color: #2364a6;
    margin-right: 2em;
}
#mainPaper[data-content^="mb_eg_"] h2,
#mainPaper[data-content^="mb_wo_"] h2,
#mainPaper[data-content^="mb_lg_"] h2,
#mainPaper[data-content^="mb_bb_"] h2,
#mainPaper[data-content^="mb_mc_"] h2,
#mainPaper[data-content^="mb_ml_"] h2,
#mainPaper[data-content^="mb_sl_"] h2
{
	color: black;
	font-size: 1.4em;
	letter-spacing: 0.1em;
	padding-top: 1em;
}
#mainPaper[data-content="reference_inspiration"] h2 span,
#mainPaper[data-content="reference_complete_solutions"] h2 span,
#mainPaper[data-content="reference_complete_floors"] h2 span,
#mainPaper[data-content="reference_complete_roofs"] h2 span,
#mainPaper[data-content="reference_video"] h2 span
{
	font-weight: 400;
	font-style: normal;
    letter-spacing: 0.12em;
    color: #2364a6;
}
#mainPaper[data-content^="mb_eg_"] h2 span,
#mainPaper[data-content^="mb_wo_"] h2 span,
#mainPaper[data-content^="mb_lg_"] h2 span,
#mainPaper[data-content^="mb_bb_"] h2 span,
#mainPaper[data-content^="mb_mc_"] h2 span,
#mainPaper[data-content^="mb_ml_"] h2 span,
#mainPaper[data-content^="mb_sl_"] h2 span
{
	font-size: 1.6em;
	vertical-align: baseline;
}
#mainPaper[data-content^="mb_eg_"] h2 span.headlineSlash,
#mainPaper[data-content^="mb_wo_"] h2 span.headlineSlash,
#mainPaper[data-content^="mb_lg_"] h2 span.headlineSlash,
#mainPaper[data-content^="mb_bb_"] h2 span.headlineSlash,
#mainPaper[data-content^="mb_sl_"] h2 span.headlineSlash
{
	font-weight: 300;
	color: black;
}
.alignRight
{
	text-align: right;
}
.alignLeft
{
	text-align: left;
}



#mainPaper[data-content="reference_inspiration"] .grid-item
{
	height: calc((100vw - 26em) / 3 / 1.59);
	overflow: hidden;
}
@media screen and (max-width: 1200px)
{
	#mainPaper[data-content="reference_inspiration"] .grid-item
	{
		height: calc((100vw - 4em) / 3 / 1.59);
		overflow: hidden;
	}
}
#mainPaper[data-content="reference_inspiration"] .grid-item.horizontal
{
	width: calc(100% / 3);
}
#mainPaper[data-content="reference_inspiration"] .grid-item.vertical
{
	width: calc(100% / 7);
}
#mainPaper[data-content="reference_inspiration"] .grid-item img
{
	margin: 1px;
}
#mainPaper[data-content="reference_inspiration"] .grid-item.vertical img
{
	height: auto;
	width: 100%;
}
#mainPaper[data-content="reference_inspiration"] .grid-item.horizontal img
{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 600px)
{
	#mainPaper[data-content="reference_inspiration"] .grid-item
	{
		height: calc((100vw) / 2 / 1.59);
		overflow: hidden;
	}
	#mainPaper[data-content="reference_inspiration"] .grid-item.horizontal
	{
		width: calc(100% / 2);
	}
	#mainPaper[data-content="reference_inspiration"] .grid-item.vertical
	{
		width: calc(100% / 4.6);
	}
}

#mainPaper[data-content="reference_inspiration"] .grid-item span.displayHover
{
	height: 60%;
    color: white;
    left: -100vh;
    padding: 2em 1em 2em 0;
    font-family: 'open sans';
    font-weight: 300;
    letter-spacing: 0.1em;
    position: absolute;
    margin-left: 1px;
    margin-right: 1px;
    transition: left 0.3s;
    bottom: 0;
}
@media screen and (max-width: 1500px)
{
	#mainPaper[data-content="reference_inspiration"] .grid-item span.displayHover
	{
		top: 0;
	}
}
@media screen and (max-width: 800px)
{
	#mainPaper[data-content="reference_inspiration"] .grid-item span.displayHover
	{
		height: 60%;
	    padding: 0;
	    
	}
}
@media screen and (max-width: 600px)
{
	#mainPaper[data-content="reference_inspiration"] .grid-item span.displayHover
	{
		height: 60%;
	    padding: 0 1em 0 0;
	    position: absolute;
	    margin-left: 1px;
	    margin-right: 1px;
	    transition: left 0.3s;
	    top: 0;
	}
}
#mainPaper[data-content="reference_inspiration"] .grid-item.vertical span.displayHover
{
	padding-right: 0;
}
#mainPaper[data-content="reference_inspiration"] .grid-item:hover span.displayHover
{
	left: 0;
    width: 100%;
}
#mainPaper[data-content="reference_inspiration"] .grid-item.vertical:hover span.displayHover
{
	height: 90%;
}
#mainPaper[data-content="reference_inspiration"] .grid-item span.title1,
#mainPaper[data-content="reference_inspiration"] .grid-item span.title2
{
	background-color: rgb(0,0,0,0.8);
    display: block;
    clear: both;
    padding-left: 32px;
    padding-right: 1em;
    font-style: italic;
    font-weight: 300;
    line-height: 1.4em;
    
}
#mainPaper[data-content="reference_inspiration"] .grid-item:hover span.title1,
#mainPaper[data-content="reference_inspiration"] .grid-item:hover span.title2
{
	left: 0;
    width: auto;
    display: inline-block;
}
#mainPaper[data-content="reference_inspiration"] .grid-item:hover span.title2
{
	margin-top: 1em;
}
@media screen and (max-width: 800px)
{
	#mainPaper[data-content="reference_inspiration"] .grid-item:hover span.title2 
	{
	    margin-top: 0.2em;
	}
}
#mainPaper[data-content="reference_inspiration"] .grid-item span.hoverContent
{
	position: relative;
    display: table;
    width: auto;
    line-height: 1.4em;
}
#mainPaper[data-content="reference_inspiration"] .grid-item:hover span.hoverContent
{
	font-size: 1.4em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    visibility: visible;
    background-color: rgb(0,0,0,0.8);
    clear: both;
    padding-left: 32px;
    padding-right: 1em;    
}
@media screen and (max-width: 1500px)
{
	#mainPaper[data-content="reference_inspiration"] .grid-item:hover span.displayHover span
	{
		font-size: 1em;
	    padding-left: 1em;
	        
	}
}
	
#mainPaper[data-content="reference_inspiration"] .grid-item.vertical:hover span.title1,
#mainPaper[data-content="reference_inspiration"] .grid-item.vertical:hover span.title2,
#mainPaper[data-content="reference_inspiration"] .grid-item.vertical:hover span.hoverContent
{
	padding-left: 15px;
}
#mainPaper[data-content="reference_inspiration"] .grid-item a
{
	color: white;
	z-index: 401;
}
#mainPaper[data-content="reference_inspiration"] .grid-item a:hover
{
	text-decoration: underline;
    
}






.row.productNote1
{
	margin-bottom: 0;
}
.productNote1
{
	background-color: #eee;
    padding: 2.5em 0;
    font-size: 1em;
    margin-top: 4em;
}
.paperContent .productNote1
{
	margin-left: 0;
	padding-left: 49px;
}
.paperContent .row.productNote1 ul
{
	background-color: transparent;
    border: none;
    padding: 1em;
    margin: 0;
}
.paperContent .productNote1 ul li
{
	font-style: italic;
	list-style-type: circle;
    list-style-position: inside;
}
.productNote1 a
{
	color: #2364a6;
}
.productNote1 li span
{
	color: silver;
}




.card p.highlight, 
.card p.highlightRight,
.card p.highlightStory
{
	font-size: 1.5em;
	line-height: 1.6em;
    margin: 0.5em 0 1.5em;
}

.card p.highlightStory
{
	font-style: italic;
	font-size: 1.4em;
}
.card p.highlightRight
{
	border-left: 1px solid #2364a6;
    padding-left: 1em;
    padding-bottom: 2em;
    padding-top: 0em;	
}
#mainColumn
{
	margin-left: 23em;
	margin-right: 3em;
	/* margin-top: 8.5em; */
}
#mainColumn .paperContent.slick-slide
{
	height: 1080px;
	overflow: hidden;
}
#mainColumn .paperContent.slick-slide.slick-current
{
	height: auto;
	overflow: hidden;
}

#mainColumn .paperContent.slick-slide .thumbPattern .preview1,
#mainColumn .paperContent.slick-slide .thumbPattern.doublePreview .preview2
{
	margin-bottom: 1em;
}
#mainColumn .paperContent.slick-slide .thumbPattern.hasDoubleToolBar .preview1
{
	margin-bottom: 0;
}


#logoSVG
{
	width: 11%;
    min-width: 9em;
    height: 9.5em;
    margin: 3% 12%;
    padding: 0;
    position: fixed;
    
    opacity: 0;
    visibility: hidden;
}
#logoSVG *
{
	stroke-width: 1.8px;
  	fill-opacity: 0;
  	transition: fill-opacity 1s, stroke-width 2s;
}
#logoSVG.start
{
	visibility: visible;
	opacity: 1;
}
#logoSVG.start *
{
	stroke-width: 1.8px;
  	fill-opacity: 0;
}
#logoSVG.start.finished
{
	visibility: visible;
	opacity: 1;
	
}
#logoSVG.start.finished *
{
	fill-opacity: 1;
	stroke-width: 0;
}


#logo_confico
{
	background-image: url(../images/logo-confico.jpg); 
	width: 220px;
	height: 153px;
	
	display: block;
	
    margin-bottom: 45px;
}


#phMenuContainer
{
	padding-top: 3em;
    position: fixed;
    right: 8%;
    margin-left: 30%;
    opacity: 0;
    padding-bottom: 1.5em;
    border-bottom: 1px solid white;
    right: 0;
    padding-right: 5em;
    padding-left: 1em;
    
	
}
.phMenuStart
{
	margin: 0 0 0 100%;
}
#phMenuContainer a
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.5em;
    color: white;
    
    text-transform: uppercase;
    line-height: 1.1em;
    
    margin-right: 36px;
    float: left;
    
	text-decoration: none;
	letter-spacing: 0.15em;
	font-weight: 600;
	
}
#phMenuContainer a.nActive 
{
	font-size: 2em;
    line-height: 0.7em;
    letter-spacing: 0.15em;
    
}



#pageCaption
{
	bottom: 3em;
}


.sideWrap
{
	
}

#page
{
	width: 100%;
	overflow-x: hidden;
}

#pageLeaf
{
	width: 0;
	margin-left: 100%;
	display: none;
	
	height: 100%;
	
	margin-top: 0;
	background-color: white;
	position: absolute;
	
}

#pageLeaf h2
{
	color: black;
	font-size: 3em;
    margin-top: 3em;
    margin-left: 2em;
}

#mainPaper #paperNotification
{
	position: absolute;
    width: auto;
    height: auto;
    right: 0;
    top: 0;
    font-size: 1.7em;
    font-family: 'open sans';
    font-weight: 300;
    letter-spacing: 0.15em;
    color: white;
    line-height: 1.4em;
    padding: 0.5em 1.5em;
}
#mainPaper #paperNotification.endOfSale
{
	background-color: #a62332;
}
#mainPaper #paperNotification.newProduct
{
	background-color: #85b52d;
}
@media screen and (max-width: 1500px)
{
	#mainPaper #paperNotification.newProduct,
	#mainPaper #paperNotification.endOfSale
	{
		font-size: 1.2em;
		text-align: right;
	}
	#paperNotification + h2 
	{
	    margin-top: 0.2em;
	}
}
@media screen and (max-width: 900px)
{
	#mainPaper #paperNotification.newProduct,
	#mainPaper #paperNotification.endOfSale
	{
		font-size: 1em;
		width: 100%;
	}
	#paperNotification + h2 
	{
	    margin-top: 0;
	}
}

/*
#pageLeaf 
{
  	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
*/




.placeHolder
{
	height: 100vh;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}
#mainContent
{
	min-height: 1200px;
	background-color: #f3f3f3;
	z-index: 1;
	position: relative;
	
	box-shadow: 0 0 4px 0 black;
	overflow: hidden;
	
	padding-top: 8.5em;
}
#powderFooter
{
	height: 100%;
    background-image: url(../images/powder_coating_2.jpg);
    position: absolute;
    width: 100%;
    background-attachment: fixed;
    
    background-size: cover;
    background-position: center;
}

#mainContent h1, #mainContent h2
{
	text-transform: uppercase;
	margin-bottom: 23px;
}
#mainContent .paperContent h2
{
	text-transform: unset;
}
#mainPaper #contact h2
{
	margin-bottom: 0;
}

#mainPaper .fullwidth
{
	padding-top: 3em;
	
}
#mainPaper .fullwidth,
#mainPaper .fullwidth img
{
	width: 104%;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}


/** template negation **/

.menu 
{
	display: none;
}

#header, #pageToolbox, #page 
{
    background-color: transparent;
}
a.go_top, a.go_top span 
{
    display: block;
    background: none;
}

/* side menu */
#sideMenuWrap, .offerBlock 
{
	background: none;
}
#sideWrap
{
	padding-left: 56px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;  
	margin-top: -6em;
}
#sideWrap h1,
#sideWrap .sectionLabel,
#sideWrap .sectionNav
{
	font-weight: 300;  
	font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
#sideMenuWrap h1 a,
#sideMenuWrap .sectionLabel a
{
	color: #2364a6;
}
#sideMenuWrap .sectionLabel
{
	padding-top: 1em;
    line-height: 1em;
}
#sideMenu ul li a
{
	color: black;
	line-height: 2em;
}
#sideMenu ul li[data-menu-id^="art_"] a
{
	line-height: 1.5em;
	margin-bottom: 0.8em;
}
#sideMenu ul li[data-menu-id^="weinor_accessories"] a,
#sideMenu ul li[data-menu-id^="fabric_weinor"] a,
#sideMenu ul li[data-menu-id^="colors_weinor"] a
{
	display: none;
}


#sideMenu ul li a:hover
{
	background: none;
}

.nActive .mMark, .nSelected .mMark 
{
    background: none;
}
ul#mainMenu a, .mRight
{
	background: none;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
ul#mainMenu span.mName
{
	font-weight: 300;  
	margin-top: 2.4em;
	font-size: 1.6em;
}
ul#mainMenu 
{
    position: absolute;
    top: -29px;
    right: 128px;
    left: auto;
    /* width: 795px; */
    z-index: 10;
}
ul#mainMenu li.nActive a
{
	color: #2364a6;
}


#sideMenu .selectedRow a,
#sideMenu .nSelected
{
    background: none;
    font-weight: bold;
}
#sideMenu .selectedRow ul a,
#sideMenu .nSelected ul a
{
	font-weight: 100;
}


/** paper menu **/
.card.clean
{
	padding: 0;
}

.card .paperMenu, .card .leftSeam
{
	margin-left: 27px;
    width: 250px;
    margin-bottom: 20px;
    float: left;
    bottom: -20px;
    position: relative;
    top: 12px;
    transition: box-shadow 0.5s;
}
.card .leftSeam
{
	border-right: 1px solid #ededed;
}
.card .leftSeam
{
	margin: 0;
    padding: 0;
    top: 0;
    width: 278px;
    height: 500px;
    position: relative;
}

.leftSeam h4, .leftSeam h5
{
	margin-left: 26px;
    margin-top: 2em;
    color: white;
    letter-spacing: 0.5px;
    font-weight: 200;
}
.leftSeam h5
{
	color: yellow;
    bottom: 26px;
    position: absolute;
    line-height: 1.4em;
    text-align: right;
    right: 21px;
}
.paperMenu.raised, .card .leftSeam.raised
{
	box-shadow: 3px 3px 3px rgba(10, 10, 10, 0.1);
	transition: box-shadow 0.3s;
}
.paperMenu a
{
	float: left;
    clear: both;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.6em;
    color: #2364a6;
    margin-bottom: 0.3em;
    margin-left: 0;
    padding-left: 20px;
    width: calc(98%);
    font-size: 1.3em;
    opacity: 1;
    border: 1px solid white;    
}
.paperMenu a.subMenu
{
	font-size: 1.1em;
    padding-left: 2em;
}
.paperMenu a.subMenu2
{
	font-size: 0.9em;
    padding-left: 4em;
}
.paperMenu a.requestLink
{
	color: #85b52d;	
}
.paperMenu a.fairAdCont
{
	background-color: white;
	font-size: 1em;
	padding: 0;
	width: 100%;
	border: 0;
}
.paperMenu a.fairAdCont:hover
{
	border: 0;
}
.paperMenu a.fairAdCont .fairAd
{
	margin: 0;
}
.paperMenu a.active
{
	border: 1px solid #2364a6;    
}
.paperMenu a.active, .paperMenu a:hover
{
	background-color: #2364a6;
	color: white;
	opacity: 1;
	width: calc(100%);
}
.paperMenu a.active:hover
{
	opacity: 1; 
	background-color: #2364a6;
	color: white;
	border: 1px solid #2364a6;
}
.paperMenu a:hover
{
	opacity: 1;
    border: 1px solid rgba(35,100,166,0.7);
    background-color: white;
    color: #2364a6;
    border-right: 1px solid white;
}
.paperMenu a.moreLinks.first
{
	margin-top: 2em;
}
.paperMenu a.moreLinks, .paperMenu a.attach
{
	color: black;
	
}
.paperMenu a.moreLinks.active, .paperMenu a.moreLinks:hover,
.paperMenu a.attach.active, .paperMenu a.attach:hover
{
	background-color: black;
	color: white;
}


.card .paperMenu .scrollMenu
{
	margin-left: 18px;
}
.card .paperMenu .scrollMenu.pinned
{
	margin-top: 50px;
}
.scrollMenu.pinned
{
	margin-top: 50px;
}
.scrollMenu a
{
	float: none;
}
.scrollMenu
{
	width: 15em;
}
.scrollMenu ul::before
{
	content: "OBSAH NA STRÁNCE:";
	line-height: 3em;
    font-weight: 300;
}
.scrollMenu ul
{
	padding-right: 1em;
}
.scrollMenu li
{
	padding-bottom: 1em;
}
.scrollMenu a, .scrollMenu a.active, .scrollMenu a:hover
{
	color: #555;
	border: none;
	background-color: white;
	padding-left: 0;
	font-size: 0.85em;
    line-height: 1.5em;
}



/** paper content **/

#sliderWindow, #sliderWindowRequest, #galleryContainer, #sliderWindowRequestConfirmation
{
	overflow: hidden;
	margin-left: 276px;
}
#sliderWindow, #galleryContainer, #galleryPaper
{
	border-left: 1px solid #ededed;
}
#sliderWindow.woSideMenu
{
	border-left: none;
	margin-left: 0;
}
#sliderWindowRequest,
#sliderWindowRequestConfirmation
{
	padding-top: 48px;
	height: 410px;
	border-bottom: 1px solid #ddd;
}
#sliderWindowRequestConfirmation
{
	border-bottom: none;
}
#sliderWindowRequest .requestMenu
{
	height: 3em;
	border-top: 1px solid silver;
	width: 100%;	
	bottom: 0;
}
.paperContent
{
	overflow: hidden;
	padding: 0;
	width: 100%;
	padding-bottom: 6em;
}
.paperContent.noBottomSpace
{
	padding-bottom: 0;
}
#requestOffer .paperContent.overflowing
{
	padding-bottom: 0;
	height: 359px;
    overflow-y: auto;
    
}
.paperContent h2,
.paperContent h3 
{
	font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: 300;
    color: #2364a6;
    line-height: 1.6em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.paperContent h3.withPrevious
{
	margin-top: 0;
}
.paperContent > h2, .paperContent > .row > h2,
.paperContent > h3, .paperContent > .row > h3
{
	margin-bottom: 1em;
    margin-top: 0;
}

.paperContent h2 span,
.paperContent h3 span
{
	font-weight: 500;
	
}

.horizBar
{
	width: 71px;
    height: 4px;
    background-color: #2364a6;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    clear: both;
}
.horizLine,
.horizLineLight
{
	width: 100%;
    height: 1px;
    background-color: #2364a6;
    margin-top: 4em;
    margin-bottom: 2em;
}
.horizLineLight
{
	background-color: lightgray;    
}

.card p
{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    margin-bottom: 1em;
    line-height: 1.8em;
}


.card.clean *
{
	padding: 0;
	margin: 0;
}
.card .card.ear
{
	margin-top: 2em;
    margin-bottom: 3em;
    border-right: 4px solid #2364a6;
    
		    max-height: 496px;
		    min-height: 473px;
}
.card .card.ear .cardPic
{
	width: 670px;
    height: 473px;
    overflow: hidden;
    position: absolute;
    float: left;
}
.mbSubStructure .cardPic
{
	height: 250px;
    overflow: hidden;
}
.mbSubStructure.examples .material-placeholder
{
	
	
}
.cardPic img
{
	width: 100%;	
}
.referenceItem
{
	transition: min-height 0.8s;
	
	min-height: 360px;
	overflow: visible;
	width: 100%;
	opacity: 1;	 
}
.referenceItem > div
{
	opacity: 1;
	transition: opacity 0.2s;	
	transition-delay: 0.6s;
}
.referenceItem.collapsed
{
	height: 0;
	min-height: 0;
	background-color: rgba(0,0,0,0.05);
	overflow: hidden;
}
.referenceItem.collapsed > div
{
	opacity: 0;
	transition: opacity 0.2s;
	transition-delay: 0.1s;
}

#referenceList .referenceItem.collapsed.row
{
	border: none;
}



.cardPic .material-icons, 
.blockPhoto .material-icons, 
.referenceItem .material-icons
{
	position: absolute;
    right: 0;
    color: white;
    margin: 0.3em;
    font-size: 3em;
    
}
.referenceItem.leftPic .material-icons
{
	left: 0;
    right: auto;
}
.referenceItem .material-icons
{
	z-index: 2;
}

.cardPic:hover .material-icons,
.blockPhoto:hover .material-icons,
.referenceItem:hover .material-icons
{
	opacity: 0.9;
}
.blockPhoto .FSGallery
{
	position: relative;
}
.blockPhoto .FSGallery .galleryLabel,
.cardPic .galleryLabel,
.referenceItem .galleryLabel
{
	position: absolute;
    right: 4.5em;
    color: white;
    letter-spacing: 0.15em;
    margin-top: 1.8em;
    font-weight: 300;
    opacity: 0.9;
    z-index: 2;
}
.referenceItem .flipping div[data-aos]
{
	position: absolute;
	z-index: 2;
	width: 100%;
}
.iconsBG
{
	height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgb(0,0,0,0.4), transparent 40%);
}
.blockPhoto .FSGallery::before,
.cardPic::before
{
	background-image: radial-gradient(ellipse at 77% -39%, rgb(0,0,0,0.50), transparent 40%);
	height: 100%;
    position: absolute;
    width: 100%;
    content: "";
    top: 0;
}
.referenceItem.leftPic .galleryLabel
{
	left: 4.5em;
	z-index: 2;
	width: 15em;
}
.blockPhoto.keepGrid > div
{
	min-height: 310px;
}
.blockPhoto  img
{
	margin: 0 auto;
}
.mbSubStructure.components .card-1
{
	min-height: 550px;
} 
.card .card.ear .cardDesc,
.mbSubStructure .card-1 .cardDesc
{
	height: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    padding-right: 2.4em;
}
.card .card.ear .cardDesc.artares table
{
	font-size: 0.8em;
}
.card .card.ear .cardDesc.bt_code table,
.card .card.ear .cardDesc.bt_pergomove table,
.card .card.ear .cardDesc.bt_pergonext table,
.card .card.ear .cardDesc.bt_pergoklima table,
.card .card.ear .cardDesc.bt_pergosky table
{
	font-size: 0.8em;
}
.card-1.envello .cardDesc
{
	padding-top: 2em;
}
.card .card.ear .cardDesc *,
.mbSubStructure .card-1 .cardDesc
{
	font-family: 'Montserrat', sans-serif;
}
.mbSubStructure .card-1 .cardDesc
{
	padding-left: 2em; 
	border-top: 1px solid #ddd;
	padding-right: 0.5em;
	
}
.mbSubStructure .card-1 .cardDesc .subtitle span
{
	margin-bottom: 0.5em;
	display: block;
}
.cardDesc .price,
.mbSubStructure .cardDesc .price,
#productslisting .desc .price
{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.8em;
    margin-bottom: 1.8em;
    font-weight: 400;
    margin-top: 0.5em;
    width: 100%;
}
.cardDesc .price.btPergolas
{
	font-size: 1.5em;
}
.mbSubStructure .cardDesc .price
{
	margin-bottom: 1em;
	font-size: 1.5em;
}
.card.envello .cardDesc .price
{
	margin-bottom: 2em;
	
}
.cardDesc .price.double
{
	line-height: 1.5em;
	margin-bottom: 3em;
	margin-top: 0em;
}
#mainPaper[data-content^="mb_ml_"] .cardDesc .price.double,
#mainPaper[data-content^="mb_mc_"] .cardDesc .price.double
{
	margin-bottom: 2em;
}
#mainPaper[data-content^="mb_ml_"] .cardDesc p.subtitle,
#mainPaper[data-content^="mb_mc_"] .cardDesc p.subtitle
{
	font-size: 0.9em;
}

#productslisting .desc .price
{
	margin: 0;
}
#productslisting .desc.crowded .price
{
	font-size: 1.4em;
    line-height: 1em;
    margin: 1em 0;
}
.cardDesc .price span,
.mbSubStructure .cardDesc .price span,
#productslisting .desc .price span
{
	font-weight: 500;
}
.cardDesc .price span.light
{
	font-weight: 300;
}
.cardDesc div.priceNote
{
	font-weight: 300;
    font-size: 0.8em;
    margin-top: -3.5em;
    line-height: 1.5em;
    width: 24em;
    margin-bottom: 2em;
}
.mbSubStructure .cardDesc div.priceNote
{
	margin: 0;
}
.cardDesc .price span.dph
{
	font-size: 0.8em;
    font-weight: 300;
    color: gray;
}
.cardDesc .price span.dph.t2
{
	font-size: 0.5em;    
}
#productslisting ul li
{
	font-weight: 300;
    font-size: 0.9em;
    line-height: 1.6;
    list-style: square;
	
}
.card.ear .cardDesc h4
{
	font-size: 1.6em;
    font-weight: 300;
    line-height: 1.6em;
    margin-top: 1.2em;
    width: 100%;
}
.card.ear .cardDesc h4,
.mbSubStructure .card-1 h4
{
	font-size: 1.6em;
    font-weight: 300;
    line-height: 1.6em;
    margin-top: 1.2em;
    width: 100%;
}
.card.ear .cardDesc h4
{
	margin-top: 2em;
}
.card.ear.envello .cardDesc h4
{
	margin-top: 0.5em;
}
.cardDesc table
{
	width: 100%;
}
.card.ear .cardDesc table td
{
	padding-top: 2px;
	padding-bottom: 2px;
}
.cardDesc p.subtitle,
.cardDesc p.details
{
	width: 21em;
    font-size: 1em;
    line-height: 2.5em;
    margin-bottom: 0.7em;
}
.cardDesc p.subtitle,
.mbSubStructure .card-1 p.subtitle
{
	font-size: 1em;
    width: 21em;
    line-height: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.card-1.envello p.subtitle
{
	line-height: 1.8em;
	font-size: 0.9em;
	margin-bottom: 2em;
}
.mbSubStructure .card-1 p.subtitle
{
	font-size: 0.95em;
    line-height: 1.8em;    
}
.cardDesc p.details2
{
	width: 20.5em;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0.7em;
}
.cardDesc .priceOnReq
{
	font-style: italic;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
}

#mainPaper[data-section="index_product"] .video
{
	margin-bottom: 3em;
	clear: both;
}


/** reference inspiration **/
#mainPaper[data-content="reference_inspiration"] #galleryPaper
{
	margin: 0;
}
#mainPaper[data-content="reference_inspiration"] #galleryPaper.show
{
	width: 100%;
	padding: 4em 0;
}
#mainPaper[data-content="reference_inspiration"] .galleryContainer
{
	margin: 0;
	padding: 0;
	width: 100%;
}
#mainPaper[data-content="reference_inspiration"] .column
{
	padding: 0;
	padding-right: 1px;
	padding-bottom: 1px;
	/* width: calc(100% / 3 + 1px); */
	margin-bottom: 0; 
}
#mainPaper[data-content="reference_inspiration"] .displayMeta
{
	display: none;
}



.card#requestOffer
{
	padding-top: 0;
	overflow: hidden;
}
#requestOffer .leftSeam
{
	background-size: auto 100%;
	background-position-x: 20%;
	background-repeat: no-repeat;
	background-position-y: center;
}
#requestOffer .leftSeam.logo
{
	background-image: url(/images/photos/confico-logo-beton.jpg);
}
#requestOffer .leftSeam.zenara
{
	background-image: url(/images/photos/zenara.jpg);
}
#requestOffer .leftSeam.kubata
{
	background: white url(/images/photos/kubata.jpg) no-repeat 83% center;
	background-size: cover;
}
#requestOffer .leftSeam.smaila
{
	background: white url(/images/photos/smaila.jpg) no-repeat 83% center;
	background-size: cover;
}
#requestOffer .leftSeam.opal_design
{
	background-image: url(/images/photos/opal_design.jpg);
}
#requestOffer .leftSeam.semina_life
{
	background-image: url(/images/photos/semina_life15.jpg);
}
#requestOffer .leftSeam.cassita
{
	background-image: url(/images/photos/cassita.jpg);
}
#requestOffer .leftSeam.livona
{
	background-image: url(/images/photos/livona.jpg);
}
#requestOffer .leftSeam.topas
{
	background-image: url(/images/photos/topas.jpg);
}
#requestOffer .leftSeam.semina
{
	background-image: url(/images/photos/semina.jpg);
}


#requestOffer .leftSeam.terrazza
{
	background: white url(/images/terrazza.jpg) no-repeat -111px center;
}
#requestOffer .leftSeam.terrazzaPure
{
	background: white url(/images/terrazzaPure.jpg) no-repeat 0 center;
	background-size: cover;
}
#requestOffer .leftSeam.wgTerrazzaPure
{
	background: white url(/images/i_wgTerrazzaPure_1.jpg) no-repeat 0 center;
	background-size: cover;
}
#requestOffer .leftSeam.terrazzaSempra
{
	background: white url(/images/zimni-zahrada-terrazza-sempra-02.jpg) no-repeat 0 center;
	background-size: cover;
}
#requestOffer .leftSeam.wgTerrazzaSempra
{
	background: white url(/images/i_wgTerrazzaSempra_1.jpg) no-repeat 0 center;
	background-size: cover;
}
#requestOffer .leftSeam.glasoase
{
	background: white url(/images/glasoase.jpg) no-repeat -111px center;
}
#requestOffer .leftSeam.artares
{
	background: white url(/images/photos/artares-bazen-1.jpg) no-repeat 63% 72%;
	background-size: cover;
}
#requestOffer .leftSeam.bt_pergomove
{
	background: white url(/images/photos/lamelova-pergola-bt-pergomove-01.jpg) no-repeat 63% 72%;
	background-size: cover;
}
#requestOffer .leftSeam.bt_pergoklima
{
	background: white url(/images/photos/lamelova-pergola-bt-pergoklima-01.jpg) no-repeat 63% 72%;
	background-size: cover;
}
#requestOffer .leftSeam.bt_pergosky
{
	background: white url(/images/photos/lamelova-pergola-bt-pergosky-01.jpg) no-repeat 63% 72%;
	background-size: cover;
}
#requestOffer .leftSeam.bt_pergonext
{
	background: white url(/images/photos/bt_pergonext.jpg) no-repeat 63% 72%;
	background-size: cover;
}
#requestOffer .leftSeam.pergotex
{
	background: white url(/images/photos/pergotex4.jpg) no-repeat 63% 72%;
	background-size: cover;
}
#requestOffer .leftSeam.plazaviva
{
	background: white url(/images/photos/plaza_viva_2.jpg) no-repeat top center;
	background-size: cover;
}
#requestOffer .leftSeam.floors_millboard
{
	background: white url(/images/photos/millboard_sample_golden_oak_big.jpg) no-repeat top center;
	background-size: cover;
}
#requestOffer .leftSeam.comp_millboard
{
	background: white url(/images/photos/millboard_sample_golden_oak_big.jpg) no-repeat top center;
	background-size: cover;
}

#requestOffer .leftSeam.mb_eg_smoked_oak,
#requestOffer .leftSeam.mb_eg_limed_oak,
#requestOffer .leftSeam.mb_eg_golden_oak,
#requestOffer .leftSeam.mb_eg_coppered_oak,
#requestOffer .leftSeam.mb_eg_jarrah,
#requestOffer .leftSeam.mb_eg_ashwood,
#requestOffer .leftSeam.mb_eg_ebony,
#requestOffer .leftSeam.mb_eg_burntCedar,
#requestOffer .leftSeam.mb_eg_antique_oak,
#requestOffer .leftSeam.mb_eg_brushedBasalt,
#requestOffer .leftSeam.mb_enhanced_grain
{
	background: white url(/images/photos/millboard_sample_golden_oak_big.jpg) no-repeat top center;
	background-size: cover;
}
#requestOffer .leftSeam.mb_wo_vintage,
#requestOffer .leftSeam.mb_wo_embered,
#requestOffer .leftSeam.mb_wo_driftwood,
#requestOffer .leftSeam.mb_weathered_oak
{
	background: white url(/images/photos/millboard_weathered_oak_vintage_big.jpg) no-repeat top center;
	background-size: cover;
}
#requestOffer .leftSeam.mb_lg_coppered,
#requestOffer .leftSeam.mb_lasta_grip
{
	background: white url(/images/photos/millboard_sample_lasta_grip_coppered_big.jpg) no-repeat top center;
	background-size: cover;
}
#requestOffer .leftSeam.mb_lg_golden
{
	background: white url(/images/photos/millboard_sample_lasta_grip_golden_big.jpg) no-repeat top center;
	background-size: cover;
}








#requestOffer .paperContent
{
	height: 500px;
	position: relative;
}
#requestOffer .paperContent.PT3
{
	padding-top: 3em;
}
#requestOffer .paperContent.PT5
{
	padding-top: 5em;
}
#requestOffer .paperContent.PT7
{
	padding-top: 7em;
}

#requestOffer .paperContent input
{
	height: 2.5rem;
	font-size: 1.3em;
}
#requestOffer .paperContent .required + label::after,
#sampleRequest .paperContent .required + label::after
{
	content: attr(data-error);
	color: #F44336;
	opacity: 1;
	-webkit-transform: translateY(9px);
	        transform: translateY(9px);
	        
	position: relative;
	display: block;
	top: 0;
	left: 0;
}

#requestOffer .paperContent .input-field.w25em .required + label::after,
#sampleRequest .input-field.w25em .required + label::after
{
	text-align: right;
}
#requestOffer .paperContent .input-field:not(.w25em) .required + label::after,
#sampleRequest .input-field:not(.w25em) .required + label::after
{
	width: 25em;
}
#mainPaper[data-section="index_contact"] #requestOffer .paperContent .required + label::after,
#sampleRequest .required + label::after
{
    right: 0;
    width: unset;
}
#requestOffer .paperContent .navnada
{
	display: none;
}
#requestOffer .paperContent input.required + label,
#sampleRequest input.required + label
{
	top: -13px;
    left: 13em;
    width: 15em;
    right: 0;
}
#requestOffer .paperContent input.required + label[for="floor_surface"],
#sampleRequest input.required + label[for="floor_surface"]
{
	left: 6em;
}
#requestOffer .paperContent .input-field.w25em .required + label,
#sampleRequest .input-field.w25em .required + label
{
	left: unset;
	width: 100%;
}
#mainPaper[data-section="index_contact"] #requestOffer .paperContent .required + label,
#sampleRequest .required + label
{
	top: -13px;
    right: 0;
    left: unset;
    width: 15em;
    text-align: right;
}
#requestOffer .paperContent input, 
#requestOffer .paperContent textarea
{
	color: #2364a6;
	font-weight: 500;
	padding: 0;
}
#requestOffer .paperContent textarea,
#mainPaper[data-content*="_samples"] #addressSection textarea
{
	border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    width: 98%;
    min-height: 10em;
}

#requestOffer .input-field .prefix
{
	cursor: pointer;
}
.thumbPattern .searchTab input[type=text]
{
	margin-bottom: 0;
	border-bottom: none;
	
	
	width: calc(100% - 3em);
}
#requestOffer .paperContent input[placeholder]
{
	font-weight: 100;
    font-size: 1.21em;
}
.thumbPattern .searchTab div.filterBar
{
	border-top: 1px solid #dedede;
	padding: 0.8em 0.9em 0;
	background-color: #eee;
}
.thumbPattern .searchTab input[type="checkbox"]
{
	font-weight: 500;
	padding: 0;
	margin-bottom: 0;
	
}
.thumbPattern .searchTab input[type="checkbox"] + label
{
	font-size: 0.9em;
    font-family: 'open sans';
    font-weight: 300;
    color: grey;
    line-height: 18px;
    margin-bottom: 8px;
    margin-right: 1em;
    padding-left: 25px;
}
.thumbPattern .searchTab input[type="checkbox"].filled-in:checked + label:before
{
	border-right: 3px solid grey;
    border-bottom: 4px solid grey;
}
.thumbPattern .searchTab input[type="checkbox"].filled-in:checked + label::after 
{
    border: 2px solid silver;
    background-color: #eee;
}
.thumbPattern .searchTab input[type="checkbox"] + label::after 
{
	height: 18px;
	width: 18px;
	border: 2px solid grey;
}
#requestOffer .paperContent textarea
{
	font-size: 1em;
}
#requestOffer #dialog6 h3
{
	margin-top: 2em;
	margin-left: 38px;
}
#requestOffer #dialog6 p
{
	margin: 1em 1em 1em 38px;	
	font-size: 1em;
}
#sliderWindowRequest .sentence
{
	float: left;
}
#sliderWindowRequest .toFill
{
	color: #2364a6;
}
#sliderWindowRequest .input-field
{
	
	
}
#requestSliderNav
{
	position: absolute;
    bottom: 0;
    margin-left: 280px;
    height: 90px;
    width: 100%;
    right: 0;
    
}
#requestSliderNav button
{
	right: 2em;
	float: right;
	top: 23px;
	margin-right: 1em;
}
button#requestSend 
{
    background-color: #85b52d;
}
#slideNumber
{
	margin-left: 330px;
    margin-top: 1.6em;
    color: #85b52d;
    font-size: 1.2em;
    width: 10em;
}
#sliderWindowRequest .paperContent span.parag
{
	margin-left: 0;
}
#sliderWindowRequest .paperContent .contHalf span.parag
{
	margin-left: 0;
}
#sliderWindowRequest .paperContent span.parag,
#sliderWindowRequest .paperContent label
{
	font-size: 1.2em;
}
#sliderWindowRequest .input-field label span
{
	display: none;
}
#sliderWindowRequest .paperContent span.parag.noIndent
{
	margin-left: 0;
}
#sliderWindowRequest textarea
{
	width: 90%;
}

/* request modal dialogs */
#requestOffer .modalDialog
{
	position: absolute;
    background-color: white;
    margin-left: 277px;
    box-shadow: -1px 0px 11px 0 #222;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: height 0.5s;
    z-index: 100;
}
#requestOffer .modalDialog.show
{
	width: calc(100% - 278px);
    height: 100%;
    transition: height 0.2s;
}
#requestOffer .modalDialog.static
{
	transition: unset;
}
#requestOffer .modalDialog.static.show
{
	transition: unset;
	height: 409px;
	box-shadow: none;
}
#requestOffer .modalDialog.dialog6
{
	overflow-y: scroll;
}
#requestOffer .modalDialog[].show
{
	
}
#requestOffer .modalDialog .bottomToolBar
{
	position: absolute;
    bottom: 0;
    height: 66px;
    border-top: 1px solid #ddd;
    width: 100%;
    margin: 0;
    margin-left: -278px;
}
#requestOffer .dialog2, #requestOffer #dialog3
{
	width: auto;
}
#requestOffer #dialog2.show, #requestOffer #dialog3.show
{
	width: auto;
}
#requestOffer #dialog2 .bottomToolBar, #requestOffer #dialog3 .bottomToolBar
{
	margin-left: 0;
}
#requestOffer .bottomToolBar button
{
	float: right;
    margin-right: 2em;
    margin-top: 10px;
}
#requestOffer .modalDialog .img
{
	float: left;
	position: relative;
    padding: 1em 1em 0em 1em;
    text-align: center;
}
#requestOffer .modalDialog .img img
{
	height: 70%;
    margin: 0;
}
#requestOffer #dialog1 .img img
{
	margin: 0;
    width: 100%;
    height: auto;
}
#requestOffer #dialog3 .img img
{
	width: 90%;
    margin: 0;
    height: auto;
}
#requestOffer .modalDialog .img span
{
    display: block;
    text-align: center;
    margin-top: 0.5em;
    font-weight: 300;
    font-family: 'open sans';
}
#requestOffer #dialog1 .img, #requestOffer #dialog4 .img
{
	height: 366px;
    margin-top: 43px;
    margin-left: 100px;
    width: 202px;
}
#requestOffer #dialog4 .img
{
	width: 322px;
}
#requestOffer #dialog2 .img
{
	height: 186px;
    margin-bottom: 0em;
    margin-left: 3em;
    margin-top: 1em;
    margin-right: 2em;
    width: 199px;
    
}
#requestOffer #dialog3 .img
{
	height: 212px;
    float: left;
    width: 200px;
}
#requestOffer .modalDialog .searchTab
{
	margin-top: 0;
	border-bottom: 1px solid grey;
	box-shadow: none;
	width: 100%;
	padding-left: 3rem;
}
#requestOffer .modalDialog .searchTab input
{
	margin-left: 0;
	border-bottom: 0;
}

#requestOffer .scrollingGrid .galleryContainer
{
	overflow-y: scroll;
    height: calc(100% - 66px);
    margin-top: 50px;
}
#requestOffer .scrollingGrid .bottomToolBar
{
	margin-left: 0;
    background-color: white;
}
#requestOffer .modalDialog .img:hover
{
	box-shadow: 1px 3px 6px 0 silver;
	cursor: pointer;
}
.w2em
{
	width: 2em;
}
.w3em
{
	width: 3em;
}
.w5em
{
	width: 5em;
}
.w25em
{
	width: 25em;
}
.w40em
{
	width: 40em;
}


/** gallery container **/
#galleryPaper
{
	box-shadow: 1px 3px 6px 0 gray;
	background-color: white;
	margin: 0;
	left: 0;
    top: 117px;
    height: 0;
    width: calc(100% - 277px);
    opacity: 0;
    transition: opacity 2s;
    margin-left: 277px;
    display: none;
}
#galleryPaper.show
{
	height: calc(100% - 117px);
    width: calc(100% - 277px);
    opacity: 1;
    top: 117px;
    transition: opacity 0.2s;
    min-height: 1080px;
    
    padding: 2em;
    display: block;
}
#galleryPaper.show.shown
{
	box-shadow: none;
	transition: box-shadow 0.2s;
	display: block;
}

#galleryPaper .galleryContainer 
{
	width: 93%;
	margin: 0 auto;
}
.column 
{
	position: relative;
	float: left;
	min-height: 1px;
	width: 31%;
	padding-left: 4px;
	padding-right: 24px;
	
	/* Space between tiles */
	margin-top: 0;
	margin-bottom: 4em;
}
.col-span 
{
	width: 50%;
}
/* default styles so shuffle doesn't have to set them (it will if they're missing) */
#my-shuffle, #refDetailGrid
{
	position: relative;
	overflow: hidden;
	width: 100%;
}
#galleryPaper *
{
	margin-left: 0;
}
.aspect 
{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}


.aspect.horizontal
{
	padding-bottom: 73.25%;
}
.aspect.panorama
{
	padding-bottom: 46.25%;
}
.aspect.panorama img
{
	/* padding-bottom: 10%; // TODO - if lables pushed down*/	
}
.aspect.vertical 
{
	padding-bottom: 73%;
}
#my-shuffle .aspect.vertical img,
#refDetailGrid .aspect.vertical img
{
	width: auto;
    margin: 0 auto;
}
.aspect.square 
{
	padding-bottom: 97.25%;
}


/** specific detail reference page styles **/

#referenceList .row.first.detail
{
	height: 0;
	opacity: 0.3;
	border: none;
	overflow: hidden;
}
#referenceList .referenceItem.detail
{
	border-right: none;	
}
#referenceList .referenceItem.detail .desc
{
	width: calc(100%);
}
#referenceList .referenceItem.detail.leftPic .desc h3,
#referenceList .referenceItem.detail.leftPic p:not(.first).narrow
{
	margin-left: 49px;
	float: left;
}
#referenceList .referenceItem.detail.rightPic .desc h3,
#referenceList .referenceItem.detail.rightPic p:not(.first).narrow
{
	
}
#referenceList .referenceItem.detail.leftPic p.quote,
#referenceList .referenceItem.detail.leftPic p:not(.first),
#referenceList .referenceItem.detail.rightPic p.quote,
#referenceList .referenceItem.detail.rightPic p:not(.first)
{
	width: 50%;
	float: left;
	clear: both;
}
#referenceList .referenceItem.detail
{
	overflow: hidden;
}
#referenceList .referenceItem.detail .gridContEnv
{
	min-height: 100vh;
}
#referenceList .referenceItem.detail .image
{
	display: none;
}
#referenceList .referenceItem .meta a,
#referenceDetail .meta a
{
	color: #2364a6;
	border-bottom: 1px dashed #2364a6;
}
#referenceDetail .meta table tr.firstRow td,
#referenceList .referenceItem.detail .meta table tr.firstRow td
{
	font-size: 1.2em;
	font-weight: 400;
}
#referenceList .referenceItem .meta table td,
#referenceDetail .meta table td
{
	color: #2364a6;
	font-size: 0.9em;
    line-height: 1.2em;
    padding-bottom: 0.8em;
}
#referenceList .referenceItem .meta table td.first,
#referenceDetail .meta table td.first
{
	padding-right: 2em;
	color: black;
	width: 14em;
}
#referenceList .referenceItem .meta table td span
#referenceDetail .meta table td span
{
	font-weight: 400;
}
#referenceList .referenceItem.detail .meta,
#referenceDetail .meta
{
	position: absolute;
    background-color: #f1f1f1;
    right: 0;
    padding: 2em;
    font-weight: 300;
    line-height: 2em;
    padding-right: 8em;
    padding-left: 3em;
    margin-bottom: 4em;
    width: 40%;
    top: 14em;
}
#referenceDetail .meta
{
	
}

#referenceDetail
{
	overflow: visible;
}
#referenceDetail .intro
{
	width: 50%;
	clear: both;
	float: left;
	margin-bottom: 4em;
	min-height: 16em;
	margin-top: 4em;
}
#referenceDetail p
{
    font-size: 0.9em;
}
#referenceDetail .quote
{
	font-style: italic;
    font-size: 0.9em;
    line-height: 2em;
    background: rgb(255,255,255,0.9);
    padding: 1em 1em 1em 0;
    z-index: 1;
    position: relative;
}
#referenceDetail .intro .quote span 
{
    font-weight: 600;
}
	
#refDetailGrid 
{
	margin-top: 7em;
    width: 90%;
    float: right;
    margin-right: 1em;
}
#refDetailGrid figure
{
	min-height: 500px;
	text-align: left;
}
#refDetailGrid .displayMeta
{
	font-weight: 300;
    padding: 0 1em;
    display: inline-block;
    line-height: 1.5em;
    font-size: 0.9em;
    text-align: left;
}
#refDetailGrid span.displayMeta
{
	padding: 0.5em 0 0;
}
#refDetailGrid span.displayMeta.title 
{
    text-transform: uppercase;
    
}





.aspect__inner 
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}



.pattern .thumGridGallery
{
	margin-left: 1em;
	margin-right: 1em;
}
.thumGridGallery.type1 .aspect 
{
	padding-bottom: 30%;
}
.thumGridGallery.type1 .column 
{
	width: 20%;
	padding-left: 11px;
	padding-right: 11px;
}
.pattern .thumGridGallery.type2 .aspect 
{
	padding-bottom: 100%;
}
.pattern .thumGridGallery.type2 .column 
{
	width: 20%;
	padding-left: 11px;
	padding-right: 11px;
}
.thumGridGallery.type3
{
	margin-top: 2em;
}
.thumGridGallery.type3 .aspect 
{
	padding-bottom: 100%;
}
.thumGridGallery.type3 .column 
{
	width: 12%;
	padding-left: 11px;
	padding-right: 11px;
}
.thumGridGallery.type3 figure
{
	min-height: 185px;
} 
.thumGridGallery.type3 figure span
{
	font-size: 0.8em;
	line-height: 1.5em;
}
.thumGridGallery.type4
{
	margin-top: 2em;
}
.thumGridGallery.type4 .aspect 
{
	padding-bottom: 15%;
}
.thumGridGallery.type4 .column 
{
	width: 45%;
	padding-left: 11px;
	padding-right: 11px;
	margin-bottom: 1em;
}
.thumGridGallery.type4 figure
{
	min-height: 50px;
} 
.thumGridGallery.type4 figure span
{
	font-size: 0.8em;
	line-height: 1.5em;
}





figure 
{
	margin: 0;
	padding: 0;
	text-align: center;
}
#my-shuffle figure:hover 
{
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
}
#my-shuffle figure img, .shuffle figure img  
{
	display: block;
	width: 100%;
	
	max-width: none;
	height: 100%;
	object-fit: cover;
	
	filter: grayscale(10%);
}
#my-shuffle figure span, 
.galleryContainer figure span
{
	font-family: 'open sans';
	font-weight: 300;
	line-height: 1.6em;
	display: inline-block;
}
.galleryContainer.noJs figure,
.galleryContainer figure
{
	margin-right: 1%;
    min-height: 450px;
    text-align: left;
    float: left;
}
.galleryContainer.noJs img
{
	width: 30%;
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;	
}
.galleryContainer.noJs span
{
	display: inline-block;
    width: 60%;
    line-height: 1.6em;
}
.galleryContainer.noJs span.title,
.galleryContainer figure span.title
{
	margin-bottom: 0.5em;
	text-transform: uppercase;
	font-size: 0.9em;
	padding-top: 0.5em;
	color: gray;
}
.galleryContainer.noJs span.description,
.galleryContainer figure span.description
{
	font-size: 0.9em;
    line-height: 1.8em;
    color: white;
}
.galleryContainer figure:hover span.description
{
	color: black;
}

.boxImg
{
	margin-left: 2px;
}
.boxImg .title
{
	font-family: 'Montserrat', sans-serif;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 2em;
}
.note, .sNote
{
	margin-top: 1em;
}


/** articles **/
#mainPaper[data-section="index_articles"],
#mainPaper[data-section="index_about"]
{
	padding-bottom: 4em;
}
#mainPaper[data-section="index_articles"] .newArticles .artThumb,
#mainPaper[data-section="not_found"] .newArticles .artThumb,
#mainPaper[data-section="index_product"] .newArticles .artThumb
{
	/* width: 46%; */
}
#mainPaper[data-section="index_articles"] .row.halfCol 
{
	width: 50%;
	padding-right: 49px;
	padding-left: 49px;
	margin-left: 0;
	
}
#mainPaper[data-section="index_articles"] .pageContent
{
	background-color: linen;
    padding: 1em 2em 3em 2em;
    margin-left: -49px;
    padding-left: 49px;
    margin-right: 49px;
    margin-bottom: 2em;
}
#mainPaper[data-section="index_articles"] h1
{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

#mainPaper[data-content="horeca"] h1,
#mainPaper[data-content="horeca"] h1 span,
#mainPaper[data-content="horeca"] h2,
#mainPaper[data-content="horeca"] li,
#mainPaper[data-content="warm_winter_gardens"] h1,
#mainPaper[data-content="warm_winter_gardens"] h1 span,
#mainPaper[data-content="warm_winter_gardens"] h2,
#mainPaper[data-content="warm_winter_gardens"] li
{
	font-family: 'Raleway', sans-serif;	
	margin-bottom: 1em;
    text-transform: none;
	font-weight: 300;
}
#mainPaper[data-content="horeca"] p,
#mainPaper[data-content="warm_winter_gardens"] p
{
	color: #bf9000;
}
#mainPaper[data-content="horeca"] #anchors,
#mainPaper[data-content="warm_winter_gardens"] #anchors
{
	font-size: 1.2em;
    font-weight: 300;
    color: black;
}
#mainPaper[data-content="horeca"] #contacts a,
#mainPaper[data-content="warm_winter_gardens"] #contacts a
{
	color: #2364a6;
}
#mainPaper[data-content="horeca"] .moreinfo,
#mainPaper[data-content="horeca"] .section .moreinfo a,
#mainPaper[data-content="warm_winter_gardens"] .moreinfo,
#mainPaper[data-content="warm_winter_gardens"] .section .moreinfo a
{
	color: grey;
	font-weight: 300;
	
}
#mainPaper[data-content="horeca"] .section .moreinfo i,
#mainPaper[data-content="warm_winter_gardens"] .section .moreinfo i
{
	vertical-align: middle;
	margin-right: 0.3em;
}
#mainPaper[data-content="horeca"] #anchors a,
#mainPaper[data-content="warm_winter_gardens"] #anchors a
{
	color: black;
}
#mainPaper[data-content="horeca"] p.statement,
#mainPaper[data-content="warm_winter_gardens"] p.statement
{
	font-size: 1.5em;
}
#mainPaper[data-content="horeca"] .section .statement,
#mainPaper[data-content="warm_winter_gardens"] .section .statement
{
	font-weight: 400;
}
#mainPaper[data-content="horeca"] li,
#mainPaper[data-content="warm_winter_gardens"] li
{
	list-style-position: outside;
	margin-left: 1.1em;
}
#mainPaper[data-content="horeca"] li i,
#mainPaper[data-content="warm_winter_gardens"] li i
{
	color: #bf9000;
	margin-left: -44px;
    margin-right: 19px;
    vertical-align: middle;
}
#mainPaper[data-content="horeca"] ul li,
#mainPaper[data-content="warm_winter_gardens"] ul li
{
	list-style-type: none;
	font-size: 1.1em;
	margin-left: 2.2em;
}

#mainPaper[data-content="horeca"] h1,
#mainPaper[data-content="horeca"] h1 span,
#mainPaper[data-content="horeca"] h2,
#mainPaper[data-content="warm_winter_gardens"] h1,
#mainPaper[data-content="warm_winter_gardens"] h1 span,
#mainPaper[data-content="warm_winter_gardens"] h2
{
	color: #bf9000;
}
#mainPaper[data-content="horeca"] h1,
#mainPaper[data-content="warm_winter_gardens"] h1
{
	font-size: 2.5em;
	letter-spacing: 0.05em;
}
#mainPaper[data-content="horeca"] h1 span,
#mainPaper[data-content="horeca"] h2 span,
#mainPaper[data-content="warm_winter_gardens"] h1 span,
#mainPaper[data-content="warm_winter_gardens"] h2 span
{
	font-weight: 400;
}
#mainPaper[data-content="horeca"] h2,
#mainPaper[data-content="warm_winter_gardens"] h2
{
	font-size: 1.8em;
	color: #2364a6;
}
#mainPaper[data-content="horeca"] h3,
#mainPaper[data-content="warm_winter_gardens"] h3
{
	font-family: 'Open Sans', sans-serif;
    margin-bottom: 1em;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
#mainPaper[data-content="horeca"] .section,
#mainPaper[data-content="warm_winter_gardens"] .section
{
	background-color: white;
    margin-left: 0;
    padding-left: 4em;
}
#mainPaper[data-content="horeca"] .section a,
#mainPaper[data-content="warm_winter_gardens"] .section a
{
	color: black;
    text-decoration: underline;
    font-weight: 400;
}
#mainPaper[data-content="horeca"] .section.bg,
#mainPaper[data-content="warm_winter_gardens"] .section.bg
{
	background-color: #f1f1f0;
    
}
#mainPaper[data-content="horeca"] .section h2,
#mainPaper[data-content="warm_winter_gardens"] .section h2
{
	color: black;
	font-weight: 500;
	margin-top: 1em;
}

#mainPaper[data-content="art_tips_for_roof_to_relax"] h1,
#mainPaper[data-content="art_customize_glasoase"] h1,
#mainPaper[data-content="art_glasoase_details"] h1,
#mainPaper[data-content="art_millboard_benefits"] h1
{
	font-size: 2.5em;
}
#mainPaper[data-content="art_tips_for_roof_to_relax"] h1::first-letter,
#mainPaper[data-content="art_customize_glasoase"] h1::first-letter,
#mainPaper[data-content="art_glasoase_details"] h1 span.drop
{
	font-size: 2.5em;
	color: #2364a6;
}
#mainPaper[data-content="art_millboard_benefits"] h2
{
	letter-spacing: 0.1em;
}
#mainPaper[data-section="index_articles"] h2, #mainPaper[data-section="not_found"] h2,
#mainPaper[data-section="index_articles"] h3,
#mainPaper[data-section="not_found"] h3,
#mainPaper[data-section="index_articles"] h4
{
	font-family: 'Raleway', sans-serif;	
	font-weight: 300;
}

#mainPaper[data-section="index_articles"] h1
{
	
}
#mainPaper[data-section="index_articles"] h2
{
	text-transform: initial;
	font-size: 1.8em;
}
#mainPaper[data-section="index_articles"] h2::before
{
	border-top: 9px solid gray;
    width: 4em;
    display: block;
    padding-top: 0.5em;
    content: "";
}
#mainPaper[data-section="index_articles"] h2.upThin
{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.6em;
}
#mainPaper[data-section="index_articles"] h2.upThin::before
{
	border-top: none;
}
#mainPaper[data-section="index_articles"] p + h2
{
	margin-top: 2em;
}
#mainPaper[data-section="index_articles"] h2 + h3
{
	margin-top: 0;
}
#mainPaper[data-section="index_articles"] h3,
#mainPaper[data-section="not_found"] h3,
#mainPaper[data-content*="_samples"] h3
{
	font-size: 1.4em;
	line-height: 3em;
	margin-top: 2em;
}

#mainPaper[data-section="index_articles"] h4
{
	font-size: 1.3em;
}

#mainPaper[data-section="index_articles"] h2.noBefore::before,
#mainPaper[data-section="index_articles"] h3.noBefore::before
{
	border: none;
}
#mainPaper[data-section="index_articles"] h3::before
{
	border-left: 12px solid gray;
    display: block;
    padding-top: 0.5em;
    content: "";
    margin-left: -1.3em;
    margin-top: 1.25em;
    position: absolute;
}
#mainPaper[data-section="index_articles"] .pageContent h2
{
	margin: 1em 0 0.3em;
	font-size: 1.8em;
}
#mainPaper[data-section="index_articles"] .pageContent h2:before
{
	padding: 0;
	border: none;
}
#mainPaper[data-section="index_articles"] .col.l8 .boxImg,
#mainPaper[data-section="index_articles"] .col.xl8 .boxImg
{
	width: 46%;	
}
#mainPaper[data-section="index_articles"] .col.l8.imgSameHeight .boxImg,
#mainPaper[data-section="index_articles"] .col.xl8.imgSameHeight .boxImg
{
	min-height: 375px;
}
#mainPaper[data-section="index_articles"] .halfCol .boxImg
{
	width: 46%;
}
@media screen and (max-width: 600px)
{
	#mainPaper[data-section="index_articles"] .col.l8 .boxImg,
	#mainPaper[data-section="index_articles"] .col.xl8 .boxImg,
	#mainPaper[data-section="index_articles"] .halfCol .boxImg
	{
		width: 100%;
		min-height: unset;	
	}	
	#mainPaper[data-section="index_articles"] .col.xl8.imgSameHeight .boxImg
	{
		min-height: unset;	
	}
}
#mainPaper[data-section="index_articles"] .col.x9 .boxImg,
#mainPaper[data-section="index_articles"] .col.xl9 .boxImg
{
	width: 100%;
	min-height: 375px;
}
#mainPaper[data-section="index_articles"] .pageContent > div
{
	width: auto;
	float: left;
	margin-right: 5em;
}
#mainPaper[data-section="index_articles"] .pageContent li
{
	margin-bottom: 0;
	line-height: 2em;
}
#mainPaper[data-section="index_articles"] .pageContent a
{
	color: black;
	
}

#mainPaper[data-section="index_articles"] .artTechNote1,
#mainPaper[data-section="index_articles"] .footBox,
#mainPaper[data-content="reference_complete_solutions"] .footBox,
#mainPaper[data-section="index_product"] .footBox,
#referenceList .referenceItem.detail .footBox, 
#mainPaper[data-section="index_reference"] #referenceDetail .footBox
{
	background-color: #eee;
    padding: 1.5em;
    font-size: 1em;
    
}
#referenceList .referenceItem.detail .footBox, 
#mainPaper[data-section="index_reference"] #referenceDetail .footBox
{
	font-weight: 300;
}
#mainPaper[data-section="index_reference"] #referenceDetail .footBox
{
	margin-left: 25%;
	width: 100%;
}
#mainPaper[data-section="index_articles"] .artNote1
{
	font-style: italic;
    font-size: 1.2em;
    border-left: 1px solid gray;
    padding: 0.5em 0 2em 2em;
}
#mainPaper[data-section="index_articles"] .footBox,
#mainPaper[data-section="index_product"] .footBox,
#mainPaper[data-content^="reference_complete"] .footBox,
#mainPaper[data-section="index_reference"] .referenceItem .footBox, 
#mainPaper[data-section="index_reference"] #referenceDetail .footBox
{
	margin-top: 3em;
	font-size: 1.7em;
	line-height: 2em;
	padding-top: 4em;
}
#mainPaper[data-section="index_reference"] .referenceItem .footBox, 
#mainPaper[data-section="index_reference"] #referenceDetail .footBox
{
	margin-top: 0;
}
#mainPaper[data-section="index_product"] .footBox,
#mainPaper[data-section="index_reference"] #referenceDetail .footBox
{
	position: relative;
}
#mainPaper[data-section="index_articles"] .footBox span.moreInfo,
#mainPaper[data-section="index_product"] .footBox span.moreInfo,
#mainPaper[data-content^="reference_complete"] .footBox span.moreInfo,
#mainPaper[data-section="index_reference"] .referenceItem .footBox span.moreInfo,
#mainPaper[data-section="index_reference"] #referenceDetail .footBox span.moreInfo
{
	display: inline-block;
	position: absolute;
	top: 0.5em;
	margin-bottom: 1em;
	font-size: 0.8em;
    color: gray;
}
#mainPaper[data-section="index_articles"] .footBox a,
#mainPaper[data-section="index_product"] .footBox a,
#mainPaper[data-content^="reference_complete"] .footBox a,
#mainPaper[data-section="index_reference"] .referenceItem .footBox a, 
#mainPaper[data-section="index_reference"] #referenceDetail .footBox a 
{
	text-decoration: none;
    font-weight: 600;
    color: #2364a6;
}
#mainPaper[data-section="index_articles"] .footBox i.material-icons,
#mainPaper[data-section="index_product"] .footBox i.material-icons,
#mainPaper[data-content^="reference_complete"] .footBox i.material-icons,
#mainPaper[data-section="index_reference"] .referenceItem .footBox i.material-icons, 
#mainPaper[data-section="index_reference"] #referenceDetail .footBox i.material-icons
{
	font-size: 1.2em;
    vertical-align: middle;
    color: #85b52d;
    position: relative;
}
.referenceItem .footBox
{
	display: none;	
}
.referenceItem.detail .footBox
{
	display: block;
}
.col.artThumb
{
	/* width: 28%; */
    float: left;
    padding: 1em;
    border-bottom: 1px solid gray;
    /* margin-right: 4%; */
    min-height: 43em;
}
.card .artThumb .highlight
{
	font-size: 1.1em;
}
#mainPaper[data-content="articles"] h2::before,
#mainPaper[data-section="index_articles"] .artThumb h2::before,
#mainPaper[data-section="index_articles"] .artThumb h3::before,
#mainPaper[data-section="index_product"] .artThumb h2::before,
#mainPaper[data-section="index_product"] .artThumb h3::before
{
	border: none;
}
#mainPaper[data-section="index_articles"] .artThumb h3,
#mainPaper[data-section="not_found"] .artThumb h3,
#mainPaper[data-section="index_product"] .artThumb h3
{
	line-height: 1.4em;
    min-height: 3em;
    margin-top: 0;
    font-weight: 500;
}
#mainPaper[data-section="index_articles"] .artThumb h3 a,
#mainPaper[data-section="not_found"] .artThumb h3 a,
#mainPaper[data-section="index_product"] .artThumb h3 a
{
	color: black;
}
#mainPaper[data-section="index_articles"] .artThumb:hover h3 a,
#mainPaper[data-section="not_found"] .artThumb:hover h3 a,
#mainPaper[data-section="index_product"] .artThumb:hover h3 a
{
    text-decoration: underline;
}
#mainPaper[data-section="index_articles"] .artThumb p,
#mainPaper[data-section="not_found"] .artThumb p,
#mainPaper[data-section="index_product"] .artThumb p
{
	width: 100%;
	line-height: 1.6em;
}
#mainPaper[data-section="index_articles"] .artThumb > a,
#mainPaper[data-section="not_found"] .artThumb > a,
#mainPaper[data-section="index_product"] .artThumb > a
{
	color: #2364a6;
}
#mainPaper[data-section="index_articles"] .artThumb .boxImg,
#mainPaper[data-section="index_articles"] .artThumb .boxImg img,
#mainPaper[data-section="not_found"] .artThumb .boxImg,
#mainPaper[data-section="not_found"] .artThumb .boxImg img,
#mainPaper[data-section="index_product"] .artThumb .boxImg,
#mainPaper[data-section="index_product"] .artThumb .boxImg img
{
	width: 100%;
	height: auto;
}
#mainPaper[data-section="index_articles"] p.imgDesc
{
	letter-spacing: 0.08em;
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: 2em;
}



/** paper animations **/
#mainPaper[data-section="index_reference"].card
{
	min-height: auto;
	padding-bottom: 3em;
}
#mainPaperNew
{
	position: absolute;
    z-index: 1000;    
}
#mainPaperTransform
{
	width: 100%;
	z-index: 1000;
}


/** paper content lists **/
.paperContent h4
{
	margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 2em;
    font-size: 1.2em;
}
.paperContent .cardDesc h4
{
	text-transform: none;
    
}
.paperContent .row ul
{
	background-color: ghostwhite;
    border: 1px solid lavender;
    padding: 2.5em 4em 2em 4em;
    margin: 4em 0;
    margin-top: 1em;
}
.paperContent .row ul.conficoBlueBackG
{
	background-color: #2364a6;
	color: white;
}
.paperContent .row ul.noBoarder
{
	border: none;
    padding: 1em 0 2em 3em;
    margin: 0;
    margin-top: 1em;
}
.paperContent ul li
{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    margin-bottom: 1em;
    font-weight: 300;
    list-style-type: disc;
    
    margin-bottom: 1em;
    line-height: 1.8em;
}
#mainPaper ol li
{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    margin-bottom: 1em;
    font-weight: 300;
    list-style-type: decimal;
    
    margin-bottom: 1em;
    line-height: 1.8em;
    padding-left: 0.5em;
}
#contact ol
{
	margin: 2em 0 0 1em;
}
#contact ol li
{
	font-size: 0.95em;
}

/** tables **/
div.tableContainer.scrollx
{
	overflow-x: auto; 
}
div.tableContainer.scrollx table
{
	margin-bottom: 0;
}
div.tableContainer.scrollx table tr td:first-child
{
	
}


table.defaultData
{
	margin: 2em 0;
}
table.defaultData.zebraRows tr:nth-child(even) td 
{
	background-color: #f2f2f2
}
table.defaultData td, table.defaultData tbody th, table.defaultData th, table.defaultData tbody th.left
{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    
    font-weight: 300;
    
    border-right: 1px solid #eee;
    border-bottom: 1px solid gray;
    	
    background-color: white;
    padding: 0.6em 0;
}
table.pricelist td.minor
{
	border-bottom: 1px solid #eee;
}
table.pricelist td > span
{
	font-weight: 600;
	background-color: #efefef;
	
}
table.pricelist td span.explNote
{
	color: gray;
    letter-spacing: 0.05em;
    background-color: transparent;
    font-weight: 200;
    font-style: italic;
}
table.defaultData th, table.defaultData td, table.defaultData caption 
{
    padding: 0.75em 0.5em 0.75em;
}
table.defaultData tfoot td
{
	font-size: 0.8em;
    color: gray;
    padding-top: 3em;
    line-height: 2em;
}
table.defaultData.cellSpaces td,
table.defaultData.pricelist.cellSpaces th
{
	padding-left: 1em;
	padding-right: 1em;
}
table.defaultData.pricelist th
{
	font-weight: 600;
}
table.defaultData.pricelist td.sectionName
{
	text-align: center;
	letter-spacing: 0.15em;
	font-size: 0.9em;
	font-weight: 600;
}

#mainPaper .pricelistNotes ol li,
#mainPaper .pricelistNotes p
{
	font-size: 0.95em;
}
#mainPaper .pricelistNotes ol li
{
	padding-left: 0.5em;
    list-style-position: outside;
    margin-left: 1em;
    margin-bottom: 0.4em;
}
table.pricelist .LScreen
{
	display: table-cell;
}
table.pricelist .SScreen
{
	display: none;
}
table.pricelist .pieceVAT
{
	display: table-cell;	
}

/** page footer **/
#pageFooter
{
	margin-top: 4em;
    width: 100%;
    height: 22em;
    background-color: #2364a6;
    box-shadow: 0 2px 2px 0px #222;
    margin-bottom: 3px;
}
#pageFooter div
{
	margin-left: 26em;
	margin-right: 6em;
	
	padding-top: 2em;
	padding-bottom: 2.3em;
	
	overflow: hidden;
}
#pageFooter div table
{
	width: 21%;
	float: left;
	margin-right: 3em;
}
#pageFooter div:nth-child(1)
{
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}
#pageFooter div:nth-child(1) td
{
	font-size: 0.97em;
	line-height: 2em;
	color: white;
}
#pageFooter div:nth-child(2)
{
	padding-top: 1.2em;
	clear: both;
}
#pageFooter div:nth-child(2) p
{
	font-size: 0.8em;
	line-height: 1.8em;	
	color: rgba(255, 255, 255, .8);
}
#pageFooter td, #pageFooter div
{
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    
}   
#pageFooter td span
{
	font-weight: 600;
}   
#pageFooter a.icon
{
	display: inline-block;
    line-height: 1em;
    margin-top: 2em;
    margin-right: 1em;
}
#pageFooter i.fab
{
	font-family: "Font Awesome 5 Brands";
    font-size: 1.8em;
    padding: 0.2em 0.2em 0.2em 0;
    color: white;
}   
   
/** Glazing **/
#choose_glazing_glasoase ul
{
	padding: 2em 3em;
    margin: 3em 0;
    border: none;
}   
#choose_pergotex_glazing ul h4,
#choose_artares_glazing ul h4,
#choose_bt_code_glazing ul h4,
#choose_bt_all_glazing ul h4,
#choose_pergosky_glazing ul h4,
#choose_bt_pergonext_glazing ul h4,
#choose_bt_pergoklima_glazing ul h4,
#choose_bt_pergosky_glazing ul h4,
#choose_bt_pergomove_glazing ul h4,
#choose_glazing_glasoase ul h4,
#choose_glazing_terrazza_pure ul h4
{
	margin-top: -1em;
    line-height: 3em;
    padding: 0;
    margin-left: -1em;
    font-weight: 700;
}
#choose_glazing_glasoase li   
{
	margin-bottom: 1em;
    list-style-type: disc;
    margin-bottom: 1em;
     
}
   
   
/** contact **/
#mapContainer
{
	height: 950px;
	background-color: #2364a6;
	padding: 2em;
    padding-bottom: 15em;
}   
#mapContainer #map
{
	height: 600px;
    width: 100%;
    padding: 0;
    margin: 0;
}
#contact .row.second h3
{
	margin-top: 0;
}   
#contact .row #mapInfo h3
{
	margin: 2em 0 1em;
}
#mapInfo
{
	
}
#mapInfo, 
.row #mapInfo h3
{
	color: white;
    font-weight: 200;
    line-height: 1.8em;
}   
#mapInfo table td:first-child
{
	width: 5em;
}
#mapInfo table td:nth-child(2)
{
	font-weight: 400;
}

/* contact form */

#mainPaper #requestOffer
{
	margin: 0;
	border-top: 1px solid #ddd;
	margin-top: 3em;
}  
#requestOffer .paperContent.overflowing
{
    height: auto;
    overflow: inherit;
}
#mainPaper #sliderWindowRequest
{
	margin-left: 0;
	height: 400px;
	border-bottom: none;
}   
#mainPaper form#clientRequest   
{
	width: 65%;
}

#requestOffer #requestSliderNav
{
	margin-left: 0;
    height: 90px;
}
#mainPaper[data-section=index_contact] #requestOffer .slick-track,
#mainPaper[data-content=horeca] #requestOffer .slick-track,
#mainPaper[data-content=warm_winter_gardens] #requestOffer .slick-track
{
	width: 100%;
}
#mainPaper[data-section=index_contact] #requestOffer,
#mainPaper[data-content=horeca] #requestOffer,
#mainPaper[data-content=warm_winter_gardens] #requestOffer
{
	width: 100%;
	overflow: hidden;
}
#mainPaper[data-section=index_contact] #requestOffer form,
#mainPaper[data-content=horeca] #requestOffer form,
#mainPaper[data-content=warm_winter_gardens] #requestOffer form
{
	width: 66%;
    padding: 1em 2em 2em 4em;
    float: left;
}
#mainPaper[data-section=index_contact] #requestOffer #sliderWindowRequest ,
#mainPaper[data-content=horeca] #requestOffer #sliderWindowRequest,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #sliderWindowRequest
{
    margin-left: 0;
    height: auto;
    border-bottom: none;
}
#mainPaper[data-section=index_contact] #requestOffer #sliderWindowRequest .slick-slide,
#mainPaper[data-content=horeca] #requestOffer #sliderWindowRequest .slick-slide,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #sliderWindowRequest .slick-slide
{
	width: auto;
}
#mainPaper[data-section=index_contact] #requestOffer form #textarea,
#mainPaper[data-content=horeca] #requestOffer form #textarea,
#mainPaper[data-content=warm_winter_gardens] #requestOffer form #textarea
{
	margin-left: 0;
}
#mainPaper[data-section=index_contact] #requestOffer form #textarea textarea,
#mainPaper[data-content=horeca] #requestOffer form #textarea textarea,
#mainPaper[data-content=warm_winter_gardens] #requestOffer form #textarea textarea
{
	width: 99%;
	
}
#mainPaper[data-section=index_contact] #requestOffer h3,
#mainPaper[data-content=horeca] #requestOffer h3,
#mainPaper[data-content=warm_winter_gardens] #requestOffer h3
{
	margin-left: 0;
}
#mainPaper[data-section=index_contact] #requestOffer #sliderWindowRequestConfirmation h3,
#mainPaper[data-content=horeca] #requestOffer #sliderWindowRequestConfirmation h3,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #sliderWindowRequestConfirmation h3
{
	margin-left: 3em;
}


#mainPaper[data-section=index_contact] #requestOffer #requestSliderNav,
#mainPaper[data-content=horeca] #requestOffer #requestSliderNav,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #requestSliderNav
{
	position: relative;
}
#mainPaper[data-section=index_contact] #requestOffer #requestSliderNav button,
#mainPaper[data-content=horeca] #requestOffer #requestSliderNav button,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #requestSliderNav button
{
	right: 0;
	margin-right: 0;
}
#mainPaper[data-section=index_contact] #requestOffer #instructions,
#mainPaper[data-content=horeca] #requestOffer #instructions,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #instructions
{
	width: 33%;
    float: right;
    padding: 3em 3em 0 3em;
    color: rgb(38,102,167);
    border-left: 1px solid #eee;
    margin-top: 2em;
    font-size: 0.8em;
    
}
#mainPaper[data-content=horeca] #requestOffer #instructions p,
#mainPaper[data-content=warm_winter_gardens] #requestOffer #instructions p
{
	color: black;
}

/** last visited products **/
#lastVisitedProductsList
{
	overflow: hidden;
}
#lastVisitedProductsList .visitedProduct
{
	background-color: #eee;
    font-family: 'open sans';
    font-size: 1.5em;
    font-weight: 300;
    line-height: 2em;
    width: auto;
    float: left;
    padding: 0 2em;
    margin-right: 1em;
}
#lastVisitedProductsList .visitedProduct a
{
	color: black;
}
#lastVisitedProductsList .visitedProduct:hover a
{
	text-decoration: underline;
}
   
/** configurator **/

#mainPaper[data-content="product"]
{
	padding-bottom: 6em;
}


#productConfiguratorEnvelope
{
	padding: 2em 0;
    overflow: hidden;
    
}
.dashedLine
{
	background-image: linear-gradient(to right, transparent 50%, #bbb 50%);
	background-size: 16px 100%;
	background-position: top;
	background-repeat: repeat-x;
	height: 1px;
}
.dashedLineLeft
{
	background-image: linear-gradient(to bottom, transparent 50%, #bbb 0%);
	background-size: 1px 16px;
	background-position: left;
	background-repeat: repeat-y;
}
.dashedLineRight
{
	background-image: linear-gradient(to bottom, transparent 50%, #bbb 0%);
	background-size: 1px 16px;
	background-position: right;
	background-repeat: repeat-y;
	
	margin-right: 2em;
}

.card form#productConfigurator
{
	margin-left: 0;
    width: 50%;
    float: left;
    margin-top: 0;
}

#mainContent .headerBackG
{
	background-color: #2364a6;
    color: white;
    padding: 1.9em 3.5em 1.3em 49px;
    position: relative;
    left: -49px;
    margin-top: 4em;
    margin-bottom: 5em; 
    display: table;
}
#mainContent .headerBackG h2
{
	text-transform: lowercase;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.3em;
    margin-left: 0.5em;
    font-size: 1.8em;
}
#mainContent .headerBackG .arrow-down.size1
{
	border-left-width: 25px;
	border-right-width: 25px;
	border-top-width: 25px;
	
	height: 52px;
	width: 40px;
	position: absolute;
    bottom: -50px;
    left: calc(50% - 45px);
}
#productConfigurator .question .text
{
	font-size: 1.5em;
	font-weight: 300;
    line-height: 1em;
    color: black;
    margin-bottom: 1em;
}
#productConfigurator .question.active .text
{
	color: #2364a6;
}
#productConfigurator #q1
{
	
}
#productConfigurator .question
{
	position: relative;
	overflow: visible;
	margin-bottom: 3em;
	
	margin-left: 2em;
	min-height: 1.5em;
	opacity: 1;
	transition: opacity 0.3s;
}
#productConfigurator .question.filtered
{
	opacity: 0;
}
#productConfigurator .question.active 
{
    margin-top: 3em;
}
#productConfigurator #q1.question,
#productConfigurator #q1.question.active 
{
    margin-top: 1em;
}
#productConfigurator .question.q2.active
{
	padding-top: 2em; 
	margin-bottom: 3em;
}
#productConfigurator .question .answer
{
	background-color: #ddd;
    padding: 0.2em 0.4em;
    display: none;
}
#productConfigurator .question .answer.show
{
	display: inline;
	line-height: 1.7em;
}
#productConfigurator .question .options
{
	width: 22em;
    margin-left: 1em;
   	display: inline-block;
}
#productConfigurator #q1.question .options
{
	width: 27em;
}
#productConfigurator #q2.question .options
{
	width: 32em;
}

#productConfigurator .question .options[data-select="single"] button
{
	display: none;
}   
#productConfigurator button#restart
{
	float: right;
	margin-right: 2em;
	background-color: rgba(158,158,158, 0.20);
	color: rgb(38,102,167);
}
#productConfigurator button#restart:hover
{
	background-color: rgb(38,102,167);
	color: white;
}
#productConfigurator .question .options label
{
	color: #2364a6;
}
   
#productList
{
	width: 49%;
    float: right;
    margin-top: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
        
}   
#productList .intro
{
	font-size: 1.3em;
    border-left: 1px solid silver;
    padding: 3em 2em 3em;
    color: #555;
}
#productList .productItem
{
	border-left: 1px solid #ddd;
	padding-bottom: 1em;
	overflow: hidden;
	position: relative;
	opacity: 1;
	height: 208px;
	transition: opacity, height 0.3s;
	padding-left: 49px;
	padding-top: 1em;
    padding-right: 1em;
}
#productList .productItem:hover
{
	background-color: #eeeeef;
	cursor: pointer;
	
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#productList .productItem.filtered
{
	opacity: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
#productList .productItem .arrow-right
{
	border-left-width: 8px;
	border-right-width: 8px;
	border-top-width: 8px;
	border-bottom-width: 8px;
	
	position: absolute;
    left: 0px;
    top: 21px;
}
#productList .productItem:hover .arrow-right
{
	border-width: 10px;
	top: 19px;
}
#productList .productItem h3
{
	font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 0.5em;
    float: left;
    
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5em;
    padding-right: 30%;
}
#productList .productItem:hover h3
{
	border-bottom: none;
}
#productList .productItem h3 a
{
	color: black;
	text-decoration: none;
}
#productList .productItem:hover h3 a
{
	text-decoration: none;
}
#productList .image
{
	background-size: 260px auto;
    height: 190px;
   	background-repeat: no-repeat;
    width: 41%;
    float: right;
}   
#productList #zenara .image
{
	background-image: url(../images/aw_zenara.jpg);
}
#productList #kubata .image
{
	background-image: url(../images/aw_kubata.jpg);
}
#productList #smaila .image
{
	background-image: url(../images/aw_smaila.jpg);
}   
#productList #opal .image
{
	background-image: url(../images/aw_opal.jpg);
}
#productList #seminaLife .image
{
	background-image: url(../images/aw_semina_life.jpg);
}   
#productList #cassita .image
{
	background-image: url(../images/aw_cassita.jpg);
}
#productList #livona .image
{
	background-image: url(../images/aw_livona.jpg);
}   
#productList #topas .image
{
	background-image: url(../images/aw_topas.jpg);
}
#productList #semina .image
{
	background-image: url(../images/aw_semina.jpg);
} 

#productList #pergotex .image
{
	background-image: url(../images/pergolaPergotex.jpg);
}
#productList #plazaViva .image
{
	background-image: url(../images/pergolaViva.jpg);
}   

#productList #terrazza .image
{
	background-image: url(../images/roofsTerrazza.jpg);
}
#productList #glasoase .image
{
	background-image: url(../images/roofsGlasoase.jpg);
}  
#productList #terrazzaPure .image
{
	background-image: url(../images/roofsPure.jpg);
}
#productList #wgTerrazzaPure .image
{
	background-image: url(../images/wgTerrazzaPure.jpg);
}
#productList #wgTerrazzaSempra .image
{
	background-image: url(../images/wgTerrazzaSempra.jpg);
}
#productList #terrazzaSempra .image
{
	background-image: url(../images/terrazzaSempra.jpg);
}   
#productList .productItem table
{
	width: 49%;
	position: absolute;
	bottom: 48px;
}
#productList .productItem table td
{
	font-weight: 200;
	
}

/** product specific stzles **/
#millboard_care ol
{
	list-style-position: outside;
	margin-left: 1em;
	margin-bottom: 5em;
}
#millboard_care ol li
{
	padding-left: 0.5em;
}




/** screens page **/
.row .col.screenSample,
.row .col.collectionSample
{
	text-align: center;	
	padding: 0;
    padding-right: 2em;
    margin-bottom: 3em;
}
.screenSample p,
.collectionSample p
{
	text-align: center;
	font-size: 1em;
    line-height: 1.5em;
}
.slick-slide .screenSample img,
.slick-slide .collectionSample img
{
	display: inline-block;
}
.slick-slide .collectionSample img
{
	margin-bottom: 2em;
}


   
/** about page **/
.writtenSlogan, #companySlogan
{
	font-family: 'Marck Script', cursive;
	font-size: 2.5em;
    color: #444;
    margin-bottom: 0.5em;
}
.writtenSlogan
{
	text-align: center;
	margin: 2em 0 4em;
	color: #444;
}
#mainPaper[data-section="index_about"] p a
{
	text-decoration: none;
}

/** fabric page **/
.highlighted
{
	background-color: #2364a6;
	color: white;
	padding: 0.2em 0.5em;
}
#mainPaper[data-content="fabric_pattern_weinor"] .intro.halfCol,
#mainPaper[data-content="fabric_viva"] .intro.halfCol,
#mainPaper[data-content="fabric_awnings"] .intro.halfCol,
#mainPaper[data-content="fabric_weinor"] .intro.halfCol
{
	background-color: #f7f7f7;
    margin-right: 4em;
    padding-left: 2em;
    padding-right: 2em;
    min-height: 30em;
    margin-bottom: 3em;
}
#mainPaper[data-content="fabric_pattern_weinor"] .intro.halfCol img,
#mainPaper[data-content="fabric_viva"] .intro.halfCol img,
#mainPaper[data-content="fabric_awnings"] .intro.halfCol img,
#mainPaper[data-content="fabric_weinor"] .intro.halfCol img
{
	margin: 2em 0;
}
#mainPaper[data-content="fabric_pattern_weinor"] .intro.halfCol h4,
#mainPaper[data-content="fabric_viva"] .intro.halfCol h4,
#mainPaper[data-content="fabric_awnings"] .intro.halfCol h4,
#mainPaper[data-content="fabric_weinor"] .intro.halfCol h4
{
	margin-bottom: 1em;
}
#mainPaper[data-content="fabric_pattern_weinor"] .intro.halfCol button,
#mainPaper[data-content="fabric_viva"] .intro.halfCol button,
#mainPaper[data-content="fabric_awnings"] .intro.halfCol button,
#mainPaper[data-content="fabric_weinor"] .intro.halfCol button
{
	color: rgb(38,102,167);
	background-color: white;
	letter-spacing: 0.05em;
	margin-bottom: 2em;
	font-weight: 500;
}
#mainPaper[data-content="fabric_pattern_weinor"] .intro.halfCol button:hover,
#mainPaper[data-content="fabric_viva"] .intro.halfCol button:hover,
#mainPaper[data-content="fabric_awnings"] .intro.halfCol button:hover,
#mainPaper[data-content="fabric_weinor"] .intro.halfCol button:hover
{
	background-color: rgb(38,102,167);
	color: white;
}


/** attachements **/
#attachements ul, 
ul.forDownload 
{
    padding: 1em;
}
.paperContent .row ul.forDownload  
{
    background-color: ghostwhite;
    border: none;
    padding: 1.5em 1em 0;
    margin: 4em 0;
    margin-top: 1em;
}
.paperContent .row ul.forDownload  li
{
    border: none;
    
}
#attachements ul li, 
ul.forDownload li
{
    width: 100%;
    margin-right: 1em;
    list-style-type: none;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 1em;
    position: relative;
}
#attachements ul li a:first-child,
ul.forDownload li a:first-child
{
	float: left;
	margin-right: 2em;
}
#attachements ul li a:first-child img,
ul.forDownload li a:first-child img
{
	min-height: 200px;	
}
#attachements ul li a:nth-child(2),
ul.forDownload li a:nth-child(2)
{
	
}


/** gdpr **/
#mainPaper[data-content="personal_info_protection"] h3
{
	font-size: 1.3em;
    margin: 2em 0 0.5em;
}
#mainPaper[data-content="personal_info_protection"] ul 
{
    margin-bottom: 2em;
}
#mainPaper[data-content="personal_info_protection"] ul li 
{
    font-weight: 300;
    line-height: 2em;
    font-size: 1.1em;
}



/** timeline **/

#mainPaper .timeline 
{
	position: relative;
	width: 70%;
    margin: 0 auto;
}
.timeline h3
{
	font-size: 1.5em;
    color: #2364a6;
    margin: 0.5em;
    position: absolute;
    top: -3em;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.02em;
}
.timeline .timeline-event:nth-child(odd) h3
{
	right: 53%;
	text-align: right;
}
.timeline .timeline-event:nth-child(even) h3
{
	left: 53%;
}
.timeline ul
{
	position: absolute;
    color: #2364a6;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.9em;
    letter-spacing: 0.01em;
}
.timeline .timeline-event:nth-child(odd) ul
{
	left: calc(50% + 4em);
}
.timeline .timeline-event:nth-child(even) ul
{
	right: calc(50% + 4em);
	text-align: right;
}
.timeline ul li
{
	margin-bottom: 0.6em;
    line-height: 1.4em;
}
.timeline .timeline-event 
{
	position: relative;
	padding-top: 15px;
	padding-bottom: 5px;
}
.timeline .timeline-event .timeline-content 
{
	position: relative;
	width: calc(47% - 50px);
	margin-bottom: 160px;
}
.card.timeline-content
{
	padding-top: 0;
}
.card.timeline-content > div
{
	margin: 0;
}
.card.timeline-content .card-content  p
{
	font-size: 0.9em;
    line-height: 1.5em;
    letter-spacing: 0.02em;	
}
.card .card-content
{
	padding: 0.6em 24px;
}
.timeline .timeline-event::before 
{
  display: block;
  content: "";
  width: 2px;
  height: calc(50% - 30px);
  position: absolute;
  background: #d2d2d2;
  left: calc(50% - 1px);
  top: 0;
}
.timeline .timeline-event::after 
{
	display: block;
    content: "";
    width: 2px;
    height: calc(80% - 10px);
    position: absolute;
    background: #d2d2d2;
    left: calc(50% - 1px);
    top: calc(-6% + 30px);
}
.timeline .timeline-event:first-child::before, .timeline .timeline-event:last-child::after 
{
  	display: none;
}
.timeline .timeline-event:nth-child(even) .timeline-content 
{
	margin-left: calc(53% + 50px);
}
.timeline .timeline-event:nth-child(odd) .timeline-content 
{
	margin-left: 0;
}
.timeline .timeline-badge 
{
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: gray;
	top: -57px;
	right: calc(50% - 10px);
	border-radius: 50%;
	text-align: center;
	cursor: default;
}
.timeline .timeline-badge i 
{
  font-size: 25px;
  line-height: 40px;
}

@media (max-width: 600px) 
{
	.timeline .timeline-event .timeline-content 
	{
	  width: calc(100% - 70px);
	}
	.timeline .timeline-event::before, .timeline .timeline-event::after 
	{
	  left: 19px;
	}
	.timeline .timeline-event:nth-child(even) .timeline-content, .timeline .timeline-event:nth-child(odd) .timeline-content 
	{
	  margin-left: 70px;
	}
	.timeline .timeline-badge 
	{
	  left: 12px;
	}
}


/** griesser **/
#metalunic_highlights div div
{
	margin-bottom: 2em; 
}
#metalunic_highlights p
{
	margin-bottom: 4em; 
}
#metalunic_highlights p span
{
	font-weight: 600;
	display: block; 
}
#mainPaper[data-content=metalunic_installation] table caption 
{
	text-transform: uppercase;
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    padding-left: 0;
}
.wideBgImage
{
	width: 100%;
}
.paperContent .wideBgImage
{
	background-size: cover;
	margin-left: 0;
}
#metalunic_v_sinus.paperContent .wideBgImage
{
	background: white url(/images/photos/griesser-metalunic-v-sinus-house-2.jpg) no-repeat left center;
	height: 52em;    
}
#metalunic.paperContent .wideBgImage
{
	background: white url(/images/photos/griesser-metalunic-house-7.jpg) no-repeat right center;
	height: 52em;    
}
#metalunic_v_sinus.paperContent .wideBgImage .linkBox,
#metalunic.paperContent .wideBgImage .linkBox
{
	float: right;
	padding-top: 1.5em;
	padding-bottom: 1em;
	padding-left: 2.5em;
	background-color: rgb(255,255,255,0.75);
	min-width: 30.5em;
}
#metalunic.paperContent .wideBgImage .linkBox
{
	float: right;
}
.wideBgImage .linkBox
{
	font-weight: 300;
	line-height: 1.5em;
	padding-right: 4.5em;
	clear: both;
	margin-top: 2em;
}
.wideBgImage .linkBox:first-child
{
	margin-top: 5em;
}
.wideBgImage .linkBox div
{
	margin-bottom: 1em;
}
.wideBgImage .linkBox span
{
	font-weight: 500;
}
.wideBgImage .linkBox .small
{
	font-size: 1em;
}
.wideBgImage .linkBox .medium
{
	font-size: 1.2em;
}
.wideBgImage .linkBox .link
{
	font-size: 1.4em;
    color: #2364a6;
    line-height: 1.5em;
    float: right;
    letter-spacing: 0.03em;
    margin-bottom: 0.5em;
}
.wideBgImage .linkBox .link a
{
	position: relative;
}
.wideBgImage .linkBox .link .arrow-right
{
	border-left-width: 10px;
    border-right-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
	
	position: absolute;
    top: 4px;
    right: -22px;
}

/** aktualne **/

#mainPaper[data-content="notice"]
{
	/* background-image: url(../images/for_garden_2023_small.jpg); */
	/* background-image: url(../images/for_arch_2023_small_red_2.jpg); */
	background-position: right top;
	background-repeat: no-repeat;
}
#mainPaper[data-content="notice"] h2
{
	margin-bottom: 2em;	
}

#mainPaper[data-content="notice"] h3
{
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 1.5em;	
	color: #2364a6;
	
}
#mainPaper[data-content="notice"] h4
{
	font-size: 1.4em;
	font-weight: 300;
	margin-bottom: 1.5em;
}
#mainPaper[data-content="notice"] .profile h4
{
	font-size: 1.1em;
	font-weight: normal;
}
#mainPaper[data-content="notice"] p.first
{
	font-size: 1.3em;
}
#mainPaper[data-content="notice"] p
{
	margin-bottom: 4em;
	font-size: 1.2em;
	font-style: italic;
	line-height: 2em; 
}
#mainPaper[data-content="notice"] strong
{
	font-weight: 600; 
}
#mainPaper[data-content="notice"] .videoReferenceItem
{
	padding-top: 0;
}


/** millboard page **/
#mainPaper[data-content="floors_millboard"] h2,
#mainPaper[data-content="cladding"] h2
{
	letter-spacing: 0.05em;
	font-weight: 300;
}
#mainPaper[data-content="floors_millboard"] h2 span,
#mainPaper[data-content="cladding"] h2 span
{
	font-weight: 400;
}
#mainPaper[data-content="cladding"] h2 span span
{
	font-weight: 600;
}
#mbFeatures
{
	min-height: 3em;
	margin: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	font-size: 0.95em;
}
#mbFeatures div
{
	width: calc(100%/3);
    float: left;
    min-height: 10.5em;
    padding: 3em 49px 3em;
    font-weight: 300;
    letter-spacing: 0.025em;
    border-right: 1px solid #e2e2e2;
}
#mbFeatures div span
{
	font-weight: 400;
	color: #333;
}
#mbLines, #clProfiles, #mbSLDecor, #mbClDetails
{
	overflow: hidden;
    clear: both;
    margin: 0;
}
#mbLines .intro,
#mbColors .intro,
#mbProjects .intro,
#clProfiles .intro,
#mbSLDecor .intro,
#mbClDetails .intro,
#mbSubFrames .intro
{
    text-align: center;
    min-height: 4em;
	padding: 1.5em 1em 1.5em;
    font-size: 1.5em;
    letter-spacing: 0.15em;
    color: #2364a6;
    background-color: #e2e2e2;
    font-weight: 500;
}
#mbColors .intro,
#mbProjects .intro,
#clProfiles .intro,
#mbSLDecor .intro,
#mbClDetails .intro,
#mbSubFrames .intro
{
	text-align: left;
    padding-left: 70px;
    padding-top: 3em;
}
#mbSLDecor .intro span
{
	font-weight: 300;
    font-size: 0.8em;
    letter-spacing: 0.05em;
    font-style: italic;
}
#mbLines .mbLineSection,
#clProfiles .mbLineSection 
{
    position: relative;
    clear: both; 
    overflow: hidden;
    width: 100%;
    min-height: 379px;
    clear: both;
}
#clProfiles .mbLineSection
{
	min-height: 600px;
}
#clProfiles .mbLineSection 
{
	border-bottom: 1px solid #f5f5f5;
}
#mbLines .mbLineSection > a
{
    overflow: hidden;
}
#mbLines .mbLineSection div,
#clProfiles .mbLineSection div
{
 	width: 50%;
    padding-top: 3em;
    padding-left: 45px;
    padding-bottom: 2em;
    float: left;
    overflow: hidden;
}
#mbLines .mbLineSection .image,
#clProfiles .mbLineSection .image
{
	padding: 0;
	overflow: hidden;
	max-height: 530px;
}
#mbLines.cladding .mbLineSection .image,
#clProfiles .mbLineSection .image
{
	max-height: 600px;
}
#clProfiles .mbLineSection .image
{
	max-height: 600px;
	width: 34%;
}
#mbLines .mbLineSection img,
#clProfiles .mbLineSection img
{
	height: 100%;	
}
#clProfiles .mbLineSection.shadowL img
{
	margin-top: 50px;
}
#clProfiles .mbLineSection .image.toRight 
{
	text-align: right;
}
#mbLines .mbLineSection .desc
{
	padding: 0;	
}
#clProfiles .mbLineSection .desc
{
	width: 66%;
	padding: 3em 4em 0 1em;
}
#mbLines.cladding .mbLineSection .desc
{
    padding: 3em 7em 0 1em;
}
#clProfiles .mbLineSection .desc p
{
	width: 45%;
}
#mbLines.cladding .mbLineSection .desc.alignRight ,
#clProfiles .mbLineSection .desc.alignRight
{
    padding: 3em 3em 0 3em;
}
#mbLines .mbLineSection .desc .weatheredOak
{
	/* text-align: right; */
    padding-right: 2em;
}
#mbLines .mbLineSection .desc div,
#clProfiles .mbLineSection .desc div
{
	padding: 0;
    line-height: 2em;
    margin-top: 6.5em;
    width: 100%;
    padding-left: 2em;
    font-weight: 300;
    min-height: 160px;
}
#mbLines .mbLineSection .desc div.modello
{
	min-height: 320px;
}
#mbLines .mbLineSection .desc div.modello h3
{
	margin-top: 2em;
}
#clProfiles .mbLineSection .desc div
{
	min-height: 448px;
	background: white url(/images/photos/cl_profiles_bab_5.jpg) no-repeat right bottom;	
}
#clProfiles .mbLineSection.shadowL .desc div
{
	min-height: 448px;
	background: white url(/images/photos/cl_profiles_sl_5.jpg) no-repeat right bottom;	
}
#mbLines .mbLineSection .desc div a
{
	color: black;
	text-decoration: none;
}
#mbSLDecor .row
{
	padding-left: 70px;
}
#mbLines.cladding .mbLineSection .desc p,
#clProfiles .mbLineSection .desc p
{
	font-size: 0.96em;
}
#mbSLDecor p
{
	font-size: 1.1em;
}

#mbLines .mbLineSection:hover
{
	cursor: pointer;
}
#mbLines.cladding .mbLineSection:hover
{
	cursor: default;
}
#mbLines .mbLineSection:hover img
{
	filter: opacity(80%);
}
#mbLines .mbLineSection:hover .desc div a
{
	text-decoration: underline;
}
#mbLines.cladding .mbLineSection:hover .desc div a
{
	text-decoration: none;
}
#mbLines .mbLineSection .desc div h3
{
	font-size: 1.6em;
    display: block;
    line-height: 2.0em;
    letter-spacing: 0.1em;
    font-weight: 400;
}
#mbLines.cladding .mbLineSection .desc div h3,
#clProfiles .mbLineSection .desc div h3
{
	margin-bottom: 1em;
}
#mbLines .mbLineSection .desc div h3 span
{
	font-weight: 600;
}
#mbLines .mbLineSection .desc .copperedOak
{
	background: white url(/images/photos/millboard-prkno-antique-oak-3.jpg) no-repeat 17em top;
}
#mbLines .mbLineSection .desc .weatheredOak
{	
	margin-top: 11em;
	background: white url(/images/photos/millboard-prkno-vintage.jpg) no-repeat 17em top;
}
#mbLines .mbLineSection .desc .modello
{	
	margin-top: 6em;
	background: white url(/images/photos/millboard-prkno-modello-linear.jpg) no-repeat 17em 0em;
}
#mbLines .mbLineSection .desc .lastaGrip
{
	margin-top: 11em;
	background: white url(/images/photos/millboard-prkno-lasta-grip-coppered.jpg) no-repeat 17em top;
}
#mbColors, #mbSubFrames
{
	margin: 0;
}
#mainPaper[data-content="floors_millboard"] #mbColors .mbColorSection,
#mainPaper[data-content="floors_millboard"] #mbSubFrames .mbFrameSection,
#mainPaper #mbColors.cladding .mbColorSection
{
	position: relative;
    clear: both; 
    overflow: hidden;
    width: 100%;
   	clear: both;
   	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 2em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto
{
    height: 900px;
    padding-top: 744px;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto .color 
{
    margin-right: 0;
    background-position: 0em bottom;
    padding-left: 0;
    width: 9%;
    height: 107px;
    margin-bottom: 1em;
    font-size: 0.8em;
    margin-top: 2em;
}
#mainPaper[data-content="mb_modello"] #mbColors p.imgDesc
{
	text-align: right;
    font-size: 0.9em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto p
{
	text-align: right;
}

.mbFrameSection
{
	padding-left: 70px;
}
.mbFrameSection button.mdl-button
{
	font-size: 1em;
}
#mbColors h4,
#mbSubFrames h4,
#clProfiles h4
{
	font-size: 1.8em;
    margin-left: 70px;
    line-height: 3em;
    font-weight: 600;
    letter-spacing: 0.1em;
}
#mbSubFrames h4
{
	margin-left: 0;
}
#mbColors.cladding h4,
#clProfiles h4
{
	margin-bottom: 1em;
}
#clProfiles h4
{
	margin-left: 0;
}
#mainPaper #mbColors .color
{
	margin: 0;
    width: 50%;
    float: left;
    height: 122px;
    margin-bottom: 2em;
   	background-position-y: bottom;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: black;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color ,
#mainPaper[data-content="mb_modello_contour"] #mbColors .color
{
    margin: 0;
    width: 22%;
    float: left;
    height: 201px;
    margin-bottom: 2em;
    background-position-y: bottom;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: black;
}
#mainPaper #mbColors.cladding .color
{
	width: 30%;
    float: left;
    height: 350px;
    margin-bottom: 2em;
   	background-position-y: top;    
}
#mainPaper[data-content="mb_envello_bb"] #mbColors.cladding .color,
#mainPaper[data-content="mb_envello_sl"] #mbColors.cladding .color
{
	width: 30%;
    height: 350px;        
}

/** modello main page - part contour **/ 
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto.modelloContour 
{
    background: white url(/images/photos/modello-contour-golden-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCgoldenOak:hover) 
{
    background: white url(/images/photos/modello-contour-golden-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCcopperedOak:hover) 
{
    background: white url(/images/photos/modello-contour-coppered-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCsmokedOak:hover) 
{
    background: white url(/images/photos/modello-contour-smoked-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MClimedOak:hover) 
{
    background: white url(/images/photos/modello-contour-limed-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCashwood:hover) 
{
    background: white url(/images/photos/modello-contour-ashwood.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCjarrah:hover) 
{
    background: white url(/images/photos/modello-contour-jarrah.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCantiqueOak:hover) 
{
    background: white url(/images/photos/modello-contour-antique-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCebonyGrey:hover) 
{
    background: white url(/images/photos/modello-contour-ebony-grey.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCbrushedBasalt:hover) 
{
    background: white url(/images/photos/modello-contour-brushed-basalt.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MCburntCedar:hover) 
{
    background: white url(/images/photos/modello-contour-burnt-cedar.jpg) no-repeat left -5em;
}

/**  - part linear **/ 
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto.modelloLinear 
{
    background: white url(/images/photos/modello-linear-coppered-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLgoldenOak:hover) 
{
    background: white url(/images/photos/modello-linear-golden-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLcopperedOak:hover) 
{
    background: white url(/images/photos/modello-linear-coppered-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLsmokedOak:hover) 
{
    background: white url(/images/photos/modello-linear-smoked-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLlimedOak:hover) 
{
    background: white url(/images/photos/modello-linear-limed-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLashwood:hover) 
{
    background: white url(/images/photos/modello-linear-ashwood.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLjarrah:hover) 
{
    background: white url(/images/photos/modello-linear-jarrah.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLantiqueOak:hover) 
{
    background: white url(/images/photos/modello-linear-antique-oak.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLebonyGrey:hover) 
{
    background: white url(/images/photos/modello-linear-ebony-grey.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLbrushedBasalt:hover) 
{
    background: white url(/images/photos/modello-linear-brushed-basalt.jpg) no-repeat left -5em;
}
#mainPaper[data-content="mb_modello"] #mbColors .mbColorSection.hasPhoto:has(.MLburntCedar:hover) 
{
    background: white url(/images/photos/modello-linear-burnt-cedar.jpg) no-repeat left -5em;
}


#mainPaper[data-content^="mb_mc_"] .paperContent > div > div.s12 img,
#mainPaper[data-content^="mb_ml_"] .paperContent > div > div.s12 img
{
	width: 100%;
	margin-bottom: 1em;
}
#mainPaper[data-content="mb_modello_linear"] .introImage.s12, 
#mainPaper[data-content="mb_modello_contour"] .introImage.s12 
{
    background-size: 100%;
}


/** enhanced grain **/ 
#mainPaper #mbColors .color:hover
{
	text-decoration: underline;
}
#mainPaper #mbColors.cladding .color:hover
{
	text-decoration: none;
}
#mainPaper[data-content="floors_millboard"] #mbColors .mbColorSection a.color
{
	 padding-left: 8em;
}
#mainPaper #mbColors .color.smokedOak
{
	background: white url(/images/photos/millboard-prkno-smoked-oak-2.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.limedOak
{
	background: white url(/images/photos/millboard-prkno-limed-oak-2.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.goldenOak
{
	background: white url(/images/photos/millboard-prkno-golden-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.copperedOak
{
	background: white url(/images/photos/millboard-prkno-coppered-oak-2.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.jarrah
{
	background: white url(/images/photos/millboard-prkno-jarrah.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.ashwood
{
	background: white url(/images/photos/millboard-prkno-ashwood.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.ebonyGrey
{
	background: white url(/images/photos/millboard-prkno-ebony.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.burntCedar
{
	background: white url(/images/photos/millboard-prkno-burnt-cedar.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.antiqueOak
{
	background: white url(/images/photos/millboard-prkno-antique-oak-3.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.brushedBasalt
{
	background: white url(/images/photos/millboard-prkno-brushed-basalt-2.jpg) no-repeat 8em bottom/auto 90px;
}


#mainPaper #mbColors .color.MCsmokedOak
{
	background: white url(/images/photos/millboard-prkno-modello-contour-smoked-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MClimedOak
{
	background: white url(/images/photos/millboard-prkno-modello-contour-limed-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCgoldenOak
{
	background: white url(/images/photos/millboard-prkno-modello-contour-golden-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCcopperedOak
{
	background: white url(/images/photos/millboard-prkno-modello-contour-coppered-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCjarrah
{
	background: white url(/images/photos/millboard-prkno-modello-contour-jarrah.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCashwood
{
	background: white url(/images/photos/millboard-prkno-modello-contour-ashwood.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCebonyGrey
{
	background: white url(/images/photos/millboard-prkno-modello-contour-ebony-grey.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCburntCedar
{
	background: white url(/images/photos/millboard-prkno-modello-contour-burnt-cedar.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCantiqueOak
{
	background: white url(/images/photos/millboard-prkno-modello-contour-antique-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MCbrushedBasalt
{
	background: white url(/images/photos/millboard-prkno-modello-contour-brushed-basalt.jpg) no-repeat 8em bottom/auto 90px;
}



#mainPaper #mbColors .color.MLsmokedOak
{
	background: white url(/images/photos/millboard-prkno-modello-linear-smoked-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLlimedOak
{
	background: white url(/images/photos/millboard-prkno-modello-linear-limed-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLgoldenOak
{
	background: white url(/images/photos/millboard-prkno-modello-linear-golden-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLcopperedOak
{
	background: white url(/images/photos/millboard-prkno-modello-linear-coppered-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLjarrah
{
	background: white url(/images/photos/millboard-prkno-modello-linear-jarrah.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLashwood
{
	background: white url(/images/photos/millboard-prkno-modello-linear-ashwood.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLebonyGrey
{
	background: white url(/images/photos/millboard-prkno-modello-linear-ebony-grey.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLburntCedar
{
	background: white url(/images/photos/millboard-prkno-modello-linear-burnt-cedar.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLantiqueOak
{
	background: white url(/images/photos/millboard-prkno-modello-linear-antique-oak.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.MLbrushedBasalt
{
	background: white url(/images/photos/millboard-prkno-modello-linear-brushed-basalt.jpg) no-repeat 8em bottom/auto 90px;
}


/* modello linear page */
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLsmokedOak
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-smoked-oak.jpg) no-repeat 22em bottom / auto 165px;	
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLlimedOak
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-limed-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLgoldenOak
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-golden-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLcopperedOak
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-coppered-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLjarrah
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-jarrah.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLashwood
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-ashwood.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLebonyGrey
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-ebony-grey.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLburntCedar
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-burnt-cedar.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLantiqueOak
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-antique-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_linear"] #mbColors .color.MLbrushedBasalt
{
	background: white url(/images/photos/millboard-3prkna-modello-linear-brushed-basalt.jpg) no-repeat 22em bottom / auto 165px;
}


/* modello contour page */
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCsmokedOak
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-smoked-oak.jpg) no-repeat 22em bottom / auto 165px;	
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MClimedOak
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-limed-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCgoldenOak
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-golden-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCcopperedOak
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-coppered-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCjarrah
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-jarrah.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCashwood
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-ashwood.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCebonyGrey
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-ebony-grey.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCburntCedar
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-burnt-cedar.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCantiqueOak
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-antique-oak.jpg) no-repeat 22em bottom / auto 165px;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .color.MCbrushedBasalt
{
	background: white url(/images/photos/millboard-3prkna-modello-contour-brushed-basalt.jpg) no-repeat 22em bottom / auto 165px;
}




#mainPaper #mbColors .color.vintage
{
	background: white url(/images/photos/millboard-prkno-vintage.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.embered
{
	background: white url(/images/photos/millboard-prkno-embered.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.driftwood
{
	background: white url(/images/photos/millboard-prkno-driftwood.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.lastaGolden
{
	background: white url(/images/photos/millboard-prkno-lasta-grip-golden.jpg) no-repeat 8em bottom/auto 90px;
}
#mainPaper #mbColors .color.lastaCoppered
{
	background: white url(/images/photos/millboard-prkno-lasta-grip-coppered.jpg) no-repeat 8em bottom/auto 90px;
}

#mainPaper #mbColors.cladding .color
{
	margin-right: 2em;
}
#mainPaper #mbColors.cladding .color.clBabLimed
{
	background: white url(/images/photos/cl_profile_bab_limed_oak.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clBabAnthracite
{
	background: white url(/images/photos/cl_profile_bab_anthracite.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clBabJarrah
{
	background: white url(/images/photos/cl_profile_bab_jarrah.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clBabCoppered
{
	background: white url(/images/photos/cl_profile_bab_coppered_oak.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clBabBurntCedar
{
	background: white url(/images/photos/cl_profile_bab_burnt_cedar.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clBabGolden
{
	background: white url(/images/photos/cl_profile_bab_golden_oak.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clBabSmoked
{
	background: white url(/images/photos/cl_profile_bab_smoked_oak.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clBabAntique
{
	background: white url(/images/photos/cl_profile_bab_antique_oak.jpg) no-repeat;
	background-size: cover;
}
#mainPaper #mbColors.cladding .color.clSlAntique
{
	background: white url(/images/photos/cl_profile_sl_antique_oak.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlBurntCedar
{
	background: white url(/images/photos/cl_profile_sl_burnt_cedar.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlGolden
{
	background: white url(/images/photos/cl_profile_sl_golden_oak.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlSmoked
{
	background: white url(/images/photos/cl_profile_sl_smoked_oak.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlLimed
{
	background: white url(/images/photos/cl_profile_sl_limed_oak.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlSaltBlue
{
	background: white url(/images/photos/cl_profile_sl_salt_blue.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlSageGreen
{
	background: white url(/images/photos/cl_profile_sl_sage_green.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlAnthracite
{
	background: white url(/images/photos/cl_profile_sl_anthracite.jpg) no-repeat;
	background-size: contain;
}
#mainPaper #mbColors.cladding .color.clSlCoppered
{
	background: white url(/images/photos/cl_profile_sl_coppered_oak.jpg) no-repeat;
	background-size: contain;
}


#mbProjects
{
	margin: 0;
}
#mbProjects .row
{
	margin-left: 70px;
	padding: 2em 0 6em;
}

/** millboard product line page **/
#mainPaper .paperMenu a[data-ref="millboard_prices"],
#mainPaper .paperMenu a[data-ref="mb_envello_prices"]
{
	margin-top: 0.5em;
}
#mainPaper:not([data-content="floors_millboard"]) #mbColors,
#mainPaper:not([data-content="floors_millboard"]) .mbSubStructure
{
	margin-left: 49px;
	margin-bottom: 5em;
	overflow: hidden;
}
#mainPaper:not([data-content="floors_millboard"]) .mbSubStructure
{
	margin-bottom: 3em;
}
#mainPaper[data-content="cladding"] #mbColors,
#mainPaper[data-content="cladding"] #mbColors
{
	margin-left: 0;
	margin-bottom: 0;
}
#mainPaper:not([data-content="floors_millboard"]) #mbColors h3,
#mainPaper:not([data-content="floors_millboard"]) .mbSubStructure h3
{
	color: black;
	text-transform: uppercase;
	font-size: 1.5em;
	margin: 3em 0 2em;
}
#mainPaper:not([data-content="floors_millboard"]) .mbSubStructure h3
{
	margin: 1em 0 1em;
}
#mainPaper #mbColors .mbColorSection
{
	border: none;
}
#mainPaper:not([data-content="floors_millboard"]) #mbColors .mbColorSection .color
{
	padding-left: 3em;
    background-position: 3em bottom;
}
#mainPaper[data-content="mb_modello_contour"] #mbColors .mbColorSection .color,
#mainPaper[data-content="mb_modello_linear"] #mbColors .mbColorSection .color
{
	padding-left: 0;
    background-position: 0 2em;
    font-weight: 300;
}

#mainPaper #mbColors.cladding .mbColorSection .color
{
	padding-left: 0;
	background-position: 0 1.75em;
}
#mainPaper[data-content="mb_envello_bb"] #mbColors.cladding .mbColorSection .color,
#mainPaper[data-content="mb_envello_sl"] #mbColors.cladding .mbColorSection .color
{
	background-position: 0 1.75em;
}
#mainPaper[data-content="mb_envello_bb"] #mbColors.cladding .mbColorSection .color,
#mainPaper[data-content="mb_envello_sl"] #mbColors.cladding .mbColorSection .color
{
	padding-left: 0;
}
#mainPaper #mbColors.cladding .mbColorSection.BoardB .color,
#mainPaper #mbColors.cladding .mbColorSection.shadowL .color
{
	padding-left: 50px;
	background-position: 50px 1.75em;
	height: 290px;
    width: 24%;
}
#mainPaper #mbColors.cladding .mbColorSection.BoardB .color
{
	width: 22%;
}

/** millboard profile page of selected color **/
.mb_profile_board
{
	margin: 0 0 2em;
}
.SQswatch img
{
	height: 300px;
    object-fit: cover;
    width: 300px;
}
.SQswatch p
{
	font-size: 0.9em;
    padding-right: 3em;
    padding-top: 1em;
}
.SQswatch p span
{
	font-weight: 600;
}
.mb_profile_board img
{
	height: 240px;
	margin-left: -47px;
}
.mb_profile_cladding
{
	height: 400px;
	overflow: hidden;
	margin-bottom: 2em;
}
.mb_profile_cladding img
{
	width: 95%;
	margin-left: 0;
}
.mb_profile_cladding.shadowLine img
{
	width: 95%;
    margin-top: -4px;
}
.lessPriority
{
	font-size: 0.8em;
}
#mainPaper .benefits,
#mainPaper .exProjects,
#mainPaper .slimBoards,
#mainPaper .modelloApplication,
#mainPaper .SLDecor.shared
{
	background-color: #f5f5f5;
    margin: 0;
    padding: 2em 49px 3em;
}
#mainPaper .SLDecor.shared
{
	background-color: #f0f0f0;
}
#mainPaper .slimBoards,
#mainPaper .modelloApplication
{
	border-bottom: 1px solid #ededed;
	background-color: white;
}
#mainPaper .exProjects
{
	padding-top: 3em;
}
#mainPaper .benefits div
{
	min-height: 11em;
}
#mainPaper .atypical h3,
#mainPaper .slimBoards h3,
#mainPaper .modelloApplication h3,
#mainPaper .exProjects h3,
#mainPaper .weOffer h3,
#mainPaper .weOffer h4,
#mbSLDecor h3
{
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 1em;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
#mainPaper .modelloApplication img
{
	height: 100%;
    object-fit: cover;
    width: 100%;
    margin-bottom: 1em;
}
#mainPaper .modelloApplication H4
{
	margin-top: 0;
    margin-bottom: 1em;	
}
#mainPaper .modelloApplication p
{
	font-size: 1em;	
}
#mainPaper .slimBoards 
{
	background: white url(/images/photos/mb_slim_board_golden_oak_boards.jpg) no-repeat 111% 3em;
}
#mainPaper .atypical h3,
#mbSLDecor h3
{
	margin: 2em 0 1em
}
#mainPaper .benefits h4
{
	margin-bottom: 1em;
    font-size: 0.95em;
    letter-spacing: 0.1em;
    color: #2364a6;
    font-weight: 600;
}
#mainPaper .benefits p
{
	font-size: 0.9em;
}
.paperContent .weOffer
{
	padding-top: 1em;
}
.paperContent .weOffer.millboard ul
{
	background-color: transparent;
	border: none;
	margin-bottom: 0;
	padding-top: 0;
}
.weOffer.millboard ul li
{
	list-style-type: none;
}
.weOffer.millboard ul li i
{
	margin-left: -44px;
    margin-right: 19px;
    vertical-align: middle;
}
#mainPaper .atypical
{
	padding-bottom: 3em;
}
#mainPaper .atypical p.iDesc
{
	font-size: 0.8em;
    text-align: right;
    letter-spacing: 0.1em;
    line-height: 1.6em;
}
#mainPaper .atypical p.iDesc.left
{
	text-align: left;
}
#mainPaper .atypical div
{
	margin-bottom: 1em;
}
#mainPaper .atypical div div
{
	overflow: hidden;
}
#mbColors.clDetails .mbColorSection,
#mbClDetails.clDetails .mbColorSection
{
	margin: 5em 4em 11em;
    overflow: hidden;	
}
#mbColors.clDetails .image,
#mbClDetails.clDetails .image
{
	float: left;
	margin-left: 2em;
	margin-right: 2em;	
}
#mbColors.clDetails .image img,
#mbClDetails.clDetails .image img
{
	margin-top: 0.5em;
}



/** millboard samples page **/

#mainPaper[data-content="mb_samples"] .introImage
{
	position: absolute;
    width: 95%;
    height: 50em;
    background: transparent url(/images/photos/millboard_board_sample_golden_oak.jpg) no-repeat 104% -12em;
    top: 0;
    background-size: 47%;
}
#mainPaper[data-content="mb_modello"] .introImage,
#mainPaper[data-content="mb_modello_linear"] .introImage,
#mainPaper[data-content="mb_modello_contour"] .introImage
{
	height: 23em;
    background: transparent url(/images/photos/deska-modello-contour-coppered-oak-sikmo.jpg) no-repeat right 4em;
    background-size: 87%;
}
#mainPaper[data-content="mb_modello_linear"] .introImage
{
	background: transparent url(/images/photos/deska-modello-linear-golden-oak-sikmo.jpg) no-repeat right 4em;
}
#mainPaper[data-content="mb_cl_samples"] .introImage
{
	position: absolute;
    width: 95%;
    height: 50em;
    background: transparent url(/images/photos/millboard_envello_sample_antique_oak.jpg) no-repeat 102% -12em;
    top: 0;
    background-size: 40%;
}
#sampleIntro
{
	height: 7em;
    margin-top: 2em;
    font-style: italic;
}
#mainPaper[data-content*="_samples"] #samplesSection img
{
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#mainPaper[data-content*="_samples"] #samplesSection img:hover
{
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
#mainPaper[data-content*="_samples"] #addressSection
{
	font-size: 1.22em;
    font-weight: 300;
    
    border-top: 1px dashed silver;
    padding-top: 4em;
}
#mainPaper[data-content*="_samples"] #samplesSection > div
{
	margin-bottom: 30%;
	position: relative;
}
#mainPaper[data-content*="_samples"] #samplesSection > div div.info
{
	margin-top: 1em;
	position: absolute;
}
#mainPaper[data-content*="_samples"] #samplesSection > div.marketing
{
	margin-bottom: 0;
}
#mainPaper[data-content*="_samples"] #samplesSection > div div.info.marketing
{
	top: 0px;
    padding-left: 1em;
    font-size: 1.5em;
    font-weight: 400;
    
}
#mainPaper[data-content*="_samples"] #samplesSection > div div.info span
{
	display: block;
	font-size: 0.8em;
    line-height: 1.7em;
    color: silver;
}
#mainPaper[data-content*="_samples"] #samplesSection > div div.info.marketing span
{
	color: #2364a6;
}
#mainPaper[data-content*="_samples"] #samplesSection > div div.info span:first-child
{
	font-size: 1em;
	color: black;
}
#mainPaper[data-content*="_samples"] #samplesSection > div div.info.marketing span:first-child
{
	font-size: 1.05em;
	color: #2364a6;
	margin-top: 3em;
}
#mainPaper[data-content*="_samples"] [type="checkbox"] + label
{
	padding: 0;
}
#mainPaper[data-content*="_samples"] [type="checkbox"] + label:after,
#mainPaper[data-content*="_samples"] [type="checkbox"] + label:before
{
    margin: 1em;
}
#mainPaper[data-content*="_samples"] [type="checkbox"] + label:after
{
    background-color: white;    
}
#mainPaper[data-content*="_samples"] .input-field label span 
{
    display: none;
}

#mainPaper[data-content*="_samples"] input, 
#mainPaper[data-content*="_samples"] textarea 
{
    color: #2364a6;
    font-weight: 300;
    padding: 0;
    font-size: 1em;
}
#mainPaper[data-content*="_samples"] input 
{
    height: 2.5rem;
    font-size: 1em;
}

#mainPaper[data-content*="_samples"] input, 
#mainPaper[data-content*="_samples"] label 
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
#mainPaper[data-content*="_samples"] button
{
	margin: 3em 0 5em;
}
#mainPaper[data-content*="_samples"] .required + label::after 
{
	content: attr(data-error);
	color: #F44336;
	opacity: 1;
	-webkit-transform: translateY(9px);
	        transform: translateY(9px);
	        
	position: relative;
	display: block;
	top: 0;
	left: 0;
}
#mainPaper[data-content*="_samples"] #addressSection textarea
{
	min-height: 5em;
}


/** millboard installers **/

#mainPaper[data-content="mb_installers"] .row .bg
{
	background-color: #eee;
	padding: 2em;
	margin-bottom: 5em;
}

/** sale offers **/
h1 span.sale, h2 span.sale
{
	color: red;
    font-size: 0.6em;
    transform: rotate(6deg);
    display: inline-block;
    position: absolute;
    z-index: 10;
    margin-left: 2em;
    text-transform: lowercase;
    word-spacing: 0.05em;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 1em;
}

h1 .samples, #mainColumn h2 .samples,
h1 .samplesWrap, #mainColumn h2 .samplesWrap
{
	color: #2364a6;
    font-size: 0.6em;
    display: inline-block;
    position: absolute;
    right: 0;
    text-transform: lowercase;
    word-spacing: 0.05em;
    font-weight: 400;
    line-height: 1.3em;
    margin-top: 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-bottom: 1.8em;
    padding-right: 3em;
    
    display: none;	/* default settings to enable visibility on selected screens sizes*/    
}
h1 .samples, #mainColumn h2 .samples
{
	z-index: 10;
}
h1 .samplesWrap, #mainColumn h2 .samplesWrap
{
	border-bottom: 1px solid #2364a6;
	width: 12.5em;
}

.paperMenu .scrollMenu a.samples
{
	font-size: 1.3em;
}
#mbSamplesPMScroll.pin-top,
#mbSamplesPMScroll.pin-bottom
{
	display: none;
}
#mbSamplesPMScroll.pinned
{
	display: inherit;
}


#mainPaper[data-content="winter_gardens"] .profile,
#mainPaper[data-content="warm_winter_gardens"] .profile,
#mainPaper[data-content="pergolas"] .profile,
#mainPaper[data-content="biopergolas"] .profile,
#mainPaper[data-content="notice"] .profile,
#mainPaper[data-content="roofs"] .profile
{
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid silver;
	margin-top: 3em;
}
#mainPaper[data-content="notice"] .profile
{
	border-bottom: 0;
}
#mainPaper[data-content="winter_gardens"] .profile.last,
#mainPaper[data-content="warm_winter_gardens"] .profile.last,
#mainPaper[data-content="pergolas"] .profile.last,
#mainPaper[data-content="biopergolas"] .profile.last,
#mainPaper[data-content="notice"] .profile.last,
#mainPaper[data-content="roofs"] .profile.last
{
	border-bottom: none;
}
#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: 80px;
    font-size: 1.5em;
    letter-spacing: 0.05em;
    font-weight: 600;
}
#mainPaper[data-content="pergolas"] .profile h3 span,
#mainPaper[data-content="biopergolas"] .profile h3 span,
#mainPaper[data-content="notice"] .profile h3 span
{
	font-weight: 300;
}
#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
{
	min-height: 360px;
	margin-left: 6em;
	margin-top: -22em;
	padding: 2em 2em 1em 13em;
}
#mainPaper[data-content="notice"] .profile .text
{
	padding-left: 11em;
}

#mainPaper[data-content="winter_gardens"] .profile.first .text,
#mainPaper[data-content="warm_winter_gardens"] .profile.first .text,
#mainPaper[data-content="pergolas"] .profile.first .text,
#mainPaper[data-content="biopergolas"] .profile.first .text,
#mainPaper[data-content="notice"] .profile.first .text,
#mainPaper[data-content="roofs"] .profile.first .text
{
	background-color: #f1eae5;
}
#mainPaper[data-content="winter_gardens"] .profile.second .text,
#mainPaper[data-content="warm_winter_gardens"] .profile.second .text,
#mainPaper[data-content="pergolas"] .profile.second .text,
#mainPaper[data-content="biopergolas"] .profile.second .text,
#mainPaper[data-content="notice"] .profile.second .text,
#mainPaper[data-content="roofs"] .profile.second .text
{
	background-color: #e6ecf3;
}
#mainPaper[data-content="winter_gardens"] .profile.last .text,
#mainPaper[data-content="warm_winter_gardens"] .profile.last .text,
#mainPaper[data-content="pergolas"] .profile.last .text,
#mainPaper[data-content="biopergolas"] .profile.last .text,
#mainPaper[data-content="notice"] .profile.last .text,
#mainPaper[data-content="roofs"] .profile.last .text
{
	background-color: #dbdee1;
}
#mainPaper[data-content="winter_gardens"] .profile .text2,
#mainPaper[data-content="warm_winter_gardens"] .profile .text2,
#mainPaper[data-content="pergolas"] .profile .text2,
#mainPaper[data-content="biopergolas"] .profile .text2,
#mainPaper[data-content="notice"] .profile .text2,
#mainPaper[data-content="roofs"] .profile .text2
{
	margin-top: 0;
    min-height: auto;
}
#mainPaper[data-content="winter_gardens"] .profile.first .text2,
#mainPaper[data-content="winter_gardens"] .profile.second .text2,
#mainPaper[data-content="winter_gardens"] .profile.last .text2,
#mainPaper[data-content="warm_winter_gardens"] .profile.first .text2,
#mainPaper[data-content="warm_winter_gardens"] .profile.second .text2,
#mainPaper[data-content="warm_winter_gardens"] .profile.last .text2,
#mainPaper[data-content="pergolas"] .profile.first .text2,
#mainPaper[data-content="pergolas"] .profile.second .text2,
#mainPaper[data-content="pergolas"] .profile.last .text2,
#mainPaper[data-content="biopergolas"] .profile.first .text2,
#mainPaper[data-content="biopergolas"] .profile.second .text2,
#mainPaper[data-content="biopergolas"] .profile.last .text2,
#mainPaper[data-content="notice"] .profile.first .text2,
#mainPaper[data-content="notice"] .profile.second .text2,
#mainPaper[data-content="notice"] .profile.last .text2,
#mainPaper[data-content="roofs"] .profile.first .text2,
#mainPaper[data-content="roofs"] .profile.second .text2,
#mainPaper[data-content="roofs"] .profile.last .text2
{
	background-color: white;
}
#mainPaper[data-content="winter_gardens"] .profile .text h4,
#mainPaper[data-content="warm_winter_gardens"] .profile .text h4,
#mainPaper[data-content="pergolas"] .profile .text h4,
#mainPaper[data-content="biopergolas"] .profile .text h4,
#mainPaper[data-content="notice"] .profile .text h4,
#mainPaper[data-content="roofs"] .profile .text h4
{
	margin-top: 1em;
    margin-bottom: 0.5em;	
}
#mainPaper[data-content="winter_gardens"] .profile .text ul,
#mainPaper[data-content="warm_winter_gardens"] .profile .text ul,
#mainPaper[data-content="pergolas"] .profile .text ul,
#mainPaper[data-content="biopergolas"] .profile .text ul,
#mainPaper[data-content="notice"] .profile .text ul,
#mainPaper[data-content="roofs"] .profile .text ul
{
	margin-bottom: 2em;
}
#mainPaper[data-content="winter_gardens"] .profile .text li,
#mainPaper[data-content="warm_winter_gardens"] .profile .text li,
#mainPaper[data-content="pergolas"] .profile .text li,
#mainPaper[data-content="biopergolas"] .profile .text li,
#mainPaper[data-content="notice"] .profile .text li,
#mainPaper[data-content="roofs"] .profile .text li
{
	font-size: 1em;
    font-weight: 300;
    line-height: 1.7em;
    list-style-type: circle;
    margin-left: 3em;
}
#mainPaper[data-content="winter_gardens"] .profile .text li strong,
#mainPaper[data-content="warm_winter_gardens"] .profile .text li strong,
#mainPaper[data-content="pergolas"] .profile .text li strong,
#mainPaper[data-content="biopergolas"] .profile .text li strong,
#mainPaper[data-content="notice"] .profile .text li strong,
#mainPaper[data-content="roofs"] .profile .text li strong
{
	font-weight: 500;
	
}
#mainPaper[data-content="winter_gardens"] .profile .photo,
#mainPaper[data-content="warm_winter_gardens"] .profile .photo,
#mainPaper[data-content="pergolas"] .profile .photo,
#mainPaper[data-content="biopergolas"] .profile .photo,
#mainPaper[data-content="notice"] .profile .photo,
#mainPaper[data-content="roofs"] .profile .photo
{
	position: relative;
}
#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
{
	padding: 3em;
    margin-left: 50%;
}
#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: 2em;
	height: 36px;
}


.paperContent .exhibitionOffer
{
	background-color: #eee;
    margin-left: 0;
    padding: 2em 49px;
}