/***************************/
/* fancybox import*/
/***************************/
/*@import url('http://yuenmyngindustrialcoltd.webpackaging.com/Up/Comp/710/Portal/jquery.fancybox-1.3.4.css');
 */
/**********************************************/
/* This will create the generic beauty design **/
/**********************************************/
@import url("https://fonts.googleapis.com/css?family=Lato:300,400");
/*html, body {
     height:100%;
}
*/
body {
	position: relative;
	margin: 0 auto;
	font-weight: 300;
	font-family: "Lato", sans-serif;
	color: #333;
	font-size: 18px;
	line-height: 1.5em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
h1 {
	font-size: 42px;
	line-height: 1.5em;
}
h2 {
	font-size: 36px;
	line-height: 1.5em;
}
h3 {
	font-size: 28px;
	line-height: 1.5em;
}
h4 {
	font-size: 24px;
	line-height: 1.5em;
}
h5 {
	font-size: 20px;
	line-height: 1.5em;
}
a {
	color: #000;
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-weight: 200;
	height: 1em;
}
a,
p,
ol,
ul,
dl {
	margin: 0px;
	padding: 0px;
}
table,
tr,
th,
td {
	text-align: left;
}
ul,
dl {
	list-style: none;
}
img {
	max-width: 100%;
	/*avoid images destroying basic layout */
	max-height: 100%;
	vertical-align: middle;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus {
	-webkit-background-color: transparent;
	-webkit-box-shadow: 0 0 0 50px white inset;
	-webkit-text-fill-color: #777;
}
hr {
	display: block;
	width: 80%;
	height: 1px;
	margin: 0em auto 3em auto;
	border: 0;
	border-top: 1px solid #e2e2e2;
}
/* stuff to hide in portal mode */
.tool-icon,
.avatar,
#trigger-main-nav,
.supplier-info,
.bar,
.optionBar,
.hide_me {
	display: none;
}
/* standard box setup for top container in the main space. */
#main {
	padding: 75px 0px 60px 0px;
}
#header > .container {
	margin: 0px auto 0px auto;
	padding: 0px 12px 0px 12px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
	outline: none;
}
.clearer {
	clear: both;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.half {
	width: 50%;
}
#wrapper {
	position: relative;
	top: 0%;
	left: 0%;
	min-height: 100vh;
	margin: 0px auto 60px;
	overflow: inherit;
}
#footer {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0px;
	z-index: 100;
	background: #000;
}
.portal-home #footer {
	display: none;
}
#notification-area {
	overflow: hidden;
}
.assets-barcounter {
	display: none;
}
/* header heights, colours and fonts */
.protected-portal.make-up-bottle-images.mages-folder.level-2.overflow-hidden
	#wrapper {
	min-height: calc(100vh - 60px);
}
#header {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
	height: 75px;
	line-height: 75px;
	/*general style, overight for yuen-ming*/
	/* background:#000;
     */
	background-color: #fff;
	border-bottom: 1px solid #999;
}
#header.home div.container {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
}
#header #header-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
	width: 100%;
	height: 100%;
}
#header .left {
	float: left;
}
#header .logo.tiny.left {
	width: calc(80% - 150px);
	max-width: 324px;
	height: 75px;
}
#header .logo.tiny.left > img {
	max-height: 80%;
}
#header .right {
	float: right;
	height: 60px;
}
#header nav.nav-primary ul {
	display: inline-block;
	text-align: center;
}
#header nav.nav-primary ul li {
	display: inline-block;
	float: none;
	margin: 0px;
	padding: 0px 12px;
}
#header nav.nav-primary a {
	/*general style, overight for yuen-ming*/
	/* color:#FFF;
     */
	color: #000;
	text-transform: capitalize;
}
#header .topName {
	display: none;
}
#header.small h1 {
	height: 40px;
	margin: 0px;
	text-align: right;
	line-height: 40px;
}
#header.small nav.nav-primary {
	height: 35px;
	line-height: 35px;
}
#header div.submenu {
	position: absolute;
	top: 0px;
	right: 174px;
	width: auto;
	height: 75px;
}
.tree li a:hover,
#header nav.nav-primary a:hover,
div#asset .asset-related div > .entry:hover h3,
div#asset .asset-siblings div > .entry:hover h3 {
	color: #e60002;
}
.col-x3-2 {
	padding: 24px;
}
/***** Standard Column layout:*****/
.col-1, .col-2, .col-3, .col-4, .col-6, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-x3-1, 
/*.col-x3-2,*/
 .col-x3-3 {
	float: left;
	position: relative;
	min-height: 1px;
	padding: 0px 12px 0px 12px;
}
.col-1 {
	width: 8.333%;
}
.col-2 {
	width: 16.666%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.333%;
}
.col-5 {
	width: 41.666%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58, 333%;
}
.col-8 {
	width: 66.666%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.333%;
}
.col-11 {
	width: 91.666%;
}
.col-12 {
	width: 100%;
}
.col-x3-1, 
/*.col-x3-2,*/
 .col-x3-3 {
	min-height: 800px;
	padding: 0px;
}
/* .col-x2-1 > div.container, .col-x2-2 > div.container, .col-x3-1 > div.container, .col-x3-2 > div.container, .col-x3-3 > div.container {
     padding:24px 12px;
}
 */
.col-x2-1 > div.container,
.col-x2-2 > div.container,
.col-x3-1 > div.container,
.col-x3-2 > div.container,
.col-x3-3 > div.container {
	padding: 0px;
}
.col-x2-1 {
	width: 264px;
}
.col-x2-2 {
	width: calc(100% - 264px);
}
.col-x3-1 {
	width: 264px;
}
.col-x3-2 {
	width: calc(100% - 264px);
}
.col-x3-3 {
	width: 348px;
}
.width10 {
	width: 10%;
}
.width20 {
	width: 20%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%;
}
.width70 {
	width: 70%;
}
.width80 {
	width: 80%;
}
.width90 {
	width: 90%;
}
.width100 {
	width: 100%;
}
/* Override column layout to put the first column on the right and hide the third. */
.col-x3-1 {
	float: right;
	padding-top: 100px;
}
.col-x3-3, 
/* Hide third column */
 .col-x3-1 img 
/*hide icons in tree */ {
	display: none;
}
/* oposite layout used for beauty layout. This needs to be overwritten for other .right and .left values later */
#asset .right {
	float: left;
}
#asset {
	float: right;
}
/* Tree Structure */
.tree {
	display: block;
}
.tree li {
	background: #333;
}
.tree li:last-child {
	border-bottom: 0;
}
.tree li a {
	display: block;
	color: #fff;
	border-bottom: 1px dotted #333;
	font-size: 16px;
}
.tree li li a {
	color: #333;
	font-size: 14px;
}
.tree li li strong a {
	font-weight: normal;
	border-left: 5px solid RGB(255, 130, 124);
	color: RGB(255, 130, 124);
}
.tree li a {
	padding-left: 12px;
}
.tree li li a {
	padding-left: 24px;
}
.tree li li li a {
	padding-left: 36px;
}
.tree li li li li a {
	padding-left: 48px;
}
.tree li li {
	background: RGB(243, 243, 243);
}
.tree li li strong a {
	font-weight: normal;
	border-left: 5px solid RGB(255, 130, 124);
	color: RGB(255, 130, 124);
	padding-left: 30px;
}
/* Hide specifications in tree:*/
.tree .tid-57 {
	display: none;
}
/* Hide specifications in tree:*/
.tree .tid-57 {
	display: none;
}
/* Hide security setting in tree (Public/Private/etc) */
.tree .sec0 {
	display: none;
}
/*Space between current section and the rest of the side-bar*/
.container .tree:nth-child(2) li:last-child {
	margin-bottom: 10px;
}
/* Breadcrumbs */
.breadcrumbs {
	display: block;
	/*height:27px;
    */
	font-size: 16px;
	margin-bottom: 1em;
}
.breadcrumbs ul {
	overflow: hidden;
}
.breadcrumbs li {
	float: left;
}
.breadcrumbs li a {
	padding: 0 12px;
	line-height: 27px;
	display: block;
}
.breadcrumbs li:nth-child(1) a {
	background: RGB(19, 19, 19);
	color: #fff;
}
.breadcrumbs li:nth-child(2) a {
	background: RGB(102, 102, 102);
	color: #fff;
}
.breadcrumbs li:nth-child(3) a {
	background: RGB(154, 154, 154);
	color: #fff;
}
.breadcrumbs li:nth-child(4) a {
	background: RGB(205, 205, 205);
	color: #333;
}
/* packtags */
.packtags-list {
	font-size: 16px;
	width: 60%;
	display: inline-block;
}
.packtags-list li {
	margin: 0 0.2em 0.2em 0;
	float: left;
}
.packtags-list li a {
	padding: 0 12px 2px;
	line-height: 25px;
	display: block;
	color: #fff;
}
.packtags-list li a:hover {
	font-weight: bold;
}
.packtags-list li:last-of-type a:hover {
	color: #000;
}
.packtags-list li.remove a {
	color: #000;
}
.packtags-list .packtag-id-1 {
	background: #ed145b;
}
.packtags-list .packtag-id-2 {
	background: #f26422;
}
.packtags-list .packtag-id-3 {
	background: #01a2aa;
}
.packtags-list .packtag-id-4 {
	background: #a1a1a1;
}
.packtags-list .packtag-id-5 {
	background: #9856a6;
}
.packtags-list .packtag-id-6 {
	background: #84bb3b;
}
.packtags-list .packtag-id-7 {
	background: #f7941d;
}
/*headline h1 styles*/
.first_line.at-2 {
	display: block;
	height: 70px;
	background-color: #f2f2f2;
	width: 99%;
}
.first_line.at-2 .left h1 {
	text-align: center;
}
#asset > hr {
	display: none;
}
/* product range layout (asset id = 15)*/
div#asset .at-15 .left {
	display: block;
	float: none;
	text-align: left;
}
.container div.container > div > div > div#asset {
	padding: 24px;
}
/* hides the entire asset and just shows the children. This is very bit aggressive and should be adjusted for each customer */
.asset-15 .asset-article > .right,
.asset-15 .asset-article > .packtags-list,
.asset-15 .asset-article > .asset-contact {
	display: none;
}
/* tables styles*/
table {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0.8em;
}
div#asset .table-spec tr:nth-child(2) th,
div#asset .table-spec tr:nth-child(2) td {
	border-top: 1px solid #333;
}
div#asset .table-spec tr:last-of-type th,
div#asset .table-spec tr:last-of-type td {
	border-bottom: 1px solid #333;
}
/* end of tables styles*/
/*overlay certificates styles*/
html.overlaySwiper {
	width: 100%;
	max-height: 100vh;
	overflow: hidden;
}
div#overlay {
	visibility: hidden;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 30;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: -1;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}
