@charset "utf-8";
/* CSS Document */



/* GLOBALS */

html,body
{
padding:0;
margin:0;
font-family: 'Roboto', sans-serif;
scroll-behavior: smooth;	
}
*
{
box-sizing:border-box;	
}
a
{
text-decoration:none;	
}
img.img-responsive
{
max-width:100%;
height:auto;
display:block;	
}
.wht-arrow
{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/white-arrow.svg);
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	margin-left:7px;
	transition:margin-left ease-out 0.3s;
}
a:hover .wht-arrow
{
margin-left:12px;
	transition:margin-left ease-out 0.3s;	
}
.indexLink .txt
{
display:inline-block;
vertical-align:middle;
padding:3px 0;
font-weight:300;
font-size:18px;	
}
.contentWrapper
{
overflow:hidden;	
}




/* END GLOBALS */








/* MOBILE FIRST */

.flx,.flx-wrap
{
flex-wrap:wrap;
display:flex;
align-items:center;	
}
.flx-20, .flx-25,.flx-33, .flx-40,.flx-50,.flx-60
{
flex:1 0 100%;	
}

/* navigation */

.headWrapper
{
position:fixed;
top:0;
left:0;
right:0;
z-index:1000;	
}

.topBar
{
padding-top:20px;
padding-bottom:20px;
}
.topBar::before
{
	display:block;
	content:" " ;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(	103,103,103,0.8);
opacity:0;
transition:opacity ease-out 0.3s;
}
.scrolling .topBar::before
{
opacity:1;
transition:opacity ease-out 0.3s;	
}
.navVisible .topBar::before
{
opacity:0;
transition:opacity ease-out 0.3s;	
}
.topBarInner
{
display:flex;
align-items:center;
	
}
.topBarInner .logoBrand,
.topBarInner .menuController
{
flex:1 0 50%;

z-index:5;	
}
.topBarInner .logoBrand
{
padding-left:40px;	
}
.topBarInner .logoBrand img
{
transition:max-width ease-out 0.3s;
max-width:135px;
display:inline-block;
}

.scrolling .topBarInner .logoBrand img
{
max-width:90px;
transition:max-width ease-out 0.3s;	
}
.navVisible  .topBarInner .logoBrand img
{
max-width:90px;
transition:max-width ease-out 0.3s;		
}
.topBarInner .menuController
{
position:relative;
text-align:right;	
}
.topBarInner .menuController a
{
display:inline-block;
vertical-align:middle;
position:relative;
right:30px;
padding:12px 0 12px 55px;
color:#fff;	
}

.topBarInner .menuController a::before
{
position:absolute;
top:0;
left:0;
right:0;
content:" ";
display:block;
height:100%;
width:2000px;
background-color:rgba(0,0,0,0.6);

}

.topBarInner .menuController .burgerTop
{
position:absolute;
left:10px;
top:10px;
width:28px;
border-top:2px solid #fff;
display:block;
}
.topBarInner .menuController .burgerMiddle
{
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
width:28px;
border-top:2px solid #fff;
display:block;	
}
.topBarInner .menuController .burgerBottom
{
position:absolute;
left:10px;
bottom:10px;
width:28px;
border-top:2px solid #fff;
display:block;	
}
.headWrapper.navVisible .burgerTop
{
	opacity:0;
}
.headWrapper.navVisible .burgerMiddle
{
	transform:rotate(45deg);
	top:50%;
	
}
.headWrapper.navVisible .burgerBottom
{
	top:50%;
	transform:rotate(-45deg);
	bottom:auto;
}
.topBarInner .menuController .menuText
{
color:#fff;
position:relative;
z-index:3;	
}
.topBarInner .menuController a span
{

transition:width ease-out 0.3s, opacity ease-out 0.3s,transform ease-out 0.3s, top ease-out 0.3s, bottom ease-out 0.3s;
}
.topBarInner .menuController a:hover span
{
width:32px;	
transition:width ease-out 0.3s, opacity ease-out 0.3s,transform ease-out 0.3s, top ease-out 0.3s, bottom ease-out 0.3s;
}


/* MEGA MENU */
.navWrapper
{
width:100%;
height:100%;
position:fixed;	
background-color:rgba(0,0,0,0.8);
transition:opacity ease-out 0.4s;

opacity:0;
}
.navWrapper.closedNav
{

top:-100vh;
left:-100vw;
	
}
.navWrapper.openedNav
{
	padding-top:110px;
top:0;
left:0;
opacity:1;
transition:opacity ease-out 0.5s;
overflow-y: scroll;
    overflow-x: hidden;
			
}
.navWrapper.closingNav
{
transition:opacity ease-out 0.4s;
opacity:0;
transition-delay:0.6s;	
}
.navWrapper nav
{
	display:flex;
	flex-wrap:wrap;

	height:100%;

	margin:0 auto;
	min-height:700px;

}
.navWrapper nav .lft
{
position:relative;
padding:35px 40px;
text-align: center;
		z-index:200;
position:relative;
}
.navWrapper nav .rght
{
position:relative;
padding:25px 0;
padding-left:40px;
		z-index:200;
position:relative;	
}
.openedNav.navWrapper nav .lft::before
{

width:100%;
opacity:1;
transition:width cubic-bezier(.77,0,.175,1) 1.1s, opacity cubic-bezier(.77,0,.175,1) 1.1s;
transition-delay:0.3s;
	
}
.closingNav.navWrapper nav .lft::before
{

width:0%;
opacity:0;
transition:width cubic-bezier(.77,0,.175,1) 0.7s, opacity cubic-bezier(.77,0,.175,1) 0.7s;

	
}
.navWrapper nav .lft::before
{
position:absolute;
top:0;
right:0;
bottom:0;
width:0;
opacity:0;
content:" ";
display:block;
background-color:#fff;
opacity:1;	
z-index:4;


}


.navWrapper nav .rght::before
{
position:absolute;
top:0;
left:0;
bottom:0;
width:15000px;
content:" ";
display:block;

opacity:1;	
z-index:4;
}
.navWrapper .lft ul
{
text-align:left;
display:flex;
flex-wrap:wrap;
}
.navWrapper .lft ul li
{
flex:1 0 100%;
font-size:20px;

}


.navWrapper .lft > ul
{
opacity:0;
transform:translateX(-30px);
transition:opacity cubic-bezier(.77,0,.175,1) 1s, transform cubic-bezier(.77,0,.175,1) 1s;	
}
.openedNav.navWrapper .lft > ul
{
opacity:1;
transform:translateX(0px);
transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s, transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s;
transition-delay:0.8s;		
}
.closingNav.navWrapper .lft > ul
{
opacity:0;
transform:translateX(-30px);
transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s, transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s;	
}
.navWrapper .lft ul li ul
{
display:block;	
}
.navWrapper ul
{
list-style-type:none;
list-style-position:inside;
text-indent:0;
margin:0;
padding:0;
position:relative;
z-index:5;	
}

