/* Universal Static Menu Styles for websites.omrquiz.com */

/* Navbar positioning - RELATIVE */
.topheader {
    position: relative;
    background-color: #333;
    height: 60px;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 1000;
}

/* Fixed spacing for all languages */
body {
    margin: 0 !important;
    padding-top: 0 !important;
}

.webcontent {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.hero {
    margin-top: 40px !important;
    padding-top: 4rem !important;
}

/* RTL language support */
[class*="rtl-"] body {
    margin: 0 !important;
    padding-top: 0 !important;
}

[class*="rtl-"] .webcontent {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

[class*="rtl-"] .hero {
    margin-top: 40px !important;
    padding-top: 4rem !important;
}

/* Custom CSS from the provided code */
@media(max-width:768px){.imgbox img{margin-bottom:0!important}.testimonial-box p.text-para {font-weight: 300;font-size: 13px!important;}}.subscibe-rhs .btn-danger{background:#A51E1D}
.websitemenubox .websitesmenubox{width: 650px;float: left;display: block}.websitesmenubox{max-width: 600px;min-width: 60px}.websitesmenuwrapper{display: block;float: left;width: 500px !important;position: absolute;background: #333;color: #fff}.topheadermenus li .websitesmenubox a{line-height: 20px !important;margin: 10px 0 0;float: left;padding: 5px 15px !important;display: inline-block;width: 33.33%;box-sizing: border-box}.topheader .topheadermenus li .websitesmenubox a{min-width: 25%;max-width: 25%;width: 25%;padding: 6px 13px !important} .venturelogo a {
    float: left;
    width: 165px!important;
    height: 50px!important;
    line-height: 50px!important;
    background: url(/images/logo_white.svg) 0 no-repeat;
    margin-top: 5px!important;
    background-size: 165px!important;
}
.topheader .topheadermenus li .productmenubox a {
    min-width: 33%;
    max-width: 33%;
    width: 33%;
    padding: 6px 15px !important;
}
.topheadermenus li:hover ul {
    display: block;
    float: left;
    width: 130px;
    position: absolute;
    background: #333;
    color: #fff;
}

/* Language Switcher Positioning */
.userlogstatus {
    display: flex;
    align-items: center;
    height: 100%;
}

#DynabicMenuUserControls {
    display: flex;
    align-items: center;
    height: 100%;
}

.lang-selector {
    display: flex !important;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
}

.lang-selector a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    height: 100%;
    line-height: normal;
}

.lang-selector a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Footer Styles */
.footerbottom {
    background: transparent;
    padding: 0;
    margin: 0;
}

.footer2bar {
    background-color: #333 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    min-height: 60px !important;
    margin-top: 50px;
    border-top: none;
    padding: 15px 0 !important;
}

.footer2col {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100% !important;
}

.footer2text {
    text-align: center !important;
}

.footer2text p {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Mobile Responsive Styles */
@media (max-width:1024px) and (min-width:0px) {
    .footer2anchor,.footer2col p {
        display:table!important;
    }
    .asposecloud .menuitems .topheadermenus li ul {
        width:100%!important;
    }
    .menuitems ul ul {
        display:none!important;
    }
    .menuitems .mobileanchor.openmenu~ul {
        display:block!important;
    }
    .menuitems {
        right:0!important;
        width:280px!important;
        left:inherit!important;
        overflow-y:auto;
        margin:0;
        clear:both;
        position:absolute;
        top:60px;
        background:#fff;
        padding-right:0;
        max-height:500px!important;
        height:inherit;
    }
    .menuitems ul {
        margin-left:0!important;
    }
    .menuitems ul li {
        margin-left:0!important;
        width:100%!important;
    }
    .menuitems ul li a {
        line-height:40px!important;
        margin:0!important;
    }
    .menuitems ul li a:after {
        float:right;
        content:"\f107";
        font-size:16px;
        font-family:Fontawesome;
        color:#999;
    }
    .menuitems ul li:hover a:after {
        float:right;
        content:"\f106";
        font-size:16px;
        font-family:Fontawesome;
        color:#fff;
    }
    .menuitems ul ul {
        position:relative!important;
        background:#000!important;
        width:100%!important;
        border-radius:0!important;
        float:left;
        margin-top:0!important;
    }
    .menuitems ul li li {
        width:100%!important;
        padding:0!important;
        margin-top:0!important;
    }
    .menuitems ul li li a {
        padding:2px 15px!important;
        line-height:35px!important;
    }
    .menuitems ul li li a:after {
        display:none!important;
    }
    .menuitems ul li:hover {
        background:0 0!important;
    }
    .menuitems ul li li a:hover {
        background:#439cda!important;
    }
}

@media (max-width:1024px) {
    .topheadermenus li.linkmobile {
        display:block!important;
    }
    .topheader,.topsection {
        width:100%;
        min-width:100%;
        max-width:100%;
        padding:0!important;
    }
    .togglebtn {
        display:block;
    }
    .menuitems {
        display:none;
    }
    .topheader.topbutton .menuitems {
        display:block;
        margin:0;
        width:100%;
        background:#222;
    }
    .venturelogo {
        margin-left:10px;
    }
    .footer2bar {
        background:#000!important;
        height:inherit;
    }
    .footer2col,.footercol {
        width:100%!important;
    }
    .footer2anchor,.footer2text {
        display:block;
        clear:both;
        height:20px;
        background:#000!important;
    }
    .footer2anchor,.footer2col p {
        float:none!important;
        text-align:center;
        line-height:16px;
        background:#000!important;
        width:100%;
        display:table;
        clear:both;
    }
}

@media (max-width:768px) {
    .footerlanguage {
        width:100%;
    }
    .socialicon ul li {
        width:inherit!important;
        min-height:40px;
        float:none;
        display:inline-block;
    }
    .bottomenuitems ul li {
        margin:0 10px 10px 10px!important;
        float:none!important;
        display:inline-block!important;
    }
    .bottomenuitems ul {
        display:table!important;
        text-align:center!important;
    }
    .bottomenuitems ul li a {
        margin:0;
    }
}

@media (max-width:668px) {
    .userlogstatus {
        width:100px!important;
    }
    .venturelogo a {
        width:200px!important;
        background-size:165px!important;
        background-position:0 0px!important;
    }
}

@media (max-width:480px) {
    .userlogstatus {
        width:100px;
    }
    .cloudasposeurl {
        display:none;
        margin:15px 0 0 0;
    }
}

@media (max-width:350px) {
    .cloudasposeurl {
        display:none!important;
    }
    .userlogstatus {
        width:75px!important;
    }
}

@media (max-width:320px) {
    .venturelogo a {
        width:165px!important;
        background-size:165px!important;
        background-position:0 0px!important;
    }
    .userlogstatus {
        width:80px!important;
    }
}

/* Hamburger menu transitions */
.topbutton .icon-bar:nth-child(2) {
    transform:rotate(45deg);
    padding-left:10px;
    left:0;
    top:5px;
    transition:.3s all ease-in-out;
}

.topbutton .icon-bar:nth-child(3) {
    display:none;
}

.topbutton .icon-bar:nth-child(4) {
    transform:rotate(-45deg);
    padding-right:10px;
    left:0;
    transition:.3s all ease-in-out;
    margin-top:-2px;
}

/* Mobile menu positioning */
@media (max-width:1024px) {
    .menuitems {
        right:inherit!important;
        left:0!important;
    }
    .topheader .menuitems {
        display:block!important;
        transition:.5s all ease-in-out;
        left:-300px!important;
        background:#222;
    }
    .topheader.topbutton .menuitems {
        display:block!important;
        transition:.5s all ease-in-out;
        left:0!important;
    }
}