@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
		body{ 
 margin:0 auto;}
#header_content { 
 margin:0 auto;}
#content{ 
 margin:0 auto; 
 padding:0px;}
		table, tr, td {
		}

table[id=header]{
	margin-top:10px;
}

		img {
			max-width: 100%;
			height: auto;
		}
		.bodycell h2 {
			color:#ffffff;
		}
		.bodycell h3 {
			color:#ffffff;
		}
		.subtitle {
			text-align:right;
			margin-top:-10px;
		}
			.bodycell {
				font-family:'Zona Pro', arial, sans-serif;
				background-color:#0056b8;
				text-align:center;
				width:100%;
				text-decoration: none;
			}
table[class=column] {
	padding:20px !important;
}
.middlepage {
	font-family:'Zona Pro', arial, sans-serif;
	background color: #ffffff;
	color: #636363;
	text-align:center;
	width: 100%;
}

.middlecontent {
	background-color:#ffffff;
	font-family:'Zona Pro', arial, sans-serif;
	color: #000000;
	text-align:center;
	width: 100%;
}
.statusringtitle {
	color:#636363;
	font-family:'Zona Pro', arial, sans-serif;
	text-align:center;
}
.statusringtitle h2 {
	font-size:24px;
	text-transform:uppercase;
	margin-bottom:0px;
}
.statusringtitle p {
	font-size:16px;
	padding:0px;
	margin:0px;
	line-height:20px;
}
		.paragraph {
			font-family:'Zona Pro', arial, sans-serif;
			font-size:16px;
			color: #ffffff;
			line-height:24px;
			font-weight:200;
		}
.nobullet {
	list-style-type:none;
}
li[id=sustainablemessage] {
	list-style-type:none !important;
	color: rgb(115, 115, 115);
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0);
	text-align:left;
	line-height: 26px;
}
li[id=sustainablemessage] ul {
	padding-left:10px;
}
li[id=easytousemessage]{
	list-style-type:none !important;
	color: rgb(115, 115, 115);
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0);
	text-align:left;
	line-height: 26px;
}
li[id=easytousemessage] ul {
	padding-left:10px;
}
li[id=flexiblemessage]{
	list-style-type:none !important;
	color: rgb(115, 115, 115);
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0);
	text-align:left;
	line-height: 26px;
}
li[id=flexiblemessage] ul {
	padding-left: 10px;
}
.fa-ul {
	margin-left:0px !important;
	padding-left:0px !important;
}
.paragraph {
	font-size:20px;
	line-height:28px;
}
.paragraph a {
	color: #ffffff;
	text-decoration: underline;
}
.paragraph a:hover {
	color: #ff6600;
	text-decoration: underline;
}
.maincopy {
	font-family:'Zona Pro', arial, sans-serif;
	line-height: 24px;
	font-size: 16px;
	color: #FFFFFF;
	text-align:center !important;
}
h3[id=maincopy] {
	font-size:20px !important;
	text-align:center;
	color: #FFFFFF;
	font-family:'Zona Pro', arial, sans-serif;
}

   #message {
   width: 100%;
   font-size:14px;
   font-family:Arial, Helvetica, sans-serif;
   background-color: none !important;
   color: #636363;
   padding: 5px;
   text-align:center;
   margin-bottom:20px;
   }
   #message h2 {
   font-size:24px !important;
   text-transform:uppercase;
   }

.textContent h2 {
	margin-top:10px;
	font-size:20px;
}

.circlelist {
	font-size:16px;
	list-style-type: circle;
	line-height:30px;
	padding-top:10px;
}
  .package-block-image{
	position:relative;
    top:0;
	}
   .maindriveimg {
    position: relative;
    top: 0;
    height: 610px;
    background-repeat: no-repeat;
    background-image: url(https://www.yaskawa.com/documents/20197/6163139/hv600-main.png/1fc201dc-953f-4ee3-b95a-1fc8441006ac?t=1587500648076);
	background-position:center;
    }
.tooltipimg1{
    position: absolute;
    top: 17%;
    left: 50%;
    }
    .tooltipimg2{
    position: absolute;
    top: 22%;
    left: 46%;
    }
    .tooltipimg3{
    position: absolute;
    top: 36%;
    left: 47%;
    }
 .tooltipimg4{
    position: absolute;
    top: 42%;
    left: 45%;
    }
.tooltipimg5{
    position: absolute;
    top: 94%;
    left: 42%;
    }
.tooltipimg6{
    position: absolute;
    top: 94%;
    left: 55%;
    }
.tooltipimg7{
    position: absolute;
    top: 46%;
    left: 50%;
    }
.tooltipimg8{
    position: absolute;
    top: 40%;
    left: 55%;
    }
.tooltipimg9{
    position: absolute;
    top: 27%;
    left: 53%;
    }
.tooltipimg10{
    position: absolute;
    top: 20%;
    left: 55%;
    }
.tooltipimg11{
    position: absolute;
    top: 70%;
    left: 50%;
    }
    #sustainablemessage{display:none;}
	#easytousemessage{display:none;}
	#flexiblemessage{display:none;}
		 
	#tooltipeasytouse{
	 display:none;
     position:absolute;
	 top:70%;
	}
	#tooltipsustainable{
	 display:none;
	 position:absolute;
     top:0px;
	}
	#tooltipflexible{
	 display:none;
     position: absolute;
	 top: 0px;
	 left: 55%;
	}