.navWrapper ul > li > a
{
font-weight:500;

color:#156854;	
font-size:20px;	
}
.navWrapper ul > li
{
padding:0 0 10px 0;	
}
.navWrapper .lft ul li a span.menu-item-description
{
	display:block;
	font-size:14px;
	line-height:140%;
	font-weight:400;
	color:#000;
	
}
.navWrapper .lft ul li a span.mr
{
font-weight:500;
color:#000;
padding:8px 40px 8px 0;
display:block;
font-size:14px;
background-image: url(../img/liseis-more-arrow.svg);
background-position: 95px center; 
background-repeat:no-repeat;
transition:background-position ease-out 0.3s;	
}
.navWrapper .lft ul li a:hover span.mr
{
background-position: 100px center; 
transition:background-position ease-out 0.3s;		
}
.navWrapper ul > li > ul > li > a
{
font-size:17px;
font-weight:300;	
}
.navWrapper ul > li > ul > li
{
padding-bottom:5px;	
}
.navWrapper ul li ul
{
padding-left:20px;
padding-top:10px;	
}
.navWrapper .rght ul > li > a
{
color:#fff;
font-size:20px;	
}
.navWrapper .rght > ul 
{
opacity:0;
transform:translateX(30px);

}
.openedNav.navWrapper .rght > ul 
{
opacity:1;
transform:translateX(0px);
transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s 0.7s, transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s 0.7s;
transition-delay:0.8s;			
}
.closedNav.navWrapper .rght > ul 
{
opacity:0;
transform:translateX(30px);
		
}
.closingNav.navWrapper .rght > ul 
{
opacity:0;
transform:translateX(30px);
transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s 0.7s, transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s 0.7s;
		
}
/* END MEGA MENU */

/* end navigation */

/* hero */

.homeHero,
.catHero,
.pageHero
{
height:100vh;	
position:relative;
overflow:hidden;	
}
.catHero.mini,
.pageHero.mini
{
height:50vh;
min-height:330px;	
}
.catHero .catVisual::before,
.pageHero .pageVisual::before
{
position:absolute;
content:" ";
display:block;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.25);	
}
.heroVisual,
.pageVisual,
.catVisual
{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
background-color:#ccc;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
width:100%;
height:100%;
z-index:0;	
}

.homeHero .heroMessage,
.catHero .catHeroContentArea,
.pageHero .pageHeroContentArea
{
position:relative;
z-index:3;
display:flex;
height:100%;
align-items:center;
	
}
.catHero::after,
.pageHero::after
{
display:block;
width:100%;
height:100%;
background-color:#000;
opacity:1;
content:" ";
position:absolute;
top:0;
left:0;	
}
.catHero.fadeShow::after,
.pageHero.fadeShow::after
{
	opacity:0;
transition:opacity cubic-bezier(.77,0,.175,1) 0.9s;	
}

.heroMessage .heroMessageContent
{
background-color: rgba(0,0,0,0.6);
text-align:left;
color:#fff;
font-size:40px;
font-weight:300;
padding:30px 30px 30px 50px;
}
.catHero .catHeroContent,
.pageHero .pageHeroContent
{
text-align:center;
width:100%;
position:relative;
z-index:2;	
}
.catHero .catHeroContent::after,
.pageHero .pageHeroContent::after
{
height:0px;
position:absolute;
left:50%;
top:100%;
content:" ";
border-right:1px solid #fff;
display:block;
	
}
.catHero.fadeShow .catHeroContent::after,
.pageHero.fadeShow .pageHeroContent::after
{
height:500px;
transition:height cubic-bezier(.77,0,.175,1) 2.5s;
transition-delay:0.8s;		
}
.catHero .catHeroContent .catLogo,
.pageHero .pageHeroContent .pageLogo
{
margin:30px 0 0 0;
opacity:0;	
}
.catHero.fadeShow .catHeroContent .catLogo,
.pageHero.fadeShow .pageHeroContent .pageLogo
{
	opacity:1;
transition:opacity cubic-bezier(.77,0,.175,1) 1.1s,transform cubic-bezier(.77,0,.175,1) 1.1s;
transition-delay:0.4s;	
}
.catHero .catHeroContent .catLogo img,
.pageHero.fadeShow .pageHeroContent .pageLogo img
{
margin:0 auto;
max-width:250px;	
}
.catHero .catHeroContent .catHeroTitle,
.pageHero .pageHeroContent .pageHeroTitle
{

position:relative;	
overflow:hidden;

}
.catHero .catHeroContent .catHeroTitle h1,
.pageHero .pageHeroContent .pageHeroTitle h1
{
	display:block;
transform:translateY(-100%);
font-size:40px;
color:#fff;
opacity:0;
font-weight:500;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.66);
padding:0 20px;	
margin:0;
}
.catHero.fadeShow .catHeroContent .catHeroTitle h1,
.pageHero.fadeShow .pageHeroContent .pageHeroTitle h1
{
transform:translateY(0);
opacity:1;
transition:opacity cubic-bezier(.77,0,.175,1) 1.1s,transform cubic-bezier(.77,0,.175,1) 1.1s;
transition-delay:0.6s;
}
.catHero .catHeroIntro,
.pageHero .pageHeroIntro
{
max-width:550px;
margin:0 auto;
position:relative;
margin-top:20px;
overflow:hidden;
	
}
.catHero .catHeroIntro p,
.pageHero .pageHeroIntro p
{
color:#fff;
font-weight:400;
line-height:160%;
font-size:16px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.76);
opacity:0;
transform:translateY(100%);	
padding:0 30px;	
}
.catHero.fadeShow .catHeroIntro p,
.pageHero.fadeShow .pageHeroIntro p
{
transform:translateY(0);
opacity:1;
transition:opacity cubic-bezier(.77,0,.175,1) 1.1s,transform cubic-bezier(.77,0,.175,1) 1.1s;
transition-delay:0.6s;
}
/*.catHero .catHeroContent .catHeroTitle::before
{
content:" ";
display:block;
width:40px;
height:2px;
border-top:3px solid #fff;
left:50%;
transform:translateX(-50%);
bottom:-35px;
position:absolute;	
}*/
/* end hero */



/* introduction */

#plastinoIntroduction
{
padding:15px 0 8px 0;	

}


#plastinoIntroduction .flx-50.introStatement
{
background-color:#000;
min-height:300px;
height:100%;
display:flex;
align-items:flex-end;

border-right:4px solid #fff;
}

#plastinoIntroduction .introStatementWrap
{
padding:30px;
color:#fff;
font-weight:700;
font-size:55px;	
line-height:100%;	
}




#plastinoIntroduction .introCol
{

background-color:#ccc;
min-height:500px;
height:100%;
display:flex;
align-items:flex-end;
position:relative;
}
#plastinoIntroduction .introCol .introContent
{
	padding:30px 30px 30px 30px;
	position:relative;
	z-index:5;
	color:#fff;
}
#plastinoIntroduction .introVisual
{
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
background-repeat:no-repeat;	
}
#plastinoIntroduction .introVisual::after
{
background-color:rgba(58,58,58,0.5);
content:" ";
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;	
}
#plastinoIntroduction .introCol .introContent .textual
{
position:relative;
line-height:170%;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.76);
font-weight:500;
max-width:600px;	
}
/* end introduction */

/* home Sectors */

#plastinoSectors
{
display:flex;
flex-wrap:wrap;	
}


