.fade-body {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 86
}

.eye-icon .eye-inner {
    display: none;
}

.lang {
    float: left;
    font: bold 15px "RTA";
    color: #58595b;
    padding: 0;
    margin: 4px 0 0 20px;
}

header .lang:hover {
    color: #ee0000;
}

.login-n-register {
    position: relative;
    float: left;
    font: bold 16px "RTA";
    padding: 0;
    margin: 4px 0 0 0;
}

.login-n-register>a {
    color: #58595b;
    display: block;
}

.login-n-register a:hover {
    color: #ee0000;
}

.login-n-register span {
    cursor: pointer;
}

.login-n-register em {
    float: right;
}

.login-n-register em img {
    margin-left: 10px;
    margin-top: -10px;
}

.login-n-register em img:last-child {
    display: none;
    margin-top: -10px;
}

.login-n-register:hover em img:last-child {
    display: inline-block;
}

.login-n-register:hover em img {
    display: none;
}

.login-n-register .login-dropdown {
    display: none;
    position: absolute;
    left: 50%;
    top: 49px;
    width: 285px;
    /* min-height: 210px; */
    background: #fff;
    border-top: solid 2px #ee0000;
    border-bottom: solid 6px #ee0000;
    box-sizing: border-box;
    padding: 25px 30px 30px;
    z-index: 1;
    margin: 0 0 0 -142px;
}

.login-n-register.active span {
    color: #ee0000;
}

.login-n-register.active em img:last-child {
    display: inline-block;
}

.login-n-register.active em img {
    display: none;
}

.login-n-register .login-dropdown p {
    font: normal 16px/25px "RTA";
    margin-bottom: 10px;
}

.login-n-register .login-dropdown a {
    position: relative;
    display: inline-block;
    width: 100%;
    font: normal 16px "RTA";
    color: #fff;
    background: #ee0000;
    padding: 10px 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: background 0.45s;
}

.login-n-register .login-dropdown a:last-child {
    margin-bottom: 0;
}

.login-n-register .login-dropdown a:hover {
    background: #171c8f;
}

.login-n-register .login-dropdown a:after {
    content: "";
    position: absolute;
    right: 21px;
    top: 50%;
    width: 11px;
    height: 17px;
    
    /*
    fixing the missing issue on production
    background: url("../img/menu/btn-large-back-menu-ar.png") no-repeat 0 0;
    */
    
    background-size: 100%;
    margin-top: -9px;
}

.dubai-ae {
    margin: -3px 0 0 15px;
}

nav {
    position: relative
}


/****** New Header *******/

header {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 87;
    background: #fff;
    float:left;
    z-index: 999;
}

header .row {
    margin: 0;
}

.header-right {
    display: flex;
}

.header-right>div {
    display: table;
}

.header-right>div>div {
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 67px
}

header .font {
    float: left;
    font: bold 31px arial;
    color: #ee0000;
    border: 2px solid #ee0000;
    border-radius: 24px;
    padding: 6px 13px;
    margin: -10px 20px 0 0;
    cursor: default;
}

header .nav-font {
    border-left: 1px solid #fff;
    /*padding:16px 0 17px 0;*/
    float: left;
    margin-left: 0;
}

header .print {
    float: left;
    border-left: solid 1px #FFF;
    padding: 0 10px 0 10px;
    margin-left: 5px;
    cursor: pointer;
}

header .print img {
    width: 25px;
}

header .nav-font .font {
    font: bold 16px RTA;
    margin: 0 5px 0 10px;
    padding: 6.5px 10px;
    color: #FFF;
    border: 2px solid #FFF;
}

header .nav-font .plus,
header .nav-font .minus {
    width: 23px;
    height: 24px;
    margin: 6px 3px 0 3px;
}

header .nav-font .plus {
    background: url("../common/img/latest-img/sprite.png") no-repeat -72px -21px;
}

header .nav-font .minus {
    background: url("../common/img/latest-img/sprite.png") no-repeat -96px -21px;
}

header .plus {
    display: block;
    float: left;
    width: 35px;
    height: 37px;
    background: url("../common/img/sprite.png") no-repeat left top;
    margin: -5px 0 0 10px;
    cursor: pointer;
}

header .minus {
    display: block;
    float: left;
    width: 35px;
    height: 37px;
    background: url("../common/img/sprite.png") no-repeat -36px top;
    margin: -5px 0 0;
    cursor: pointer;
}

header .minus:hover,
header .plus:hover {
    opacity: 0.6;
}

header .logos {
    float: left;
    width: 100%;
    padding: 0;
    margin: 30px 0 35px;
}


/*header .logos .gov-dubai {*/


/*float: left;*/


/*padding: 0;*/


/*margin: 0;*/


/*}*/

header .logos .left {
    float: left;
}

header .logos .right {
    float: right;
    text-align: right;
}

header .logos .right img {
    max-width: 100%;
}


/*header .logos .RTA-logo {*/


/*float: right;*/


/*padding: 0;*/


/*margin: 0;*/


/*}*/

header .main-nav {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 0 10px 0;
}

header .main-nav ul {
    display: block;
    padding: 0;
    margin: 0;
}

header .main-nav ul li {
    float: left;
    font: bold 16px "RTA";
    color: #53565a;
    list-style-type: none;
    padding: 0;
    margin: 0 44px 0 0;
    position: relative;
}

header .main-nav ul li:last-child {
    margin: 0;
}

header .main-nav ul li a {
    position: relative;
    float: left;
    text-decoration: none;
    color: inherit;
    max-width: 100px;
}

header .main-nav ul li a:hover,
header .main-nav ul li a.active,
header .main-nav ul li.active a {
    color: #ee0000;
}

header .main-nav ul li:hover a {
    color: #ee0000;
}

header .main-nav ul li:hover em img.normal,
header .main-nav ul li.active em img.normal {
    display: none;
}

header .main-nav ul li:hover em img.hover,
header .main-nav ul li.active em img.hover {
    display: block;
}

header .main-nav ul li.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #ee0000;
    right: 0;
    margin: 0 auto;
}

header .main-nav ul li.home.active:after {
    bottom: -10px;
}

header .main-nav ul li.home em {
    margin-left: 0;
}

header .main-nav ul li em {
    float: left;
    padding: 0;
    margin: 9px 0 0 10px;
}

header .main-nav ul li em img.hover {
    display: none;
}

header nav {
    position: relative;
    display: block;
    width: 100%;
    background: #ee0000;
    padding: 0;
    margin: 0;
}

.container.container-1200 {
    width: 1200px;
}

.container.container-1238 {
    width: 1272px;
}

header nav .secondary-nav>ul {
    position: relative;
    padding: 0;
    margin: 0;
    width: calc(100% - 130px);
    float: left;
}

header nav .secondary-nav>ul>li>ul {
    float: left;
    width: 100%;
}

header nav .secondary-nav>ul>li>ul>li {
    font: bold 16px "RTA";
    float: left;
    color: #fff;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

header nav .secondary-nav>ul>li>ul>li.menu-group {
    display: none;
}

header nav .secondary-nav>ul>li>ul>li.set-0 {
    /*display: flex;*/
    display: block;
}

header nav .secondary-nav>ul>li.m-menu {
    display: none;
}

header nav .secondary-nav>ul>li.m-menu:first-child {
    border-top: solid 1px #c3383b;
}

header nav .secondary-nav>ul>li>ul>li>a {
    position: relative;
    float: left;
    text-decoration: none;
    color: inherit;
    padding: 0 18px;
    font-family: 'RTA';
    /*display: flex;*/
    display: table;
    height: 67px;
}

header nav .secondary-nav>ul>li a span {
    /*display:flex;*/
    /*flex-direction: column;*/
    /*justify-content:center;*/
    /*min-height:67px;*/
    /*word-wrap: break-word;*/
    /*white-space: nowrap;*/
    /*max-width: 160px;*/
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 67px;
    white-space: pre-wrap;
    word-break: keep-all;
}

header nav .secondary-nav>ul>li>a:hover {
    color: #ee0000;
}

header nav .secondary-nav span.next {
    font: bold 16px "RTA";
    color: #fff;
    margin-top: 1px;
    margin-left: 10px;
    float: right;
    margin-right: 40px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
}

header nav .secondary-nav span.next a {
    color: #FFF;
    min-height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header nav .secondary-nav span.pre {
    float: left;
    margin-right: 15px;
    width: 11px;
    cursor: pointer;
}

header nav .secondary-nav span.pre a {
    color: #FFF;
    min-height: 66px;
    display: block;
}

header nav .secondary-nav span.next a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 0 8.5px 11px;
    border-color: transparent transparent transparent #FFF;
    margin-left: 10px;
    width: 11px;
    height: 17px;
    right: -20px;
    top: 45%;
    transform: translateY(-45%);
}

header nav .secondary-nav span.pre a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 11px 8.5px 0;
    border-color: transparent #fff transparent transparent;
    top: 45%;
    transform: translateY(-45%);
}

