/* CSS Document */
.leftMenu {padding: 0 0 0 0; text-align: left; border: 1px solid #6d6e71;}
.leftMenu ul, .leftMenu ul li {list-style-type:none; margin: 0; padding: 0;}
.leftMenu ul {/*width: 100%;*/}
.leftMenu > ul ul {display: none; background: #f5f5f5; margin: 0 0 0 30px;}
.leftMenu ul li {position: relative; z-index: 1; font-size: inherit; font-weight: 400; line-height: 1.25; border-bottom: 1px solid #6d6e71;}
.leftMenu ul li.current > ul {display: block; /*background-color: rgba(0, 0, 0, 0.1);*/}
.leftMenu ul li:last-child {border-bottom: 0;}
.menu_dot {width: 30px; height: 30px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; position: absolute; top: 4px; right: 0; z-index: 99; cursor: pointer;}
.menu_dot::before {content: ''; width: 9px; height: 6px; background: url("../../images/icon_02a.png") no-repeat center / cover; display: block; transition: all 0.5s ease 0s;}
/*.menu_dot::after {content: ''; width: 16px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 17px; left: 7px; z-index: 99; transition: all 0.5s ease 0s;}*/
.leftMenu .menu_dot_open::before {transform:rotate(90deg); transition: all 0.5s ease 0s;}
/*.leftMenu .menu_dot_open::after {top: 14px; -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:link, .leftMenu a:visited {text-decoration:none; color:#6d6e71; letter-spacing: 0.03px; background-color: transparent; padding: 7px 16.5px 11px 16.5px; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.leftMenu a:active, .leftMenu a:hover {text-decoration:none; color:#535cbe!important; cursor:pointer; transition: all 0.5s ease 0s;}
.menu_ul_open a {color: #626262!important; padding: 8px 11px 11px 11px!important;}
a.menu_arrow_open {text-decoration:none; color:#535cbe!important; border-bottom: 1px solid #6d6e71; cursor:pointer; transition: all 0.5s ease 0s;}
.menu_arrow {position: absolute; top: 10px; left: 5px; transition: all 0.5s ease 0s;}
.menu_arrow::before {content: '//'; font-family: "Raleway", sans-serif; color: #000; font-weight: 600; line-height: 1; letter-spacing: 0; position: absolute; top: 7px; left: 6px; 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 {transition: all 0.5s ease 0s;}
.leftMenu a:hover .menu_arrow::before {color: #fff;}
.leftMenu a.menu_arrow_open:hover .menu_arrow::before {color: #000!important;}
/*.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 {transition: all 0.5s ease 0s;}
@media only screen and (min-width:993px){
    .leftMenuMobile {display: none!important;}
}
@media only screen and (max-width:992px){
    .leftMenu {position: relative; z-index: 100; border: 0;}
    .leftMenu a:link, .leftMenu a:visited {padding: 10px 15px;}
    .leftMenuMobile {width: 30px; height: 30px; margin: 30px auto 10px auto; position: relative; cursor: pointer;}
    .leftMenuMobile > span:nth-child(1) {width: 30px; height: 2px; background-color: #000; position: absolute; top: 10px; left: 0; transition: all 0.5s ease 0s;}
    .leftMenu > div.show > span:nth-child(1) {top: 14px; transform: rotate(45deg);}
    .leftMenuMobile > span:nth-child(2) {width: 30px; height: 2px; background-color: #000; position: absolute; top: 20px; left: 0; transition: all 0.5s ease 0s;}
    .leftMenu > div.show > span:nth-child(2) {top: 14px; transform: rotate(-45deg);}
    .leftMenuMobile::before {content: attr(data-title); width: 200px; height: 30px; line-height: 30px; position: absolute; top: -30px; left: calc(50% - 100px); text-align: center; font-size: 14px; color: #000;}
    .leftMenu > ul {background: #fff; position: absolute; top: 40px; left: 0; width: 100%; z-index: 10; max-height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
    .leftMenu > ul.open {max-height: 500px; overflow: auto; transition: all 0.5s ease 0s;}
    .leftMenu > ul > li {border-left: 2px solid #000; border-right: 2px solid #000;}
    .leftMenu > ul > li:first-child {border-top: 2px solid #000;}
    .leftMenu > ul > li:last-child {border-bottom: 2px solid #000;}
}