#plastinoSectors .flx-50
{
overflow:hidden;
margin-bottom:20px;
position:relative;		
}
#plastinoSectors .flx-50.left  .catInner
{

}
#plastinoSectors .flx-50.right .catInner
{
	
}
#plastinoSectors a
{
	
}
#plastinoSectors .catInner
{

width:100%;
color:#fff;
position:relative;
}
#plastinoSectors .catData
{
position:relative;
z-index:5;
padding:20px;	
}
#plastinoSectors .catVisual
{
	min-height:350px;
		background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

/*#plastinoSectors a:hover .catInner
{
transition:padding ease-out 0.3s;
padding-bottom:45px;	
}*/
#plastinoSectors .catDataTitle
{
	font-size:30px;
	font-weight:700;
	margin-bottom:12px;
	overflow:hidden;
	line-height:100%;
}
#plastinoSectors .catDataTitle span
{
display:block;	
}
#plastinoSectors .catDataInner
{
position:relative;
z-index:3;	
}
#plastinoSectors .catDataIntro
{
max-width:400px;
font-size:15px;
line-height:140%;
padding-bottom:10px;	
}
#plastinoSectors .catSubLinks
{
max-width:400px;	
}
#plastinoSectors  .subLinkEntry
{
display:inline-block;
padding-bottom:4px;	
}
#plastinoSectors  .subLinkEntry a
{
color:#fff;
font-size:15px;	
font-weight:500;

text-decoration:underline;
}
#plastinoSectors  .subLinkEntry a span
{
padding-right:15px;	
}
/* end home sectors */

/* home projects / products */
#plastinoFeatured
{
padding:30px 0 0 0;
	
max-width:1400px;
margin:20px auto 40px auto;
position:relative;	
}
#plastinoFeatured .featureSliderWrap
{
padding:0 30px;
position:relative;
}
.featuredHead
{
padding:40px 30px 40px 30px;
text-align:Center;	
}
.featuredTitle
{
margin-bottom:30px;
color:#4d4d4d;
font-weight:500;
font-size:40px;
overflow:hidden;	
}
#plastinoFeatured .featureSlider
{
padding-bottom:60px;	
}
.featuredTitle span
{
display:block;	
}
.featureSliderWrap .slick-next
{
	width:131px;
	height:30px;
	left:auto;
	right:0px;
	bottom:0;
	background:url(../img/featured-next-arrow.svg) center no-repeat!important;
	position:absolute;
	top:auto;
	z-index:40;
	transform:none;	
}
.glyph-0
{
overflow:hidden;	
}
.featureSliderWrap .slick-prev
{
	width:131px;
	height:30px;
	left:0px;
	right:auto;
	bottom:0;
	top:auto;
	background:url(../img/featured-previous-arrow.svg) center no-repeat!important;
	position:absolute;
	z-index:40;
	transform:none;
}
.featureSliderWrap .slick-prev::before
{
display:none;
}
.featureSliderWrap .slick-next::before
{
display:none;
}
.sld
{
position:relative;
	
}
.sld .sld-img
{

min-height:360px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:relative;	
}
.slick-slide .sld .sld-img::before,
.slick-slide.slick-cloned .sld .sld-img::before
{
width:100%;
height:100%;
content:" ";
display:block;
background-color:#000;
opacity:.7;
transition:opacity cubic-bezier(.77,0,.175,1) 0.6s;
position:absolute;
transition-delay:0.3s;
top:0;
left:0;	
}
.slick-slide.slick-current .sld .sld-img::before
{
opacity:0;
transition:opacity cubic-bezier(.77,0,.175,1) 0.6s;
transition-delay:0.3s;	
}
.sld .sld-data
{


background-color:rgba(138,151,164,1);

}

.sld .sld-title
{
padding:40px 30px 15px 30px;
color:#fff;
font-weight:300;
font-size:35px;	
}
.sld .sld-cont
{
padding:0 30px 15px 30px;
font-size:16px;
line-height:140%;
font-weight:400;
color:#fff;	
}
.slick-slide a:hover,
.slick-slide a:focus,
.slick-slide a:focus div
{
outline:none!important;	
}
.sld .featuredIndex
{
padding:0 30px 40px 30px;
    font-weight: 300;
    font-size: 18px;
	color:#fff;		
}
.sld-counter
{
position:absolute;
right:50px;
top:20px;
font-weight:500;
font-size:40px;
color:#fff;
line-height:100%;
}
/* end home projects / products */


/* product section classes */
.contentWrapper.product
{
background-color:#000;
padding-top:10px;	
}
.catSectioning
{
	max-width:1400px;
	margin:0 auto;
}
.sectionObject
{
	box-sizing:border-box;

width:calc(100% - 20px);
position:relative;
overflow:hidden;
margin:0 10px 50px 10px;

}
.sectionObject .sectionVisualMobile
{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
min-height:350px;	
}
.sectionObject .sectionObjectVisual
{
display:none;	
}

.sectionObject  .sectionFlx
{
position:relative;
z-index:3;
display:flex;
flex-wrap:wrap;
}
.sectionObject  .sectionFlx .section-flx-50
{
flex:1 0 100%;
overflow:hidden;	
}
.sectionObject  .sectionFlx .section-flx-50.right
{
text-align:right;	
}
.sectionObject  .sectionFlx .section-flx-50.right .sectionDataBlock
{

padding:20px 30px;
background-color:rgba(255,255,255,1);

}
.sectionObject  .sectionFlx .section-flx-50.left .miniContent
{

	padding:20px 30px;
background-color:rgba(130,130,130,0.5);
color:#fff;

}
.sectionObject  .sectionFlx .section-flx-50.left .miniContent .miniTitle h2
{
font-weight:400;
font-size:20px;
margin:0;
padding:0;	
}
.sectionObject  .sectionFlx .section-flx-50.left .miniContent .miniTextual
{
font-size:15px;
line-height:140%;	
}
.sectionObject  .sectionFlx .section-flx-50.left .miniContent .miniTitle,
.sectionObject  .sectionFlx .section-flx-50.left .miniContent .miniTextual
{
opacity:0;	
}
.sectionObject.is-active  .sectionFlx .section-flx-50.left .miniContent .miniTitle,
.sectionObject.is-active  .sectionFlx .section-flx-50.left .miniContent .miniTextual
{
opacity:1;
transition:opacity cubic-bezier(.77,0,.175,1) 1s,left cubic-bezier(.77,0,.175,1) 1s ;

}
.sectionObject .section-flx-50.left .catVerticalLink

{
padding-top:20px;
opacity:0;
transition-delay: 0.5s;
transition:opacity cubic-bezier(.77,0,.175,1) 1s;	
}
.catDataInner .catHomeLink
{
padding-top:20px;	
}
.sectionObject.is-active .section-flx-50.left .catVerticalLink
{
opacity:1;
transition-delay: 0.5s;
transition:opacity cubic-bezier(.77,0,.175,1) 1s;	
}

.tailOpts a.pdfLnk
{
position:relative;
display:inline-block;
background-color:#fff;
color:#000;
font-weight: 400;
    font-size: 16px;
padding:14px 14px 14px 45px;
background:url(../img/pdf-icon.svg) #fff  10px center no-repeat;
margin-bottom:3px;	
}
.tailOpts a.jumpCTA
{
position:relative;
display:inline-block;
background-color:#fff;
color:#000;
font-weight: 400;
    font-size: 16px;
padding:12px 48px 12px 17px;
transition-delay:0s;
transition:padding-right ease-out 0.3s,color cubic-bezier(.77,0,.175,1) 0.5s,background-color cubic-bezier(.77,0,.175,1) 0.5s;	
}
.sectionObject .section-flx-50.left .catVerticalLink a,
.catDataInner .catHomeLink a
{
position:relative;
display:inline-block;
background-color:#fff;
color:#000;
font-weight: 400;
    font-size: 20px;
padding:12px 48px 12px 17px;
transition-delay:0s;
transition:padding-right ease-out 0.3s,color cubic-bezier(.77,0,.175,1) 0.5s,background-color cubic-bezier(.77,0,.175,1) 0.5s;	
}
.sectionObject .section-flx-50.left .catVerticalLink a::before,
.catDataInner .catHomeLink a::before,
.tailOpts a.jumpCTA::before
{
position:absolute;
top:0;
right:0;
bottom:0;
width:48px;
background:url(../img/cat-arrow-icon.svg) center no-repeat;
display:block;
content:" ";
opacity:1;
transition:opacity cubic-bezier(.77,0,.175,1) 0.5s	;
}
.sectionObject .section-flx-50.left .catVerticalLink a::after,
.catDataInner .catHomeLink a::after,
.tailOpts a.jumpCTA::after
{
position:absolute;
top:0;
right:0;
bottom:0;
opacity:0;
width:48px;
background:url(../img/cat-arrow-icon-hover.svg) center no-repeat;
display:block;
content:" ";
transition:opacity cubic-bezier(.77,0,.175,1) 0.5s	;
}
.sectionObject .section-flx-50.left .catVerticalLink a:hover::before,
.catDataInner .catHomeLink a:hover::before,
.tailOpts a.jumpCTA:hover::before
{
opacity:0;
transition:opacity cubic-bezier(.77,0,.175,1) 0.5s	;	
}
.sectionObject .section-flx-50.left .catVerticalLink a:hover::after,
.catDataInner .catHomeLink a:hover::after,
.tailOpts a.jumpCTA:hover::after
{
opacity:1;
transition:opacity cubic-bezier(.77,0,.175,1) 0.5s	;	
}
.sectionObject .section-flx-50.left .catVerticalLink a:hover,
.catDataInner .catHomeLink a:hover,
.tailOpts a.jumpCTA:hover
{
background-color:#000;
color:#fff;
padding-right:65px;	
transition-delay:0s;
transition:padding-right ease-out 0.3s, color cubic-bezier(.77,0,.175,1) 0.5s,background-color cubic-bezier(.77,0,.175,1) 0.5s;	
}
.sectionObject  .sectionFlx .section-flx-50.right .idData,
.sectionObject  .sectionFlx .section-flx-50.right .idNumber
{
display:inline-block;
vertical-align:middle;
opacity:0;
	
}
.sectionObject.is-active  .sectionFlx .section-flx-50.right .idData,
.sectionObject.is-active  .sectionFlx .section-flx-50.right .idNumber
{
opacity:1;
transition:opacity cubic-bezier(.77,0,.175,1) 1s,left cubic-bezier(.77,0,.175,1) 1s ;
transition-delay:0.5s;		
}
.sectionObject  .sectionFlx .section-flx-50.right .idNumber
{
color:#000;
font-size:22px;
font-weight:500;	
}
.sectionObject  .sectionFlx .section-flx-50.right .idData
{
font-weight:300;
color:#000;
font-size:22px;
padding-right:15px;
}
/* end product section classes */



/* begin page styles */

.page .contentWrapperInner{
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 15px;	
}
.page .contentWrapperInner p
{
line-height:140%;
color:#333;
font-size:17px;
margin:0;
padding:0 0 15px 0;	
}
.page .contentWrapperInner h2
{
font-size:32px;
font-weight:300;
margin:0;
padding:0 0 15px 0;
line-height:140%;	
}
.page .contentWrapperInner h3
{
font-size:26px;
font-weight:400;
margin:0;
padding:0 0 15px 0;
line-height:140%;	
}
.page .contentWrapperInner blockquote
{

padding:30px 40px 25px 40px;
margin:20px 0;
background-image:url(../img/quote-symbol.svg);
background-position:top left;
background-repeat:no-repeat;	
}
.page .contentWrapperInner blockquote p
{
margin:0;
padding:0 0 15px 0;
font-size:28px;
font-weight:300;	
}
.inPageVidContainer
{
position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin:30px 0;	
}
.inPageVidContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inPageGalleryWrap
{
position:Relative;
padding:30px 0 50px 0;	
}
.inPageGalleryWrap .pageSlider
{
padding-bottom:65px;	
}
.inPageGalleryWrap .slick-prev,
.inPageGalleryWrap .slick-prev:focus,
.inPageGalleryWrap .slick-prev:hover
{
	position:Absolute;
left:0;
bottom:0;
top:auto;
background-color:#000;
width:50%!important;
height:65px!important;
background-image:url(../img/gallery-previous-arrow.svg)!important;
background-position:center;
background-repeat:no-repeat;
transform:none;
z-index:20;	
}
.inPageGalleryWrap .slick-next,
.inPageGalleryWrap .slick-next:hover,
.inPageGalleryWrap .slick-next:focus
{
		position:Absolute;
	top:auto;
	left:auto;
	bottom:0;
right:0;
background-color:#000;
width:50%!important;
height:65px!important;
background-image:url(../img/gallery-next-arrow.svg)!important;
background-repeat:no-repeat;
background-position:center	;
transform:none;
z-index:20;	
}
.inPageGalleryWrap .slick-prev::before,
.inPageGalleryWrap .slick-next::before
{
display:none!important;	
}
.inPageGalleryWrap .spt-custom-paginate
{
position: absolute;
    top: 40px;
    right: 10px;
    font-size: 40px;
    z-index: 30;
	color:#fff;
	font-weight:300;	
}
/* end page styles */

/* footer */
.footerWrapper
{
	font-size:15px;
/*margin-top:100px;	*/
}
.footerWrapper.noTop
{
margin-top:0;	
}
.footerInner .flx
{
align-items: stretch;	
}
.footerInner .brand
{

background-color:#333333;
	
}

.footerInner .brand

{
display:flex;

justify-content:center;
padding:100px 0 40px 0;
		
}
.footerInner .links,
.footerInner .contactData,
.footerInner .social
{
display:flex;

padding:100px 0 40px 50px;	
}
.footerInner .contactData
{
	flex-wrap:wrap;
}
.footerInner .links,
.footerInner .contactData
{
border-right:1px solid #ebebeb;	
}

.footerInner .contactData p
{
margin:0;
padding:0 0 10px 0;
font-weight:300;	
}
.footerInner .contactData p a
{
color:#000;
	text-decoration:underline;
}
.footerInner .brand .brandLogo
{

}
.socialData
{
flex:1 0 100%;	
}
.footerInner  .footTitle
{
padding-bottom:12px;
font-weight:500;
flex:1 0 100%;
	font-size:20px;
}
.footerInner  .links
{
background-color:#f8f8f8;	
}
.footProductList ul
{
list-style-type:none;
list-style-position:none;
text-indent:0;
margin:0;
padding:0;
column-count:2;
column-gap:20px;	
}
.footerInner .footProductList ul li
{
padding-right:20px;
}
.footerInner .footProductList ul li a
{
color:#333333;
font-size:17px;
font-weight:300;
line-height:160%;
display:block;	
}
.footerInner .social
{
background-color:#efefef;	
}
.footerInner .social .channels
{
text-align:left;	
}
.footerInner .social .channels .channelIcon
{
display:inline-block;
padding-right:10px;	
}
.footerInner .addressData,
.footerInner .footProductList,
.footerInner .channels
{
padding-top:15px;	
}
/* end footer */

/* archive post */
.archiveEntries
{
display:flex;
flex-wrap:wrap;

justify-content:center;	
}
.archiveEntries .archiveEntry
{
flex:1 0 100%;
margin-bottom:25px;	
}
.archiveEntries .archiveEntry .inner
{
	box-sizing:border-box;
padding:15px;
margin:0 15px;
height:100%;
-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);	
}
.archiveEntries .archiveEntry .inner a
{
display:block;	
}
.archiveEntries .archiveEntry .inner h2
{
font-size:24px;
font-weight:500;
color:#000;
margin:0;
padding:0 0 20px 0;
text-align:center;	
}
.archiveHead
{
padding-bottom:60px;	
}
.archiveHead h1
{
font-size:45px;
text-align:center;
position:relative;
font-weight:500;
padding:0;
margin:0;	
}
/* end archive post */