header nav .secondary-nav>ul>li:hover {
    color: #ee0000;
    background: #fff;
}

header nav .secondary-nav>ul>li:last-child:hover {
    background-color: transparent;
    color: #fff;
}

header nav .secondary-nav>ul>li>ul>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background: #ee0000;
}

header nav .secondary-nav>ul>li i {
    float: right;
    margin: -10px 0 0 18px;
    padding: 3px;
}

header nav .secondary-nav>ul>li i img:nth-of-type(2) {
    display: none !important;
}

header nav .secondary-nav>ul>li:hover i img:nth-of-type(2) {
    display: block !important;
}

header nav .secondary-nav>ul>li:hover i img:nth-of-type(1) {
    display: none !important;
}

header .search {
    position: relative;
    float: left;
    padding: 0 20px 0 20px;
    margin: 0;
    cursor: pointer;
    border-left: 1px solid #fff;
}

header .search.active {
    background-color: #f2f2f2;
}

header .search.active span {
    color: #ee0000;
}


/*@-moz-document url-prefix(){*/


/*header .search {*/


/*padding:28px 20px 19px 20px;*/


/*}*/


/*header .print{*/


/*padding:24px 10px 25px 9px;*/


/*}*/


/*.large header .nav-font {*/


/*padding: 16px 0 17px 0;*/


/*}*/


/*}*/

header .search i img {
    display: block !important;
}

header .search span {
    font: bold 16px "RTA";
    color: #fff;
    min-width: 50px;
    display: inline-block;
}

header .search i {
    background: none;
    float: right;
    margin: -3px 0 0 15px;
    padding: 3px;
}

header .search.active i {
    margin-top: -2px;
}

header .search i img:nth-of-type(1) {
    display: block !important;
}

header .search-box .container-1200 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

header .search-box {
    display: none;
    width: 100%;
    background: #f2f2f2;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -50px;
    left: 0;
    z-index: 86;
}

header .search-box input[type=search] {
    position: relative;
    float: left;
    width: 90% !important;
    font: normal 16px "RTA";
    color: #53565a;
    outline: none;
    border: none;
    padding: 17px 15px 13px;
    margin: 0;
    box-sizing: border-box;
}

header .search-box input[type=button] {
    float: left;
    width: 50px;
    height: 49px;
    z-index: 5;
    background: url("../img/search-icon-red-en.png") no-repeat center;
}

header nav .search .close-x {
    display: none;
    position: absolute;
    font: bold 18px/26px "RTA";
    right: 0;
    top: 0px;
    width: 100%;
    background-color: #f2f2f2;
    padding: 19px;
    text-align: right;
}

header nav .search .close-x img {
    float: right;
    margin: 3px 0 0 13px;
}

header nav .voice-search {
    background: url(https://www.rta.ae/wps/contenthandler/rta/!ut/p/digest!KjQ7pHNadk8uDGUCUeqjMw/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/css/img/mic.png) center center no-repeat;
    padding: 25px;
}

.hidepermanent {
    display: none!important;
}

header .search-box input[placeholder],
header .search-box [placeholder],
header .search-box *[placeholder] {
    color: #53565a;
}

header nav .col-md-10,
header nav .col-sm-12,
header nav .col-md-10,
header nav .col-sm-10,
header nav .col-md-2,
header nav .col-sm-2 {
    position: static;
}

header nav .accessibility-icons {
    position: relative;
}

header nav .accessibility-icons:hover {
    background-color: transparent;
}

header nav .close-x {
    float: right;
    color: #ee0000;
    background: #fff;
    padding: 20px 19px;
    margin: 0;
}

header nav .close-x:before,
header nav .close-x:after {
    display: none;
}

header .accessibility {
    float: left;
    padding: 0;
    margin: 4px 0 0 20px;
}

header .accessibility.active>h2 {
    color: #ee0000;
}

header .accessibility>h2 {
    float: left;
    font: bold 16px "RTA";
    color: #58595b;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

header .accessibility>h2 a {
    color: #58595b;
}

header .accessibility>h2 a:hover {
    color: #ee0000;
}


/*header .accessibility:hover .access-droDown {
    display: block;
}*/

header .col-md-6,
header .col-lg-5 {
    position: static;
}

header .accessibility .access-droDown {
    display: none;
    position: absolute;
    left: 0;
    top: 172px;
    width: 100%;
    min-height: 280px;
    border-top: 1px solid #ee0000;
    padding: 0;
    z-index: 200;
    /*box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2);*/
}

header .accessibility .access-droDown .container-1200 {
    background: #FFF;
    border-bottom: solid 6px #ee0000;
    padding-top: 30px;
    padding-bottom: 22px;
}

header .accessibility .access-droDown .col-md-3 {
    /*border-right: 1px solid #ee0000;*/
    box-sizing: border-box;
    min-height: 289px;
    padding: 0;
    border-right: 1px solid #cbcccd;
}

header .accessibility .access-droDown .col-md-3:first-child,
header .accessibility .access-droDown .col-md-3:last-child {
    border: none;
}

header .accessibility .access-droDown .contrast-switch {
    display: block;
    padding: 0 30px;
    margin: 0;
}

header .accessibility .access-droDown .contrast-switch h2 {
    display: block;
    font: bold 20px "RTA";
    padding: 0;
    margin: 0 0 20px;
    color: #58595b;
}

header .accessibility .access-droDown p {
    clear: left;
    font: normal 15px "RTA";
    padding: 0;
    margin: 0 0 20px;
}

header .accessibility .access-droDown .contrast-switch label {
    display: block !important;
    cursor: pointer;
    position: relative;
    margin: 0 0 20px;
    font: 400 15px RTA;
    color: #53565a;
}

header .accessibility .access-droDown .contrast-switch label:focus {
    outline: thin dotted !important;
}

header .accessibility .access-droDown .contrast-switch label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: -20px;
    top: 0;
    background-color: #d1d1d1;
    border-radius: 16px;
    margin-right: 20px;
    display: none;
}

header .accessibility .access-droDown .contrast-switch label em {
    float: left;
    margin: -4px 10px 0 0;
}

header .accessibility .access-droDown .contrast-switch input[type=radio] {
    display: none;
}

header .accessibility .access-droDown .contrast-switch input[type=radio]:checked+label:before {
    content: "\2022";
    color: #ee0000;
    font-size: 35px;
    text-align: center;
    line-height: 22px;
}

header .accessibility .access-droDown .text-resize {
    display: block;
    padding: 0 30px;
    margin: 0;
    box-sizing: border-box;
}

header .accessibility .access-droDown .text-resize h2 {
    display: block;
    font: bold 20px "RTA";
    padding: 0;
    margin: 0 0 20px;
    color: #58595b;
}

header .accessibility .access-droDown .text-resize .col-md-4 {
    border: none;
    min-height: inherit;
    padding: 0;
}

header .accessibility .access-droDown .read-Speaker {
    display: block;
    padding: 0 30px;
    margin: 0;
    box-sizing: border-box;
}

header .accessibility .access-droDown .read-Speaker h2 {
    display: block;
    width: 100%;
    font: bold 20px "RTA";
    padding: 0;
    margin: 0 0 20px;
    color: #58595b;
}

header .accessibility .access-droDown .contrast-switch p {
    margin-bottom: 38px;
}

.red-arrow-btn {
    position: relative;
    float: left;
    font: bold 15px "RTA";
    color: #fff;
    background: #ee0000;
    padding: 8px 45px 5px 10px;
    margin: 0;
    transition: background .45s;
}

.red-arrow-btn:hover {
    background: #171c8f;
    color: #fff;
}

.red-arrow-btn:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 28%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
}

