/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*css-top-menu-outer*/
.pt-topMenu { background: #fff; bottom: 0px; float: left; margin: 0; text-align:right; padding: 0 30px; position: absolute; right: 0; text-align: center; width: auto; }
.menu{width:auto; text-align:right;}
.menu-container { width: 80%; margin: 0 auto;/*background: #e9e9e9;*/}
.menu-mobile { display: none; padding: 20px; }
.menu-mobile:after { background:url(../../images/menu.png); content: ""; font-family: "Ionicons"; font-size: 2.5rem; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); transform: translateY(-25%); height:34px; width:30px; }
.menu-dropdown-icon:before { content: "+"; font-family: "Ionicons"; display: none; cursor: pointer; float: right; padding: 14px 1.5em; background: #ed8618; color: #fff; }
.menu-dropdown-icon:after {  content: "-"; font-family: "Ionicons"; display: none; cursor: pointer; float: right; padding: 14px 1.5em; background: #ed8618; color: #fff; }
.menu > ul { margin: 0 auto; float:right; width: auto; list-style: none; padding: 0; position: relative; /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
box-sizing: border-box; }
.menu > ul:before, .menu > ul:after { content: ""; display: table; }
.menu > ul:after { clear: both; }
.menu > ul > li { float: left; /*background: #e9e9e9;*/
padding: 0; margin: 0; }
.menu > ul > li.active { background: rgba(0, 0, 0, 0) url("../../images/active-menu-bg.png") repeat-x scroll left top; border-left: 1px solid rgb(220, 220, 220); border-right: 1px solid rgb(220, 220, 220); }
.menu > ul > li.has-sub { }
.menu > ul > li.has-sub > a::after { /* border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); content: ""; height: 6px; position: absolute; right: 10px; top: 16px; transform: rotate(45deg); transition: border-color 0.2s ease 0s; width: 6px;*/}
.menu > ul > li a { display: block; font-family: "myriad_set_probold", Verdana, Geneva, sans-serif; font-size: 14px; line-height: 50px; padding: 0 25px; text-decoration: none; text-transform: uppercase; letter-spacing:0.05em; }
.menu > ul > li:hover { background: #ffa312 url("../../images/hover-menu-bg.png") repeat-x scroll left top; color: #fff; }
.menu > ul > li:hover a { color: #fff; }
.menu > ul > li > ul { display: none; width: 100%; background: #ffa312; border: 1px solid #ffa312; padding: 0px; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; box-sizing: border-box; }
.menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul:after { clear: both; }
.menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; /*width: 25%;*/
width: 33.33%; background: none; float: left; }
/*.menu > ul > li > ul > li a {color: #fff; text-align:left; padding: .2em 0; width: 95%; display: block; border-bottom: 1px solid #ccc;}*/

	.menu > ul > li > ul > li a { border-bottom: 1px solid #000; color: #ffffff; display: block; line-height: 35px; padding: 0 20px; text-align: left; width: 100%; text-transform: inherit; font-size: 14px; font-family:"myriad_set_promedium", Verdana, Geneva, sans-serif; }
.menu > ul > li > ul > li a:hover { background:#ed8618;}
.menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 0px 0 0; list-style: none; box-sizing: border-box; }
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul > li > ul:after { clear: both; }
.menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 0px 0; margin: 0; font-size: .8em; }
.menu > ul > li > ul > li > ul > li a { border: 0; }
.menu > ul > li > ul.normal-sub { width: 300px; left: auto; padding: 0px 0px; }
.menu > ul > li > ul.normal-sub > li { width: 100%; }
.menu > ul > li > ul.normal-sub > li a { border: 0; padding: 0em 20px; line-height: 40px; }
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 1169px) {
.pt-topMenu { padding: 0 20px; }
.menu > ul > li a { display: block; font-size: 13px; line-height: 50px; padding: 0 10px; text-decoration: none; }
}
@media only screen and (max-width: 1023px) {
.pt-topMenu { padding: 0 0px; }
.pt-topMenu { right: 0px; text-align: center; bottom:0px; width: 100%; height:50px; }
.menu { position: fixed; right: 10px; top: 36px; width: 100%!important; z-index: 9999999; }
.menu-mobile::after { float: right; font-size: 28px; padding: 0; position: fixed; right: 27px; top:65px; transform: translateY(-25%); z-index: 999999999;/* background:url(menu.png) center center no-repeat;*/}
.menu-container { width: 100%; }
.menu-mobile { display: block; }
.menu-dropdown-icon:before { display: block; }
.menu > ul { display: none; }
.menu > ul { margin: 0 auto; float:right; width: 63%;}
.menu > ul > li { width: 100%; float: none; display: block; }
.menu > ul > li.active { background: #6a0d0f; border-left: 0px solid rgb(220, 220, 220); border-right: 0px solid rgb(220, 220, 220); }
/*.menu > ul > li a {padding: 1.5em; width: 100%; display: block;}*/
.menu > ul > li a { color: #ffffff; display:block; /*padding: 1.5em;*/ padding:7px 1.5em; text-align: left; width: 100%; font-size: 13px; line-height: 39px; }
	.menu > ul > li > ul { position: relative; background:#f28215; }
	.menu > ul > li > ul.normal-sub { width: 100%; background:#;}
.menu > ul > li > ul > li { float: none; width: 100%; margin-top: 0px; }
.menu > ul > li > ul > li:first-child { margin: 0; }
.menu > ul > li > ul > li > ul { position: relative; }
.menu > ul > li > ul > li > ul > li { float: none; }
.menu .show-on-mobile { left: 0; right: 0; top:24px; overflow: auto; display: block; background: #ffa312; z-index: 99999; color: #fff; }
.menu > .show-on-mobile ul > li.active, .menu .show-on-mobile > ul > li:hover{ background:none!important;border-left: 0px solid #dcdcdc; border-right: 0px solid #dcdcdc;}
.menu { position: fixed; z-index: 9999999; top: 36px; width: 100%; }
.menu-mobile { }
.menu > ul > li { margin-bottom: 1px; }
.menu > ul > li:hover { background: #ed8618; color: #fff; }
}
@media only screen and (max-width: 840px) {
.menu { position: fixed; right: 10px; top: 36px; width: 60%!important; z-index: 9999999; }
@media only screen and (max-width: 768px) {
.menu {position: fixed; right: 10px; top: 36px; width: 60%!important; z-index: 9999999;}
}
@media only screen and (max-width: 640px) {
.menu { position: fixed; right: 0px!important; top: 36px; width: 100%!important; z-index: 9999999; }
}
@media only screen and (max-width: 599px) {
.menu-mobile::after { right: 20px!important; }
.menu > ul{ width: 100%;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 960px) and (orientation:portrait) {
.menu .show-on-mobile { max-height: 325px;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 960px) and (orientation:landscape) {
/* For landscape layouts only */
.menu .show-on-mobile { max-height: 220px;}
	
}