/* CSS Document */
.leftMenu {padding: 0 0 0 0; text-align: left; line-height: 1.5;}
.leftMenu ul, .leftMenu ul li {list-style-type:none; margin: 0; padding: 0;}
.leftMenu ul {width: 100%;}
.leftMenu > ul ul {display: none; padding: 20px 0 30px 10px;}
.leftMenu ul li {position: relative; z-index: 1;}
.leftMenu > ul > li { position: relative; padding: 3px 0 8px 0; transition: all 0.5s ease 0s;}
.leftMenu > ul > li > a { font-size: 125%; border-bottom: 1px solid rgba(89, 87, 87, 0.3);}
/*.leftMenu > ul > li {padding: 0 0 7.57% 0;}*/
.leftMenu ul li.current > ul {display: block;}
.leftMenu ul li:last-child {border-bottom: 0;}
.menu_dot {position: absolute; top: 7px; right: 0; z-index: 99; width: 30px; height: 30px; cursor: pointer; /*-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);*/ transition: all 0.5s ease 0s;}
.menu_dot::before {content: ''; width: 10px; height: 2px; background-color: #231815; border-radius: 2px; position: absolute; top: 14px; left: 11px; z-index: 99; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.5s ease 0s;}
.menu_dot::after {content: ''; width: 10px; height: 2px; background-color: #231815; border-radius: 2px; position: absolute; top: 14px; left: 11px; z-index: 99; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.5s ease 0s;}
.leftMenu .menu_dot_open::after { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
.leftMenu a:link, .leftMenu a:visited {text-decoration:none; color:#231815; background-color: transparent; padding: 5px 30px 5px 0px; display: block; /*margin: 0 20px 0 0;*/ position: relative; z-index: 1;transition: all 0.5s ease 0s;}
.leftMenu a:active, .leftMenu a:hover, a.menu_arrow_open {text-decoration:none; color: #608dca!important; cursor:pointer; transition: all 0.5s ease 0s;}
.menu_arrow {position: absolute; top: 10px; left: 5px; width: 20px; height: 20px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.5s ease 0s;}
.menu_arrow::before {content: ''; width: 7px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 7px; left: 6px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition: all 0.5s ease 0s;}
.leftMenu a:hover .menu_arrow::before, a.menu_arrow_open .menu_arrow::before, a.menu_arrow_open .menu_arrow::after {background-color: #fff; transition: all 0.5s ease 0s;}
.menu_arrow::after {content: ''; width: 7px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 11px; left: 6px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all 0.5s ease 0s;}
.leftMenu a:hover .menu_arrow::after {background-color: #fff; transition: all 0.5s ease 0s;}
.menu_arrow_open .menu_arrow {-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.5s ease 0s;}
.leftMenu > ul > li > .menu_dot_open + a { border-bottom: 1px solid rgb(0, 0, 0);}
/*.leftMenu > ul ul .current > a {text-decoration:underline;}*/
.leftMenu > ul ul li a { padding: 3px 30px 3px 0px !important; font-size: 112.5%;}
.leftMenu > ul ul ul li a { font-size: 100%; color: #3e3a39 !important; padding: 3px 0px 3px 0px !important;}
/*.leftMenu ul > li.current { text-shadow: 0 0 10px rgba(238, 101, 9, 0.1); position: relative;}*/
.leftMenu ul > li.current a { color: #608dca !important;}
/*.leftMenu ul > li.current > a { font-weight: 600;}*/
/*.leftMenu ul > li.current::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 179, 128, 0.15); filter: blur(10px);}*/
.leftMenu ul > li.current > ul li a{ color: #3e3a39 !important;}
.leftMenu ul > li.current > ul li a:hover { color: #608dca !important;}

@media only screen and (min-width:993px){
    .leftMenuMobile {display: none!important;}
}
@media only screen and (max-width:992px){
    .leftMenuMobile {width: 30px; height: 30px; margin: 25px auto 0px auto; position: relative; cursor: pointer;}
    .leftMenuMobile > span:nth-child(1) {width: 30px; height: 2px; background-color: #3e3a39; position: absolute; top: 10px; left: 0; transition: all 0.5s ease 0s;}
    .leftMenu > div.show > span:nth-child(1) {top: 14px; transform: rotate(45deg); background-color: #608dca;}
    .leftMenuMobile > span:nth-child(2) {width: 30px; height: 2px; background-color: #3e3a39; position: absolute; top: 20px; left: 0; transition: all 0.5s ease 0s;}
    .leftMenu > div.show > span:nth-child(2) {top: 14px; transform: rotate(-45deg); background-color: #608dca;}
    .leftMenuMobile::before {content: attr(data-title); width: 200px; height: 30px; line-height: 30px; position: absolute; top: -25px; left: calc(50% - 100px); text-align: center; font-size: 16px; color: #3e3a39;}
    .leftMenu ul li {padding: 0 0 5px 0;}
    .leftMenu > ul ul {padding: 10px 0 20px 0;}
    .leftMenu > ul {max-height: 0; overflow: hidden; text-align: center; transition: all 0.5s ease 0s;}
    .leftMenu > ul.open {max-height: 600px; overflow: auto; padding-bottom: 20px; margin-top: 10px; text-align: center; transition: all 0.5s ease 0s;}
    .leftMenu > ul > li {padding: 0;}
	.leftMenu > ul.open > li { padding: 0;}
	.leftMenu > ul.open > li a { padding: 5px 30px 5px 0px;}
}

@media only screen and (max-width:576px){
	.leftMenu > ul > li > a { font-size: 105%;}
	.leftMenu > ul ul li a { font-size: 90%;}
	.leftMenu > ul ul ul li a { font-size: 80%;}
}