#overlay.overlayB {
	visibility: visible;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 200;
	/*opacity: 0;
    */
}
.certificate.certificateB {
	width: 65vw;
	height: 75vh;
	border: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 201;
}
.certificate.certificateB#firstCertificate {
	margin-left: 0%;
	margin-right: 0%;
}
/**/
/* home styles*/
.portal-home #wrapper {
	min-height: auto;
	margin: 0px;
}
.portal-home #header {
	position: static;
}
.portal-home #main {
	padding: 0px;
}
.portal-home .col-x3-1 {
	position: relative;
	z-index: 3;
	display: none;
}
.portal-home .col-x3-2 {
	width: 100%;
    height: calc(100vh - 100px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
	background-image: url("img/header-image_new.png");
}
.portal-home .mobile_background {
	background-position-x: 68%;
}
.portal-home .col-x3-2 .container {
	/*padding-top: 25px;
    */
	height: calc(100% - 230px);
	/*overflow: hidden;
    */
}
.portal-home .col-x3-2 .container p {
	font-size: 16px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	color: #fff;
}
.portal-home .col-x3-2 .portals-description-right .container {
	padding-top: 0px;
}
.portal-home .col-x3-2 .container .portals-intro .headerimage img {
	width: 100vw;
	height: calc(100vh - 75px);
	display: none;
}
.portal-home .col-x3-2 .container .portals-intro .about {
	/*font-size: .8em;
    */
	width: 60%;
	color: #000;
}
.portal-home .col-x3-2 .container .portals-intro .about h1 {
	color: #fff;
}
.portal-home .read_more,
.portal-home .read_less {
	margin-top: 10px;
	color: #ee0002;
	font-weight: 500;
}
.portal-home .col-x3-2 .container .portals-description {
	/*font-size: .8em;
    */
	width: calc(100% - 50px);
	color: #000;
}
.portal-home .col-x3-2 .width50 {
	width: 60%;
}
.portal-home .col-x3-2 .width50 .container {
	padding: 0px;
}
.portal-home .col-x3-2 .right.width50 .container {
	padding: 0px 0px 230px 0px;
}
.footer_home {
	display: none;
}
.portal-home .footer_home {
	width: 100%;
	height: 200px;
	overflow: hidden;
	display: block;
	position: fixed;
	bottom: 0px;
	border-top: 3px solid #fff;
	background-color: #fff;
}
.portal-home .footer_home a div {
	display: inline-block;
	width: calc(25% - 3px);
	height: 100%;
	/*background-color: #f2f2f2;
    */
	border-right: 1px solid #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	opacity: 1;
}
.portal-home .footer_home a > div:hover {
	opacity: 1;
}
.portal-home .footer_home a > div:hover .black_shadow {
	opacity: 0;
}
.portal-home .footer_home a:first-child > div {
	background-image: url("img/photo1.png");
}
.portal-home .footer_home a:nth-child(2) > div {
	background-image: url("img/photo2.png");
}
.portal-home .footer_home a:nth-child(3) > div {
	background-image: url("img/photo3.png");
}
.portal-home .footer_home a:last-child > div {
	background-image: url("img/photo4.png");
}
.portal-home .footer_home a div.black_shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 1;
}
.portal-home .footer_home a div h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 10;
}
.portal-home .footer_home a div:hover h2 {
	color: #000;
	font-weight: bold;
}
.portal-home .footer_home a div:last-of-type {
	border-right: none;
}
.portal-home .left p {
	margin-bottom: 10px;
}
.portal-home .left ul {
	list-style: disc;
	padding-left: 20px;
	color: #fff;
}
.portal-home .left ul li {
	margin-bottom: 6px;
	font-size: 16px;
}
/* end of home styles*/
div#asset.asset-16 h1,
div#asset.asset-16 h2 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
div#asset .asset-siblings div > .entry.tid-16,
div#asset .asset-related div > .entry.tid-16,
div#asset .asset-siblings div > .entry.tid-19,
div#asset .asset-related div > .entry.tid-19 {
	float: left;
	width: 250px;
	margin: 0 12px 32px 0;
	padding: 1px;
	height: auto;
	overflow: initial;
	position: relative;
}
div#asset .asset-siblings div > .entry.entry.tid-16 .entry-right,
div#asset .asset-related div > .entry.entry.tid-16 .entry-right,
div#asset .asset-siblings div > .entry.entry.tid-19 .entry-right,
div#asset .asset-related div > .entry.entry.tid-19 .entry-right {
	float: none;
	display: block;
}
.first_line.at-16 .right {
	overflow: hidden;
}
.product .col-x3-2 div[itemprop="mainEntityOfPage"] .breadcrumbs ul,
.images-folder .col-x3-2 div[itemprop="mainEntityOfPage"] .breadcrumbs ul {
	overflow: hidden;
	position: relative;
}
/* delete these styles ones java-script,jquery and the gallery is working*/
/* delete these styles ones java-script,jquery and the gallery is working*/
/* delete these styles ones java-script,jquery and the gallery is working*/
.product .col-x3-2 div[itemprop="mainEntityOfPage"] #asset .right .container,
.images-folder
	.col-x3-2
	div[itemprop="mainEntityOfPage"]
	#asset
	.right
	.container {
	margin-top: -150px;
	margin-bottom: 35px;
}
.product .col-x3-2 div[itemprop="mainEntityOfPage"] #asset .right .container {
	margin-bottom: 65px;
}
.images-folder .container div.container > div > div > div#asset {
	margin-top: -132px;
}
.images-folder .packtags-list {
	margin-top: 170px;
}
/* end of delete*/
/* end of delete*/
/* end of delete*/
.product .first_line.at-16,
.images-folder .first_line.at-23 {
	padding-left: 40%;
}
.product table {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0.8em;
}
.product .columns-1 table {
	background: rgb(243, 243, 243);
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.product .columns-1 table tr td {
	width: 134px;
}
.product .columns-1 table tr td:nth-child(2) strong,
.product .columns-1 table tr td:nth-child(3) strong {
	font-weight: 300;
}
.product table + p {
	display: none;
}
.product .miniContact,
body[class*="d-model"] .miniContact,
.product .print,
body[class*="d-model"] .print,
.images-folder .miniContact,
.product-info .miniContact,
.events .miniContact,
.product-range .miniContact,
.news-folder .miniContact,
.interview .miniContact {
	display: block;
	width: 200px;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-top: 11px;
	color: #fff;
}
.product .miniContact,
body[class*="d-model"] .miniContact,
.images-folder .miniContact,
.product-info .miniContact,
.events .miniContact,
.product-range .miniContact,
.news-folder .miniContact,
.interview .miniContact {
	margin-right: 15px;
	background-color: #666666;
	border: 1px solid #666666;
}
.product .miniContact:hover,
body[class*="d-model"] .miniContact:hover,
.images-folder .miniContact:hover,
.product-info .miniContact:hover,
.events .miniContact:hover,
.product-range .miniContact:hover,
.news-folder .miniContact:hover,
.interview .miniContact:hover {
	background-color: #fff;
	color: #666666;
}
.product .miniContact:hover:before,
body[class*="d-model"] .miniContact:hover:before,
.images-folder .miniContact:hover:before,
.product-info .miniContact:hover:before,
.events .miniContact:hover:before,
.range .miniContact:hover:before,
.news-folder .miniContact:hover:before,
.interview .miniContact:hover:before {
	background-image: url("img/envelope_g.png");
}
.product .miniContact:before,
body[class*="d-model"] .miniContact:before,
.images-folder .miniContact:before,
.product-info .miniContact:before,
.events .miniContact:before,
.product-range .miniContact:before,
.news-folder .miniContact:before,
.interview .miniContact:before {
	background-image: url("img/envelope_w.png");
}
.product .print {
	/*background-color: #9a9a9a;
     border: 1px solid #9a9a9a;
    */
	color: #9a9a9a;
}
.product .print:hover {
	background-color: #fff;
	color: #9a9a9a;
}
.product .print:before {
	background-image: url("img/printer_g.png");
}
.product .print:hover:before {
	background-image: url("img/printer_g.png");
}
.product .miniContact:before,
body[class*="d-model"] .miniContact:before,
.product .print:before,
.images-folder .miniContact:before,
.product-info .miniContact:before,
.events .miniContact:before,
.product-range .miniContact:before,
.news-folder .miniContact:before,
.interview .miniContact:before {
	content: "";
	display: block;
	float: left;
	width: 30px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 15px;
}
.product span.asset-gallery-image,
.images-folder span.asset-gallery-image {
	display: block;
}
.product span.asset-gallery-image img.image {
	margin: 0 auto;
	display: block;
}
.product span.asset-gallery-image img:nth-child(2),
.images-folder span.asset-gallery-image img:nth-child(2) {
	display: none;
}
.product table.table-spec {
	width: 100%;
}
.product .asset-siblings h4 {
	margin-bottom: 20px;
}
.product .asset-siblings #asset .left {
	float: none;
}
/* product spec related layouts */
div#asset hr.at-57 {
	display: none;
}
div#asset .at-57 .left {
	float: left;
}
div#asset .table-spec td,
div#asset .table-spec th {
	padding: 12px;
	font-size: 14px;
}
div#asset .table-spec tr {
	background: rgb(243, 243, 243);
}
div#asset .table-spec tr.separator {
	background: #ffffff;
}
div#asset .table-spec tr.separator td,
div#asset .table-spec tr.separator th {
	padding-top: 12px;
	padding-bottom: 12px;
}
div#asset .asset-siblings .entry-left {
	float: none;
}
/* Gallery entries (Asset id = 23) */
div#asset .asset-related .tid-23 {
	max-width: 250px;
	float: left;
}
/*.image-gallery .col-x3-2{
     padding: 24px;
}
*/
.image-gallery #wrapper {
	min-height: calc(100vh - 60px);
}
.image-gallery div#asset .asset-related > div {
	overflow: hidden;
}
.image-gallery .container div.container > div > div > div#asset {
	padding: 0px;
	margin-top: 30px;
}
.image-gallery div#asset .asset-related .tid-23 div a p.entry-description {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.4em;
}
.image-gallery div#asset .asset-related {
	clear: none;
}
/* Related and sibling assets */
div#asset .asset-related {
	/*clear:both;
    */
	width: 100%;
}
div#asset .asset-siblings div > .entry h3,
div#asset .asset-siblings div > .entry p,
div#asset .asset-related div > .entry h3,
div#asset .asset-related div > .entry p {
	font-size: 14px;
	line-height: 1.3em;
	text-align: center;
	display: block;
}
div#asset .asset-siblings div > .entry p {
	display: none;
}
/* Catalog */
h1,
h2,
h3,
h4,
h5,
h6 {
	height: auto;
}
.catalog .asset-description p {
	margin-top: 20px;
	margin-bottom: 20px;
}
.catalog .asset-related.left.width60 > div {
	overflow: hidden;
}
.catalog div#asset .asset-siblings div > .entry.tid-16,
div#asset .asset-related div > .entry.tid-16,
.catalog div#asset .asset-siblings div > .entry.tid-19,
div#asset .asset-related div > .entry.tid-19 {
	margin: 0 12px 32px 12px;
}
.catalog hr {
	display: block;
	width: 100%;
	margin: 1em auto 2em auto;
}
.entry-left a,
.entry-right a {
	display: block;
}
.entry-left h3,
.entry-right h3 {
	margin-top: 5px;
	/*font-weight: bold;
    */
	font-weight: 400;
}
.catalog--specs #asset {
	overflow: hidden;
}
/* .catalog--specs .col-x3-2{
}
 */
