.upper {text-transform: uppercase;}
.search_box_top {z-index: 5!important; top: 20px!important; right: 235px!important; border: 1px solid rgba(255,255,255,0.6); border-radius: 3px; width: 175px!important; }
.search_box_top .gsc-input-box { height: 28px; padding: 1px 0 0; background: transparent!important;}
td.gsc-input div#gsc-iw-id1.gsc-input-box table#gs_id50.gstl_50 tbody tr td#gs_tti50.gsib_a input#gsc-i-id1.gsc-input  { background-color: #3A3A3A!important; background: #3A3A3A!important; color: #fff!important;}
input.gsc-search-button:hover, input.gsc-search-button:focus {background-color: #009982!important; border-color: #009982!important; }
.search_box_top.cse .gsc-search-button input.gsc-search-button-v2, .search_box_top input.gsc-search-button-v2 {height: 15px; padding: 8px 8px 9px; width: 15px;}
.gsst_a .gscb_a {color: #ffffff!important;}
.gsst_a:hover .gscb_a:hover { color:#AE2F33!important;}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: transparent!important;
}
.gssb_c {top: 134px!important}
.gsib_a input.gsc-input {background: none!important; }
.gsc-input-box { background: none!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0px!important;}
input.gsc-search-button {filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#3a3a3a',EndColorStr='#3a3a3a')!important;border-top:1px solid #3a3a3a; border-right:1px solid #3a3a3a; border-left:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a; }
input.gsc-search-button:hover {filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#AE2F33',EndColorStr='#AE2F33')!important;}
table.gsc-search-box {  margin-bottom: 0px!important;}
.baqlink {top: 10px; right: 40px; position:absolute;}
.baqlink.button_s { letter-spacing: 1.1px; text-align: center; width: 150px; height: 20px; top: 20px; }
#logo {position: absolute;}
#logo a {padding:41px 0 62px 133px!important;}
a#logo-text { top: 0px; z-index: 5!important; position: absolute;}
.container-top {height:185px!important; }
#navibar { background: #3A3A3A; width: 100%; position: absolute; z-index: 5; height: 185px; top:0; }
/*.menu-wrapper {width: 100%; background: #fff; border-bottom: 1px solid #3a3a3a; border-top: 50px solid #3a3a3a; margin-top: -51px; position: relative;}*/
.mainmenu { width: 60%; font-size:16px; position: relative; padding: 0;margin: 0px auto; top: 112px; z-index: 5; font-family: 'Work Sans', 'Open Sans', Arial, sans-serif; font-weight: 300;}
.mainmenu p { font-family: 'Work Sans', 'Open Sans', Arial, sans-serif; width: 100%; color: #6d6d6d; font-size: 16px; font-weight: 300;letter-spacing: -0.01em; line-height: 1.618em; margin-top: 8px; text-align:center;}
ul.mainmenu  { width: auto;list-style: none; font-family:"Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;}
ul.mainmenu > li >a { height: 30px; margin: 0px; position: relative; display: inline-block; float: left; color:#fff; padding: 0px 0px 2px; width: 100%; text-align:center;}
ul.mainmenu > li > a.open { color:#009982; background:#ffffff; border-left:1px solid #f8f8f8; border-right:1px solid #f8f8f8; }
ul.mainmenu > li { height: 30px; margin: 0px; position: relative; display: inline-block; float: left; color:#fff; padding: 14px 0px 2px; cursor:default; width: 14%; text-align:center; border-left:1px solid #A3A3A3;border-right:1px solid #3A3A3A;}
ul.mainmenu > li.open { color:#009982; background:#ffffff; border-left:1px solid #f8f8f8; border-right:1px solid #f8f8f8; }
ul.mainmenu > li:hover { color:#009982; background:#e4e4e4; cursor:pointer; border-left:1px solid #eee; border-right:1px solid #eee; }
ul.mainmenu > li > a:hover { color: #009982 !important; }
/* Arrows on top menu used for mobile menu */
ul.mainmenu li:hover:after { position:absolute; font-family: FontAwesome; font-size: 16px; top:30px; left:48%;  }
ul.mainmenu li img.arrow1, .arrow2 {display:none;}
ul.mainmenu li img.arrow3 {height: 10px; width: 10px; float:none; display:inline;}
/* Sub level menu links style */

.submenu01 { position: fixed; top: 158px; left: 0; background-color: #ccc; width:100%; display:none; margin:0 0 0 0; padding:0; border-bottom: 1px solid #bebebe; }
.level01#baq {display: none;}
#contact.level01 { border-right: 1px solid #a3a3a3;}
.menu-container{ width: 60%; margin: 0 auto; position: relative; }
.level1 { color: #2b2b2b; text-align:center; width: 30%; background-color: #ccc; padding: 15px 0; float: left; border-left: 1px solid #eeeeee; border-right: 1px solid #d2d2d2; }
.level1:hover { color: #009982; background-color: #dedede;}
.level1.open { background-color: #009982; color:#fff; }
.level1 span.fa-angle-down {font-family: FontAwesome; line-height:12px; display:none; }
.level1.open span.fa-angle-down{ display:block;}
.level1 div.learn a {margin: 0 auto 7px!important; padding: 29px 70px 0 !important; display: block; width: 58%; height:189px }
.level1 div.learn h1 { color: #000; font-size: 30px; line-height: 30px;font-family: 'open sans','helvetica',sans-serif,'arial'; font-weight: 200; margin:-5px 0 0 0; text-align:left;}
.level1 div.learn h2 { color: #666;font-size: 22px; line-height: 22px;font-family: 'open sans','helvetica',sans-serif,'arial'; font-weight: 200; margin:  0 0 8px 0;}
.level1 div.learn h3 { color: #666;font-size: 20px; line-height: 20px;font-family: 'open sans','helvetica',sans-serif,'arial'; font-weight: 200; margin:  8px 0;}
.level1 div.learn p { float: left; width: 58%; text-align: left;font-size:14px; color:#111; margin-top: 0px;}
.level1 div.learn img { width: 49%; max-width:336px;margin-right:30px;}
span.bullet_list{margin-left:10px;font-weight:300;}
div.learn span.button_s {padding: 8px 24px;position: absolute; bottom: 18px;}
.submenu1.first1.open { background-color: #DEDEDE; }
.submenu1 {  position: fixed; top: 207px; left: 0; background-color: #fff; width: 100%; text-align:left; margin:0 0 0 0px; padding:0!important; list-style: none; border-bottom: 1px solid #bebebe; display:none; max-height: 320px; }
.submenu1 div img { float:left; margin: 0 15px 0 0; }
.submenu1 div.links{  background-color: #eee; border-bottom: 1px solid #c6c6c6; margin: 0; padding: 0; width: 100%; clear:both;}
.submenu1 div.links a{  background-color: #eee; margin: 0 auto!important; padding: 15px 0 15px 70px !important; font-family:'Work Sans', 'Open Sans', Arial, sans-serif; font-size: 16px; font-weight: 300;text-decoration: none; display: block; position:relative; width: 60%;}

.level2 {width:100%; padding: 0 0 15px 0;position:relative; margin: 0px; padding: 0; color: #fff; display:block; float:left; width:100%; background: #DEDEDE; border-bottom: 1px solid #bebebe; }
.level2:hover {background: #ffffff; color: #009982;}
.level2.open {background: #fff;}
.level2 span { font-size: 16px; padding: 5px 0px 5px 70px; color: #000; text-decoration: none; display: block; position:relative; width: 60%;margin: 10px auto;  }
.level2 a { font-size: 16px; width: 240px; padding: 5px 0px 5px 70px; margin: 10px 0; color: #000; text-decoration: none; display: block; position:relative;}
.level2 a:hover, .level2 a.selected { color: #222; }
.level2 div.menu-machines { width: 60%; margin: 10px auto; }
.level2 div.menu-machines div { float:left; width: 150px; position: relative; padding: 0 35px; margin: 0; }
.level2 div.menu-machines div a { width:135px; font-size:14px; height:200px; text-align:center; padding: 16px 35px 0;}
.level2 div.menu-machines div a:hover { outline: 1px solid #009982;}
.level2.one { display:block; }
.level2.two {border-bottom: 1px solid #bebebe; }
.level2.one div.menu-machines{ display:none;}
.level2.two div.menu-machines{ display:block;}
.level2 div.menu-machines div.menu-label { float: left; position: relative; width: 95%; color: #009982; text-decoration: none; padding: 12px 10px 4px 70px; font-size: 14px; font-weight: normal; text-transform: uppercase; cursor: default; }
.submenu2 div.larger{}
.submenu2 div.larger img{position:relative; }
.submenu2 div.larger p{position:absolute; bottom:0; width:100%;}
.mimg {width:135px;}
/* CODE FOR ROTATING ARROW IMAGES */
#topmenu img, .level2 img {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	transition: transform .5s ease-in-out;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	}
#topmenu img.down {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
	transition: transform .5s ease-in-out;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	}

@media only screen and (max-width: 2250px){
	.level2 span, .submenu1 div.links a { width: 70%; }
	.level2 div.menu-machines { width: 70%; }
}
@media only screen and (max-width: 1950px){
	.level2 span, .submenu1 div.links a  { width: 80%; }
	.level2 div.menu-machines { width: 80%; }
}
@media only screen and (max-width: 1750px){
	.level2 span, .submenu1 div.links a  { width: 90%; }
	.level2 div.menu-machines { width: 90%;}
	.level1 div.learn h1 {font-size: 26px;}
	.level1 div.learn h3 {font-size: 19px;}
	.level1 div.learn p { width: 53%;}
	.level1 div.learn img { width: 45%;}
}
@media only screen and (max-width: 1550px){
	.level1 div.learn a { width: 70%;}
	.level2 span { width: 90%; margin: 10px 0; }
	.submenu1 div.links a {margin: 10px 0 0!important; }
	.level2 div.menu-machines { width:99%; }
}
@media only screen and (max-width: 1400px){
	.mainmenu, .menu-container { width: 100%; }
	.level2 div.menu-machines { width: 90%;}
	.larger { margin: 3px 0 25px!important;}
}
@media only screen and (max-width: 1150px){
	.mainmenu, .menu-container {width: 68%;}
	.menu-container { font-size: 13px; }
	.level1 {padding: 17px 0;}
	.level1 div.learn a { width: 80%;}
}
@media only screen and (max-width: 1024px){
#logo {top: 9px; }
#logo a {padding: 48px 0 0px 123px!important; }
a#logo-text {margin: 12px 0 0 102px;}
#navibar { margin-top: 0px; height:75px; }
.view-menu {  visibility: visible; display:block; z-index:100; height: 50px; width: 50px; margin-top: 12px; float:right; margin-right: 30px; position: relative; cursor:pointer; border:1px solid #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 3px 5px 5px 5px; color: #3a3a3a; background-color: #fff;}
.view-menu:hover  { background-color: #E3E3E3; }
.baqlink.button_s { display: none;}
.menu-wrapper { visibility:hidden; transform: scale3d(1, 0.5, 1) ; -webkit-transform: scale3d(1, 0.5, 1) ; transition: transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out;}
.menu-wrapper.menu-mobile-visible { transform: scale3d(1, 1, 1) ; -webkit-transform: scale3d(1, 1, 1) ; transition: transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out; visibility: visible; position:relative; z-index:100;}
.mainmenu, .menu-container { left: 0; }
ul.mainmenu  {list-style: none; width:100%; max-width: 100%; top: 111px; margin: 0; border-top: 1px solid #9b9b9b;border-bottom: 3px solid #3f3f3f; }

ul.mainmenu li {width: 100%; background: #3A3A3A; margin: 0; padding: 0px 0px; border-bottom: 1px solid #9b9b9b; height: auto; position: relative; display: block; text-align: left; border-right:0px; border-left: 0px; }
ul.mainmenu li:hover {background: #575757; color: #fff; border-right:0px; border-left: 0px; }
ul.mainmenu li:hover:after { content: " "; display: none; }
ul.mainmenu li span{font-size: 16px;padding: 2px 35px; display: block;width:auto;text-align:center;height:100%;}

ul.mainmenu li img.arrow1, .arrow2 { display: inline; height:10px; width: 10px; }
#contact.level01 { border-right: none;}
.submenu01 {top:0px;margin: 0px; position: relative; width: 100%; border:0px;}
.level01#baq {display: block;}
.level01#baq a {width: 100%; padding: 0; float: left; position: absolute; z-index:10; height: 50px; }
.submenu01 div.menu-container, .submenu01 div.level1 {float:none; width: 100%; background: #d0d0d0; margin: 0; padding: 0px 0px!important; height: auto; position: relative; display: block; }
.submenu01 div.level1 a {width:100%; padding: 0;}
.submenu01 div.level1 div.submenu1 div.links a {width: 55%;}
.level1 {border-left:0px; border-right:0px; text-align:left; border-bottom: 1px solid #9b9b9b; }
.level1 > a {width: 100%; padding: 0; float: left; position: absolute; z-index:10; height: 50px; }
.level1:hover {background: #eaeaea;}
.level1 span {margin: 0px 35px;}
.level1 span img {display:inline;}
.fa-angle-down::before {content: ""; display: none;}
.level1 span.fa-angle-down {display:none; background-color: #eaeaea}
.container-top {
    height: 75px !important;
}
/*ONLY SUBMENUS AVAILABLE FOR MACHINES*/
#customer .submenu1, #shop .submenu1, #press .submenu1 {display: none;}
.submenu1 {margin: 0; background:#dddddd; position: relative; width: 100%; top:0px; float:none; max-height:initial;border:0px;}
.submenu1 div.level2 {float:none;  width: 100%; background:#eee;margin: 0; padding: 0px; height: auto; position: relative; display: block; }
.submenu1 div.level2 a {color: #000;width:100%; padding: 0;}
.submenu1.open {margin: 0; display:block; background:none;}
.level2 div.menu-label {width: 70%!important; margin: 0; padding: 0 0 0 70px;}
.level2 span, .submenu1 div.links a  { width: 70%; position: relative; }
.submenu1 div.links a{  margin: 0 !important; }
.level2 div.menu-machines {width: 100%; padding: 15px 0; margin: 0; float:left; position:relative; background: #fff;}
.level2 div.menu-machines > div { float: left; display:block; position:relative;width: 135px; z-index:1; padding: 0 30px 0 70px;}
.level2 div.menu-machines > div.larger {  margin:0!important;}
.submenu01 div.level2.two div { border-bottom: 0px; }

}
@media only screen and (max-width: 820px){
.level2 div.menu-machines > div { width: 20%; padding: 0 5%;}
.level2 div.menu-machines div.larger a { padding: 16px 10px 0;}
}
@media only screen and (max-width: 650px){
	a#logo-text {font-size: 1.5em; }
	.view-menu {position: absolute; right: 0px; top: 0px; }
	.level2 div.menu-machines div a { width: 114px;}	
}
@media only screen and (max-width: 550px){
	#logo {left:10px;}
	a#logo-text {margin: 11px 0 0 82px}
	.view-menu {margin-right: 10px }
	ul.mainmenu li span {padding: 15px 25px;}
	.level1 span { margin: 0 20px; }
	.level2 div.menu-machines > div { width: 30%; padding: 0 5%;}
	.submenu1 div.links a {margin: 0 !important; padding: 15px 0 15px 45px !important; }
	
}
@media only screen and (max-width: 420px){
	a#logo-text {font-size: 1.2em; line-height: 1em; width: 57%;font-size: 1.2em;}
	a#logo-text span.gray {line-height: 1.1em; }
	.view-menu {height: 41px; width: 41px;}
	.level2 div.menu-machines > div, .level2 div.menu-machines > div.larger {width: 75%!important; padding:10px 12.5%!important; margin:0!important;}
	.level2 div.menu-machines > div a {width: 65%; padding:0px 12.5%; text-align:center;}
	.level2 div.menu-machines > div.larger a {width: 81%!important; padding:0px 12.5%!important; text-align:center!important;}
	.submenu1 div img, .level2 div.menu-machines > div.larger img {float:none;}
	.submenu1 div img {margin: 0px;}
	.mimg {width: 150px;}
	/*.level2 div.menu-machines > div.larger{ width: 215px!important; margin: 5px auto 25px!important;}
	.level2 div.menu-machines > div.larger a{margin: 5px auto!important;}
	.level2 div.menu-machines > div.larger img {margin: 5px auto!important;}
	a#logo-text {font-size: 1.5em;margin: 74px 0 0 141px;}
	div.social {width: 85%; min-width: 85%;float: none;}*/
}