.main-menu{
    position: relative;
}
.main-menu .holder{
    position: relative;
}
.main-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-menu li{
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}
.main-menu li:first-child{
    margin-left: 0;
    margin-right: 0;
}
.main-menu li a{
    display: block;
    color: #38B6D0;
    line-height: 1;
}
.main-menu li a:hover,
.main-menu li a.selected{
    color: #5d4eff;
}
.main-menu li a:after{
    content: "";
    height: 3px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: #5d4eff;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.main-menu li a:hover:after,
.main-menu li a.selected:after{
    left: 20%;
    width: 60%;
}

.menu1{
    position: absolute;
    right: 0px;
    top: 30px;
}
.menu1 li{
    margin-right: 22px;
}
.menu1 li a{
    font-size: 1.5rem;
}
.menu1 li:before, .menu2 li:before {
    content: "";
    position: absolute;
    left: -12px;
    bottom: 4px;
    background: #d3c6e1;
    height: 3px;
    width: 3px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
.menu1 li:last-child:before,
.menu2 li:last-child:before{
    display: none;
}
.menu1 li a:after{
    display: none;
}

.menu2{
    position: absolute;
    right: 0;
    bottom: 2px;
}
.menu2 li{
    margin-right: 26px;
}
.menu2 li a{
    font-size: 1.7rem;
}
.menu2 li:after{
    left: -15px;
}

.main-menu li .sub-menu {
    position: absolute;
    top: 100%;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: -5px;
    padding-top: 30px;
    opacity:0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.main-menu li .sub-menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-menu li .sub-menu li{
    list-style: none;
    margin: 0;
    display: block;
    float: none;
    padding: 0;
    background:#38B6D0;
    border-top:1px solid #fff
}
.main-menu li .sub-menu li a{
    list-style: none;
    color: #fff;
    padding: 6px 10px;
    font-size: 1.2rem;
    line-height: 1.3;
    display: block;
}
.main-menu li .sub-menu li:before,
.main-menu li .sub-menu li:after,
.main-menu li .sub-menu li a:before,
.main-menu li .sub-menu li a:after{
    display: none!important;
}
.main-menu li:hover .sub-menu{
    opacity:1;
    overflow: visible;
    visibility: visible;
    max-height: 300px;
}
.main-menu li .sub-menu li a:hover,
.main-menu li .sub-menu li a.selected{
    background: #5d4eff;
    color: #fff;
}

.is-touch .main-menu li .sub-menu{
    display: none;
    opacity:1;
    visibility: visible;
    overflow: visible;
    max-height: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: noneout;
    -o-transition: none;
    transition: none;
}
.ios.is-touch .main-menu li a:after{
    display: none!important;
}

.menu3{
    position: absolute;
    right: 2px;
    top: 1px;
}
.menu3 li{
    margin-right: 4px;
}
.menu3 li a{
    font-size: 1.3rem;
    padding: 3px;
    border: 1px solid #fff;
    direction: ltr;
}
.menu3 li a.selected{
    -webkit-border-radius:5px;
    border-radius:5px;
    padding-left: 54px;
    border: 1px solid #38B6D0;
}
.menu3 li a:after{
    display: none;
}
.menu3 li img{
    display: block;
    height: 14px
}
.menu3 li span{
    position: absolute;
    left: 8px;
    top: 3px;
    color: #38B6D0;
    font-size: 1rem;
    line-height: 15px;
    display: none;
}
.menu3 li a.selected span{
    display: block;
}