.catalog--specs .col-x3-2 > div.container {
	margin-top: -24px;
	margin-left: -24px;
}
.catalog--specs .first_line.at-2 {
	width: 100%;
}
.catalog--specs div#asset .asset-related {
	clear: none;
}
.catalog--specs div#asset .asset-related div > .entry h3 {
	text-align: center;
}
.catalog--specs h1 {
	margin-bottom: 20px;
}
.catalog--specs .asset-description p {
	margin-top: 0px;
}
/* end of Catalog */
/* Gallery */
div#asset .asset-related .tid-23 {
	max-width: 20%;
	min-width: 190px;
}
div#asset .asset-related .tid-23 div {
	width: 100%;
	height: auto;
}
div#asset .asset-related .tid-23 div a {
	display: block;
	width: 100%;
	height: 100%;
}
div#asset .asset-related .tid-23 div a img {
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
}
div#asset .asset-related .tid-23 div a h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}
/* end of Gallery */
/*addresss */
/* images-folder styles*/
.images-folder .col-x3-2 {
	padding: 24px;
}
.images-folder .container div.container > div > div > div#asset {
	padding-left: 0px;
	padding-right: 0px;
}
.images-folder {
	float: none;
}
.images-folder .first_line.at-23 .right {
	overflow: hidden;
}
.images-folder #asset .asset-article {
	overflow: hidden;
}
.images-folder #asset .asset-article .right,
.product-info #asset .asset-article .right {
	padding-right: 2%;
}
.images-folder .asset-siblings,
.product-info .asset-siblings {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
.images-folder .asset-siblings .entry,
.product-info .asset-siblings .entry {
	width: 13%;
	float: left;
	margin-right: 2%;
}
.images-folder .asset-siblings .entry a img,
.product-info .asset-siblings .entry a img {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
}
/* end of images-folder */
/* news-app styles */
/*.news #wrapper{
     height: calc(100vh - 60px);
}
*/
.news-app div#asset .asset-related div > .entry h3,
.news-app div#asset .asset-related div > .entry p {
	text-align: left;
	display: block;
}
.news-app .container div.container > div > div > div#asset {
	/*padding: 0px 0px 0px 24px;
    */
	padding: 0px;
}
.news-app .asset-related .entry {
	overflow: hidden;
}
.news-app .buttons_line {
	overflow: hidden;
}
.news-app #asset.asset-full .asset-article {
	overflow: hidden;
}
.news-app #asset.asset-full .asset-article .asset-description {
	margin-bottom: 30px;
}
.news-app #asset.asset-full .asset-article .asset-related {
	overflow: hidden;
}
.news-app #asset.asset-full .asset-article .asset-related div {
	overflow: hidden;
}
.news-app .asset-related .entry {
	overflow: hidden;
	margin-bottom: 20px;
	width: 49%;
	height: 300px;
	float: left;
}
.news-app .asset-related .entry:nth-child(odd) {
	margin-left: 2%;
}
.news-app #asset .right {
	float: left;
	width: calc(100% - 250px);
	padding-left: 2%;
	min-width: 180px;
}
.news-app .col-x3-2 .container #asset .buttons_line .first_line .left {
	display: none;
	width: 100%;
}
.news-app .col-x3-2 .container #asset #asset:nth-child(4) {
	overflow: hidden;
	width: 100%;
}
.news-app .col-x3-2 .container #asset #asset:nth-child(7) {
	overflow: hidden;
	width: 50%;
}
.news-app .col-x3-2 .container #asset #asset:nth-child(7) {
	overflow: hidden;
	width: 100%;
}
.news-app #asset .left {
	float: left;
}
.news-app .col-x3-2 .container #asset #asset:nth-child(4) .left {
	width: 250px;
}
.news-app .col-x3-2 .container #asset #asset:nth-child(4) .entry a img {
	width: 100%;
	height: 100%;
}
.news-app #asset > hr {
	display: block;
	width: 100%;
	margin: 1em auto 2em auto;
}
/* end of news-app styles */
/* product-info styles */
.product-info .container div.container > div > div > div#asset {
	padding: 0px;
}
.product-info .col-x3-2 .container .buttons_line,
.product-info .col-x3-2 .container #asset > .asset-article {
	overflow: hidden;
	margin-bottom: 30px;
}
.product-info .col-x3-2 .container #asset > .asset-article .columns-1 h4 {
	margin-top: 15px;
}
.product-info .packtags-list {
	width: 100%;
	margin-top: 15px;
}
.product-info .col-x3-2 .container #asset > .asset-article .left .container p {
	margin-bottom: 15px;
}
.product-info
	.col-x3-2
	.container
	#asset
	> .asset-article
	.left
	.container
	p
	br {
	line-height: 1.5em;
}
.product-info div#asset .asset-gallery .image-background img.image {
	top: 0%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, -0%);
}
/* end of product-info styles */
/* interview styles */
.interview .container div.container > div > div > div#asset {
	padding: 0px;
}
.interview .col-x3-2 .container .buttons_line,
.product-info .col-x3-2 .container #asset > .asset-article {
	overflow: hidden;
	margin-bottom: 30px;
}
.interview .col-x3-2 .container #asset > .asset-article .columns-1 h4 {
	margin-top: 15px;
}
.interview .packtags-list {
	width: 60%;
	margin-top: 0px;
	padding-left: 24px;
}
.interview .col-x3-2 .container #asset > .asset-article .left .container p {
	margin-bottom: 15px;
}
.interview .col-x3-2 .container #asset > .asset-article .left .container p br {
	line-height: 1.5em;
}
.interview div#asset .asset-gallery .image-background img.image {
	top: 0%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, -0%);
}
.interview #asset .left {
	padding-left: 24px;
}
.interview #asset .left h2 {
	font-size: 24px;
	margin: 24px auto;
}
.interview hr {
	margin-bottom: 1em;
}
.interview .col-x3-2 .first_line .left {
	margin-bottom: 24px;
}
.interview .col-x3-2 .asset-article {
	overflow: hidden;
}
.interview .col-x3-2 .asset-siblings {
	overflow: hidden;
}
.interview .col-x3-2 .asset-siblings > div {
	overflow: hidden;
}
.interview .col-x3-2 .asset-siblings article {
	width: 20%;
	height: 200px;
	margin-top: 24px;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
}
.interview .col-x3-2 .asset-siblings article div.left {
	padding-left: 0px;
}
.interview .col-x3-2 .asset-siblings article div.right {
	width: 100%;
}
.interview .col-x3-2 .asset-siblings article div.right a {
	text-align: center;
}
.interview .col-x3-2 .asset-siblings article div.left a {
	text-align: center;
}
/* end of interview styles */
/* contact styles */
.contact #main .container .row {
	overflow: hidden;
}
.contact .col-x3-1 {
	width: 33%;
	float: right;
	margin-right: 1%;
}
.contact .col-x3-1 .tree {
	display: none;
}
.contact .col-x3-2 {
	width: 66%;
	padding-top: 100px;
	padding-left: 3%;
	float: left;
}
.contact .col-x3-2 #portal-contact {
	overflow: hidden;
}
.contact .col-x3-2 #portal-contact .left,
.contact .col-x3-2 #portal-contact .right {
	float: left;
	padding-right: 4%;
}
.contact .col-x3-2 #portal-contact h3 {
	text-align: center;
	margin-bottom: 10px;
}
.contact .col-x3-2 #portal-contact p.field {
	display: block;
	width: 100%;
	float: left;
	height: 50px;
	margin-bottom: 10px;
}
.contact .col-x3-2 #portal-contact p.field label {
	height: 100%;
	display: block;
	background-color: #000;
	width: 150px;
	color: #fff;
	padding-left: 10px;
	padding-top: 12px;
	float: left;
	font-size: 0.9em;
}
.contact .col-x3-2 #portal-contact p.field input,
.contact .col-x3-2 #portal-contact p.field select,
.contact .col-x3-2 #portal-contact p.field textarea {
	width: calc(100% - 150px);
	height: 100%;
	float: left;
	background-color: #f2f2f2;
	border: none;
	font-family: "Lato";
	font-size: 1em;
	font-weight: 300;
	padding-left: 10px;
}
.contact .col-x3-2 #portal-contact .right .field:nth-child(4) {
	height: 167px;
	width: 100%;
}
.contact .col-x3-2 #portal-contact .right .field:nth-child(4) input,
.contact .col-x3-2 #portal-contact .right .field:nth-child(4) textarea {
	height: 100%;
}
.contact .col-x3-2 #portal-contact .checkbox {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}
.contact .col-x3-2 #portal-contact .checkbox p {
	float: left;
	margin-right: 20px;
}
.contact .g-recaptcha {
	width: 305px;
	float: left;
	margin-right: 20px;
}
.contact #portal-contact .button[value="Send"] {
	width: 150px;
	height: 50px;
	margin-top: 15px;
	background-color: #ff827c;
	border: none;
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	border: 1px solid #ff827c;
	text-align: center;
	padding-right: 0px;
}
.contact .button[value="Send"]:hover {
	background-color: #fff;
	color: #ff827c;
}
.contact .col-x3-1 #contact-info {
	margin-top: 50px;
	width: 95%;
	background-color: #f2f2f2;
}
.contact .col-x3-1 #contact-info h4 {
	display: block;
	background: #000;
	color: #fff;
	/*height: 45px;
    */
	padding-top: 5px;
	padding-left: 10px;
}
.contact .col-x3-1 #contact-info p {
	color: #000;
	padding: 10px;
}
.contact .col-x3-1 > div.container > h4,
.contact .col-x3-1 > div.container .add-item-list {
	display: none;
}
/* new contact styles */
.content-page #wrapper {
	margin-bottom: 0px;
}
.content-page #main {
	padding: 75px 0px 0px 0px;
}
.content-page .container div.container > div > div > div#asset {
	padding: 24px 0px;
}
.content-page .container .tree:nth-child(2) li:last-child .icon-plus {
	display: none;
}
.content-page .columns-1 .container:first-child {
	overflow: hidden;
	margin-bottom: 40px;
}
.content-page .col-x3-2 .container .blackHeaders,
.content-page .col-x3-2 .container .colorBlack,
.content-page .col-x3-2 .container .contentBH {
	margin-top: 0px;
	margin-left: 0px;
}
.content-page .blackHeaders {
	width: 32%;
	float: left;
	overflow: hidden;
	border: 1px solid #000;
}
.content-page #blackHeaders1 .content_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.content-page #blackHeaders1 img,
.content-page #blackHeaders1 p {
	float: left;
}
.content-page #blackHeaders2 p,
.content-page #blackHeaders3 p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.content-page #blackHeaders2 p,
.content-page #blackHeaders3 p {
	text-align: center;
	font-size: 90%;
}
.content-page #blackHeaders2 {
	margin-left: 2%;
	margin-right: 2%;
}
.content-page .blackHeaders .contentBH {
	padding: 10px;
	height: 72px;
	position: relative;
}
.content-page .colorBlack {
	height: 50px;
	color: #fff;
	background-color: #000;
	line-height: 2.5em;
	text-align: center;
}
.content-page .swiper-slide {
	width: 100%;
	height: calc(100% - 30px);
	min-height: 150px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: 2px solid white;
}
.swiper-slide#first {
	background-image: url("img/Component Assembling.jpg");
}
.swiper-slide#second {
	background-image: url("img/Packaging Decoration.jpg");
}
.swiper-slide#third {
	background-image: url("img/Plastic Injection.jpg");
}
.swiper-slide#forth {
	background-image: url("img/Yuen_Myng_facade.jpg");
}
.swiper-slide#fifth {
	background-image: url("img/SA-8000-2022.png");
}
.swiper-slide#sixth {
	background-image: url("img/Yuen_Myng_ISO_9001_certificate.jpg");
}
.swiper-slide#seventh {
	background-image: url("img/ISO14001.jpg");
}
.content-page .swiper-button-next {
	right: 0px;
}
.content-page .swiper-button-prev {
	left: 0px;
}
.certificate {
	width: 38%;
	height: 300px;
	min-height: 150px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	float: left;
	border: 1px solid #f2f2f2;
	margin-top: 20px;
	cursor: pointer;
}
.certificate#firstCertificate {
	background-image: url("img/SA_8000.jpg");
	margin-left: 10%;
	margin-right: 4%;
}
.certificate#secondCertificate {
	background-image: url("img/Yuen_Myng_ISO_9001_certificate.jpg");
}
.content-page .col-x3-2 .container > div.left > div {
	overflow: hidden;
	margin-top: -24px;
	margin-left: -24px;
}
.content-page .col-x3-2 .container > div > div.swiper-button-prev {
	margin-left: 0;
}
.content-page .col-x3-2 .container > div > div .ed-0.at-120 {
	text-align: center;
	background-color: #f2f2f2;
}
.content-page .breadcrumbs {
	display: none;
}
/*.content-page .container div.container>div>div>div#asset{
     padding-right: 0px;
}
*/
.content-page .portals-description.width50 {
	width: 60%;
}
.content-page.content-page #asset .left p {
	margin-bottom: 20px;
	font-size: 16px;
}
.content-page.content-page #asset .left ul {
	list-style: disc;
	padding-left: 20px;
}
.content-page.content-page #asset .left ul li {
	margin-bottom: 15px;
	font-size: 16px;
}
.content-page .columns-1 {
	overflow: hidden;
	padding-left: 3%;
	padding-right: 3%;
}
.content-page.content-page #asset .left {
	width: calc(100% - 24px);
	padding-right: 20px;
	float: none;
}
.content-page.content-page #asset .left .container,
.content-page.content-page #asset .right .container {
	margin-top: 0px;
	margin-left: 0px;
}
.content-page.content-page #asset .right {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: none;
	padding: 0px 40px;
}
.content-page .swiper-wrapper {
	height: calc(100% - 30px);
}
.content-page .swiper-container {
	height: 270px;
	margin-bottom: 48px;
}
.content-page.content-page #asset .right .bg {
	cursor: pointer;
}
.content-page #overlay .overlayPhoto {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	max-width: 80%;
	max-height: 85%;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.content-page #overlay .overlayPhoto:after {
	content: attr(data-title);
	position: absolute;
	bottom: -12%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
}
/* end of content-page styles */
/*quick contact*/
#portal-contact #miniContactStep1 label {
	display: block;
	margin-bottom: 10px;
}
#portal-contact #miniContactStep1 textarea {
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
}
#portal-contact .bottomLine {
	font-size: 0.9em;
	line-height: 32px;
}
#portal-contact .bottomLine .button {
	background: #00abff;
	color: #fff;
	border: none;
	height: 30px;
	width: 70px;
}
/*end of quick contact*/
/* about styles */
/*.about #wrapper{
     height: calc(100vh - 60px);
}
*/
/*.about .col-x3-1{
    display: none;
}
*/
.about .col-x3-2 {
	width: 100%;
	max-width: calc(100% - 264px);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.about .portal-information {
	width: 80%;
	margin: 100px auto 0px;
	border: 1px solid #000;
	border-left: none;
	overflow: hidden;
}
.about .portal-information .left,
.about .portal-information .right {
	float: left;
	border: 1px solid #000;
}
.about .country img,
.about .about_icon img {
	width: 10%;
	height: 10%;
	overflow: hidden;
}
.about .portal-information span,
.about .portal-information ul {
	display: block;
	padding-top: 20px;
	padding-left: 10px;
}
.about h4 {
	display: block;
	background: #000;
	color: #fff;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;
}
.about .field {
	margin-bottom: 20px;
}
/* end of about styles */
/*events styles*/
.events #wrapper {
	height: calc(100vh - 60px);
}
.events .second_line {
	display: none;
}
.events .at-76 {
	display: none;
}
.events .container div.container > div > div > div#asset {
	padding: 12px 0px;
}
.events #asset{
	float: left;
}
.events .at-75 .right,
.events .at-77,
.events .asset-article {
	overflow: hidden;
}
.events .width40 {
	width: auto;
	margin-right: 20px;
}
.events .packtags-list {
	width: auto;
}
.events .asset-exhibitor a {
	display: block;
	pointer-events: none;
}
/*end of events styles*/
/*product-range styles*/
.product-range .container .at-15 .right {
	overflow: hidden;
}
/*end of product-range styles*/
/***********************/
/*****script gallery****/
/***********************/
.container div#asset .asset-gallery {
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	opacity: 1;
}
div#asset .asset-gallery.opened {
	position: fixed;
	/*bottom:-100%;
    */
	z-index: 20;
	width: 100%;
	height: 100%;
	padding: 48px;
	background: white;
}
div#asset .asset-gallery.opened .asset-exhibitor {
	overflow: hidden;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}
