/* CSS Document */
.leftMenu { background: #fff; padding: 0 0 0 0; text-align: left;}
.leftMenu ul, .leftMenu ul li {list-style-type:none; margin: 0; padding: 0;}
.leftMenu ul {width: 100%; padding: 0px 0px 0px 25px;}
.leftMenu > ul ul {display: none; padding: 0; margin: 0 0 -16px 0}
.leftMenu ul li {position: relative; z-index: 1; font-weight: 600; line-height: 1.2; letter-spacing: 0; padding: 0;}
.leftMenu > ul > li {padding: 0; border-bottom: 1px solid #dfdfdf;}
.leftMenu ul li:last-child {border-bottom: 0;}
.menu_dot {position: absolute; top: 11px; right: 0px; 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: 11px; height: 2px; background-color: #232323; border-radius: 2px; position: absolute; top: 15px; left: 5px; z-index: 99; -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;}
.menu_dot::after {content: ''; width: 11px; height: 2px; background-color: #232323; border-radius: 2px; position: absolute; top: 15px; left: 12px; z-index: 99; -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 .menu_dot_open {top: 10px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
.leftMenu .menu_dot_open::before, .leftMenu .menu_dot_open::after {top: 15px;}
.leftMenu a:link, .leftMenu a:visited {text-decoration:none; color:#232323; font-weight: 500; background-color: transparent; padding: 10px 0; display: block; margin: 0; letter-spacing: 0; position: relative; z-index: 1; transition: all 0.5s ease 0s;}

.leftMenu > ul > li > a { margin-right: 30px !important; letter-spacing: -0.5px !important; padding: 15px 0 !important;}
.leftMenu .mCSB_container > ul > li > a { margin-right: 30px !important; letter-spacing: -0.5px !important; padding: 15px 0 !important;}
.leftMenu .mCSB_container > ul > li > ul { margin-right: 30px !important; width: auto;display: none;}
.leftMenu .mCSB_container > ul > li > ul li { margin-right: 30px !important;}

.leftMenu a:active, .leftMenu a:hover, a.menu_arrow_open {text-decoration:none; color:#173c96!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 .mCSB_container > ul > li > ul > li { position: relative;}
.leftMenu .mCSB_container > ul > li > ul > li::before { content: ''; position: absolute; top: 50%; left: -20px; transform: translate(0,-50%); width: 5px; height: 5px; background: #232323; border-radius: 10px;}

.leftMenu ul li.current  .menu_dot_open::before, .leftMenu ul li.current .menu_dot_open::after { background: #173c96;}
.leftMenu ul li.current > a {color: #173c96;}
.leftMenu ul li.current > ul {display: block;}
.leftMenu > ul ul .current > a {color: #173c96;}

.leftMenu .leftMenu_scroll { position: absolute; top: 60px; left: 0; bottom: 0; right: 0;padding-bottom: 10px;}

@media only screen and (min-width:993px){
    .leftMenu .leftMenuMobile {display: none!important;}
}
@media only screen and (max-width:992px){
	.leftMenu .leftMenu_scroll { position: relative!important; top: 0; padding: 0px 15px; height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
    .leftMenuMobile {width: 30px; height: 30px; margin: 40px auto 10px auto; position: relative; cursor: pointer; transition: all 0.5s ease 0s;}
	.leftMenu_scroll #mCSB_1 { position: absolute!important; width: calc( 100% - 25px); height: 350px!important;}
    .leftMenuMobile > span:nth-child(1) {width: 30px; height: 2px; background-color: #fff; 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: #fff;}
    .leftMenuMobile > span:nth-child(2) {width: 30px; height: 2px; background-color: #fff; 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: #fff;}
    .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: 15px; color: #fff;}
	.menu_dot { top: 10px;}
    .leftMenu ul li {padding: 0 0 5px 0;}
    .leftMenu > ul ul {padding: 0 0 20px 0;}
    .leftMenu > ul {max-height: 0; padding: 0 15px; background: #173c96; overflow: hidden; transition: all 0.5s ease 0s;}
	.leftMenu > .title_B { max-height: 0; overflow: hidden; transition: all 0.5s ease 0s; padding: 0 !important;}
    .leftMenu .open { padding: 10px 15px; height: 370px; background: #fff; transition: all 0.5s ease 0s;}
    .leftMenu > ul > li {padding: 0;border-bottom: 0;}
	.leftMenu a:link, .leftMenu a:visited { padding: 7px 0;}
	.leftMenu > ul > li > a { padding: 10px 0!important;}
	.leftMenu > ul li > ul { padding: 0 30px 25px 20px;}
	.leftMenu > ul li ul li::before { left: -15px;}
}