/* contact */
.contactFlx
{
display:flex;
flex-wrap:wrap;
margin-bottom:30px;	
}
.contactLeft
{
	padding-bottom:30px;
	flex:1 0 100%;
}
.contactRight
{
	

	flex:1 0 100%;
}
.contactLeft h2
{
	font-weight:500;
	font-size:34px;
	margin:0;
	padding:0 0 20px 0;
}
.contactLeft .contData
{
padding:0;
border-bottom:1px solid #CCC;
margin-bottom:20px;	
}
.contactLeft .contData .comRow
{
padding-bottom:15px;	
}
.contactLeft a,
.contactRight a
{
color:#666;
	text-decoration:underline;
}
.contactMap
{
padding:15px;
background-color:#efefef	
}
.contactMap img
{
max-width:100%;
height:auto;
margin:0 auto;
display:block;	
}
.contactMap .deskMap
{
display:none;	
}
.contactRight input[type=text]
{
margin-top:0!important;
padding:12px!important;
font-size:17px!important;	
}
.contactRight .gform_wrapper .gform_footer  input[type=submit]
{
	padding:18px!important;
	border:none!important;
	background-color:#000!important;
	color:#fff!important;
	font-size:18px!important;
}
.contactRight textarea
{
max-height:180px;	
}
/* end contact */