div#asset .asset-gallery.opened .asset-exhibitor span {
	height: 100%;
}
div#asset .asset-gallery.opened .asset-exhibitor span.image-background {
	background-size: contain;
}
div#asset .asset-gallery.opened .asset-gallery ul li {
	width: calc(50% - 6px);
	margin: 0 3px 6px 3px;
}
div#asset .asset-gallery.opened .asset-gallery {
	height: 100%;
	margin: 0 48px 0 0;
	padding: 0 48px 0 0;
	border-right: 1px solid #d6d6d6;
}
div#asset .asset-gallery.opened .asset-gallery {
	float: left;
	width: 220px;
	height: 770px;
	overflow: hidden;
}
div#asset .asset-gallery.opened .asset-exhibitor {
	float: right;
	width: calc(100% - 316px);
}
div#asset .asset-gallery.opened.single .asset-exhibitor {
	width: 100%;
}
div#asset .asset-gallery.opened .gallery-action {
	display: block;
}
div#asset .asset-gallery.opened.single .gallery-action {
	display: none;
}
div#asset .asset-gallery.opened .gallery-action.gallery-close {
	top: 0;
	right: 0;
	background: #48294f;
	border: 0px;
}
div#asset .asset-gallery.opened.single .gallery-action.gallery-close {
	display: block;
}
div#asset .asset-gallery.opened .gallery-action.gallery-prev,
div#asset .asset-gallery.opened .gallery-action.gallery-next {
	top: 50%;
	width: 64px;
	height: 64px;
	/*new code*/
	border-width: 0px;
	border-style: none;
	border-color: transparent;
	border-image: none;
	background-color: transparent;
}
div#asset .asset-gallery.opened .gallery-action.gallery-prev {
	left: 0px;
}
div#asset .asset-gallery.opened .gallery-action.gallery-next {
	right: 0px;
}
div#asset .asset-gallery.opened .gallery-action.gallery-prev::before,
div#asset .asset-gallery.opened .gallery-action.gallery-next::before,
div#asset .asset-gallery.opened .gallery-action.gallery-prev::after,
div#asset .asset-gallery.opened .gallery-action.gallery-next::after {
	position: absolute;
	width: 88px;
	height: 2px;
	background: #ccc;
	content: "";
}
div#asset .asset-gallery.opened .gallery-action.gallery-prev::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
div#asset .asset-gallery.opened .gallery-action.gallery-next::before {
	top: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
