.search_box_top {z-index: 5!important; top: 20px!important; right: 170px!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: #ce2c2c!important; border-color: #ce2c2c!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: 6px; }
.myhaas.button_s{background-color:#686A6A;position:absolute;right:40px;letter-spacing: 1.1px;text-align: center;width: 90px;height: 20px;top: 6px;color:#2b2b2b !important;}
.myhaas.button_s span{color:#fff !important;}

#logo {position: absolute;}
#logo a {padding:41px 0 62px 133px!important;}
a#logo-text { top: 30px; 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; }
.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; min-width: 1080px;}

.mainmenu p { font-family: 'Work Sans', 'Open Sans', Arial, sans-serif; width: 100%; color: #000; font-size: 14px; font-weight: 300;letter-spacing: -0.01em; line-height: 1.618em; margin-top: 8px; text-align:center;}
ul.mainmenu  { list-style: none; }
ul.mainmenu > li { height: 30px; margin: 0px; position: relative; display: inline-block; float: left; color:#fff; padding: 14px 0px 2px; cursor:default; width: 24%; text-align:center; border-left:1px solid #A3A3A3;border-right:1px solid #3A3A3A;}
ul.mainmenu > li.open { color:#CE2C2C; background:#ffffff; border-left:1px solid #f8f8f8; border-right:1px solid #f8f8f8; }
ul.mainmenu > li:hover { color:#CE2C2C; background:#e4e4e4; cursor:pointer; border-left:1px solid #eee; border-right:1px solid #eee; }
/* 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%; content: "\f107"; }
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;}
.level01#press, .level01#news{border-right:1px solid #A3A3A3;}
.menu-container{ width: 60%; margin: 0 auto; position: relative; min-width: 1080px;}

.level1 { color: #2b2b2b; text-align:center; width: 24%; background-color: #ccc; padding: 15px 0; float: left; border-left: 1px solid #eeeeee; border-right: 1px solid #d2d2d2; }
.level1:last-child { border-right: 1px solid #eeeeee;}
.level1:hover { color: #CE2C2C; background-color: #dedede;}
.level1.open { background-color: #CB2C31; 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; min-width: 1080px; }
.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: 51%; 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: #CE2C2C;}
.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; min-width: 1080px; }
.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; min-width: 1080px;}
.level2 div.menu-machines div { float:left; width: 172px; position: relative; padding: 0px; margin: 0; }
.level2 div.menu-machines div a { width:135px; font-size:14px; height:105px; text-align:center; padding: 10px 20px 0;margin:20px 0;}
.level2 div.menu-machines div a:hover { outline: 1px solid #CB2C31;}
.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;}
div.menu-machines div:last-child { padding-bottom: 30px;}
.level2 div.menu-machines div.menu-label { float: left; position: relative; width: 95%; color: #CB2C31; text-decoration: none; padding: 12px 10px 4px 70px; font-size: 22px; font-weight: 300; text-transform: uppercase; cursor: default; }
.mimg {width:135px;}
/* CODE FOR ROTATING ARROW IMAGES */
#topmenu img, .level2 img {
	-ms-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	transform: rotate(0deg);
	transition: transform .5s ease-in-out;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	}
#topmenu img.down {
	-ms-transform: rotate(90deg); 
	-webkit-transform: rotate(90deg); 
	transform: rotate(90deg);
	transition: transform .5s ease-in-out;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	}

/* EXPERIMENTS */
ul.mainmenu.menu2 > li#parts, ul.mainmenu.menu2 > li#diy  { padding: 0px 0px 16px; }
ul.mainmenu.menu2 li#parts a, ul.mainmenu.menu2 li#diy a { color: #fff; display: block; line-height: 46px; }
ul.mainmenu.menu2 li#parts a:hover, ul.mainmenu.menu2 li#diy a:hover { color: #ce2c2c;}
ul.mainmenu.menu2 li#parts:hover:after, ul.mainmenu.menu2 li#diy:hover:after { content: ""; }
ul.mainmenu i.fa.fa-table {font-size: 69px; height: 59px; margin: 21px 0 18px; color: #464646}


@media only screen and (max-width: 1290px){
.mainmenu, .menu-container, .level1 div.learn a, .level2 div.menu-machines, .level2 span {min-width: 900px;}
}
@media only screen and (max-width: 1024px){
	.mainmenu, .menu-container, .level1 div.learn a, .level2 div.menu-machines, .level2 span {min-width: 100%;}
#logo { background: url(images/Haas-Logo.png) no-repeat; top: 9px; left: 30px;}
#logo a {padding: 41px 0 1px 130px !important}
a#logo-text { z-index:5;}
#navibar { margin-top: 0px; height:75px; }
.menu-wrapper { visibility:hidden; }
.menu-mobile-visible {visibility: visible; position:relative; z-index:100;}
.view-menu {  visibility: visible; display:block; z-index:100; height: 50px; width: 50px; margin-top: 11px; float:right; margin-right: 10px; position: absolute; 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; right: 70px; top: 0px; }
.view-menu:hover  { background-color: #E3E3E3; }
.search_box_top_wrapper { visibility: hidden; }
.search_box_top_visible { visibility: visible; width: 100%; background: #3a3a3a; height: 50px; position: absolute; top: 75px; z-index: 100;}
.search_box_top { z-index:100; top:0px!important; right:17px!important;width: 40%!important; }
.search_box_top .gsc-control-cse { padding: 0px 0 0;}
.search_box_top_mobile { visibility: visible; z-index:100; height: 50px; width: 50px; position: absolute; right: 0; top: 0; margin-right: 17px; margin-top: 11px;cursor:pointer; font-size:13px; 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; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #1a1a1a; 
background-color: #ffffff;}

.search_box_top_mobile:hover { background-color: #E3E3E3;}

.baqlink.button_s { display: none;}
.myhaas.button_s { display: none;}

.menu-wrapper { 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;}
.mainmenu, .menu-container { left: 0; }
ul.mainmenu  {list-style: none; width:100%; max-width: 100%; top: 75px; 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: 15px 35px; display: block}

ul.mainmenu li img.arrow1, .arrow2 { display: inline; height:10px; width: 10px; }
ul.mainmenu.menu2 > li#parts, ul.mainmenu.menu2 > li#diy  { background: #3a3a3a; color: #fff; border-right:0px; border-left: 0px;padding: 0px;}
ul.mainmenu.menu2 li#parts a, ul.mainmenu.menu2 li#diy a { color: #fff; display: block; line-height: 1em; }
ul.mainmenu.menu2 li#parts a:hover, ul.mainmenu.menu2 li#diy a:hover { background: #575757; color: #fff;}
ul.mainmenu.menu2 li#parts:hover:after, ul.mainmenu.menu2 li#diy:hover:after { content: ""; }

.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; height: auto; position: relative; display: block; overflow: hidden;}
.submenu01 div.level1 a {width:100%; padding: 0;}
.submenu01 div.level1 div.submenu1 div.links a {width: 55%;}
.level1, .level01#press {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:last-child {padding-bottom: 20px;}
.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%;}
}
@media only screen and (max-width: 650px){
	#logo {left: 20px;}
	a#logo-text { width: 50%;   }
	.search_box_top_visible { height: 37px;}
	.search_box_top_mobile { position: absolute; right: 0; top: 0; margin-right: 17px; margin-top: 11px;}
	.search_box_top {background: #3a3a3a!important; top:0px!important; right:0px!important;width:100%!important; border-radius:0px; }
	.view-menu {position: absolute; right: 70px; top: 0px; margin-top: 11px; }
	/*.level2 div.menu-machines div a { width: 114px;}	*/
}
@media only screen and (max-width: 550px){
	#logo {left: 10px;}
	a#logo-text { top: 21px; width: 33%;font-size: 1.5em; line-height: 0.95em; margin: -9px 0 0 83px; }
	ul.mainmenu li span {padding: 15px 25px;}
	.level1 span { margin: 0 20px; }
	.level2 div.menu-machines > div { width: 30%; padding: 0 5%;}
	.level2 div.menu-machines > div:last-child {padding-bottom: 20px;}
	.submenu1 div.links a {margin: 0 !important; padding: 15px 0 15px 45px !important; }
	
}
@media only screen and (max-width: 400px){	
	.level2 div.menu-machines > div a {width: 50%; padding:0px 25%; text-align:center;}
	.submenu1 div img {margin: 0px;}
	.mimg {width: 150px;}
	.level2 div.menu-machines div a { width: 150px;}
	.level2 div.menu-machines > div { padding: 0 14%; width: 50%;}
}