.errorWrapper
{
height:90vh;
width:100%;
background-color:#000;
display:flex;	
align-items:center;
}
.errorWrapper .inner
{
	text-align:center;
	flex:1 0 100%;
}
.errorWrapper .inner .bigNum
{
color:#fff;
font-size:50px;
font-weight:500;
text-align:Center;
padding-bottom:30px;	
}
.errorWrapper .inner .msg
{
color:#fff;	
}
.prouctCTAWrapper
{
max-width:1380px;
margin:0 auto;	
}
.prouctCTAWrapper .productCTA
{

background-color:#fff;	
}

.ctaFlexer .ctaFlxLeft
{
text-align:center;
padding:15px;	
}
.ctaFlexer .ctaFlxRight
{
padding:0 15px 15px 15px;	
}
.productCTATitle
{
font-size:38px;
padding-bottom:15px;
font-weight:300;
position:relative;
z-index:5;

}
.productCTAIntro
{
max-width:450px;
margin:0 auto;
padding-bottom:30px;	
position:relative;
z-index:5;

line-height:150%;
}


.productCTA input[type=text],
.productCTA input[type=email]{
    margin-top: 0!important;
    padding: 12px!important;
    font-size: 17px!important;
	
}
.productCTA textarea
{
    padding: 12px!important;
    font-size: 17px!important;
	font-family: 'Roboto', sans-serif!important;
	max-height:150px;	
	width:100%!important;
}
.productCTA .gform_footer
{
padding-bottom:0!important;	
}
.productCTA .gform_footer input[type=submit] {
    padding: 18px!important;
    border: none!important;
    background-color: #000!important;
    color: #fff!important;
    font-size: 25px!important;
	width:100%!important;
	font-weight:500;
}


/* SEARCH RESULTS */
.searchEntryInner
{
padding-bottom:30px;	
}
.srchFlx
{
display:flex;
flex-wrap:wrap;	
}
.srchFlx .srchImg
{
flex:0 0 100%;	
}
.srchFlx .srchImg img
{
max-width:100%;
display:block;
height:auto;	
}
.srchFlx .srchData
{
flex:1;
padding:25px 0;	
}
.srchEx p
{
line-height:150%!important;
margin:0!important;
padding:0!important;
}

.searchEntryInner a
{
color:#000;
text-decoration:none;	
}

.srchFlx .titleElem
{
font-weight:300;
font-size:30px;
padding-bottom:12px;	
}
.srchMore
{
padding-top:30px;	
}
.srchMore div{
position: relative;
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    padding: 12px 48px 12px 17px;
    transition-delay: 0s;
    transition: padding-right ease-out 0.3s,color cubic-bezier(.77,0,.175,1) 0.5s,background-color cubic-bezier(.77,0,.175,1) 0.5s;	
}
.srchMore div::before{
position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url(../img/cat-arrow-icon-hover.svg) center no-repeat;
    display: block;
    content: " ";
    opacity: 1;
    transition: opacity cubic-bezier(.77,0,.175,1) 0.5s;	
}
.srchMore div::after{
position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 48px;
    background: url(../img/cat-arrow-icon-hover.svg) center no-repeat;
    display: block;
    content: " ";
    transition: opacity cubic-bezier(.77,0,.175,1) 0.5s;	
}
a:hover .srchMore div{
background-color: #000;
    color: #fff;
    padding-right: 65px;
    transition-delay: 0s;
    transition: padding-right ease-out 0.3s, color cubic-bezier(.77,0,.175,1) 0.5s,background-color cubic-bezier(.77,0,.175,1) 0.5s;	
}
a:hover .srchMore div::before
{
opacity: 0;
    transition: opacity cubic-bezier(.77,0,.175,1) 0.5s;	
}
a:hover .srchMore div::after{
opacity: 1;
    transition: opacity cubic-bezier(.77,0,.175,1) 0.5s;	
}

header .searchBox
{
position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 0;
	display:none;	
}
header .searchBox input[type=text]
{
padding:5px;
font-size:16px;
font-weight:500;
max-width:150px;
vertical-align: middle;
display:inline-block;	
}
header .searchBox input[type=text]::-webkit-input-placeholder ,
header .searchBox input[type=text]::-moz-placeholder,
header .searchBox input[type=text]:-ms-input-placeholder,
header .searchBox input[type=text]:-moz-placeholder
{
 
font-size:16px;



}
header .searchBox input[type=submit]
{
width:32px;
height:32px	;
display:inline-block;
border:none;
background-color:rgba(0,0,0,0);
background-image:url(../img/search-icon-ft.svg);
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
cursor:pointer;
}
header .searchBox input[type=submit]:focus,
header .searchBox input[type=text]:focus
{
outline:none;	
}
header .searchBox .inSrch
{
background-color:rgba(0,0,0,0.6);
padding:5px;
min-height:43px;	
}
.noResult
{
font-size:24px;
text-align:center;
padding:30px 0;	
font-weight:300;
}
/* END SEARCH */