div#asset .asset-gallery.opened .gallery-action.gallery-prev::after {
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
div#asset .asset-gallery.opened .gallery-action.gallery-next::after {
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
div#asset .asset-gallery.opened .gallery-action.gallery-close::before,
div#asset .asset-gallery.opened .gallery-action.gallery-close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 24px;
	margin: -12px 0 0 -1px;
	background: white;
	content: "";
}
div#asset .asset-gallery.opened .gallery-action.gallery-close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
div#asset .asset-gallery.opened .gallery-action.gallery-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
div#asset .asset-gallery .gallery-action {
	position: absolute;
	z-index: 21;
	width: 48px;
	height: 48px;
	display: none;
	border: none;
	background-color: transparent;
}
div#asset .asset-gallery .asset-exhibitor {
	position: relative;
	padding: 3px;
	/*border:1px solid #d6d6d6;
    */
}
div#asset .asset-gallery .image-background {
	display: block;
	position: relative;
	cursor: pointer;
}
div#asset .asset-gallery .image-background img {
	visibility: hidden;
	width: 100%;
	height: auto;
}
div#asset .asset-gallery span.image-preview {
	height: 400px;
}
div#asset .asset-gallery .image-background img.image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	visibility: visible;
}
div#asset .asset-gallery .asset-gallery ul::after {
	display: block;
	clear: both;
	content: "";
}
div#asset .asset-gallery .asset-gallery ul li {
	float: left;
	width: 22%;
	margin: 0 4% 0 0;
	padding: 3px;
	border: 1px solid #d6d6d6;
	cursor: pointer;
}
div#asset .asset-gallery:not(.opened) .asset-gallery ul li:nth-child(4) {
	position: relative;
	margin: 0;
	border-color: #29a7df;
	background: #29a7df;
}
div#asset
	.asset-gallery:not(.opened)
	.asset-gallery
	ul
	li:nth-child(4)
	span::after {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	width: 100%;
	height: 24px;
	margin: -12px 0 0 0;
	color: #fff;
	font-size: 0.813em;
	text-align: center;
	text-transform: uppercase;
	line-height: 24px;
	content: "more";
}
div#asset
	.asset-gallery:not(.opened)
	.asset-gallery
	ul
	li:nth-child(4)
	span
	img.image {
	display: none;
}
div#asset .asset-gallery:not(.opened) .asset-gallery ul li:nth-child(n + 5) {
	display: none;
}
div#asset > .asset-spec {
	margin: 0 0 24px 0;
	border: 1px solid #d6d6d6;
}
div#asset .asset-spec h2.spec-category {
	position: relative;
	width: calc(100% + 24px);
	margin: 12px -12px -6px -12px;
	padding: 8px 12px;
	border-top: 1px solid #d6d6d6;
	background: #482a50;
	color: #fff !important;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
}
div#asset .asset-spec h2.spec-category::before {
	position: absolute;
	top: -20px;
	left: -1px;
	width: calc(100% + 2px);
	height: 20px;
	border-top: 1px solid #d6d6d6;
	background: white;
	content: "";
}
div#asset .asset-spec table tr:first-child h2.spec-category {
	margin: -6px -12px;
	border: none;
}
div#asset .asset-spec table tr:first-child h2.spec-category::before {
	display: none;
}
div#asset .asset-spec table tr td ul {
	margin: 0 0 6px 24px;
}
div#asset .asset-spec table tr td span.spec-name {
	color: #333;
	font-weight: 500;
}
div#asset .asset-spec table tr td div.core p {
	margin: 0;
	padding: 6px 0 6px 36px;
	line-height: 140%;
}
div#asset .asset-spec table tr td + td {
	width: 50%;
	border-left: 1px solid #d6d6d6;
}
ul.flieList li a.fileLink {
	margin-right: 5px;
	color: #333;
}
/* Fancybox */
#fancybox-wrap {
	z-index: 9999999999;
}
/*************/
/*locatios styles*/
/*************/
/**********************/
/*packtags page styles*/
/**********************/
.packtag-search .boxed-description {
	margin-top: 20px;
	margin-bottom: 20px;
}
.packtag-search .packtags-list li a {
	display: inline;
}
.packtag-search .nav-title {
	margin-bottom: 20px;
	overflow: hidden;
}
.packtag-search .nav-title h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
.packtag-search #search-assets .clear:nth-child(2) {
	overflow: hidden;
}
.packtag-search #search-assets article h2.entry-title,
.packtag-search #search-assets article .right span {
	display: none !important;
}
.packtag-search .half:first-child {
	width: inherit;
	float: left;
}
.packtag-search .half:nth-child(2) {
	width: inherit;
	float: right;
}
.packtag-search .half:nth-child(2) select {
	width: 100% !important;
	height: 32px;
	padding-left: 12px;
	margin-bottom: 12px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666;
}
.packtag-search article.entry {
	float: left;
	width: 120px;
	margin: 0 12px 32px 0;
	padding: 1px;
	height: auto;
	overflow: initial;
	position: relative;
}
.packtag-search article.entry h2 {
	display: none;
}
.packtag-search article.entry h3 {
	font-size: 14px;
	text-align: center;
}
.packtag-search article.entry h3 + .entry-description {
	display: none;
}
.packtag-search .packtags-list li a {
	cursor: default;
}
.packtag-search .packtags-list li a:hover {
	color: #fff;
}
.packtag-search form {
	margin-bottom: 20px;
}
.packtag-search form input.left {
	height: 40px;
	float: left;
}
.packtag-search form button.right {
	width: 40px;
	height: 40px;
}
#yuenmyngindustrialcoltd.search form button.right {
	width: 40px;
	height: 40px;
}
#yuenmyngindustrialcoltd.search form input.left {
	height: 40px;
}
/*****************************/
/*end of packtags page styles*/
/*****************************/
/**********************************/
/*content-page or new-about styles*/
/**********************************/
.editor {
	display: none;
}
/*.content-page.content-page .sec-2, .content-page.content-page .uid-11200667, .content-page.content-page .sec-50, .content-page.content-page .uid-11097259, .noExpand .uid-11614081{
     display: none;
}
*/
.sec-2,
.uid-11200667,
.sec-50,
.uid-11097259,
.noExpand .uid-11614081 {
	display: none;
}
.content-page.content-page #asset .left {
	float: left;
}
/******************************************/
/* end of content-page or new-about styles*/
/******************************************/
.locations-map #wrapper {
	min-height: calc(100vh - 60px);
}
.locations-map img,
#map-canvas img {
	max-height: none;
	max-width: none;
}
.contact #map-canvas {
	display: none;
}
.locations-map #map-canvas,
#map-canvas {
	height: 400px;
}
.locations-map #asset .right {
	margin-top: 40px;
}
#asset.asset-105 .asset-contact {
	overflow: hidden;
}
#asset.asset-105 .asset-contact .left {
	float: left;
	margin-top: 40px;
}
#asset.asset-105 .asset-contact .left .container .asset-location p span {
	display: block;
}
.locations-map .asset-location span,
.location .asset-location span {
	display: block;
}
.locations-map .col-x3-2 {
	padding: 24px;
}
.locations-map .at-14,
.location .at-14 {
	overflow: hidden;
}
.locations-map #asset .left,
.location #asset .left {
	float: left;
}
.locations-map #asset .left h4 {
	display: none;
}
.locations-map .packtags-list,
.location .packtags-list {
	display: none;
}
.location .asset-location {
	margin-top: 30px;
}
.location .at-14 .right {
	display: none;
}
/*************/
/*end of google-maps*/
/*************/
/***********************/
/*sent-message styles*/
/***********************/
.sent-message #contact-info {
	display: none;
}
.sent-message {
	height: 100vh;
}
.sent-message #wrapper {
	margin-bottom: 0px;
}
/*************/
/*mobile flip the screen*/
/*************/
#mobilePortrait {
	/*display: none;
    */
	width: 100%;
	height: 100%;
	background-color: #353535;
	z-index: 99;
	position: fixed;
	background-image: url(img/rotate-device.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 300px;
}
/*************/
/*end of flip the screen*/
/*************/
/********************/
/*news-folder styles*/
/********************/
.news-folder .col-x3-2 .asset-related article.entry {
	/*width: 50%;
     float: left;
     padding-left: 2%;
     padding-right: 2%;
    */
	overflow: hidden;
	margin-bottom: 20px;
	width: 49%;
	height: 300px;
	float: left;
}
.news-app #asset.asset-full .asset-article .asset-related div {
	overflow: hidden;
}
.news-folder .col-x3-2 #asset .asset-related article.entry .left {
	width: 250px;
	float: left;
}
/*.news-folder .col-x3-2 .asset-related article.entry .left, .news-folder .col-x3-2 .asset-related article.entry .right{
     width: 100%;
}
*/
.news-folder .asset-related .entry:nth-child(odd) {
	margin-left: 2%;
}
.news-folder .col-x3-2 .asset-related article.entry .right {
	/*min-height: 160px;
    */
	float: left;
	width: calc(100% - 250px);
	padding-left: 2%;
	min-width: 180px;
	overflow: hidden;
}
.news-folder .col-x3-2 .asset-related article.entry div a {
	text-align: center;
}
.news-folder .col-x3-2 .first_line .right {
	overflow: hidden;
}
.news-folder .container div.container > div > div > div#asset {
	overflow: hidden;
	padding: 24px 0px;
}
.news-folder
	.container
	div.container
	> div
	> div
	> div#asset
	.asset-description {
	margin-bottom: 24px;
}
/***************************/
/*end of news-folder styles*/
/***************************/
/***************************/
/*end of blog-forums styles*/
/***************************/
body.blogs--forums.level-1.events #wrapper {
	height: auto;
}
body.blogs--forums.level-1.events #asset {
	margin-bottom: 36px;
}
body.topic-entry.level-3 .second_line {
	display: none;
}
body.topic-entry.level-3 .asset-article {
	overflow: hidden;
}
body.topic-entry.level-3 .asset-article #asset .right {
	padding-right: 2%;
}
body.topic-entry.level-3 .asset-siblings > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}
body.topic-entry.level-3 .asset-siblings > div .entry {
	padding: 0 2%;
}
body.topic-entry.level-3 .asset-siblings > div .entry a img {
	display: block;
	margin: 0 auto;
}
body.topic-entry.level-3 .miniContact {
	display: block;
	width: 200px;
	height: 50px;
	padding-left: 20px;
	padding-top: 11px;
	color: #fff;
	margin-right: 15px;
	background-color: #666666;
	border: 1px solid #666666;
}
body.topic-entry.level-3 .miniContact:hover {
	background-color: #fff;
	color: #666666;
}
body.topic-entry.level-3 .miniContact:before {
	content: "";
	display: block;
	float: left;
	width: 30px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 15px;
	background-image: url(img/envelope_w.png);
}
body.topic-entry.level-3 .miniContact:hover:before {
	background-image: url(img/envelope_g.png);
}
/***************************/
/*end of blog-forums styles*/
/***************************/
/***************************/
/******fancybox styles******/
/***************************/
#fancybox-content h2 {
	font-size: 1.5em;
	margin-bottom: 12px;
}
#fancybox-content h2 span {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	padding-left: 10%;
}
#fancybox-content .width50 {
	width: 100%;
}
#fancybox-content .field {
	width: 100%;
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}
#fancybox-content .field label {
	width: 25%;
}
#fancybox-content .field input,
#fancybox-content .field select,
#fancybox-content .field textarea {
	width: 75%;
}
/****************************/
/***end of fancybox styles***/
/****************************/
/***************************/
/****** Wiggetto ******/
/***************************/
#wig_svg {
	width: 100%;
	height: 100%;
}
#svg_cal_container {
	display: block;
	position: fixed;
	top: 55%;
	right: 5%;
	width: 10vmin;
	height: 10vmin;
	cursor: pointer;
	z-index: 5;
	background-color: rgb(255, 255, 255);
	padding: 1%;
	border-radius: 50%;
}
.wig_counter_events {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -5%;
	right: -5%;
	width: 30%;
	height: 30%;
	background-color: red;
	border-radius: 50%;
	font-weight: bold;
	color: white;
}
.wiggetto {
	/* display: none;
     */
	opacity: 0;
	box-sizing: border-box;
	font-size: 62.5%;
	position: fixed;
	top: 20%;
	right: 7%;
	width: 35vmin;
	height: 40vmin;
	overflow-y: auto;
	transition: all 0.3s;
}
.w_list {
	display: block;
	opacity: 1;
	position: relative;
	right: 0;
	float: right;
	box-sizing: border-box;
	margin-top: 5%;
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	overflow-y: initial;
	background-color: rgb(234, 224, 233);
}
.wiggetto > h2 {
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	background-color: black;
	font-weight: 400;
}
.wiggetto > * {
	box-sizing: inherit;
}
.wiggetto .event_card {
	display: flex;
	padding: 3%;
	position: relative;
	width: 100%;
	margin: 0 0 2%;
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 1px dotted #333;
}
.wiggetto.w_list .event_card {
	display: list-item;
	width: 100%;
	margin: 0 0 0 10%;
	background-color: transparent;
}
ul.wiggetto.w_list > li.event_card:last-child {
	border: none;
}
.wiggetto .img_container {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wiggetto .img_container img {
	width: 100%;
}
.content_container {
	width: 70%;
	margin: 0 0 0 5%;
}
.wiggetto .event_title {
	font-size: 0.9rem;
	font-weight: bold;
}
.wiggetto.w_list .event_title {
	font-size: 0.95rem;
}
.wiggetto .event_card ul {
	padding: 0;
}
.portal-home .left .wiggetto ul li {
	list-style: none;
	font-size: 0.9rem;
	margin: 0;
}
.wiggetto.w_list .info_list {
	font-size: 0.95rem;
}
.wiggetto.w_list > li {
	list-style: circle;
}
.show_on {
	opacity: 1;
}
.active_cal {
	fill: #ffffff;
}
#svg_cal_container.change_back {
	background-color: #000000;
}
/* 3d model page */
body[class*="d-models"]
	#asset
	> .asset-article.clear
	> .asset-related
	> div
	> div,
