                    a[accesskey] {
                        position: absolute;
                        align-self: flex-start;
                        margin-left: -27px;    
                        color: rgba(0,0,0,.3);
                    }
                    
                    /*-nav-*/
                    .alnk_tw,.alnk_en { font-size:smaller; margin-top:2px;}
                    .alnk_tw { margin-left:1rem}
                    .language_outline {  padding:1px 0; height:1.2rem ; border:solid 1px; line-height:1.0; margin-top:0.66rem; text-align:center}
                    @media screen and (max-width: 768px){
                    .language_outline { width:3rem; margin-left:0}
                    }

                    @media(min-width: 768px) {
                        .navbar-nav { margin: 44px 0 0; }
                    }
                    
                    .bg-gray { background:#b3b3b3; }

                            /*--slide menu--*/
                            #menu_button, #menu_button2 { cursor:pointer;font-size: 1rem;}
                            #menu_links {
                                display:none;
                                position:absolute;
                                z-index:1000;
                                left:0;
                                width: 65%;
                                height:900px;
                                margin-top: 3px;
                                padding: 0.3rem 0.5rem;
                                color: rgba(255,255,255,.68);
                                text-align: left;
                                list-style: none;
                                background: #000000;
                                background-clip: padding-box;
                                border-bottom: 1px solid rgba(255,255,255,.3);
                                border-radius: 0rem;

                                        
                            }        
                            #menu_links2 {
                                display:none;
                                position:absolute;
                                z-index:1000;
                                left:0;
                                width: 65%;
                                height:900px;
                                margin-top: 3px;
                                padding: 0.3rem 0.5rem;
                                color: rgba(255,255,255,.68);
                                text-align: left;
                                list-style: none;
                                background-color: #000;
                                background-clip: padding-box;
                                border-bottom: 1px solid rgba(255,255,255,.3);
                                border-radius: 0rem;        
                            }        
                            #menu_links .row ,#menu_links2 .row { margin-left:8%}
                            #menu_links2 .text-nowrap { letter-spacing:-2px}
                            #menu_links .time, #menu_links2 .time { font-size:20px; letter-spacing:2px; padding-left:5%; padding-top:0;}
                            #menu_links .nominee { line-height:1.44}
                            
                            .time p { padding-top:16px; padding-left:0;}     
                            @media(min-width:992px) { .time p,.time small { padding-left: 1.5rem }} 
                            
                            @media (max-width:1200px) {
                                #menu_links, #menu_links2 { width: 85%;}
                                #menu_links .row ,#menu_links2 .row { margin-left:0}
                            }                               
                            @media (max-width:1450px) {
                            }
                            @media (max-width:1680px) { 
                                #menu_links, #menu_links2 { width: 80%;}
                            }                
                            @media (max-width:1800px) { 
                                #menu_links, #menu_links2 { width: 75%;}
                            }
                            @media (max-width:991px) { #menu_links, #menu_links2 { width: 90%;} }
                            @media (max-width:768px) { #menu_links, #menu_links2 { width: 92%; padding-top:0; padding-bottom:40px; height:auto;} 
                                #menu_button, #menu_button2{ margin:0.5rem 0 0 0.5rem; padding-bottom:0}
                                #menu_links p ,#menu_links2 p { margin:0;line-height:2.0}
                                #menu_links .dropdown-header, #menu_links2 .dropdown-header  {  padding-top:1rem; padding-bottom:0}
                                #menu_links .time, #menu_links2 .time { font-size:1rem; letter-spacing:1px; padding-top:16px}
                                #menu_links .mm { }
                            }
        
                                   
#logo_m_white { /*background-image:url("images/logo_m_white.png"); background-repeat:no-repeat; display:block;*/} 


@media (max-width:767px) {
    .navbar-white {
        /* background:url(images/top_navi_GMA_phone.webp) no-repeat;    
        background-size: cover;  */
        /* background: linear-gradient(135deg, #ff004d 0%, #ed1779 26%, #ff004d 42%, #ff2186 75%, #ff004d 100%); */
        /*background: rgba(0, 0, 0, .9);*/
        background: rgba(0,0,0,.8) url(../images/home/img_main01.webp) no-repeat right 59px;;    
		background-size: cover;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }
}

@media (min-width:768px) {
    .navbar-dark {
        /*background:rgba(255,255,255,.1)*/
        /*background:url(images/top_navi_GMA.webp) no-repeat;     
        background-size: cover; */
    }
}
                        
.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, .75) }
@media (max-width:767px) {
    .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 1) }
}
.navbar-nav .nav-item { /*font-size: .98rem;*/ }
.navbar-nav .nav-item a.nav-link{ /*text-shadow: 2px 1px 2px rgba(0, 0, 0, .6);*/}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .95) ;
    transition: color .5s;
} 
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff; font-weight:800;
}     
.dropdown-header { color: rgba(255,255,255,.68); font-size:1rem; padding-top:0.5rem; padding-bottom:2rem; padding-left:0; text-align:left}