.supported
{
background-color:#ebebeb;
padding:10px 10px 100px 10px;
text-align:right;	
}
.supported a
{
color:#ccc;
text-decoration:none;	
}
.supported span
{
display:inline-block;
vertical-align:middle;
font-size:15px;
padding-right:7px;	
}
.supported img
{
display:inline-block;
max-width:78px;
height:auto;
vertical-align:middle;	
}
/* END MOBILE FIRST */
.gform_wrapper textarea
{
font-family: 'Roboto', sans-serif!important;
font-size:17px!important;	
}
#gform_wrapper_2 .ginput_left label,
#gform_wrapper_2 .ginput_right label,
#gform_wrapper_1 .ginput_left label,
#gform_wrapper_1 .ginput_right label
{
display:none!important;	
}
.gform_wrapper [aria-required=true]
{
background:url(../img/required-icon.svg) calc(100% - 15px) center no-repeat;	
}
/*.gform_wrapper input[aria-required=true]::after
{
position:absolute;
top:50%;
right:15px;
width:20px;
height:20px;

content:" ";
display:block;	
}*/
.footerInner .contactData .innerContact
	{
		flex:1 0 100%;
	}
.appPromoInner 
{
align-items:stretch;
}
.appPromoInner .left,
.appPromoInner .right
{
	flex:1 0 100%;
}
.appPromoInner .left
{
	display:flex;
	align-items:Center;
	justify-content: center;
min-height:300px;
	position:Relative;
}
.appPromoInner .left .leftTitle
{
text-align:Center;
	padding:20px;
	font-size:30px;
	color:#fff;
	position:relative;
	z-index:2;
}
.appPromoInner .left .visInner
{
	position:Absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	background-size:cover;
	background-position:center;
	
}
.appPromoInner .left .visInner::after{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(0,0,0,0.3);content:" ";
	display:block;
}
.appPromo .introBlock
{
	text-align:Center;
	padding:20px;
	color:#fff;
	line-height:150%;
	max-width:500px;
	margin:0 auto;
}
.appPromoInner .right
{
	background-color:#333333;
}
.appPromoInner .right .rightInner
{
	padding:40px 10px;
}
.iconBlock
{
	text-align:center;
}
.iconBlock .iconic
{
	display: inline-block;
    padding: 20px 15px;
}
.iconBlock .iconic .icoLbl
{
	 max-width: 100px;
    color: #fff;
    padding-top: 15px;
}
.appPromo .linkBlock
{
	padding-top:20px;
	text-align:Center;
	
}
.appPromo .linkBlock a
{
    position: relative;
    display: inline-block;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    padding: 12px 17px 12px 17px;
}

.fixedMod
{
	position:fixed;
	z-index:50;
	right:10px;
	bottom:10px;
}
.fixedMod a
{
	display:block;
	border-radius:40px;
	position:relative;
	background-color:rgba(0,0,0,0.7);
	padding:5px;
}
.fixedMod .iconElem,
.fixedMod .labelElem
{
display:inline-block;
}
.fixedMod .iconElem
{
width: 60px;
    height: 60px;
    vertical-align: middle;
}
.fixedMod .labelElem{
vertical-align: middle;
    max-width: 100px;
    font-size: 13px;
    color: #fff;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    text-align: right;
}
.fixedMod .iconElem img
{
	display:block;
    width: 60px;
    height: 60px;

}
@media(min-width:768px)
{
	
	@keyframes glow {
  from {
   -webkit-box-shadow: 0px 0px 24px 0px rgba(255,255,255,0.80);
	  -moz-box-shadow:0px 0px 24px 0px rgba(255,255,255,0.80);
		  box-shadow:0px 0px 24px 0px rgba(255,255,255,0.80);
  }
  to {
   -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.75);
	  -moz-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.75);
		  box-shadow:0px 0px 0px 0px rgba(255,255,255,0.75);
  }
}
	
	.fixedMod a
	{
		  animation: glow 1.5s infinite alternate;
	}
	.fixedMod .iconElem,
	.fixedMod .iconElem img
{
width: 70px;
    height: 70px;

}
	.fixedMod .labelElem {

    max-width: 150px;
    font-size: 16px;
	}
	.appPromoInner 
	{
		min-height:450px;
	}
	.appPromoInner .right .rightInner
	{
		flex:1 0 100%;
	}
	.appPromoInner .left,
.appPromoInner .right
{
	flex:1 0 50%;
}
	.appPromoInner .right{
		        display: flex;
        align-items: center;
	}
	.footerInner .contactData .innerContact
	{
		flex:1 0 50%;
	}
	header .searchBox
	{
	position:relative;
	display:inline-block;
	margin-right:35px;	
	vertical-align:middle;
	}
	.srchFlx .srchImg
	{
	flex:0 0 30%;	
	}
.srchFlx .srchData
{
padding:0 0 25px 25px;	
}
	.errorWrapper .inner .bigNum
	{
	font-size:150px;	
	}
	.contactRight  .gform_wrapper ul li.gfield {
    margin-top: 0!important;
	}
	.contactRight .gform_wrapper .gform_footer 
	{
	text-align:right;	
	}
	.contactRight .gform_wrapper .gform_footer input[type=submit]
	{
	display:inline-block;
	width:calc(100% - 16px);
	cursor:pointer;	
	}
	.contactMap .deskMap
{
display:block;	
}
.contactMap .mobMap
{
display:none;	
}
	.contactLeft
{
	padding-right:30px;
	padding-bottom:0;
	flex:1 0 50%;
}
.contactRight
{
	
	padding-left:30px;
	flex:1 0 50%;
}

	/* archive post */

.archiveEntries .archiveEntry
{
flex:0 0 50%;	
}

/* end archive post */


	.sectionObject  .sectionFlx .section-flx-50.right .sectionDataBlock
{


background-color:rgba(255,255,255,0.5);

}

	.sectionObject  .sectionFlx .section-flx-50.left .miniContent
{


background-color:rgba(0,0,0,0.5);


}
	/* home sectors */
	
	#plastinoSectors .flx-50
	{
	margin-bottom:0;	
	}
	
	/* end home sectors */
	
	
	/* page styles */
	.inPageGalleryWrap
	{
	padding:30px 0;
	}
	.inPageGalleryWrap .spt-custom-paginate
	{
	top:auto;
	bottom:40px;	
	}
	.inPageGalleryWrap .slick-prev,
	.inPageGalleryWrap .slick-prev:hover,
	.inPageGalleryWrap .slick-prev:focus 
{
left:40px!important;
bottom:auto;
top:50%;
outline:none!important;
width:110px!important;
height:55px!important;
background-color:transparent;
transform:translateY(-50%)!important;
z-index:20;	
}
.inPageGalleryWrap .slick-next,
.inPageGalleryWrap .slick-next:hover,
.inPageGalleryWrap .slick-next:focus
{
	left:auto;
right:40px!important;
width:110px!important;
bottom:auto;
top:50%;
height:55px!important;
background-color:transparent;
transform:translateY(-50%);	
z-index:20;	
outline:none!important;
}
	.inPageGalleryWrap .pageSlider
{
padding-bottom:0;	
}
	/* end page styles */
	
	/* slider */
	.sectionObject.is-active  .sectionFlx .section-flx-50.left .miniContent .miniTitle,