#asset .asset-siblings {
	display: none;
}
body.product #asset .asset-siblings {
	display: block;
}
#asset .asset-3d #toggleFullscreen {
	border: none;
	background: none;
}
body[class*="d-model"] .container div.container > div > div > div#asset {
	padding: 24px 24px 24px 0;
	margin-top: 45px;
}
#asset .asset-3d .bg-group select,
#asset .asset-3d .element-group select {
	float: revert;
}
body[class*="d-model"] input[type="text"],
body[class*="d-model"] select,
body[class*="d-model"] textarea {
	width: 100%;
	height: 35px;
	padding: 0px 12px;
	border: 1px solid #ddd;
	box-shadow: inset rgb(0 0 0 / 10%) 1px 1px 4px;
	margin: 9px 0px;
	color: #555;
	font-size: 0.9em;
	font-weight: normal;
	background-color: white;
}
#asset .asset-3d .options-box::before {
	font-size: 0.713em;
}
#asset .asset-3d-options .studio3d-tabs li a {
	font-size: 16px;
	font-weight: 500;
}
#studio3d-tab-4 #load .presets {
	appearance: auto;
	-moz-appearance: auto;
	-webkit-appearance: auto;
	background-image: none;
}
#main div.row div.content #asset .asset-3d .artowork3d-block h4 {
	margin: 0 0 0 0;
}
#studio3d-tab-4 .checkbox.isEditable label {
	font-size: 16px;
	font-weight: 400;
}
#main .asset-3d.fullscreen .button {
	border: none;
	padding: 0 18px;
}
body.product-range #asset > .asset-article > .asset-related > div > div {
	display: none;
}
/****************************/
/***end of Wiggetto***/
/****************************/
/*************** 
/* QUERIES */
/**************/
@media only screen and (max-width: 1250px) {
	.news-app .col-x3-2 .container #asset #asset:nth-child(4) .left,
	.news-folder .col-x3-2 #asset .asset-related article.entry .left {
		float: none;
		margin: 0 auto;
	}
	.news-app .asset-related .entry,
	.news-folder .asset-related .entry {
		height: 400px;
	}
	.news-app #asset .right,
	.news-folder #asset .right {
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	#svg_cal_container.body_mobile {
		/* display: none;
         */
		height: 60px;
		width: 60px;
		top: 67%;
		padding: 1.5%;
	}
	.wiggetto.body_mobile {
		top: 30%;
		right: 2%;
		width: 27vmin;
		height: 47vmin;
	}
	.wiggetto.body_mobile .event_card {
		display: block;
		padding: 2%;
		margin: 0 0 10%;
	}
	.wiggetto.body_mobile .img_container {
		width: 100%;
	}
	.content_container.body_mobile {
		width: 100%;
	}
	body {
		font-size: 90%;
		transition: all 1s;
	}
	h2 {
		font-size: 24px;
		transition: all 1s;
	}
	header#header {
		line-height: 70px;
	}
	.nav-bar ul li {
		position: relative;
		float: left;
		display: block;
	}
	#header #trigger-main-nav {
		cursor: pointer;
		width: 60px;
		height: 60px;
		display: block;
	}
	.nav-bar ul li {
		height: 75px;
	}
	.mobile {
		display: block;
	}
	#header div.submenu,
	#header.webpac-user div.submenu {
		position: inherit;
		top: auto;
		right: auto;
		width: 100%;
		height: 44px;
		padding: 0px 12px;
		background-color: #fbfbfb;
		box-sizing: border-box;
		z-index: -1;
	}
	#nav-main ul.common {
		width: 100%;
		height: auto;
		display: block;
		padding: 0;
	}
	#header div.submenu a.mobile-nav-icon {
		float: left;
		margin: 7px 0px;
		padding: 0px;
		z-index: 999;
	}
	#header #nav-main {
		width: 200px;
		max-width: 200px;
		font-size: 1em;
		overflow: initial;
		overflow-y: initial;
		box-shadow: 0 2px 5px #222;
		background-color: #000;
		line-height: 1.5em;
		display: none;
		position: absolute;
		top: 70px;
		right: 0px;
		z-index: 999;
	}
	#header #nav-main ul.common li {
		margin: 0px;
		text-align: left;
		width: 100%;
		padding: 0px !important;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #fff;
	}
	#header #nav-main ul.common li:last-child {
		border-bottom: none;
	}
	#nav-main ul.common li a {
		text-transform: capitalize;
		width: 100%;
		height: 100%;
		padding-left: 15px;
		display: block;
	}
	main.right {
		margin-right: 150px;
	}
	div#overlay:not(.portal-home) {
		z-index: 11;
	}
	div#overlay.show_me:not(.portal-home) {
		visibility: visible;
	}
	#yuenmyngindustrialcoltd .col-x3-1 {
		display: block;
		left: -70%;
		padding-top: 0px;
		background-color: #fff;
		position: absolute;
		transition: all 1s;
	}
	.col-x3-1-responsive {
		left: 0% !important;
	}
	.col-x3-2 {
		width: 100%;
		padding-top: 50px;
	}
	#header .right {
		width: 60px;
		height: auto;
	}
	#header .container {
		height: 70px;
		overflow: hidden;
	}
	#header nav.nav-primary a {
		color: #fff;
	}
	.nav-bar.right {
		margin-right: -12px;
	}
	.nav-bar ul {
		width: auto;
		height: 60px;
	}
	#header #trigger-main-nav {
		cursor: pointer;
		width: 60px;
		height: 60px;
	}
	.nav-bar ul li {
		position: relative;
		float: left;
	}
	#header #trigger-main-nav img {
		position: absolute;
		top: 40%;
		left: 50%;
		width: 36px;
		height: 36px;
		margin: -11px 0 0 -11px;
	}
	.mobile-nav-icon {
		position: relative;
		width: 30px;
		height: 30px;
	}
	.mobile-nav-icon span.lines {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 30px;
		height: 2px;
		margin-top: -1px;
		background: #999;
		border-radius: 2px;
		transition: 0.3s;
		box-sizing: border-box;
		outline: none;
	}
	.mobile-nav-icon span.lines:before,
	.mobile-nav-icon span.lines:after {
		display: inline-block;
		width: 30px;
		height: 2px;
		background: #999;
		border-radius: 2px;
		transition: 0.3s;
		position: absolute;
		left: 0;
		content: "";
		-webkit-transform-origin: 2px center;
		transform-origin: 2px center;
	}
	.mobile-nav-icon span.lines:before {
		top: 8px;
	}
	.mobile-nav-icon span.lines:after {
		top: -8px;
	}
	.trigger-nav .col-x3-1 {
		min-height: auto !important;
		right: 0%;
		z-index: 999;
	}
	.standard-page .col-x3-1,
	.desktop-page .col-x3-1 {
		overflow: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0%;
		left: -70%;
		z-index: 12;
		width: 70%;
		height: 100%;
		box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 12px;
	}
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-6,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col-x3-1,
	.col-x3-1,
	.col-x3-2 {
		float: none;
		width: 100%;
	}
	#wrapper,
	#header,
	#footer,
	.col-x3-1 {
		-webkit-transition: left 150ms;
		-moz-transition: left 150ms;
		-ms-transition: left 150ms;
		-o-transition: left 150ms;
		transition: left 150ms;
	}
	.col-x2-1 > div.container,
	.col-x2-2 > div.container,
	.col-x3-1 > div.container,
	.col-x3-2 > div.container,
	.col-x3-3 > div.container {
		padding: 24px 12px;
	}
	.portal-home #main {
		margin-top: 40px;
	}
	.portal-home .col-x3-2 .container {
		padding-top: 0px;
	}
	.tree li {
		height: auto;
	}
	.tree li a {
		padding-left: 20px;
		line-height: 50px;
	}
	.submenu-right {
		width: 30%;
		margin-left: 70%;
		z-index: 0;
		transition: all 1s;
	}
	.mobile-nav-icon span.linesResponsive {
		background-color: transparent;
	}
	.mobile-nav-icon span.linesResponsive:before {
		top: 10px;
		transform: rotate(-45deg);
	}
	.mobile-nav-icon span.linesResponsive:after {
		transform: rotate(45deg);
	}
	.col-x3-1 > div.container {
		padding-top: 12px;
	}
	.tree li {
		background-color: #fff;
	}
	.tree li a {
		color: #000;
	}
	.show_me {
		display: block !important;
		transition: a ll 1s;
	}
	#header .nav-bar.right {
		height: 60px;
	}
	.product .miniContact,
	.product .print,
	.images-folder .miniContact,
	.product-info .miniContact,
	.events .miniContact,
	.miniContact {
		padding: 13px;
	}
	.product .miniContact:before,
	.product .print:before,
	.images-folder .miniContact:before,
	.product-info .miniContact:before,
	.events .miniContact:before,
	.miniContact:before {
		margin-top: -2px;
	}
	/*Cataloge-page*/
	.catalog--specs div#asset .asset-related div > .entry h3 {
		height: 40px;
	}
	.catalog div#asset .asset-siblings div > .entry.tid-16,
	div#asset .asset-related div > .entry.tid-16,
	.catalog div#asset .asset-siblings div > .entry.tid-19,
	div#asset .asset-related div > .entry.tid-19 {
		width: 114px;
		margin: 0 0px 32px 0px;
	}
	/**/
	/*product-page*/
	.images-folder
		.col-x3-2
		div[itemprop="mainEntityOfPage"]
		#asset
		.right
		.container {
		margin-bottom: 0px;
	}
	.product div#asset .asset-siblings div > .entry h3 {
		height: 35px;
		width: 110px;
		margin: 0 0px 32px 0px;
	}
	div#asset .asset-siblings div > .entry.tid-16,
	div#asset .asset-related div > .entry.tid-16,
	div#asset .asset-siblings div > .entry.tid-19,
	div#asset .asset-related div > .entry.tid-19 {
		width: 110px;
	}
	.product .first_line.at-16,
	.images-folder .first_line.at-23 {
		padding-left: 0%;
	}
	.images-folder .first_line.at-23 .right {
		padding-left: 40.5%;
	}
	div#asset .asset-gallery span.image-preview {
		height: 200px;
	}
	.images-folder .container div.container > div > div > div#asset {
		margin-top: -100px;
	}
	.images-folder .packtags-list {
		margin-top: 100px;
	}
	.product .first_line.at-16 {
		padding-left: 40.5%;
	}
	.product
		.col-x3-2
		div[itemprop="mainEntityOfPage"]
		#asset
		.right
		.container {
		margin-bottom: 40px;
	}
	.product .packtags-list {
		width: 100%;
	}
	/*news page*/
	.news-app #asset.asset-full .asset-article .asset-related {
		overflow: hidden;
	}
	.news-folder #asset.asset-full .asset-article .asset-related {
		overflow: hidden;
	}
	.news-app div#asset .asset-siblings div > .entry h3,
	.news-app div#asset .asset-siblings div > .entry p,
	.news-app div#asset .asset-related div > .entry h3,
	.news-app div#asset .asset-related div > .entry p {
		text-align: left;
	}
	.news-folder div#asset .asset-siblings div > .entry h3,
	.news-folder div#asset .asset-siblings div > .entry p,
	.news-folder div#asset .asset-related div > .entry h3,
	.news-folder div#asset .asset-related div > .entry p {
		text-align: left;
	}
	.news-app #asset .right,
	.news-folder #asset .right {
		width: 100%;
		padding-top: 5%;
	}
	.news-app .buttons_line.ed-1,
	.news-folder .buttons_line.ed-1 {
		display: none;
	}
	/**/
	/*contac page*/
	.contact .col-x3-2 {
		width: 100%;
		padding-top: 20px;
		padding-left: 0%;
	}
	.contact .col-x3-2 #portal-contact p.field {
		height: 35px;
	}
	.contact .col-x3-2 #portal-contact p.field label {
		padding-top: 7px;
	}
	.contact .col-x3-2 #portal-contact .left,
	.contact .col-x3-2 #portal-contact .right {
		float: none;
		padding-left: 10%;
		padding-right: 10%;
		width: 100%;
	}
	.contact .col-x3-2 #portal-contact h3 {
		margin-bottom: 0px;
	}
	.contact #portal-contact .button[value="Send"] {
		width: 100px;
		float: right;
	}
	/**/
	/*product page*/
	.about .portal-information .left,
	.about .portal-information .right {
		float: none;
	}
	.about .width50 {
		width: 100%;
	}
	.about .portal-information {
		margin-top: 0px;
	}
	.about .field {
		margin-bottom: 0px;
		padding-bottom: 20px;
	}
	/**/
	/*catalog-specs*/
	.catalog--specs .col-x3-2 {
		padding-right: 0px;
	}
	/**/
	/*gallery visualiser*/
	div#asset .asset-gallery.opened .asset-exhibitor {
		width: 100%;
		height: 50%;
	}
	div#asset .asset-gallery.opened .gallery-action.gallery-next::before,
	div#asset .asset-gallery.opened .gallery-action.gallery-next::after,
	div#asset .asset-gallery.opened .gallery-action.gallery-prev::before,
	div#asset .asset-gallery.opened .gallery-action.gallery-prev::after {
		width: 100%;
	}
	div#asset .asset-gallery.opened .gallery-action.gallery-prev,
	div#asset .asset-gallery.opened .gallery-action.gallery-next {
		height: 40px;
		width: 40px;
	}
	div#asset .asset-gallery.opened .asset-gallery {
		width: 100%;
		padding-top: 20px;
		border-top: 1px solid #d6d6d6;
		border-right: none;
		padding-right: 0px;
		height: 360px;
		overflow: scroll;
	}
	div#asset .asset-gallery.opened .asset-gallery ul li {
		width: calc(25% - 10px);
		margin: 5px;
		max-width: 220px;
		display: inline-block;
	}
	div#asset .asset-gallery.opened .gallery-action.gallery-next::before,
	div#asset .asset-gallery.opened .gallery-action.gallery-prev::before {
		top: 10px;
	}
	div#asset .asset-gallery.opened .image-background img.image {
		max-width: 75%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	div#asset .asset-gallery.opened {
		padding: 24px;
	}
	/**/
	/* about page*/
	.about .col-x3-2 {
		max-width: 100%;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.images-folder .asset-siblings .entry,
	.product-info .asset-siblings .entry {
		width: 23%;
		height: 300px;
	}
	.about .col-x3-2 {
		width: 100%;
	}

	.portal-home .col-x3-2 {
		background-position: 85% center;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	div#asset .asset-siblings div > .entry.tid-16,
	div#asset .asset-related div > .entry.tid-16,
	div#asset .asset-siblings div > .entry.tid-19,
	div#asset .asset-related div > .entry.tid-19 {
		width: 113px;
	}
	.catalog--specs div#asset .asset-related .entry.tid-16 .entry-right a,
	.catalog--specs div#asset .asset-related .entry.tid-19 .entry-right a {
		height: 35px;
	}
	.product .first_line.at-16,
	.images-folder .first_line.at-23 {
		padding-left: 0%;
	}
	.images-folder .first_line.at-23 .right {
		padding-left: 40.5%;
	}
	div#asset .asset-gallery span.image-preview {
		height: 200px;
	}
	.images-folder .container div.container > div > div > div#asset {
		margin-top: -100px;
	}
	.images-folder .packtags-list {
		margin-top: 100px;
	}
	.images-folder .asset-siblings .entry,
	.product-info .asset-siblings .entry {
		width: 23%;
		height: 300px;
	}
	/*contact page*/
	.contact .col-x3-2 {
		padding: 17px 10px 24px 24px;
	}
	.contact .width50 {
		width: 49%;
	}
	.contact .width50.left {
		margin-right: 2%;
	}
	.contact #portal-contact input.button.right {
		float: none;
		margin: 100px auto 0px;
		display: block;
	}
	.contact .col-x3-1 {
		padding-top: 75px;
	}
	/**/
	/*location map*/
	.locations-map #map-canvas,
	#map-canvas {
		height: 350px;
	}
	.locations-map #asset .left {
		width: 60%;
	}
	.locations-map .container div.container > div > div > div#asset {
		padding-top: 5px;
	}
	/**/
	/*news page*/
	.news-app #asset.asset-full .asset-article .asset-related,
	.news-folder #asset.asset-full .asset-article .asset-related {
		overflow: hidden;
	}
	.news-app div#asset .asset-siblings div > .entry h3,
	.news-app div#asset .asset-siblings div > .entry p,
	.news-app div#asset .asset-related div > .entry h3,
	.news-app div#asset .asset-related div > .entry p {
		text-align: left;
	}
	.news-folder div#asset .asset-siblings div > .entry h3,
	.news-folder div#asset .asset-siblings div > .entry p,
	.news-folder div#asset .asset-related div > .entry h3,
	.news-folder div#asset .asset-related div > .entry p {
		text-align: left;
	}
	.news-app #asset .right,
	.news-folder #asset .right {
		width: 100%;
		padding-top: 5%;
	}
	/**/
	/*product page*/
	.product
		.col-x3-2
		div[itemprop="mainEntityOfPage"]
		#asset
		.right
		.container,
	.images-folder
		.col-x3-2
		div[itemprop="mainEntityOfPage"]
		#asset
		.right
		.container {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.product #asset > .asset-article {
		overflow: hidden;
	}
	.product #asset .left {
		margin-bottom: 20px;
	}
	.product .tid-16 .entry-right a,
	.product .tid-19 .entry-right a {
		height: 35px;
	}
	div#asset .at-57 .left {
		margin-right: 10px;
	}
	.product .packtags-list {
		width: 80%;
	}
	/**/
	/*gallery visualiser*/
	div#asset .asset-gallery.opened .asset-exhibitor {
		float: right;
		width: calc(100% - 270px);
	}
	div#asset .asset-gallery.opened .gallery-action.gallery-prev,
	div#asset .asset-gallery.opened .gallery-action.gallery-next {
		height: 30px;
		width: 30px;
	}
	div#asset .asset-gallery.opened .gallery-action.gallery-next::before,
	div#asset .asset-gallery.opened .gallery-action.gallery-prev::before {
		top: 5px;
	}
	div#asset .asset-gallery .image-background img.image {
		max-width: 80%;
	}
	div#asset .asset-gallery.opened .gallery-action.gallery-prev::before,
	div#asset .asset-gallery.opened .gallery-action.gallery-next::before,
	div#asset .asset-gallery.opened .gallery-action.gallery-prev::after,
	div#asset .asset-gallery.opened .gallery-action.gallery-next::after {
		width: 35px;
	}
	div#asset .asset-gallery.opened .asset-gallery {
		height: 360px;
		overflow: scroll;
	}
	/**/
}
@media screen and (max-width: 1800px) and (max-height: 850px) {
	.contact .col-x3-2,
	.contact .col-x3-1 {
		padding-top: 20px;
	}
	.contact #main {
		padding-bottom: 0px;
	}
	.contact .col-x3-1,
	.contact .col-x3-3,
	.sent-message .col-x3-1,
	.sent-message .col-x3-3 {
		min-height: 0;
	}
	.contact #wrapper {
		margin-bottom: 50px;
	}
	.interview .col-x3-2 .asset-siblings article {
		width: 33%;
	}
}
@media (max-width: 736px) {
	#main {
		padding-bottom: 0px;
	}
	.portal-home .col-x3-2 {
		padding-top: 15px;
		padding-left: 15px;
	}
	.portal-home .col-x3-2 .container {
		padding-left: 0px;
	}
	.portal-home .col-x3-2 .container .portals-intro .about {
		width: 80%;
	}
	.portal-home .col-x3-2 .width50 {
		width: 80%;
	}
	.portal-home .footer_home {
		height: 100px;
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 20px;
		transition: all 1s;
	}
	/*locations page*/
	.container div.container > div > div > div#asset {
		padding: 0px;
	}
	.locations-map .width50 {
		width: 100%;
		margin-bottom: 20px;
	}
	/*news page*/
	.news-app .container div.container > div > div > div#asset,
	.news-folder .container div.container > div > div > div#asset {
		padding: 0px;
	}
	.news-app #asset > hr,
	.news-folder #asset > hr {
		margin: 1em auto 1em auto;
	}
	.news-app .col-x3-2 > div.container,
	.news-folder .col-x3-2 > div.container {
		padding-top: 12px;
	}
	.news-app .asset-related .entry,
	.news-folder .col-x3-2 .asset-related article.entry {
		width: 100%;
		height: auto;
		margin-bottom: 24px;
	}
	.news-app .col-x3-2 .container #asset #asset:nth-child(4) .left {
		width: 60%;
	}
	.news-folder .col-x3-2 #asset .asset-related article.entry .left {
		width: 60%;
	}
	.news-app #asset .right,
	.news-folder #asset .right {
		padding-left: 5%;
		padding-right: 5%;
	}
	.news-app .asset-related .entry:nth-child(odd),
	.news-folder .asset-related .entry:nth-child(odd) {
		margin-left: 0%;
	}
	/*gallery page*/
	.image-gallery #main {
		padding-bottom: 0px;
	}
	.image-gallery div#asset .asset-related .tid-23 {
		max-width: none;
		min-width: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.image-gallery .col-x3-2 > div.container {
		padding-bottom: 0px;
	}
	/**/
	/*images-folder and product page*/
	.images-folder #main {
		padding-bottom: 0px;
	}
	.product .first_line.at-16,
	.images-folder .first_line.at-23,
	.images-folder .first_line.at-23 .right {
		padding-left: 0%;
	}
	.images-folder .first_line.at-23 .right {
		margin-bottom: 20px;
	}
	.images-folder #asset .asset-article .right,
	.product-info #asset .asset-article .right {
		width: 100%;
	}
	.images-folder .container div.container > div > div > div#asset {
		margin-top: 0px;
	}
	.images-folder #asset .asset-article .right,
	.product-info #asset .asset-article .right {
		padding-right: 0px;
	}
	.images-folder .packtags-list {
		width: 100%;
		margin: 20px auto;
	}
	.images-folder .asset-siblings .entry,
	.product-info .asset-siblings .entry {
		width: 48%;
	}
	.images-folder div#asset .asset-gallery:not(.opened) span.image-preview {
		height: auto;
	}
	.images-folder
		div#asset
		.asset-gallery:not(.opened)
		.asset-exhibitor
		img.image:first-child {
		position: static;
		top: 0;
		left: 0;
		transform: translate(0);
		width: 100%;
		height: auto;
	}
	.product .columns-1 table tr td {
		width: 75px;
		padding: 0px;
	}
	.product .width40 {
		width: 100%;
	}
	.product .width60 {
		width: 100%;
	}
	div#asset .asset-gallery span.image-preview {
		height: 300px;
		margin-bottom: 20px;
	}
	.product table {
		width: 100%;
	}
	div#asset .asset-siblings div > .entry.tid-16,
	div#asset .asset-related div > .entry.tid-16,
	div#asset .asset-siblings div > .entry.tid-19,
	div#asset .asset-related div > .entry.tid-19 {
		width: 80px;
	}
	.product div#asset .asset-siblings div > .entry h3 {
		width: 80px;
		margin-bottom: 20px;
	}
	/**/
	/*contact-page*/
	.contact #portal-contact .button[value="Send"] {
		padding-left: 0%;
		padding-right: 0%;
	}
	.contact #main {
		padding-bottom: 0px;
	}
	.contact .col-x3-2 #portal-contact p.field label {
		width: 120px;
	}
	.contact .col-x3-2 #portal-contact p.field input,
	.contact .col-x3-2 #portal-contact p.field select,
	.contact .col-x3-2 #portal-contact p.field textarea {
		width: calc(100% - 120px);
	}
	.contact .col-x3-2 #portal-contact .left,
	.contact .col-x3-2 #portal-contact .right {
		padding-left: 8%;
		padding-right: 8%;
	}
	.rc-anchor-normal {
		width: 270px;
	}
	.rc-anchor-normal .rc-anchor-content {
		width: 182px;
	}
	.rc-anchor-normal .rc-anchor-checkbox-label {
		width: 130px;
	}
	.rc-anchor-normal .rc-anchor-pt {
		width: 260px;
		left: 0;
	}
	/*about-page*/
	.about .portal-information {
		width: 95%;
	}
	.about #main {
		padding-bottom: 0px;
	}
	.about #wrapper {
		height: calc(100% - 60px);
	}
	/**/
	.product
		.col-x3-2
		div[itemprop="mainEntityOfPage"]
		#asset
		.right
		.container,
	.images-folder
		.col-x3-2
		div[itemprop="mainEntityOfPage"]
		#asset
		.right
		.container {
		margin-top: 0px;
	}
	/*gallery visualiser*/
	div#asset .asset-gallery.opened .gallery-action.gallery-prev,
	div#asset .asset-gallery.opened .gallery-action.gallery-next {
		height: 30px;
		width: 30px;
	}
	div#asset .asset-gallery.opened .gallery-action.gallery-next::before,
	div#asset .asset-gallery.opened .gallery-action.gallery-prev::before {
		top: 7px;
	}
	/**/
	/*catalog-specs*/
	.catalog .container div.container > div > div > div#asset {
		margin-top: 10px;
	}
	.catalog .first_line.at-2 .left h1 {
		padding-top: 7px;
	}
	/*news-product info*/
	.product-info #asset .asset-article .right {
		margin-bottom: 20px;
	}
	.product-info .width60 {
		width: 100%;
	}
	.product-info .at-84 .right {
		overflow: hidden;
		margin-bottom: 10px;
	}
	/*new about page*/
	.content-page h1 {
		line-height: 1.8em;
	}
	.content-page .col-x3-2 {
		padding: 50px 12px 24px;
	}
	.content-page .columns-1 {
		padding-left: 0%;
		padding-right: 0%;
	}
	.content-page .container div.container > div > div > div#asset {
		padding: 15px 0px 0px;
	}
	.content-page .blackHeaders {
		width: 100%;
		margin-bottom: 15px;
	}
	.content-page .colorBlack {
		height: 40px;
	}
	.content-page #blackHeaders2 {
		margin-left: 0%;
		margin-right: 0%;
	}
	.content-page .blackHeaders .contentBH {
		height: 40px;
	}
	.content-page .columns-1 .container:first-child {
		margin-bottom: 10px;
	}
	.content-page .col-x3-2 .container > div > div .ed-0.at-120 {
		height: 70px;
	}
	.content-page.content-page #asset .left {
		width: 95%;
		padding-right: 0px;
		margin: 0 2.5%;
	}
	.content-page.content-page #asset .right {
		width: 100%;
		margin-top: 10px;
	}
	.certificate#firstCertificate {
		margin-left: 5%;
		margin-right: 4%;
	}
	.certificate {
		width: 45%;
		height: 230px;
		margin-top: 15px;
		min-height: 0;
	}
	/*interview page*/
	.interview .width60,
	.interview .width40 {
		width: 100%;
	}
	.interview .width40 {
		margin-bottom: 24px;
	}
	.interview #asset .left {
		padding-left: 0px;
	}
	.interview .packtags-list {
		width: 100%;
		margin-top: 0px;
		padding-left: 0px;
	}
	.interview .col-x3-2 .asset-siblings article {
		width: 50%;
	}
	/*end of interview page*/
}
@media (max-width: 480px) {
	.portal-home .col-x3-2 {
		height: calc(100vh - 220px);
	}
}

ul.pdf-links li a {
	font-weight: 500;
}

ul.pdf-links li a:hover {
	color: #e60002;
}
ul.pdf-links li {
	padding-left: 36px;
	background-image: url("/webpac_content/global/images/icons/pdf.svg");
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0.75rem 0 0.75rem 1rem;
	filter: grayscale(1);
}

ul.pdf-links {
	background: #f3f3f3;
	padding: 20px;
	margin-bottom: 2rem;
}
.graphic-about-img {
	width: 587px;
    margin-bottom: 4rem;
    height: auto;
}
.catalog--specs div#asset .asset-related img {
    width: 250px;
    height: auto;
}
.asset-related > div {
    display: flex;
    flex-wrap: wrap;
}
article.entry.clear.tid-15 {
    display: flex;
    flex-direction: column;
    align-content: center;
}
.asset-related.left.width60 > div {
    display: flex;
}
article.entry.clear.tid-15 {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
body.about.protected-portal.content-page.level-2.menu-item-3.lang-1 #asset{
    float: none;
}
.asset-full #asset {
    float: none;
}
.level-4 .columns-1 {
    display: flex;
    flex-direction: column;
}