ok
Direktori : /home/ngwcolle/public_html/assets/css/ |
Current File : //home/ngwcolle/public_html/assets/css/menu.css |
@import url(root.css); .menu-main-div { border-bottom: 1px solid; border-color: var(--second-color); background: var(--main-color); } .open{ display: block !important; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { background: (--main-color); width: fit-content; text-align-last: left; margin: auto; } #cssmenu ul{ /* display: inline-flex !important; */ } #cssmenu>ul>li { float: left; } /* #cssmenu>ul>li:first-child>a{ padding: 6px; } #cssmenu>ul>li:first-child>a>i{ font-size: 20px; } */ #cssmenu.align-center>ul { font-size: 0; text-align: center; } #cssmenu.align-center>ul>li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right>ul>li { float: right; } #cssmenu>ul>li>a { padding: 9px 16px; font-size: 14px; letter-spacing: 0.7px; text-decoration: none; color: #fff; font-weight: 600; /* border-left: 1px solid #8a90b3; */ } #cssmenu>ul>li:first-child>a{ padding: 7px 8px; } #cssmenu>ul>li:first-child>a>i{ font-size: 18px; } #cssmenu>ul>li:hover { /* background-color: var(--second-color); */ } #cssmenu>ul>li:last-child>a { /* border-right: 1px solid #8a90b3; */ } #cssmenu>ul>li:hover>a { color: #fff; background: var(--second-color); } #cssmenu>ul>li.has-sub>a { /* padding-right: 23px; */ } /* #cssmenu>ul>li.has-sub>a:after { position: absolute; top: 15px; right: 11px; width: 8px; height: 2px; display: block; background: #fff; content: ''; } #cssmenu>ul>li.has-sub>a:before { position: absolute; top: 12px; right: 14px; display: block; width: 2px; height: 8px; background: #fff; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } */ #cssmenu>ul>li.has-sub:hover>a:before { top: 23px; height: 0; } #cssmenu ul ul { position: absolute; left: -9999px; z-index: 9; min-width: 287px; z-index: 999999; display: block; /* box-shadow: 0px 2px 5px 1px #ddd; */ } #cssmenu.align-right ul ul { text-align: right; } #cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu li:hover>ul { left: auto; } #cssmenu li:last-child:hover>ul { /* left: 150px; */ } #cssmenu ul li:nth-last-child(2):hover > .submenu{ left: -244px; } #cssmenu li:hover>ul>li { height: auto; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li a { border-bottom: 1px solid; border-color: var(--main-color); padding: 7px 9px; font-size: 14px; text-decoration: none; color: #fff; background: var(--second-color); display: block; letter-spacing: 0.7px; line-height: 17px; text-align-last: start; } #cssmenu ul ul li:last-child>a, #cssmenu ul ul li.last-item>a { border-bottom: 0; } #cssmenu ul ul li:hover>a, #cssmenu ul ul li a:hover { color: #ffffff !important; background: var(--main-color); } /* #cssmenu ul ul li.has-sub>a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #fff; content: ''; } */ #cssmenu.align-right ul ul li.has-sub>a:after { right: auto; left: 11px; } /* #cssmenu ul ul li.has-sub>a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #fff; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } */ #cssmenu.align-right ul ul li.has-sub>a:before { right: auto; left: 14px; } #cssmenu ul ul>li.has-sub:hover>a:before { top: 17px; height: 0; } .menu-active { background: var(--second-color); } @media (min-width: 1200px) and (max-width: 1295px) { #cssmenu>ul>li>a { padding: 9px; } } @media (min-width: 1024px) and (max-width: 1199px) { #cssmenu>ul>li>a { padding: 9px 10px; /* border-left: 1px solid #2fd1e8; font-size: 13px; letter-spacing: 0.2px; */ } #cssmenu>ul>li:last-child>a { border-right: 1px solid #2fd1e8; } #cssmenu>ul>li.has-sub>a { padding-right: 7px; } #cssmenu>ul>li.has-sub>a:after { width: 0px; height: 0px; } #cssmenu>ul>li.has-sub>a:before { width: 0px; height: 0px; } } /* only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { */ @media all and (max-width: 1023px) { #cssmenu { width: 100%; } #cssmenu ul { width: 100%; /* display: none !important; */ } #cssmenu.align-center>ul { text-align: left; } #cssmenu ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); } #cssmenu ul ul li, #cssmenu li:hover>ul>li { height: auto; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; } #cssmenu>ul>li { float: none; } #cssmenu ul ul li a { padding-left: 25px; } #cssmenu ul ul ul li a { padding-left: 35px; } #cssmenu ul ul li a { color: #fff; background: none; } #cssmenu ul ul li:hover>a, #cssmenu ul ul li.active>a { color: #fff; } #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before, #cssmenu ul ul>li.has-sub>a:after, #cssmenu ul ul>li.has-sub>a:before { display: none; } #cssmenu #menu-button { display: block; padding: 9px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #cssmenu #menu-button:after { position: absolute; top: 15px; right: 17px; display: block; height: 8px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; } #cssmenu #menu-button:before { position: absolute; top: 9px; right: 17px; display: block; height: 2px; width: 20px; background: #fff; content: ''; } #cssmenu #menu-button.menu-opened:after { top: 17px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #cssmenu #menu-button.menu-opened:before { top: 17px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 33px; width: 46px; cursor: pointer; } #cssmenu .submenu-button.submenu-opened { background: #fff; } #cssmenu ul ul .submenu-button { height: 34px; width: 34px; } #cssmenu .submenu-button:after { position: absolute; top: 16px; right: 17px; width: 8px; height: 2px; display: block; background: #fff; content: ''; } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; } #cssmenu .submenu-button.submenu-opened:after { background: #4f4848; } #cssmenu .submenu-button:before { position: absolute; top: 13px; right: 20px; display: block; width: 2px; height: 8px; background: #fff; content: ''; } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; } #cssmenu .submenu-button.submenu-opened:before { display: none; } } .my-footer { background-color: var(--second-color); } .footer-logo img { width: 68px; } .footer-logo h2 { color: #fff; font-weight: 700; font-size: 41px; margin: 0px; } .footer-button { display: flex; flex-direction: row-reverse; } .footer-button a { background: #ffcb0b; padding: 7px 30px 9px; font-weight: 700; color: #003e78; text-decoration: none; } .footer-address p { display: grid; grid-template-columns: 35px auto; } .footer-address p a{ color: #fff; } .footer-address p i{ color: #0e98ad; font-size: 26px; padding: 10px; } .footer-address p span{ color: #fff; padding: 6px; } .footer-address p a i { width: 30px; font-size: 21px; } .footer-btn { padding: 4px 22px 6px; font-weight: 700; color: var(--second-color); text-decoration: none; margin-top: 0px; display: inline-block; } .form-group label { color: #fff; } .footer-title { color: var(--third-color); text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-bottom: 5px; margin-bottom: 2px; position: relative; margin-top: 10px; } .footer-title::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 71px; height: 2px; background-color: var(--third-color); } .footer-title h4{ font-size: 21px; letter-spacing: 0.2px; font-weight: 500; text-transform: capitalize; } .footer-list { list-style: none; padding-left: 0px; } .footer-list li a { color: #fff; display: block; padding: 4px 0px 0px 20px; position: relative; } .footer-list li a::before { content: '\f192'; font-family: FontAwesome; position: absolute; left: 0px; font-size: 12px; top: 5px; color: var(--third-color); } .social-list { text-align: left; margin: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: 17px; } .social-list li { text-align: center; padding: 5px 0px; border: 1px solid #096696; } .social-list li a { color: #10d4f1; padding: 0px; font-weight: normal; } .social-list li a i { margin-right: 7px; } .footer-third { /* border-bottom: 1px solid #96a2af; */ position: relative; padding: 19px 0px; background: #1f1571; } .facebook { color: #048bff; font-size: 22px; } .twitter { color: #70bcfd; font-size: 22px; } .instagram { color: #f14e73; font-size: 22px; } .linkedin { color: #6ef1f1; font-size: 22px; } .footer-last { background-color: #053c58; margin-top: 15px; } .footer-last-left { /* padding-left: 0px; */ } .footer-last-left p { color: #fff; } .footer-last-right { /* padding-right: 0px; */ } .footer-last-right p { color: #fff; } .footer-connect{ background: var(--main-color); padding: 5px; font-size: 20px; font-weight: 600; color: #fff; letter-spacing: 1px; } .footer-connect img{ width: 35px; margin-right: 6px; } .carousel-control-next i, .carousel-control-prev i { background: #ff6001; padding: 10px 12px; color: #ffffff; } .carousel-control-next, .carousel-control-prev { position: absolute; top: 88%; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 1; transition: opacity .15s ease; height: 0px; } .newsletter .content { max-width: 100%; margin: 0 auto; text-align: center; position: relative; z-index: 2; } .newsletter .content h2 { color: #243c4f; margin-bottom: 40px; } .newsletter .content .form-control { height: 50px; border-color: #ffffff; border-radius: 0px; /* border-radius: 29px 0px 0px 29px; */ } .newsletter .content.form-control:focus { box-shadow: none; border: 2px solid #243c4f; } .newsletter .content .btn { min-height: 50px; background: #c54f6b; color: #fff; font-weight: 600; border-radius: 0px; /* border-radius: 0px 29px 29px 0px; */ } #style-6::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } #style-6::-webkit-scrollbar { width: 7px; background-color: #F5F5F5; } #style-6::-webkit-scrollbar-thumb { background-color: var(--second-color); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) }