.red-arrow-btn.default-setting {
    margin-top: 65px;
    padding-right: 10px;
    outline: none;
    border: none;
    cursor: pointer;
}

.red-arrow-btn.default-setting:after {
    display: none;
}

header .col-md-5,
header .col-sm-5 {
    position: static;
    margin-top: 17px;
}

.nav-sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
}

.mobile-menus {
    display: none;
    float: left;
}

.hide-desktop {
    display: none;
}

.hide-mob,
.hide-mobile {
    display: block;
}

header nav ul>li.shortMenu {
    position: relative;
}


/*------------------------*/

.header-container {
    width: 100%;
    background: #fff
}

header nav ul>li .full-grid {
    position: absolute;
    left: 0;
    height: auto;
    width: 340px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    top: 67px;
    z-index: 999;
}

header nav ul>li.full-sub-menu .full-grid {
    width: 100%;
    background: #fff
}

header nav ul>li.full-sub-menu .first-sub-menu {
    height: 100%
}

header nav ul>li.quarter-sub-menu .full-grid {
    width: 558px;
    background: #fff
}

header nav ul>li>ul>li:hover .full-grid {
    display: block
}

header nav ul .first-sub-menu {
    position: relative;
    /*width: 278px;*/
    padding: 15px 0 15px;
    background: #fff;
    max-height: calc(100vh - 402px);
    overflow: hidden;
}

header nav ul .first-sub-menu::-webkit-scrollbar {
    display: none;
}

header nav ul .first-sub-menu li {
    float: none;
    font: 400 14px RTA;
    color: #53565b;
    padding: 7px 30px 7px 30px;
    margin: 0
}

header nav ul .first-sub-menu li:nth-child(n+7) {
    display: none;
}

header nav ul .first-sub-menu li:hover {
    background: #f5f5f5
}

header nav ul .first-sub-menu li:last-child {
    margin: 0
}

header nav ul li ul li .first-sub-menu li a {
    color: inherit;
    text-decoration: none
}

header nav ul .first-sub-menu li a:hover,
header nav ul .list-space>li.inner-active-link {
    color: #e00
}

header nav ul .first-sub-menu a.menu_item_active {
    color: #e00;
    background: 0 0
}

header nav ul .first-sub-menu .fourth-sub-menu,
header nav ul .first-sub-menu .second-sub-menu,
header nav ul .first-sub-menu .third-sub-menu {
    display: none;
    position: absolute;
    right: -98%;
    top: 0;
    width: 273px;
    height: 100%;
    padding: 15px 0 0;
    background: #fff;
    border-left: 1px #eaeaeb solid
}

header nav ul .list-space>li,
header nav ul>li.shortMenu .first-sub-menu>li {
    padding-left: 30px
}

header nav ul .list-space>li.arrow-sub-menu {
    background: url(../img/sub-menu-arrow.png) 20px 13px no-repeat
}

header nav ul .list-space>li.arrow-sub-menu:hover,
header nav ul .list-space>li.arrow-sub-menu:hover.active-fast,
header nav ul .list-space>li.inner-active-link {
    background: url(../img/sub-menu-arrow-hover.png) 20px 13px no-repeat #f5f5f5
}

header nav ul .list-space>li.inner-active-link em img:first-child {
    display: none !important
}

header nav ul .list-space>li.inner-active-link em img:last-child {
    display: block !important
}


/*header nav ul .shortMenu ul {*/


/*width: 279px !important*/


/*}*/

header nav ul .first-sub-menu li em {
    float: left;
    min-width: 33px;
    margin: -3px 20px 14px -24px
}

header nav ul .first-sub-menu li em img:last-child {
    display: none !important
}

header nav ul .first-sub-menu li:hover em img:last-child {
    display: block !important
}

header nav ul .first-sub-menu li:hover em img:first-child {
    display: none !important
}

header nav ul .first-sub-menu li strong {
    font-size: 16px
}

.full-grid .back-arrow {
    background: url(../img/back-arrow.png) no-repeat;
    margin: 0;
    display: inline-block;
    padding: 6px 0 6px 40px;
}

.backArrow-desktopHide {
    display: none
}

header nav ul .list-space>li.arrow-none {
    background-image: none !important
}

header nav ul>li.has_submenu.expanded {
    height: auto
}

.site {
    max-width: 1100px
}

header nav ul>li .full-grid {
    display: none;
    background: #FFF;
    border-bottom: solid 5px #ee0000;
}

