.main_menu { position:relative; z-index:500;  text-align:center; }
.main_menu ul { padding:0px; margin:0 0 0 150px; display:inline-block; }
.main_menu > ul > li {padding:5px 0; display:inline-block; margin:0 9px; position:relative;  }
.main_menu > ul > li:last-child { background:none; }
.main_menu > ul > li > a {font-family: Arial, Helvetica, sans-serif; display: block; font-size: 16px; color:#fff; padding:0; text-transform:uppercase; text-align:left; font-weight:normal; text-decoration:none; border-bottom:1px solid transparent; transition: all 0.4s ease 0s;  }
.main_menu > ul > li > a:hover {color:#123d52;}
.main_menu > ul > li > a.last { border:none; }
.main_menu > ul > li:hover > a { color:#123d52;}
.main_menu > ul > li:hover > a .sub {color:#123d52; }
.main_menu > ul > li.current > a { color:#123d52; }
/* submenus */
.main_menu ul ul { width:200px; position:absolute; padding:0px; margin:0px; background:#448841; border-top:1px solid #fff; visibility: hidden; display:block; text-align:left; top:30px; opacity: 0; -webkit-transition: all .50s ease; -moz-transition: all .50s ease; -ms-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; }
.main_menu ul ul li { display:block; position:relative; border-bottom:1px solid #fff; }
.main_menu ul ul li a { padding:10px 15px; display:block; font-size:15px; color:#fff; text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
.main_menu ul ul a:hover { text-decoration:none; }
.main_menu ul ul li:hover { background-color:#123D52; }
.main_menu ul ul li:hover > a { color:#fff; }
.main_menu li:hover > ul { opacity: 1; visibility: visible; }
.main_menu > ul > li > ul > li:first-child { border-top:0px; }
.main_menu > ul > li > ul > li:first-child li:first-child { border-top:0px; }
.main_menu ul ul ul { padding-top:0px; left:185px; top:-2px; border-top:1px solid #ccc; }
.main_menu ul ul li:first-child > ul { top:0px; border-top:0px; }
.main_menu > select { display:none; }
/* Responsive Menu
==========================*/

/* hide the link until viewport size is reached */
a.meanmenu-reveal { display: none; }
/* when under viewport size, .mean-container is added to body */

.mean-bar { float: left;  min-height: 50px; position: relative; width: 100%; z-index: 9999; }
a.meanmenu-reveal {  position: absolute; top: 0; right: 0;  cursor: pointer;  color: #fff; text-decoration: none; font-size: 13px; text-indent: -9999em; line-height: 22px; font-size: 1px; font-weight: 700; display:none!important; }
a.meanmenu-reveal span { display: block;  }
.mean-nav { background: #448841 ; float: left; position: absolute; top: 0; width: 100%;   }
.mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none;  }
.mean-nav ul li { position: relative; float: left; width: 100%; }
.mean-nav ul li a { display: block; float: left; width: 100%; padding: 9px 5% 9px 3%; margin: 0; font-size:14px; text-transform:uppercase; text-align: left; color: #fff; border-bottom: 1px solid #fff; text-decoration: none; }
.mean-nav ul li li a { width: 100%; padding:7px 6%; text-transform:none; border-bottom: 1px solid #fff; opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; background:#448841!important; }
.mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
.mean-nav ul li li li a { width: 70%; padding: 14px 15%; }
.mean-nav ul li li li li a { width: 60%; padding: 14px 20%; }
.mean-nav ul li li li li li a { width: 50%; padding: 14px 25%; }
.mean-nav ul li a:hover { background:#123D52; }
.mean-nav ul li a.mean-expand { width: 26px; height: 34px; border: none !important; padding: 6px 5px 3px 5px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; font-family:Verdana, Geneva, sans-serif; }
.mean-nav ul li.current a { background: #123D52; }

/*=====================================================IPAD VERSION VERTICAL=======================================================*/
@media (max-width:1025px) {
.lines-button{ display:block;}
.nevigation { width:100%;}
.lines-button { border-radius: 0.57143rem; cursor: pointer; padding: 0px; position: absolute; right: 10px; top: 23px; transition: all 0.3s ease 0s; z-index: 99;  }
.lines-button:hover { opacity: 1; }
.lines { background: #123d52; border-radius: 0.28571rem; display: inline-block; height: 5px; position: relative; transition: all 0.3s ease 0s; width: 40px; }
.lines:before, .lines:after { background: #123d52; border-radius: 0.28571rem; content: ""; display: inline-block; height: 5px; left: 0; position: absolute; transform-origin: 0.28571rem center 0; transition: all 0.3s ease 0s; width: 40px; }
.lines:before { top: 10px; }
.lines:after { top: -10px; }
.lines-button:hover .lines:before { top: 10px; }
.lines-button:hover .lines:after { top: -10px; }
.lines-button.meanclose { transform: scale3d(0.8, 0.8, 0.8); }
.lines-button.x2 .lines { transition: background 0.3s ease 0.5s; }
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after { transform-origin: 50% 50% 0; transition: top 0.3s ease 0.6s, transform 0.3s ease 0s; }
.lines-button.x2.meanclose .lines { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); transition: background 0.3s ease 0s; }
.lines-button.x2.meanclose .lines:before, .lines-button.x2.meanclose .lines:after { top: 0; transition: top 0.3s ease 0s, transform 0.3s ease 0.5s; width: 40px; }
.lines-button.x2.meanclose .lines:before { transform: rotate3d(0, 0, 1, 45deg); }
.lines-button.x2.meanclose .lines:after { transform: rotate3d(0, 0, 1, -45deg); }
}
/*=====================================================END IPAD VERSION VERTICAL===================================================*/