.product-img {
	text-align:right;
	margin-top:10px;
	margin-left:18px;
}
		  
	.ttip{
	border-radius: 25px;
    background: #c2c2c2;
	padding: 5px;
	font-size:14px;
	font-family:Arial, Arial, Helvetica, sans-serif;
    }

.buttonsRow{
    height: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
}

button {
    display: inline-block;
    margin: 0;
    padding: 0;
	text-align:center;
}

button {
    height: 25px;
    width: 100%;
	background-color:#0056b8;
	border-radius:10px;
	border:1px solid #000000;
	cursor:pointer;
	color:#ffffff;
	font-family:'Zona Pro', arial, sans-serif;
	font-size:17px;
	padding:25px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}

.button-wrapper{
    display: block;
    margin-left: auto;
	margin-right:auto;
    padding: 0;
	text-align:center;
	width:50%;
}

.button-wrapper {
    height: 20px;
	background-color:#0056b8;
	border-radius:10px;
	border:1px solid #000000;
	cursor:pointer;
	color:#ffffff;
	font-family:'Zona Pro', arial, sans-serif;
	font-size:17px;
	padding:20px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.button-wrapper a {
	color:#ffffff;
	text-decoration:none;
}

.white {
	background-color:#FFFFFF !important;
}

.white:hover {
	background-color:#ff6600 !important;
}

.button-wrapper:hover {
	background-color:#ff6600;
}

table[id=circletitle] {
	text-align:center;
	color: #636363;
}

.logo {
	padding-top:20px;
}

.social {
	width:40%;
	border-spacing:0;
	border-collapse:collapse;
	display:block;
	margin-top:2%;
	margin-right:5%;
	text-align:right;
}

.personal {
	max-width:120px !important;
	padding-top:3px;
	padding-right:8px;
}

.subheading {
	font-size:16px;
	font-family:'Zona Pro', arial, sans-serif;
	color: #636363;
	margin-top:0px;
	padding-top:0px;
}


.product-img {
	text-align:right;
}

.footer {
	background-color:#f6f6f6;
	padding-left:10%;
	height:100px;
	vertical-align: top;
}

.footerouter {
	background-color:#f6f6f6;
	padding:2%;
	height:100px;
	vertical-align: top;
}

.flex-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	max-width:1000px;
}

.flex-item {
	-webkit-flex: 2 0 auto;
	-moz-flex: 2 0 auto;
	flex: 2 0 auto;
	align-self: auto;
	width: 40% !important;
}

#item-2 { flex-grow: 1; }

.footerright {
	width:30%;
	float:left;
}

.personal {
	width:50%;
    margin-top:-10px;
}

.footer-text {
	width:100%;
	align:left;
	float:left;
	font-size:14px;
	font-family:'Zona Pro', arial, sans-serif;
	text-align:left;
	line-height:20px;
	padding-top:5px;
}

.video-container {
	display: flex;
    flex-flow: row wrap; /*flex-direction flex-wrap*/
    align-items: center;
    justify-content:center;
    align-content: flex-start;
	padding-top:20px;
}
.video-responsive {
  width: 40%;
  display: inline-block;
  height: 56.25%;
  margin: 0 -1px;
  padding: 20px;
  display:flex;
}

.aspect-ratio-16-9 {
  width: 100%;
  position: relative;
}

.video-responsive iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}


		@media only screen and (max-width: 480px) { 

			table[id=bodytop] { 
				width: 100% !important;
			}
			
			table, tr, td {
				padding-left:0px;
				margin-left:0px;
		}
			
			.video-responsive {
				width: 100% !important;
			}
			
			.tooltipimg2{
    position: absolute;
    top: 21%;
    left: 40%;
    }	
			.tooltipimg3{
    position: absolute;
    top: 35%;
    left: 43%;
    }	
			.tooltipimg4{
    position: absolute;
    top: 41%;
    left: 40%;
    }
			.tooltipimg7{
    position: absolute;
    top: 45%;
    left: 49%;
    }
			.tooltipimg9{
    position: absolute;
    top: 27%;
    left: 57%;
    }
.tooltipimg10{
    position: absolute;
    top: 20%;
    left: 57%;
    }

table[id=circletitle] {
	max-width:360px !important;
}
			td {
				font-size: 21px;

			}
			.maindriveimg img {
				max-width:90% !important;
			}
			h2 {
				font-size:14px;
			}
			img {
				max-width: 100%;
				height: auto;
			}
			.paragraph {
				margin-left:0px;
			}

			table[class=column] {
				width: 100% !important;
				padding: 0px !important;
				padding-left:10px !important;
				
			}
			.subtitle {
				width: 100% !important;
				text-align:center !important;
			}
			.subtitle td {
				margin: 0px !important;
				padding: 0px !important;
			}
			.subtitle h2 {
				font-size:18px !important;
			}
			button {
				height:80px;
			}
			.logo {
				width:100% !important;
				text-align:center !important;
			}
			.footertext {
				width:100%;
				font-size:11px !important;
			}
			.footerright {
				width:100%;
			}
			.social {
				width:50% !important;
			}
			.footer {
				padding-left:10% !important;
				height:150px !important;
			}
			.footer-text {
				width:100% !important;
				font-size:12px !important;
				max-width:375px;
				padding-bottom:10px;
			}
			.maincopy {
				font-size:13px !important;
				padding-left:10px;
				padding-right:10px;
				line-height:16px !important;
			}
.fa-ul {
	padding-left:5px !important;
}
			.button-wrapper {
				margin-bottom:30px !important;
				margin-top:40px !important;
			}


			}