@font-face {
    font-family: helveticaneue;
    src: url('../fonts/HelveticaNeue.ttf');
}
@font-face {
    font-family: helveticaneue-bold;
    src: url('../fonts/HelveticaNeueBold.ttf');
}
@font-face {
    font-family: roboto-bold;
    src: url('../fonts/RobotoSlab-Bold.ttf');
}
@font-face {
    font-family: roboto-regular;
    src: url('../fonts/RobotoSlab-Regular.ttf');
}
@font-face {
    font-family: roboto-light;
    src: url('../fonts/RobotoSlab-Light.ttf');
}
@font-face {
    font-family: roboto-thin;
    src: url('../fonts/RobotoSlab-Thin.ttf');
}

#mainHeader{display:none; padding:0; background: linear-gradient(to right, #f8f8f8, white);}
#mainHeader.mainHeader-subpage{background:#100f6d;}
#mainHeader.mainHeader-subpageGray{background: #f8f8f8;}


@media only screen and (min-width:100px) and (max-width:991px){
    #mainHeader{display:block;}
    #mainHeader.active{background: #ffffff;}
    #mainHeader .logo{display:inline-block; padding: 33px 0 16px; width: 156px; }
    #mainHeader.mainHeader-subpage .logo{display:inline-block; padding: 32px 0 11px; width: 156px; }
    #mainHeader .logo img.whitelogo{display:block;}
    #mainHeader .logo img.whitelogo.switch{display:none;}
    #mainHeader .logo img.rgblogo{display:none;}
    #mainHeader .logo img.rgblogo.switch{display:block;}

    #mobile_nav_inside ul li{width:100%;display:block;background:none;background-color:#fff;float:left;margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;position:relative;z-index:0;text-align:left;}
    #mobile_nav_inside ul, #mobile_nav_inside ul li {list-style: none; margin: 0; padding: 0;display: block;}

    #mobile_nav_inside ul li a{display:block;height:auto;width:65%;padding: 25px 0 25px 50px; font-size: 22px; color: #2b2599; font-family: helveticaneue-bold;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;}
    #mobile_nav_inside ul li .sub-menu li a{font-family: helveticaneue;}

    #mobile_nav_inside{display:none; }
    #mobile_nav_inside .sub-menu{position:static;display:none;text-align:left;width:100%;padding:0;margin:0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

    #mobile_nav_inside .sub-menu.open_menu{display:block !important;}
    #mobile_nav_inside ul li .sub-menu .sub-menu a{padding:10px 0px 10px 50px; font-size: 18px;}

    #mobile_nav{background: url(/wp-content/themes/optiva/assets/images/Nav-menu-icon.png) no-repeat center;padding: 15px 0;
        box-sizing: border-box; cursor: pointer; display: inline-block; float: right;font-size: 18px;margin-top: 43px; text-align: right; width: 45px; z-index: 999;}
    .mainHeader-subpage #mobile_nav{background: url(/wp-content/themes/optiva/assets/images/Nav-menu-icon-white.png) no-repeat center;padding: 15px 0;
        box-sizing: border-box; cursor: pointer; display: inline-block; float: right;font-size: 18px;margin-top: 43px; text-align: right; width: 45px; z-index: 999;}
    #cross_mobile_nav{display: none;background: url(/wp-content/themes/optiva/assets/images/X.png) no-repeat center; padding: 15px 0;
        box-sizing: border-box; cursor: pointer;float: right;font-size: 18px;margin-top: 43px;text-align: right;width: 45px;z-index: 999;}

    #mobile_nav_inside .plus_icon{background: url(/wp-content/themes/optiva/assets/images/Nav-plus-icon.png) no-repeat; cursor: pointer;
        position: absolute; right: 0; top: 37px; width: 70px; padding: 6px 0; z-index: 1;}
    #mobile_nav_inside .minus_icon{ display: none; background: url(/wp-content/themes/optiva/assets/images/Nav-minus-icon.png) no-repeat;
        visibility: hidden;cursor: pointer;position: absolute; right: 0;top: 40px; width: 70px; padding: 6px 0;z-index: 1;}
    #mobile_nav_inside .minus_icon.active{visibility: visible;}
}


@media only screen and (min-width:100px) and (max-width:767px){

}

@media only screen and (min-width:100px) and (max-width:575px){
    #mobile_nav_inside ul li a { padding: 25px 0 25px 35px;}
    #mobile_nav_inside .plus_icon {width: 60px;}
    #mobile_nav_inside .minus_icon {width: 60px;}
}

@media only screen and (min-width:100px) and (max-width:400px){

}