.sectionObject.is-active  .sectionFlx .section-flx-50.left .miniContent .miniTextual
{

transition-delay:0.5s;	
}
	#plastinoFeatured .featureSlider
{
padding-bottom:0;	
}
	.sld-counter
{
position:absolute;
right:30px;
bottom:0;
top:auto;
font-weight:100;
font-size:100px;
color:#c8ced2;
line-height:100%;
}
	.featureSliderWrap .slick-next
{
	width:131px;
	height:30px;
	left:auto;
	right:200px;
	bottom:0;
	background:url(../img/featured-next-arrow.svg) center no-repeat!important;
	position:absolute;
	top:auto;
	z-index:40;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);	
}

.featureSliderWrap .slick-prev
{
	width:131px;
	height:30px;
	left:auto;
	right:200px;
	bottom:45px;
	top:auto;
	background:url(../img/featured-previous-arrow.svg) center no-repeat!important;
	position:absolute;
	z-index:40;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
}
	.slick-slide .sld-data,
.slick-slide.slick-cloned  .sld-data
{
	opacity:0;
	width:60%;
	transform:translate(50px, -50%);
	transition:transform ease-out 0.4s,opacity ease-out 0.2s;
	
}
.slick-slide.slick-current .sld-data
{
	transform:translate(0, -50%);
transition-delay:0.3s;
transition:transform cubic-bezier(.77,0,.175,1) 0.7s ,opacity cubic-bezier(.77,0,.175,1) 0.7s ;
opacity:1;
transition-delay:0.6s;	
}

.sld .sld-data::before
{
left:-50px;
top:-50px;
bottom:-50px;

position:absolute;
opacity:1;
border-top:10px solid rgba(255,255,255,0.6);
border-bottom:10px solid rgba(255,255,255,0.6);
border-left:10px solid rgba(255,255,255,0.6);
display:block;
content:" ";
width:50%;

}
	.sld .sld-data
{
position:absolute;
right:0;
top:50%;


background-color:rgba(138,151,164,0.9);
padding-right:100px;
z-index:4;	
}
	.sld .sld-img
{
max-width:60%;
min-height:650px;

}
	/* end slider */
.flx-wrap
{
flex-wrap:wrap;	
}
.flx-50
{
flex:1 0 50%;	
}
.flx-20
{
flex:1 0 50%;	
}
.flx-33
{
flex:1 0 33.333%;	
}

