/* Nav */

#mainmenu {
    color: #ced0f0;
}

#mainmenu a {
    color: #CED0F0;
}

#mainmenu a:hover {
    color: #ffffff;
}

#mainmenu a span {
    border-bottom: solid 2px #ffffff;
}

#mainmenu a span:hover {
    color: #ffffff;
}

#mainmenu ul {
    background: rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1);
    -moz-box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1);
    box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1);
}

#mainmenu li.has-child:after {
    background-image: url('../../cifer/images/icon/dropdown-white.png');
}

#mainmenu li li a {
    color: #ced0f0;
}

#mainmenu li li a:hover,
#mainmenu ul li:hover>a,
#mainmenu li li a:hover,
#mainmenu ul li:hover>a {
    background: #ffffff;
    color: #ffffff;
}

@media (max-width: 375px) {
    #mainmenu a {
        color: #575B75;
    }
}



/* Mobile Menu */

header.header-mobile {
    background-image: url('../images/background/menu-gradient-bg-dark-mobile.png');
    background-size: cover;
    background-position: center top;
    background-repeat: repeat-x;
    background-color: transparent;
}

header.header-mobile #mainmenu>li>span {
    width: 36px;
    height: 36px;
    background: url(../images/ui/arrow-down-light.png) center no-repeat;
    position: absolute;
    right: 0;
    margin-top: 10px;
    z-index: 1000;
    cursor: poInter;
}

@media (max-width: 992px) {
    .mobile-menu-expand {
        height:2000vh;
    }
}

@media (max-width: 896px) {
    header.header-mobile #mainmenu li a {
        color: #ffffff;
    }
}



/* Section */

.section-end-with-line {
    border-bottom: 1px solid #353642;
}



/* Button Size */

.btn-lg:hover {
    transform: translateY(-0.8vh);
    box-shadow: 0 0.8vh 0.8vh rgba(0, 0, 0, 0.1);
}

.btn-md:hover {
    transform: translateY(-0.8vh);
    box-shadow: 0 0.8vh 0.8vh rgba(0, 0, 0, 0.1); 
}

.btn-sm:hover {
    transform: translateY(-0.8vh);
    box-shadow: 0 0.8vh 0.8vh rgba(0, 0, 0, 0.1); 
}



/* Box */



/* Footer */

.footertext {
    color: #575B75;
}

.footertext a {
    color: #575B75;
    font-weight: 200;
}

.footertext a:hover {
    color: #9480F7;
}

.footeraddress {
    color: #575B75;
}

footer {
    color: #A3A4C9;
}

footer a {
    color: #A3A4C9;
}