/*
	Copyright: (c) 2015 JoomlArtWork.com, http://joomlartwork.com/
*/

.navigation_mainshado { font-family:'montserrat', Verdana, Helvetica, Arial, sans-serif; z-index:99999; }
.navigation_mainshado,
.navigation_mainshado ul,
.navigation_mainshado ul li,
.navigation_mainshado ul li a,
#jawnav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.navigation_mainshado:after,
.navigation_mainshado > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#jawnav #menu-button { display: none;}
.navigation_mainshado { width: auto;  line-height: 1; /*border-radius: 5px;  box-shadow: 0 1px 1px #e2e2e2;*/}
.navigation_mainshado > ul > li { float: left; clear: none; cursor: default;}
.navigation_mainshado.align-center > ul { font-size: 0; text-align: center;}
.navigation_mainshado.align-center > ul > li { display: inline-block; float: none;}
.navigation_mainshado.align-center ul ul { text-align: left;}
.navigation_mainshado.align-right > ul > li { float: right;}
.navigation_mainshado.align-right ul ul { text-align: right; }
.navigation_mainshado > ul > li > a { padding:15px 0px; text-decoration: none;  text-transform: uppercase; box-sizing: border-box; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; font-weight: normal;}
.navigation_mainshado > ul > li.has-sub > a { padding-right: 30px;}
.navigation_mainshado > ul > li.has-sub > a::after { position: absolute; top: 15px; right: 10px;  width: 6px; height: 6px;   content: "";  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.navigation_mainshado ul ul {  position: absolute; left: -9999px; padding: 0px; z-index:1000; margin-left:0px;}
.navigation_mainshado ul ul ul  { padding: 15px; z-index:1000; margin-top:-25px;}
.navigation_mainshado span.inner {  border-radius: 0px; box-sizing: border-box; display:block; padding:0px; /*box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);*/}
.navigation_mainshado li:hover > ul { left: 0px; padding-top:10px;}
.navigation_mainshado li:hover > ul li:hover ul{left: 0px;}

.navigation_mainshado.align-right li:hover > ul { right: 0;}
.navigation_mainshado ul ul ul { margin-left: 100%; top: 0;}
.navigation_mainshado.align-right ul ul ul { margin-left: 0; margin-right: 100%;}
.navigation_mainshado ul ul li {margin-bottom: 1px}
.navigation_mainshado ul li:hover > ul > li {}
.navigation_mainshado ul ul li a { padding: 10px 8px; white-space: nowrap;width: auto;  text-decoration: none; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.navigation_mainshado ul ul li.has-sub > a::after {  position: absolute;  top: 19px;  right: 10px;  width: 4px;  height: 4px; content: ""; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.navigation_mainshado.align-right ul ul li.has-sub > a::after {  right: auto;  left: 10px;  border-bottom: 0;  border-right: 0;}
.navigation_mainshado i { margin-right: 10px}
/* submenu fadein */
@-webkit-keyframes fadeIn { from { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadeIn { from { opacity: 0; } 100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.navigation_mainshado li:hover > ul {  -webkit-animation-duration: .5s;  animation-duration: .5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; animation-name: fadeIn;}

@media all and (max-width: 1600px) {
/*.navigation_mainshado > ul > li > a{padding: 20px 20px;}*/
}


@media all and (max-width: 959px) {
.navigation_mainshado li:hover > ul{left:10px}
}

@media all and (max-width: 768px) {
#rt-header .rt-omega .rt-block {padding: 0; margin: 0; margin-top: -26px;}
.navigation_mainshado li:hover > ul{left: 0;}	
.navigation_mainshado {width: 100%; background: #000; /*padding-bottom: 120px;*/}
.navigation_mainshado ul {width: 100%;display: none;  }
.navigation_mainshado.align-center > ul,
.navigation_mainshado.align-right ul ul { text-align: left; }
.navigation_mainshado ul li,
.navigation_mainshado ul ul li,
.navigation_mainshado ul li:hover > ul > li { width: 100%; height: auto; }
.navigation_mainshado ul li a,
.navigation_mainshado ul ul li a {width: 100%;}
.navigation_mainshado > ul > li,
.navigation_mainshado.align-center > ul > li,
.navigation_mainshado.align-right > ul > li { float: none; display: block; }
.navigation_mainshado ul > li > a { }
.navigation_mainshado ul ul li a { padding: 15px 20px 15px 20px; }
.navigation_mainshado ul ul li a { padding-left: 20px; }
.navigation_mainshado ul ul ul li a { padding-left: 60px; }
.navigation_mainshado ul ul ul ul li a { padding-left: 80px; }
.navigation_mainshado ul ul,
.navigation_mainshado ul ul ul { position: relative; left: 0;  right: auto;  width: 100%; margin: 0; }
.navigation_mainshado > ul > li.has-sub > a::after,
.navigation_mainshado ul ul li.has-sub > a::after {  display: none; }
.navigation_mainshado li:hover > ul {animation-name: none; padding-top:0;}
#jawnav #menu-button { display: block; padding: 0px; cursor: pointer; text-transform: uppercase;}
#jawnav #menu-button::after { content: ''; position: absolute; top: 16px; right: 20px;  display: block;  width: 30px;  height: 4px;}
#jawnav #menu-button::before { content: ''; position: absolute; top: 26px;  right: 20px; display: block;  width: 30px;  height: 6px;}
.navigation_mainshado .submenu-button { position: absolute;  z-index: 10; right: 0; top: 0; display: block; height: 50px; width: 100%; cursor: pointer;}
.navigation_mainshado .submenu-button::after { position: absolute; top: 10px; right: 22px;  width: 15px; height: 15px;   content: "";  transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}

/*.navigation_mainshado .submenu-button::before { content: ''; position: absolute; left: 21px; top: 26px; display: block; width: 11px; height: 1px; z-index: 99;}*/
.navigation_mainshado .submenu-button.submenu-opened:after { /*display: none;*/ transform: rotate(228deg); transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; top:18px;}
.navigation_mainshado ul ul {  padding: 0;  margin-left:0;}
.navigation_mainshado ul ul ul  { padding:0; margin-top:0;}
.navigation_mainshado span.inner {border: none!important; border-radius: 0; box-shadow: none;  padding:0; }

}