.flx-25
{
flex:1 0 50%;	
}
.flx-60
{
flex:1 0 50%;	
}
.flx-40
{
flex:1 0 50%;	
}
/* animation classes */
.animate.fromLeft
{
	transform:translateX(-120px);
	opacity:0;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromLeft.is-active
{
transform:translateX(0);
	opacity:1;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}
.animate.fromRight
{
	transform:translateX(120px);
	opacity:0;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromRight.is-active
{
transform:translateX(0);
	opacity:1;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}
.animate.fromBottom
{
	transform:translateY(120px);
	opacity:0;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromBottom.is-active
{
transform:translateY(0);
	opacity:1;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}
.animate.fromTop
{
	transform:translateY(-120px);
	opacity:0;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromTop.is-active
{
transform:translateY(0);
	opacity:1;
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}

.animate.fadeIn
{
opacity:0;

transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fadeIn.is-active
{
opacity:1;
transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
	
}
.animate.revealUp
{
transform:translateY(100%);
transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}
.animate.is-active.revealUp
{
transform:translateY(0);
transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}
.animate.revealDown
{
transform:translateY(-100%);
transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}
.animate.is-active.revealDown
{
transform:translateY(0);
transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;	
}
.is-active.delay-0-8
{
transition-delay:0.8s!important;
}
.is-active.delay-0-4
{
transition-delay:0.4s!important;
}

/* end animation classes */

/* home hero */


.homeHero
{
overflow:hidden;	
}
.homeHero .heroMessage .heroMessageContent
{
	position:absolute;
	right:0;
	width:50%;
	padding:30px 30px 30px 15px;
	font-weight:100;
	font-size:70px;
	color:#fff;
	background:none;
}

.heroVisual::before
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:" ";
display:block;
opacity:1;
z-index:2;

background-color:#000;	
}

.active-animate .heroVisual::before
{
opacity:0;
width:0;
transition:  opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.6s,width cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.6s;
transition-delay:0.2s;	
}


.homeHero .heroMessage .heroMessageContent::before
{
display:block;
content:" ";
position:absolute;
top:0;
width:0;
opacity:0;
bottom:23%;
right:0;
background-color:rgba(0,0,0,0.6);	
}
.homeHero.active-animate .heroMessage .heroMessageContent::before
{
width:100%;
opacity:1;
transition:width cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.8s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.8s;
transition-delay:0.6s;	
}
.homeHero .heroMessageContentText
{
position:relative;
z-index:2;
opacity:0;
transform:translateY(50px);
padding-left:50px;

background:url(../img/hero-white-arrow.svg) 0 15px  no-repeat;
transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.8s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.8s;

}
.homeHero.active-animate .heroMessageContentText{
transform:translateY(0);
opacity:1;
transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.8s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.8s;
transition-delay:0.6s;
}
.catHero .catHeroContent .catHeroTitle h1,
.pageHero .pageHeroContent .pageHeroTitle h1
{

font-size:70px;

font-weight:300;
	
}
.catHero .catHeroIntro p
{
font-size:18px;	
}
/* end home hero */

/* navigation */

.navWrapper nav .lft::before
{
background-image: url(../img/nav-vertical-product-bg-2.png);
    background-size: auto 100%;
    background-repeat: no-repeat;	
}
.navWrapper nav
{
align-items:center;
flex-wrap:nowrap;	
}

.navWrapper nav .lft::after
{
position: absolute;
    top: 100%;
    right: 0;
    height:0vh;
    width:100%;
    content: " ";
    display: block;
	background-size:cover;
	background-repeat:no-repeat;
    background-image:url(../img/nav-strip-bg.jpg);
	background-position:top center;
    opacity: 1;
    z-index: 4;
	

}
.openedNav.navWrapper nav .lft::after
{
 height: 30vh;
 transition:height cubic-bezier(.77,0,.175,1) 1.1s;
 transition-delay:0.8s	
}
.closingNav.navWrapper nav .lft::after
{
 height: 0vh;
 transition:height cubic-bezier(.77,0,.175,1) 0.7s;
	
}
.navWrapper.openedNav
{
padding-top:0;
overflow:hidden;

}
/* end navigation */

/* introduction */
#plastinoIntroduction .introCol
{
border-left:4px solid #fff;	
}
#plastinoIntroduction .introCol .introContent
{
	padding:30px 30px 70px 60px;
	overflow:hidden;
	
}
#plastinoIntroduction .flx-50.introStatement
{
border-right:4px solid #fff;
min-height:500px;
}
/* end introduction */

/* sectors */
.contentWrapper.product
{

padding-top:40px;
padding-bottom:40px;	
}
.sectionObject
{
height:75vh;
margin:0;
width:100%;	
}
#plastinoSectors .flx-50
{
overflow:hidden;
height:500px;
position:relative;		
}
.sectionObject  .sectionFlx
{
position:relative;
z-index:3;
display:flex;
flex-wrap:wrap;

align-items:flex-end;
position:absolute;

width:100%;
z-index:10;	
}
.sectionObject  .sectionFlx
{
top:auto;
bottom:0;	
}
#plastinoSectors .catInner
{
min-width:350px;
width:100%;
height:100%;
display: flex;
align-items: flex-end;
padding:30px 30px 0 30px;
color:#fff;
position:relative;
}
#plastinoSectors .catVisual
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;

	height:100%;
	width:100%;
	image-rendering: smooth;
	transform:translate(0,0);
	transition:width ease-out 0.4s,height ease-out 0.4s,transform ease-out 0.4s;
}
#plastinoSectors .flx-50:hover .catVisual
{
width:106%;
height:105%;	
transform:translate(-3%,-3%);
transition:width cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s,height cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s,transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s;	
}
.sectionObject
{
	box-sizing:border-box;
height:90vh;
width:calc(100% - 20px);
position:relative;
overflow:hidden;
margin:0 10px 10px 10px;
max-height:750px;
}
.sectionObject  .sectionFlx .section-flx-50.left .miniContent
{
	max-width:500px;
}
.sectionObject::before
{
	display:block;
	width:calc(100% - 80px);
	height:calc(100% - 80px);
	border:80px solid #fff;
	position:absolute;
	top:-40px;
	left:-40px;
	
	content: " ";
	z-index:5;
	transition:border cubic-bezier(.77,0,.175,1) 1s ,width cubic-bezier(.77,0,.175,1) 1s,height cubic-bezier(.77,0,.175,1) 1s,top cubic-bezier(.77,0,.175,1) 1s,left cubic-bezier(.77,0,.175,1) 1s ;	
}
.sectionObject.is-active::before
{
border:0px solid transparent;
width:100%;
height:100%;
top:0;
	left:0;
transition:border ease-out 0.5s;
transition:border cubic-bezier(.77,0,.175,1) 1s ,width cubic-bezier(.77,0,.175,1) 1s,height cubic-bezier(.77,0,.175,1) 1s,top cubic-bezier(.77,0,.175,1) 1s,left cubic-bezier(.77,0,.175,1) 1s ;	
}
.sectionObject .sectionVisualMobile
{
display:none;	
}
.sectionObject .sectionObjectVisual
{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:block;
position:absolute;
width:100%;
top:0;
height:160%;
left:0;
z-index:0;
}
.sectionObject  .sectionFlx .section-flx-50
{
flex:1 0 50%;
	
}
#plastinoSectors .flx-wrap
{

padding-bottom:8px;	
}

#plastinoSectors .flx-50
{
height:500px;
margin-bottom:8px;

}
#plastinoSectors .flx-50.left .catInner
{
	border-top:none;
	border-right:4px solid #fff;	
}
#plastinoSectors .flx-50.right .catInner
{
	border-top:none;
	border-left:4px solid #fff;
	
}
#plastinoSectors .flx-50.left .catVisual
{
	
}
#plastinoSectors .flx-50.right .catVisual
{

}
.sectionObject  .sectionFlx .section-flx-50.right .sectionDataBlock
{
display:inline-block;

	
}
.sectionObject  .sectionFlx .section-flx-50.right .idNumber
{
color:#000;
font-size:50px;
font-weight:100;	
}
.sectionObject  .sectionFlx .section-flx-50.right .idData
{
font-weight:500;
padding-right:15px;	
color:#000;
font-size:24px;
}
/* end sectors */
}
@media(min-width:992px)
{
	footer .brand.footBox
	{
		flex:0 0 220px;
	}
	footer .contact.footBox,
	footer .links.footBox
	{
		flex:1;
	}
	footer .social.footBox
	{
		flex:1 0 100%;
	}
	.productCTATitle
	{
	color:#fff;	
	}
	.productCTAIntro
	{
	color:#fff;
	padding-bottom:0;	
	}
	
	.prouctCTAWrapper .productCTA .ctaFlexer
{
display:flex;

}
.ctaFlexer .ctaFlxLeft
{
position:relative;
display:flex;
align-items:center;	
}
.ctaFlexer .ctaFlxLeft .em
{
flex:1 0 100%;
padding:30px 0;	
}
.ctaFlexer .ctaFlxLeft .visual
{
display:block;
top:0;
right:0;
bottom:0;
left:0;
position:Absolute;
background-image:url(../img/product-form-bg.jpg);
background-size:cover;
background-position:center;	
}
.ctaFlexer .ctaFlxLeft .visual::before
{
	
display:block;
position:Absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0,0,0,0.4);
content:" ";	
}
.ctaFlexer .ctaFlxLeft,
.ctaFlexer .ctaFlxRight
{
flex:1 0 50%;
padding:15px;	
}
	.navWrapper ul > li
{
padding:0 0 25px 0;	
}
.navWrapper .lft ul li a span.menu-item-description
{

	font-size:14px;

	font-weight:400;

	padding-top:7px;
}
.navWrapper nav .lft
{
padding:40px 40px 40px 60px;	
}
.navWrapper .lft > ul
{
padding-top:20px;	
}
.navWrapper .lft ul li
{
padding-right:20px;
padding-bottom:30px;	
}
	.archiveEntries .archiveEntry
{
flex:0 0 33.333%;	
}

.flx-25
{
flex:1 0 25%;	
}
.flx-20
{
flex:1 0 20%;	
}
.flx-33
{
flex:1 0 33.333%;	
}
.flx-40
{
flex:1 0 40%;	
}
.flx-25
{
flex:1 0 50%;	
}
.flx-60
{
flex:1 0 60%;	
}
.flx-40
{
flex:1 0 40%;	
}

/* introduction */
#plastinoIntroduction .introStatementWrap
{
font-weight:700;
font-size:90px;	

}
#plastinoIntroduction .introStatementWrap
{
padding-bottom:50px;
margin-bottom:70px;
overflow:hidden;
	
}
#plastinoIntroduction .introStatementWrap .textual
{
position:relative;	
}
#plastinoIntroduction .introStatementWrap .textual::after
{
	content:" ";
	display:block;
	width:100%;
	border-bottom:1px solid #fff;
	bottom:-25px;
	position:absolute;
	left:0;
}
#plastinoIntroduction .introCol .introContent
{
	padding:30px 60px 50px 100px;
	margin-bottom:70px;	
	position:relative;
}

#plastinoIntroduction .introCol .introContent .textual::after
{
content:" ";
	display:block;
	width:2000px;
	border-bottom:1px solid #fff;
	bottom:-25px;
	position:absolute;
	left:0;	
}

/* end introduction */	

/* home sectors */


#plastinoSectors .flx-wrap
{
height:550px;	
}
#plastinoSectors .catDataTitle
{
	font-size:38px;
position:relative;

}
#plastinoSectors .catDataTitle::after
{
position:absolute;
bottom:0;
left:0;
width:40px;
border-top:2px solid #fff;
content:" ";

}
#plastinoSectors .catDataTitle span{
margin-bottom:20px;		
}

/* end home sectors */
.navWrapper .lft ul li {
    flex: 0 0 50%;
}
}
@media(min-width:1200px)
{
		footer .brand.footBox
	{
		flex:0 0 220px;
	}
	footer .contact.footBox,
	footer .links.footBox
	{
		flex:1 0 25%;
	}
	footer .social.footBox
	{
		flex:1 0 10%;
	}
	.navWrapper .lft ul li {
    flex: 0 0 33.333%;
}
.catHero .catHeroContent .catHeroTitle h1,
.pageHero .pageHeroContent .pageHeroTitle h1
{
font-weight:700;	
}
.sectionObject
{
height:85vh;	
}	
}
@media(min-width:1400px)
{
	
	
}