header nav ul>li>.full-grid .title-sub-menu {
    font-size: 16px;
    font-family: 'RTA';
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

header nav ul>li .full-grid .title-sub-menu a {
    color: #ee0000;
    /*padding: 7px 30px 7px 30px;*/
    padding: 7px 45px 7px 30px;


    display: block;
}

header nav ul>li .full-grid .title-sub-menu a:hover {
    background: #f5f5f5;
}

header nav ul>li .full-grid .more-nav {
    font: bold 18px 'RTA';
    color: #FFF;
    background: #ee0000;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 7px 13px;
    display: none;
	margin-right: 45px;
}

header nav ul>li .full-grid .more-nav.active {
    display: inline-block;
}

header nav ul>li .full-grid .more-nav:hover {
    background: #53565a;
}

header nav ul>li .full-grid.active-fast {
    display: block
}


/*mobile menus*/

.mobile-menus {
    width: 100%;
    float: left;
}

.mobile-login {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.mobile-login .login-n-register {
    color: #FFF;
    margin: 0;
}

.mobile-login .login-n-register em img {
    margin-left: 0;
    margin-right: 10px;
}

.mobile-menu-con {
    width: 100%;
    border-top: solid 1px #c3383b;
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
}

.mobile-menu-con.show {
    display: block;
}

.mobile-menu-con:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #ee0000;
}

.m-menu {
    background: #ee0000;
    padding: 0;
    border-bottom: solid 1px #c3383b;
    padding: 0 25px;
    outline: none !important;
}

.menu-col:focus {
    outline: none !important;
}

.menu-col {
    padding: 0 25px;
    display: block;
    display: none;
}

.menu-col.active,
.menu-col:hover {
    background: #e7e7e7 !important;
    border-bottom: 0;
}

.menu-col:hover {
    color: #c3383b;
}

.menu-col div {
    float: left;
}

.menu-col .chevron {
    float: right;
    margin-top: 15px;
    display: none;
}

.menu-col.active .chevron {
    display: block;
}

.menu-col.active .title {
    color: #ee0000;
}

.menu-col .icon-mn {
    margin-top: 13px;
    margin-right: 20px;
}

.menu-col .icon-mn img.normal {
    display: block;
}

.menu-col .icon-mn img.active {
    display: none;
}

.menu-col.active .icon-mn img.normal {
    display: none;
}

.menu-col.active .icon-mn img.active {
    display: block;
}

.menu-col .title {
    font: bold 15px "RTA";
    color: #FFF;
    padding: 20px 0 15px 0;
    display: inline-block;
}

.mobile-accessibility {
    width: 100%;
    background: #ee0000;
    padding: 0;
    border-top: solid 1px #c4383b;
    display: none;
    float: left;
    margin-top: 40px;
}

.mobile-accessibility .m-search,
.mobile-accessibility .m-lang {
    width: 70px;
    float: left;
    text-align: center;
    font: normal 15px 'RTA';
    color: #FFF;
    line-height: 56px;
}

.mobile-accessibility .m-lang a {
    color: #FFF;
}

.mobile-accessibility .m-acc {
    width: calc(100% - 142px);
    float: left;
    font: normal 15px 'RTA';
    color: #FFF;
    background: #ee1319;
    ;
    text-align: center;
    padding: 20px 0 18px 0;
    border-left: solid 1px #c3383b;
    border-right: solid 1px #c3383b;
}

.mobile-accessibility .m-acc.active {
    background: #FFF;
    color: #ee1319;
}

.mbl-search-bar {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f2f2f2;
    display: none;
}

.mbl-search-bar .back-btn {
    float: left;
    width: 30px;
    margin: 23px 20px 0 15px;
}

.mbl-search-bar .back-btn img {
    width: 100%;
}

.mbl-search-bar input[type=text] {
    float: left;
    background: none;
    font: normal 18px 'RTA';
    color: #53565a;
    width: calc(100% - 117px);
    outline: none;
    margin-top: 15px;
    padding: 10px 0;
    border: none;
}

.mbl-search-bar input[type=button] {
    float: left;
    width: 50px;
    height: 49px;
    z-index: 5;
    background: url(../img/search-icon-red.png) no-repeat center;
    margin-top: 10px;
    outline: none;
    border: none;
}

.mbl-search-bar .voice-search {
    float: right;
    padding: 32px 25px;
}

.menu-btn i {
    background-color: #fff;
    border-radius: 0;
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    margin-top: 5px;
}

.acc-mode {
    background: #FFF;
    width: 100%;
    padding: 10px 0;
    margin-top: 13px;
    position: absolute;
    left: 0;
    bottom: 57px;
    display: none;
    z-index: 99999;
    /*overflow: scroll;*/
}

.acc-mode h2 {
    font: bold 15px 'RTA';
    color: #53565a;
    margin: 10px 20px 5px;
}

.acc-mode p {
    font: normal 12px 'RTA';
    color: #53565a;
    margin: 0 20px 15px;
}

.acc-mode label {
    font-size: 15px;
    display: inline-block;
    font-family: 'RTA';
    margin: 0;
    color: #53565a;
    width: 100%;
    padding: 8px 20px;
}

.acc-mode label {
    border-top: solid 1px #c2c2c2;
}

.acc-mode label:last-child {
    border-top: solid 1px #c2c2c2;
}

.acc-mode label em {
    margin-right: 20px;
}

.acc-mode input[type=radio] {
    display: none;
}

.acc-mode .read-Speaker {
    float: left;
    width: 100%;
    padding-top: 10px;
    margin-bottom: 10px;
}

.acc-mode .col-xs-12+.col-xs-12 {
    border-top: solid 1px #c3383b;
    /*margin-top: 15px;*/
}


/*.acc-mode .col-xs-12 > div{*/


/*padding-left:20px;*/


/*padding-right:20px;*/


/*}*/

.acc-mode .close-access {
    position: absolute;
    right: 28px;
    top: 25px;
}

.acc-mode .red-arrow-btn,
.acc-mode .rsbtn {
    margin: 0 20px;
}

.menu-btn i:nth-child(1) {
    -webkit-animation: outT 0.8s backwards;
    animation: outT 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.menu-btn i:nth-child(2) {
    margin: 5px 0;
    -webkit-animation: outM 0.8s backwards;
    animation: outM 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.menu-btn i:nth-child(3) {
    -webkit-animation: outBtm 0.8s backwards;
    animation: outBtm 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.menu-btn.active i:nth-child(1) {
    -webkit-animation: inT 0.8s forwards;
    animation: inT 0.8s forwards;
}

.menu-btn.active i:nth-child(2) {
    -webkit-animation: inM 0.8s forwards;
    animation: inM 0.8s forwards;
}

.menu-btn.active i:nth-child(3) {
    -webkit-animation: inBtm 0.8s forwards;
    animation: inBtm 0.8s forwards;
}

@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

.menu-col.active .menu-col-sub-menu {
    display: block;
}

.menu-col-sub-menu {
    float: left;
    width: 100%;
    background: #FFF;
    padding: 20px 25px;
    position: relative;
}

.menu-col-sub-menu li {
    font: bold 14px 'RTA';
    color: #53565b;
    padding: 10px 0;
}

.menu-col-sub-menu li a {
    color: #53565b;
    position: relative;
    padding: 0 25px;
}

.menu-col-sub-menu li a:before {
    content: '';
    display: inline-block;
    /*
    fixing the missing issue on production
    background: url(../img/latest-img/chevron-right.png) 0 0 no-repeat;
    */
    
    width: 8px;
    height: 12px;
    position: absolute;
    left: 0;
}

.menu-col-sub-menu li a em {
    margin-right: 18px;
}

.menu-col-inner-menu {
    position: absolute;
    width: 100%;
    background: #FFF;
    left: 0;
    top: 0;
    padding: 25px;
    z-index: 999;
    display: none;
}

.menu-col-inner-menu .back-btn {
    clear: both;
    width: 100%;
    display: flex;
    align-items: center;
}

.menu-col-inner-menu .back-btn .back-icon {
    margin-right: 20px;
}

.menu-col-inner-menu ul {
    padding-left: 49px;
    width: 100%;
    clear: both;
}

.menu-col-inner-menu ul li {
    padding: 10px 25px;
    position: relative;
}

.menu-col-inner-menu ul li a {
    padding: 0;
}

.menu-col-inner-menu ul li:before {
    content: '';
    display: inline-block;
    /*
    fixing the missing issue on production
    background: url(../img/latest-img/chevron-right.png) 0 0 no-repeat;
    */
    
    width: 8px;
    height: 12px;
    position: absolute;
    left: 0;
}

.menu-col-inner-menu ul li a:before {
    display: none;
    content: '';
}


/*menu accordian*/

.main_nav_bar .panel-group {
    position: relative;
}

.main_nav_bar .collapse {
    width: 100%;
}

.main_nav_bar .panel-group,
.main_nav_bar .panel-group .panel {
    border: none;
    float: left;
    width: 100%;
    margin-top: 0;
}

header nav .secondary-nav span.next.disabled,
header nav .secondary-nav span.pre.disabled {
    display: none;
}

.view-mobile {
    display: none;
}

.view-mobile.active {
    display: block;
}


/*firefox fixe*/


/*old menu fixed*/

#main_nav_part ul.main_nav_bar>li:hover,
.menu_item_active {
    color: #ee0000 !important;
}


/*Font Size
-----------------------------------------------------*/


/*Small
    RTA Bold  46px  to  32px
    RTA Reg   30px  to  22px
    RTA Bold  20px  to  16px
    RTA Black 18px  to  14px
    RTA Bold  18px  to  14px
    RTA reg   16px  to  12px
    RTA reg   14px  to  10px
    RTA reg   12px  to  8px
*/


/*20px to 16*/

.small header .accessibility .access-droDown .contrast-switch h2,
.small header .accessibility .access-droDown .text-resize h2,
.small header .accessibility .access-droDown .read-Speaker h2 {
    font-size: 16px;
}


/*18px to 14px*/

.small header .main-nav ul li,
.small header nav .col-md-10>ul>li,
.small header .search span,
.small header nav ul>li.shortMenu,
.small header nav .secondary-nav span.next,
.small header nav ul>li .full-grid .title-sub-menu,
.small header nav ul>li .full-grid .more-nav,
.small header nav .search .close-x {
    font-size: 14px;
}


/*16px to 12px*/

.small header .accessibility h2,
.small .lang,
.small header nav ul .first-sub-menu li,
.small header .accessibility .access-droDown p,
.small .login-n-register,
.small header .search-box input[type=search],
.small .login-n-register .login-dropdown p,
.small .login-n-register .login-dropdown a,
.small header .accessibility .access-droDown .contrast-switch label,
.small .red-arrow-btn {
    font-size: 12px;
}

.small header nav ul .first-sub-menu li em {
    margin: -3px 20px 12px -24px;
}

.small header nav .col-md-10>ul>li i {
    margin: -14px 0 0 18px;
}

.small header nav ul>li .full-grid {
    top: 56px;
}

.small header .accessibility .access-droDown {
    top: 172px;
}


/*20px to 16px*/

.small header .nav-font .font {
    font-size: 14px;
}


/*.small header .nav-font{*/


/*padding: 17px 0 16px 0;*/


/*}*/

.small header .main-nav ul li.active:after {
    bottom: -17px;
}


/*medium
    RTA Bold  46px  to  48px
    RTA Reg   30px  to  32px
    RTA Bold  20px  to  22px
    RTA Black 18px  to  20px
    RTA Bold  18px  to  20px
    RTA reg   16px  to  18px
    RTA reg   14px  to  16px
    RTA reg   12px  to  14px
*/


/*20px to 22px*/

.medium header .accessibility .access-droDown .contrast-switch h2,
.medium header .accessibility .access-droDown .text-resize h2,
.medium header .accessibility .access-droDown .read-Speaker h2 {
    font-size: 22px;
}


/*18px to 20px*/

.medium header nav .col-md-10>ul>li,
.medium header nav ul>li .full-grid .title-sub-menu {
    font-size: 20px;
}


/*18px to 20px*/

.medium header nav ul>li .full-grid .title-sub-menu,
.medium header nav ul>li .full-grid .more-nav,
.medium header nav .search .close-x {
    font-size: 20px;
}


/*16px to 18px*/

.medium header .accessibility h2,
.medium .lang,
.medium header .accessibility .access-droDown p,
.medium .login-n-register,
.medium header .search-box input[type=search],
.medium header nav ul>li.shortMenu,
.medium header nav .secondary-nav span.next,
.medium header .search span,
.medium header .main-nav ul li,
.medium .login-n-register .login-dropdown p,
.medium .login-n-register .login-dropdown a,
.medium header .accessibility .access-droDown .contrast-switch label,
.medium .red-arrow-btn {
    font-size: 18px;
}


/*14px to 16px*/

.medium header nav ul .first-sub-menu li {
    font-size: 17px;
}

.medium header nav .col-md-10>ul>li>a {
    padding: 22px 11px 17px;
}


/*20px to 22px*/

.medium header .nav-font .font {
    font-size: 18px;
}

.medium header nav .secondary-nav>ul>li>a {
    padding: 0 14px;
}

.medium header nav .secondary-nav span.next {
    margin-right: 30px;
}

.medium header nav .secondary-nav span.next a,
.medium header .accessibility .access-droDown {
    top: 177px;
}

.medium header nav .search .close-x {
    padding: 21px 19px;
}

.medium .service-sticky {
    top: 27%;
}

.medium header .main-nav ul li.home.active:after {
    bottom: -23px;
}

.medium header .print {
    margin-left: 0px;
}

.medium header .main-nav ul li.active:after {
    bottom: -15px;
}

.medium header .search {
    padding: 0 18px 0 18px;
}

.medium .login-n-register .login-dropdown {
    top: 55px;
}

.medium header .main-nav ul li a {
    max-width: 110px;
}


/*.medium  header nav .secondary-nav > ul > li a span{*/


/*max-width: 200px;*/


/*}*/


/*Large
        RTA Bold  46px  to  50px
        RTA Reg   30px  to  34px
        RTA Bold  20px  to  24px
        RTA Black 18px  to  22px
        RTA Bold  18px  to  22px
        RTA reg   16px  to  20px
        RTA reg   14px  to  18px
        RTA reg   12px  to  16px
    */


/*18px to 22px*/

.large header nav .col-md-10>ul>li,
.large header .accessibility .access-droDown .contrast-switch h2,
.large header .accessibility .access-droDown .text-resize h2,
.large header .accessibility .access-droDown .read-Speaker h2,
.large header nav ul>li .full-grid .title-sub-menu,
.large header nav ul>li .full-grid .more-nav,
.large header nav .search .close-x,
.large .red-arrow-btn {
    font-size: 22px;
}


/*16px to 20px*/

.large header .accessibility h2,
.large .lang,
.large header .accessibility .access-droDown p,
.large .login-n-register,
.large header .search-box input[type=search],
.large header nav ul>li.shortMenu,
.large header nav .secondary-nav span.next,
.large header .search span,
.large header .main-nav ul li,
.large header .main-nav ul li,
.large header .main-nav ul li.blind-red,
.large .login-n-register .login-dropdown p,
.large .login-n-register .login-dropdown a,
.large header .accessibility .access-droDown .contrast-switch label {
    font-size: 20px;
}


/*14px to 18px*/

.large header nav ul .first-sub-menu li {
    font-size: 18px;
}

.large header nav .col-md-10>ul>li>a {
    padding: 22px 5px 17px;
}


/*20px to 24px*/

.large header .nav-font .font {
    font-size: 20px;
    margin: 0 5px 0 9px;
}

.large header nav .secondary-nav>ul>li>a {
    padding: 0 11px 0;
}

.large header nav .secondary-nav span.next a {}

.large header .search {
    padding: 0 10px 0 10px;
}


/*.large header .main-nav ul li {*/


/*width: 25%;*/


/*}*/


/*.large header .main-nav ul li a{*/


/*width: 73%;*/


/*}*/


/*.large header .main-nav ul {*/


/*padding: 0 0 76px 0;*/


/*}*/

.large header .accessibility .access-droDown {
    top: 183px;
}

.large .lang,
.large header .accessibility {
    margin-left: 15px;
}

.large .login-n-register {
    margin: 4px 0 0 0;
}

.large header nav .search .close-x {
    padding: 22px 19px;
}


/*.large header nav .secondary-nav > ul  > li a span{*/


/*min-height: 72px;*/


/*}*/

.large .service-sticky {
    top: 28%;
}

.large header .main-nav ul li.home.active:after {
    bottom: -29px;
}

.large header .print {
    /*padding:27px 7px;*/
    margin-left: 0px;
}

.large header .main-nav ul li.active:after {
    bottom: -15px;
}

.large .login-n-register .login-dropdown a:after {
    right: 7px;
}

.large header .main-nav ul li a {
    max-width: 120px;
}


/*Responsive
-----------------------------------------------------*/

@media screen and (max-width: 1298px) {
    header nav ul .first-sub-menu,
    header nav ul .first-sub-menu .fourth-sub-menu,
    header nav ul .first-sub-menu .second-sub-menu,
    header nav ul .first-sub-menu .third-sub-menu {
        /*width: 244px*/
    }
    .site {
        max-width: 98%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1100px;
    }
}

@media (max-width: 1200px) {
    .container.container-1200 {
        width: 100%;
        padding: 0 15px;
    }
}

@media screen and (max-width: 1199px) {
    header nav .col-md-10>ul>li>a {
        padding: 22px 15px 17px;
    }
    header .main-nav ul li {
        font-size: 16px;
        margin: 0 15px 0 0;
    }
    header .main-nav ul li em {
        margin: 8px 0 0 10px;
    }
    header .font {
        margin: -10px 20px 0 20px;
    }
    header .search-box input[type=search] {
        width: 94%;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    header .main-nav ul li a.active:after {
        bottom: -29px;
    }
    header .accessibility .access-droDown .contrast-switch label {
        font-size: 17px;
    }
    .container-fluid .container.container-1200 {
        padding: 0;
    }
    .container-fluid .container.container-1238 {
        width: 100%;
    }
}

@media only screen and (max-device-width: 1024px) {
    .medium header .main-nav ul li {
        font-size: 19px;
    }
    .large header .main-nav ul li:first-child {
        display: none;
    }
    .large header .print {
        /*padding:26px 10px;*/
        margin-left: 5px;
    }
    .medium header .print {
        margin-left: 5px;
    }
    header .nav-font {
        margin-left: 42px;
    }
    /*.medium header .nav-font{*/
    /*margin-left: 34px;*/
    /*}*/
    /*.large header .nav-font{*/
    /*margin-left:22px;*/
    /*}*/
}

@media screen and (max-width: 990px) {
    .stop-scrolling {
        height: 100%;
        overflow: hidden;
    }
    header nav .container-1200 {
        max-height: calc(100vh - 20px);
        /*overflow: scroll;*/
    }
    header .accessibility .access-droDown {
        top: 141px;
    }
    header nav.container-fluid {
        padding: 10px 0 0 0;
    }
    header nav .secondary-nav>ul {
        width: 100%;
        display: none;
        margin-top: 13px;
    }
    header nav .secondary-nav>ul.active {
        display: block;
        /*height:calc(100vh - 120px);*/
        /*overflow: scroll;*/
        background: #ee0000;
        margin-bottom: -10px;
        overflow: auto;
    }
    header nav .secondary-nav>ul li.shortMenu {
        width: 100%;
        background: #FFF;
        font: bold 14px 'RTA';
        color: #53565b;
        padding: 10px 0;
    }
    header nav .secondary-nav>ul li.shortMenu>a {
        color: #53565b;
        position: relative;
        padding: 0 25px;
        margin-left: 30px;
        width: 100%;
        height: auto;
    }
    header nav .secondary-nav>ul li.shortMenu>a:before,
    header nav .secondary-nav>ul li.shortMenu>.full-grid a:before {
        content: '';
        display: inline-block;
        /*
        fixing the missing issue on production
        background: url(../img/latest-img/chevron-right.png) 0 0 no-repeat;
        */
        
        width: 8px;
        height: 12px;
        position: absolute;
        left: 0;
    }
    header nav .secondary-nav>ul>li a span {
        height: auto;
        width: auto;
    }
    header nav .secondary-nav>ul>li {
        width: 100%;
        display: inline-block;
        float: left;
        border-top: solid 1px #c3383b;
    }
    header nav .secondary-nav>ul>li .panel {
        border: 0;
        border-radius: 0;
    }
    header nav .secondary-nav>ul>li.m-menu {
        display: block;
    }
    header nav ul>li .full-grid {
        top: 0;
        z-index: 9999;
        width: 100%;
        max-height: 100%;
        border-bottom: 0;
    }
    .container.container-1200 {
        width: 100%;
        padding: 0;
    }
    .container.container-1238 {
        width: 100%;
    }
    header .row:nth-of-type(2) {
        display: none;
    }
    header nav .secondary-nav>ul>li>ul>li>a:before {
        display: none;
    }
    header nav .secondary-nav>ul>li>ul {
        padding: 20px 0;
        float: left;
        background: #FFF;
        display: none;
        width: 100%;
        max-height: 100%;
        overflow: auto;
        overflow-x: hidden;
    }
    header nav ul .first-sub-menu li {
        font: bold 14px 'RTA';
        color: #53565b;
    }
    header nav ul>li>.full-grid .title-sub-menu {
        display: none;
    }
    header nav ul .first-sub-menu li {
        font: bold 14px 'RTA';
        color: #53565b;
        display: block;
    }
    header nav ul.first-sub-menu li:not(:first-child) {
        margin-left: 40px;
    }
    header nav ul li ul li .first-sub-menu li a {
        position: relative;
        padding-left: 25px;
        display: inline-block;
    }
    header nav ul>li .full-grid .more-nav,
    header nav ul>li .full-grid .more-nav.active {
        display: none;
    }
    header nav ul>li.shortMenu {
        position: static;
    }
    header nav .secondary-nav>ul>li>ul>li.sets {
        display: block;
    }
    header nav .secondary-nav>ul>li a span br {
        display: none;
    }
    header nav .secondary-nav>ul>li>a:hover * {
        color: #ee0000;
    }
    header nav .secondary-nav>ul>li>a:hover .icon-mn .normal {
        display: none;
    }
    header nav .secondary-nav>ul>li>a:hover .icon-mn .active {
        display: block;
    }
    /*Mobile Menu
    ******************************/
    /*header nav .secondary-nav > ul.main_nav_bar:after{*/
    /*content:'';*/
    /*width: 100%;*/
    /*height: calc(100vh - 120px);*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: -1;*/
    /*background: #ee0000;*/
    /*}*/
    /*header nav .secondary-nav > ul.main_nav_bar:after{*/
    /*content:'';*/
    /*width: 100%;*/
    /*/!*height: 100vh;*!/*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: -1;*/
    /*background: #ee0000;*/
    /*}*/
    .mobile-menus {
        display: block;
        margin-bottom: 12px;
    }
    .mob-menu {
        display: block;
        margin-left: 20px;
        float: left;
    }
    .mob-menu .menu-btn {
        position: relative;
        display: inline-block;
        font: bold 20px "RTA";
        width: 30px;
        height: 25px;
        color: #fff;
        padding: 0;
        margin: 0;
        outline: none !important
    }
    .mob-menu .menu-btn span {
        position: absolute;
        display: block;
        position: absolute;
        top: 50% !important;
        left: 0 !important;
        height: 2px;
        width: 30px;
        background: #fff;
    }
    .mob-menu .menu-btn span:before {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        content: "";
        top: -10px;
    }
    .mob-menu .menu-btn span:after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        content: "";
        bottom: -10px;
    }
    .hide-mob,
    .hide-mobile {
        display: none !important;
    }
    .hide-desktop {
        display: block;
    }
    .secondary-nav+.col-lg-3,
    header nav .secondary-nav span.pre,
    header nav .secondary-nav span.next {
        display: none;
    }
    .menu-col {
        display: block;
    }
    .menu-col.disable {
        background: #ee0000 !important;
    }
    header nav ul .first-sub-menu {
        overflow: scroll;
    }
}

@media screen and (max-width: 980px) {
    header nav ul .first-sub-menu,
    header nav ul .first-sub-menu .fourth-sub-menu,
    header nav ul .first-sub-menu .second-sub-menu,
    header nav ul .first-sub-menu .third-sub-menu {
        width: 100% !important;
        max-height: 69vh;
    }
    header nav ul>li.quarter-sub-menu .full-grid {
        width: 411px
    }
}

@media screen and (max-width: 880px) {
    .site-control {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .backArrow-desktopHide,
    .site-control {
        display: block
    }
    header nav ul>li>ul>li:hover .full-grid {
        display: none;
        height: 100%;
    }
    header nav .secondary-nav>ul>li>ul {
        max-height: 100%;
        overflow: auto;
        overflow-x: hidden;
        position: relative;
    }
    .red-arrow-btn {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    header .logos {
        margin: 30px 0 25px;
    }
    header .logos .right {
        max-width: calc(100% - 140px);
    }
    /*header .logos .gov-dubai {*/
    /*width: 25%;*/
    /*}*/
    .container.container-1200 {
        width: 100%;
        padding: 0;
    }
    header nav .secondary-nav span.pre,
    header nav .secondary-nav span.next {
        display: none;
    }
}

@media screen and (max-height: 675px) {
    header nav ul>li .full-grid,
    header nav ul>li.full-sub-menu .first-sub-menu {
        height: auto
    }
}

@media screen and (max-width: 320px) {
    header nav .secondary-nav>ul>li>ul {
        height: 170px;
    }
}

@-moz-document url-prefix() {
    /*header .main-nav ul li a.active:after{*/
    /*bottom: -28px;*/
    /*}*/
    /*header nav .secondary-nav > ul > li a span{*/
    /*min-height: 68px;*/
    /*}*/
    /*.large header nav .secondary-nav > ul > li a span{*/
    /*min-height: 74px;*/
    /*}*/
    /*header nav .search .close-x{*/
    /*padding: 20px;*/
    /*}*/
    /*.large header nav .search .close-x {*/
    /*padding: 23px 19px;*/
    /*}*/
    .large header .accessibility .access-droDown {
        top: 188px;
    }
    .large header .main-nav ul li.home.active::after {
        bottom: -29px;
    }
    header .main-nav ul li.home.active::after {
        bottom: -23px;
    }
}

@media all and (-ms-high-contrast: none) {
    /**::-ms-backdrop,  .large header nav .secondary-nav > ul  > li a span {*/
    /*min-height: 73px*/
    /*}*/
    /**::-ms-backdrop,  .large header nav .search .close-x{*/
    /*padding: 23px 19px;*/
    /*}*/
    /*/!* IE11 *!/*/
}

.tabbed-open {
    display: block !important;
}

.skip-menu.active-shadow {
    padding: 6px!important;
    color: #fff!important;
    font-weight: 700;
    background: #53565a;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 1000!important;
    position: absolute;
    opacity: 1!important;
}


/*Arabic*/

header.mmhead {
    direction: rtl;
}

header .main-nav ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

header .main-nav ul li {
    /* float: right; */
    margin: 0 0 0 40px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

header .main-nav ul li:first-child {
    flex: 0;
}

header .main-nav ul li a {
    float: none;
    max-width: 110px;
}

header .main-nav ul li.home em {
    margin-left: inherit;
    margin-right: 0;
}

header .main-nav ul li:nth-child(3) a,
header .main-nav ul li:nth-child(4) a {
    max-width: 70px;
}

header .main-nav ul li em {
    float: left;
    margin: 0 10px 0 0;
}

header nav .search .close-x img {
    float: left;
    margin: 3px 10px 0 0;
}

.lang {
    float: right;
    font: bold 15px "RTA";
    margin: 4px 20px 0 0;
}

header .accessibility {
    float: right;
    margin: 4px 20px 0 0;
}

.login-n-register {
    float: right;
    margin: 4px 30px 0 0;
}

.login-n-register em{
    float:left;
}

.large .login-n-register {
    margin: 4px 0 0 0;
}


.dashboard-icon {
    position: relative;
    float: right;
    font: bold 16px "RTA";
    padding: 0;
    margin: 4px 20px 0 0;
}

.dashboard-icon>a {
    color: #58595b;
    display: block;
}

.dashboard-icon a:hover {
    color: #ee0000;
}

.dashboard-icon span {
    cursor: pointer;
}

.dashboard-icon em {
    float: left;
}

.dashboard-icon em img {
    margin-right: 10px;
    margin-top: -10px;
}

.dashboard-icon em img:last-child {
    display: none;
    margin-top: -10px;
}

.dashboard-icon:hover em img:last-child {
    display: inline-block;
}

.dashboard-icon:hover em img {
    display: none;
}

.dashboard-icon.active span {
    color: #ee0000;
}

.dashboard-icon.active em img:last-child {
    display: inline-block;
}

.dashboard-icon.active em img {
    display: none;
}

header .pull-right {
    float: left !important;
}

header nav .secondary-nav>ul>li>ul>li {
    float: right;
}

header nav .col-md-12>ul>li i {
    float: left;
    margin: -10px 18px 0 0;
}

header nav .col-md-12>ul>li .search {
    float: left;
    padding: 22px 40px 14px 0;
    border-left: none;
    border-right: 1px solid #fff;
}

header nav .col-md-12>ul>li .search i {
    float: left;
    margin: -6px 18px 0 0;
}

header .search-box input[type=search] {
    background-position: left center;
    float: right;
}

header nav ul>li .full-grid {
    left: auto;
    right: 0;
    text-align: right
}

header nav ul.first-sub-menu {
    float: right;
    width: 100%;
}

header nav ul .first-sub-menu li {
    padding: 10px 20px 10px 35px
}

header nav ul .first-sub-menu li em {
    float: right;
    margin: -3px -24px 14px 20px
}

header nav ul .first-sub-menu li em img {
    float: right
}

header nav ul.first-sub-menu .fourth-sub-menu,
header nav ul .first-sub-menu .second-sub-menu,
header nav ul .first-sub-menu .third-sub-menu {
    right: auto;
    left: -98%;
    border-left: none;
    border-right: 1px #eaeaeb solid
}

header nav ul .list-space>li.arrow-sub-menu {
    background: url(../img/sub-menu-arrow-ar.png) 92% 13px no-repeat
}

header nav ul .list-space>li.arrow-sub-menu:hover,
header nav ul .list-space>li.arrow-sub-menu:hover.active-fast,
header nav ul .list-space>li.inner-active-link {
    background: url(../img/sub-menu-arrow-hover-ar.png) 92% 13px no-repeat #f5f5f5
}

header nav ul .list-space>li.inner-active-link {
    color: #e00
}

header nav ul {
    font-family: 'RTA';
    float: right;
}

header nav .secondary-nav span.next {
    float: left;
}

header nav .secondary-nav span.pre,
header nav .secondary-nav>ul {
    float: right;
}

header nav .secondary-nav span.next {
    float: right;
    margin-left: 22px;
    margin-right: 10px;
}

header nav .secondary-nav span.next:after {
    border-width: 8.5px 11px 8.5px 0;
    border-color: transparent #fff transparent transparent;
}

header nav .secondary-nav span.next:after {
    border-width: 8.5px 11px 8.5px 0;
    border-color: transparent #fff transparent transparent;
    margin-left: 0;
    margin-right: 10px;
}

header nav .secondary-nav span.pre:after {
    border-width: 8.5px 0 8.5px 11px;
    border-color: transparent transparent transparent #FFF;
}

header .search i {
    float: left;
    margin: -6px 18px 0 0;
}

header .search {
    border-left: none;
    border-right: 1px solid #fff;
    float: right;
}

header .search span {
    min-width: auto;
}

header .nav-font {
    border-left: 0;
    border-right: 1px solid #fff;
    float: right;
}

header .nav-font .font {
    float: right;
}

header .print {
    float: right;
    border-left: 0;
    border-right: solid 1px #FFF;
    margin-left: 0;
    margin-right: 5px;
    cursor: pointer;
}

.small header .main-nav ul li.active:after {
    bottom: -19px;
}

.medium header .main-nav ul li.active:after,
.large header .main-nav ul li.active:after {
    bottom: -17px;
}

.dubai-ae {
    margin: 0 20px 0 0;
}

header nav ul>li .full-grid .title-sub-menu,
header nav ul>li .full-grid .more-nav {
/*	
    margin-left: 0px;
    margin-right: 30px;
*/
}



header .plus {
    margin: -5px 10px 0 0;
    float: right;
}


/*.medium header .nav-font{*/


/*margin-right: 36px;*/


/*}*/


/*.large header .nav-font {*/


/*margin-right: 16px;*/


/*}*/

header nav .col-md-12>ul>li>a>p {
    font-size: 12px
}

header nav ul .list-space>li,
header nav ul>li.shortMenu .first-sub-menu>li {
    padding-left: 0;
    padding-right: 45px
}

header .accessibility .access-droDown {
    direction: rtl;
    top: 165px;
}

.accessibility .access-droDown .col-md-3 {
    border-right: none !important;
    border-left: 1px solid #cbcccd;
}

.red-arrow-btn {
    float: right;
    padding: 8px 10px 5px 45px;
}

.red-arrow-btn.default-setting {
    padding: 8px 10px 5px 10px;
}

.red-arrow-btn:after {
    right: auto;
    left: 15px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: none;
    border-right: 10px solid #fff;
}

header .font {
    float: right;
    margin: -10px 0 0 20px;
}

header .minus {
    float: right;
}


/*header .plus{
    float: right;
}*/

header .accessibility .access-droDown .contrast-switch label em {
    float: right;
    margin: -4px 0 0 10px;
}

header .search-box input[type=button] {
    float: right;
}

header nav .secondary-nav span.next a:after {
    right: auto;
    left: -30px;
    border-width: 8.5px 11px 8.5px 0;
    border-color: transparent #fff transparent transparent;
}

header nav .secondary-nav span.pre a:after {
    border-width: 8.5px 0 8.5px 11px;
    border-color: transparent transparent transparent #FFF;
}

.mob-menu {
    float: right;
    margin-right: 20px;
    margin-left: 0;
}

.mobile-login {
    float: left;
    margin-left: 20px;
    margin-right: 0;
}

.mobile-login .login-n-register em {
    float: left;
}

.menu-col div {
    float: right;
}

.menu-col .icon-mn {
    margin-right: 0;
    margin-left: 20px;
}

.menu-col .chevron {
    float: left;
}

.menu-col-inner-menu ul {
    padding-left: 0;
    padding-right: 48px;
}

.menu-col-sub-menu li a:before,
.menu-col-inner-menu ul li:before {
    left: auto;
    right: 0;
    background: url(../common/img/latest-img/chevron-left.png) 0 0 no-repeat;
}

.menu-col-inner-menu .back-btn .back-icon {
    margin-left: 20px;
    margin-right: 0;
}

.acc-mode .close-access {
    right: auto;
    left: 28px;
}

.acc-mode label em {
    margin-right: 0;
    margin-left: 20px;
}


/*body .rsbtn .rsbtn_play{*/


/*float: right;*/


/*}*/

.mbl-search-bar .back-btn,
.mbl-search-bar input[type=text],
.mbl-search-bar input[type=button],
.mobile-accessibility .m-search,
.mobile-accessibility .m-lang,
.mobile-accessibility .m-acc {
    float: right;
}


/*font size*/

.small header nav ul .first-sub-menu li em {
    margin: -3px -24px 12px 20px;
}

.small header nav .search .close-x img {
    margin: 3px 9px 0 0;
}

.medium .lang {
    margin: 4px 20px 0 0;
}

.medium header .accessibility {
    margin: 4px 20px 0 0;
}

.medium header .main-nav ul li a {
    min-height: 50px;
    max-width: 130px;
}

.medium header nav .secondary-nav span.next {
    margin-right: 0;
}

.medium .dubai-ae {
    margin-top: 4px;
}

.medium header nav .search .close-x img {
    padding: 3px 8px 0 0;
}

.medium header .main-nav ul li.home.active:after {
    bottom: -17px;
}

.medium header .accessibility .access-droDown {
    top: 185px;
}

.large .login-n-register .login-dropdown a:after {
    right: auto;
    left: 7px;
}

.large header nav .secondary-nav span.next {
    margin-right: 0;
}

.large .lang {
    margin: 4px 15px 0 0;
}

.large .dubai-ae {
    margin-top: 6px;
}

.large header .accessibility {
    margin: 4px 15px 0 0;
}

.large header .accessibility .access-droDown {
    top: 185px;
}

.large header .main-nav ul li a.active:after {
    bottom: -24px;
}

.large header nav .search .close-x img {
    padding: 3px 6px 0 0;
}

.large header .main-nav ul li.home.active:after {
    bottom: -31px;
}

.large header .main-nav ul li a {
    max-width: 140px;
}

.login-n-register em img {
    margin-left: 0;
    margin-right: 10px;
}

header .search-box input[type=button] {
    background: url("../img/search-icon-red.png") no-repeat center;
}

.login-n-register .login-dropdown a:after {
    right: auto;
    left: 21px;
    background: url(../common/img/menu/btn-large-back-menu.png) no-repeat 0 0;
    background-size: 100%;
}

.login-n-register span {
    font: bold 16px "RTA";
}

.login-n-register em {
    /* float: right;
    padding: 0 0 0 10px; */
}

.login-n-register em img:last-child {
    margin-top: -10px;
}

.blind-red .login-n-register .login-dropdown a:after {
    background: url(../common/img/menu/large-back-menu.png) no-repeat 0 0;
    background-size: 100%;
}

.login-n-register .login-dropdown {
    top: 44px;
}

@media screen and (max-width: 1199px) {
    header nav .col-md-12>ul>li>a {
        padding: 22px 10px 17px;
    }
    .lang {
        margin: 4px 20px 0 0;
    }
    header .accessibility {
        margin: 4px 20px 0 0;
    }
    .medium header .accessibility {
        width: 30%;
    }
    .medium header nav .col-md-12>ul>li>a {
        padding: 22px 7px 17px;
    }
    .large header .accessibility {
        width: 30%;
    }
    .large header nav .col-md-12>ul>li .search {
        padding: 22px 7px 17px 0;
    }
    /*.medium header .search {*/
    /*padding: 26px 19px 18px 0;*/
    /*}*/
    /*.large header .search {*/
    /*padding: 25px 18px 21px 0;*/
    /*}*/
    .medium header .main-nav ul li:first-child {
        display: none;
    }
    header .main-nav ul li {
        margin: 0 0 0 30px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    header .nav-font,
    .medium header .nav-font,
    .large header .nav-font {
        margin-right: 0;
    }
    header .nav-font .font {
        margin: 0 14px 0 13px;
    }
    .medium header .nav-font .font {
        margin: 0px 15px 0 10px;
    }
    .large header .nav-font .font {
        margin: 0 14px 0 9px;
    }
    header nav .search .close-x img {
        margin: 3px 0 0 0;
    }
    header .nav-font {
        margin-left: 0;
    }
}

@media screen and (max-width: 990px) {
    header nav .secondary-nav>ul li.shortMenu>a {
        margin-left: 0;
        margin-right: 30px;
    }
    header nav .secondary-nav>ul li.shortMenu>a:before,
    header nav .secondary-nav>ul li.shortMenu>.full-grid a:before {
        left: auto;
        right: 0;
        background: url(../common/img/latest-img/chevron-left.png) 0 0 no-repeat;
        top: 2px;
    }
    header nav .secondary-nav>ul>li>ul>li>a {
        float: right;
    }
    header nav ul li ul li .first-sub-menu li a {
        padding-left: 0;
        padding-right: 25px;
    }
    .full-grid .back-arrow {
        background: url(../img/back-arrow-ar.png) no-repeat right 0;
        padding: 6px 40px 6px 0;
    }
    header nav ul.first-sub-menu li:not(:first-child) {
        margin-left: 0;
        margin-right: 40px;
    }
}

@media screen and (max-width: 768px) {
    .nav-btn {
        left: auto;
        right: 5px
    }
    li.lang-switcher {
        margin-left: 9px !important
    }
}

@-moz-document url-prefix() {
    /*header nav .search .close-x img{ margin: 3px 8px 0 0;}*/
    /*.medium header nav .search .close-x img {*/
    /*padding: 0px 0px 0 0;*/
    /*}*/
    .large header nav .search .close-x img {
        margin: -1px 0px 0 0;
    }
}

@media all and (-ms-high-contrast:none) {
    .small header .accessibility .access-droDown {
        top: 170px;
    }
    .medium header .accessibility .access-droDown {
        top: 184px;
    }
    .large header .accessibility .access-droDown {
        top: 182px;
    }
}

@media screen and (max-width: 767px) {
    .tableWrapper2 {
        padding-bottom: 0px!important;
        margin: 0 -10px 0 -15px!important;
    }
    .pz-fix h2 {
        margin: 20px 0 15px -15px!important;
    }
    .grayWrapper {
        padding-bottom: 0px!important;
    }
    .tableWrapper {
        padding-bottom: 10px;
    }
    .vm-fix {
        width: 100%!important;
        float: left;
        padding: 0!important;
    }
    #Timetables-Page table tr td,
    table tr th {
        padding: 0 6px!important;
        padding-bottom: 6px!important;
        font-size: 12px;
        line-height: 14px;
    }
}

.abra-col h3 {
    line-height: 20px;
    font: bold 20px 'RTA';
}

.vm-fix {
    width: 80%;
    float: left;
    padding-left: 25px;
}

.medium.blind-red .error-404.services-accessible .categories-list .col-grid25 {
    min-height: 156px;
}

.large .blind-red .error-404.services-accessible .categories-list .col-grid25 {
    min-height: 163px;
}

.large #main_nav_part ul.main_nav_bar>li>a>p {
    line-height: 16px;
    font-size: 16px!important;
}

.medium #main_nav_part ul.main_nav_bar>li>a>p {
    line-height: 14px;
    font-size: 14px!important;
}

.small #main_nav_part ul.main_nav_bar>li>a>p {
    line-height: 12px;
    font-size: 12px!important;
}

@media screen and (min-width: 1200px) {
    .en-btn-fix .col-lg-2 {
        width: 14.666667%!important;
        margin: 0;
        padding: 0!important;
    }
}

@media screen and (max-width:990px) {
    .blind-color nav.container-fluid,
    .blind-green nav.container-fluid {
        border-bottom: 0;
    }
    .blind-red header nav {
        border-bottom: 0;
    }
}

.overlay-questions .chat-start li h2,
.overlay-questions .chat-start li p {
    font-size: 16px;
}

.overlay-happy {
    width: 90%;
}

.overlay-questions .status .email-n-print {
    position: static;
    margin-bottom: 3px;
    display: inline-block;
}


}
@media screen and (max-width: 640px) {
    .overlay-questions {
        width: 100%! important;
        bottom: 40px! important;
        right: 0px! important;
        left: auto! important;
        position: fixed;
    }
}
@media (max-width: 1200px) {
    header .main-nav ul li em {
        display: none;
    }

    header .main-nav ul li:first-child em {
        display: block;
    }
}


/*added by mhassan*/
.dashboard {
clear:both !important;
}

/*added by mohanshenoy*/
#readMe {
	clear:both;
}
.width100{
width:100%;
}
.search-action-btn{
	text-indent:-9999px;
 }