.dropdown-header a { position:relative; }
.dropdown-header a:after {
    content:"";
    position:absolute;
    width:0px;
    height:3px;
    bottom:-10px;
    left:0;
    background:#c3996b;
    transition:width .25s ease;
}
.dropdown-header a:hover:after {
    content:"";
    position:absolute;
    width:110px;
    height:3px;
}

/*.dropdown-header a { color: rgba(255,255,255,.68);}
.dropdown-header a:hover { color: rgba(255,255,255,1); text-decoration: none; border-bottom:solid 2px #fff; padding-bottom:1px}*/


                            @media (max-width: 767px) {
                              .dropdown-header { margin-left:-1rem; padding-bottom:1rem}
                              .dropdown-header::before { content:"¡E"}
                            }            
                            /*-- effect for megamenu --*/
                            .mm a { color:#ccc!important;text-decoration: none}
                            .mm2 a { color:#fff;text-decoration: none}
                            .mm, .mm2 { 
                                opacity: 0.68;
                                margin-left:-0.7rem;
                                display:block;
                                transition: all 1s ease;
                                transform: translateX(0px);
                            }
                            .mm:hover {color:#ddd!important;}
                            .mm2:hover {color:#fff;}
                            .mm:hover, .mm2:hover {                                 
                                opacity: 1;
                                transition: all 0.3s ease;
                                transform: translateX(1rem);
                            }
                            .mm a::before, .mm2 a::before{                             
                                opacity: 0;
                                content: '¢w';            
                                transition: transform 0.3s, opacity 0.2s;
                                transform: translateX(0px);
            
                            }
                            .mm a:hover::before,
                            .mm a:focus::before,
                            .mm2 a:hover::before,
                            .mm2 a:focus::before {                            
                                margin-right: 3px;
                                opacity: 1;
                                transform: translateX(-1rem);
                            }
                            /*-- //effect for megamenut --*/      

                    @media(min-width:768px) {
                        .social_icons { padding-right:0.25rem}
                        .navbar {
                            padding:10px;    
                            height: 80px;
                            border-bottom:solid 1px rgba(255,255,255,0.15);                        
                            /*border-bottom: 11px solid rgb(255 255 255 / 7%);*/
                            /* box-shadow: 0px 5px 20px rgba(0, 0, 0, .3); */
                            /*background: linear-gradient(135deg, #ff035a 0%, #ff52ae 26%, #ff0056 42%, #ff2186 75%, #ff035a 100%);*/
                            /*background: linear-gradient(135deg, #ff089f 0%, #ff64ca 26%, #ff189b 42%, #ff2186 75%, #ff0097 100%);*/
                            /* background: linear-gradient(135deg, #ff004d 0%, #ed1779 26%, #ff004d 42%, #ff2186 75%, #ff004d 100%); */

                            -webkit-backdrop-filter: blur(6px);
                            /*backdrop-filter: blur(6px);*/
                            transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
                            /*will-change: transform;*/
                        }
                        .logo_s { width: 225px; }
                        .dropdown { margin-top:-8px}
                        /*.top-nav-collapse {
                            padding:  0;
                            margin-top:-2.4rem;
                            border-bottom:solid 1px rgba(255,255,255,0.15);
                        }
                        .top-nav-collapse .navbar-brand .logo_s { 
                            transform: scale(0.5) translate(-13rem, 2.2rem);  
                            transition: all .5s ease-in-out;
                            width: 445px;
                        }*/                
                    }
                    
                    @media(min-width: 768px) and (max-width: 991px) {
                        .logo_s { width:282px}
                        #logo_m_white, #logo_m_gold { background-size:60%; margin-left:20px}
                        .logo_m { width:60%}
                        .time p { width:60%; font-size:1rem; text-align:center; padding-left:20px}
                        .navbar .container { max-width:100%}
                        /*.navbar { font-size:small}*/
                        .navbar-brand { margin-right:0; padding-right:0;width:20%;}
                    }
                    @media(max-width:767px) {
                        .logo_s { width:50%}
                        .logo_phone { height: 36px; }
                        #logo_m_white, #logo_m_gold { background-size:80%; margin-left:30px}
                        .logo_m { width:80%}
                        .time p { width:100%; font-size:1rem; padding-left:30px}
                        .time .no_br br { display:none}
                        .social_icons img { margin:0 0.2rem}
                        .social_icons a { padding:0 0.3rem;}
                        /*--for phone's scroll--*/

                        .navbar-collapse.in { max-height: none; overflow:auto;}
                        /*--/for phone's scroll--*/
                        .navbar-collapse { 
                            display: flex;
                            justify-content: center;
                            height: 100vh;
                            text-align: center; 
                            transition: all 0s;
                        }
                        ul.navbar-nav{
                            display: flex;
                            justify-content: center !important;
                            height: 77%;
                            padding-bottom: 88px !important;
                        }
                    }