@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

.fm-inter {
	font-family: 'Inter';
}

div#topBarBlock {
	width: 100%;
	height: 600px;
	background-color: #eeeeee;
	margin-bottom: 80px;
}
div#topBarBlock .t {
	margin-left: -100px;
}
div#topBarBlock .t1 {
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: var(--color_smart_green);;
}
div#topBarBlock .t2,
div#topBarBlock .t3,
div#topBarBlock .t4 
{
	font-weight: 700;
	font-size: 42px;
	line-height: 50px;
	color: var(--color_smart_green);;
}
@media (max-width: 1280px) {
	div#topBarBlock {
		display: none;
	}
}
/*------------------------------------------------------*/
div#textareaBlock {
	width: 100%;
	margin-bottom: 80px;
}
div#textareaBlock .title {
	font-size: 26px;
	line-height: 42px;
	color: #CC0000;	
}
div#textareaBlock .style-5 {
	font-size: 17px;
	line-height: 26px;
	color: var(--color_dark);	
}
div#textareaBlock .style-9 {
	font-family: 'Nunito Sans';
	font-size: 17px;
	line-height:24px;

	color: var(--color_grey);
}
div#textareaBlock .style-8 {
	font-family: 'Nunito Sans';
	font-size: 30px;
	line-height: 42px;
	color: var(--color_dark);	
}
@media (max-width: 600px) {
	#wrapper .layer1000 {
		padding-left: 30px;
		padding-right: 30px;
	}
	#wrapper .layer1000 img {
		max-width: 100%;
	}
	div#textareaBlock .fx.fx-xs {
		justify-content: center; 	
	}
	div#textareaBlock .ISO14064 img {
		width: 45%;
	}
}
/*------------------------------------------------------*/
div#videoBlock {
	width: 100%;
	margin: 40px 0px;
}
div#videoBlock .layer {
	width: 100%;
	height: 425px;
	background: rgba(139, 139, 139, 0.1);	
}
div#videoBlock .inlayer {
	position: relative;
}
div#videoBlock .videoLayer {
	position: relative;
	width: 960px;
	height: 528px;	
	overflow: hidden;
	border-radius: 20px;	
	filter: drop-shadow(4px 8px 8px rgba(66,66,66,0.1));	
	margin-right: 40px;
}
div#videoBlock .videoLayer iframe {
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc( 100% + 1px);
	height: calc( 100% + 1px);
}
div#videoBlock .textLayer {
	position: absolute;
	width: 582px;
	z-index: 2;	
	left: 70px;
	top: 200px;	
}	
@media (max-width: 1280px) {
	div#videoBlock {
		margin: 0px;
	}
	div#videoBlock .layer {
		height: auto;
	}
	div#videoBlock .inlayer.fx {
		flex-direction: column;
	}
	div#videoBlock .videoLayer {
		margin-top: 50px;
		margin-right: 0px;
	}
	div#videoBlock .textLayer {
		position: static;
		width: auto;
		margin: 50px;
	}
}
@media (max-width: 576px) {
	div#videoBlock .videoLayer {
		width: 100%;
		height: 438px;	
		margin-top: 0px;
		border-radius: 0px;
	}
	div#videoBlock .maxLayer {
		padding: 0px;
	}
	div#videoBlock .textLayer .f-32 {
		font-size: 24px;
	}
	div#videoBlock .textLayer .l-48 {
		line-height: 32px;
	}
}
/*------------------------------------------------------*/
div#item3xBlock {
	width: 100%;		
	margin: 40px 0px;		
}
div#item3xBlock .layer {
	margin: 40px 50px;		
}	
div#item3xBlock .layer > div.fx {
	width: 100%;
}
div#item3xBlock .layer .border {
	width: 236px;
	height: 236px;
	padding: 40px;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(131, 154, 163, 0.1);	
}
div#item3xBlock .layer .border img {
	max-height: 105px;
}
@media (max-width: 880px) {	
	div#item3xBlock {
		margin: 30px 0px;	
	}
	div#item3xBlock .layer {
		margin: 0px 50px;		
	}	
	div#item3xBlock .layer > div.fx {
		flex-direction: column;
	}
	div#item3xBlock .layer .fx-column {
		margin-top: 30px; 		
	}
}

/*------------------------------------------------------*/
div#iso9001Block {
	width: 100%;		
	padding: 40px 0px;		
}
div#iso9001Block .layer {	
	width: 100%;	
	padding: 10px 0px;	
	background: rgba(139, 139, 139, 0.1);
}
div#iso9001Block .inlayer {	
}
div#iso9001Block .inlayer .image-box {
	margin: -40px 0px;	
}
@media (max-width: 1180px) {	
	div#iso9001Block .inlayer.fx {
		flex-direction: column;
	}
	div#iso9001Block .inlayer .image-box {
		margin: 30px 0px;	
	}
	div#iso9001Block .inlayer .image-box img {
		width: 100%;
	}
	div#iso9001Block .inlayer .text {
		margin-bottom: 30px;
	}
}
@media (max-width: 767px) {	
	div#iso9001Block {
		padding: 20px 0px;
	}
	div#iso9001Block .inlayer .text .fx {
		flex-direction: column;
	}
	div#iso9001Block .inlayer .text .fx > div:not(:first-child) {
		margin-top: 20px; 
	}
	div#iso9001Block .mx-15, div#iso9001Block .ml-15 {
		margin-left: 0px;
		margin-right: 0px;
	}
}
/*------------------------------------------------------*/
div#historyBlock {
	width: 100%;	
}
div#historyBlock .layer {
	padding: 70px 30px;	
    column-count: 2;
}
@media (max-width: 880px) {	
	div#historyBlock .layer {
		column-count: 1;
	}
}
div#historyBlock .layer div.fx-as:not(:first-child) {
	padding-top: 30px;
}
div#historyBlock .layer div.fx-as:not(:last-child) {
	border-left: 1px solid #E4E4E4;
}
div#historyBlock .layer img {
	margin-left: -8.5px;
	vertical-align: -2px; 
}
div#historyBlock .css-year {
	min-width: 60px;	
}
@media (max-width: 767px) {	
	div#historyBlock .layer {
		padding: 30px;	
	}
}
/*------------------------------------------------------*/
div#infoBlock {
	width: 100%;	
	background: rgba(139, 139, 139, 0.1);
}
div#infoBlock .layer {	
	padding: 70px 30px;
}
div#infoBlock .layer img {
	margin-left: 5px;
	vertical-align: -40%; 
}
@media (max-width: 767px) {	
	div#infoBlock .layer {	
		padding: 40px 30px;
	}
	div#infoBlock .layer.fx {
		flex-direction: column;
	}
	div#infoBlock .fx-ys {
		align-items: center; 
	}
	div#infoBlock .layer .image {
		margin-bottom: 30px;
		margin-right: 0px;
	}
}
/*------------------------------------------------------*/
div#infoArea {
	width: 100%;
	padding: 70px 30px;
}
@media (max-width: 767px) {		
	div#infoArea {
		padding: 40px 30px;
	}
}