*, *:after, *:before { box-sizing: border-box; } li { list-style: none; font-size: 16px; } .isfff { color: #fff; } .text-left { text-align: left; } .animenu__toggle { display: none; cursor: pointer; background-color: #111; margin-left: auto; border: 0; padding: 10px; height: 40px; width: 40px; } .animenu__toggle:hover { background-color: #111; } .animenu__toggle__bar { display: block; width: 20px; height: 2px; background-color: #fff; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); } .animenu__toggle__bar+.animenu__toggle__bar { margin-top: 4px; } .animenu__toggle--active .animenu__toggle__bar { margin: 0; position: absolute; } .animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .animenu__toggle--active .animenu__toggle__bar:nth-child(2) { opacity: 0; } .animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .animenu { display: block; } .animenu ul { padding: 0; list-style: none; font: 0px 'Open Sans', Arial, Helvetica; } .animenu li, .animenu a { display: inline-block; font-size: 15px; } .animenu a { color: #aaaaaa; text-decoration: none; } .animenu__nav { background-color: rgba(0, 0, 0, 0.9); } .animenu__nav>li { position: relative; /* border-right: 1px solid #444444; */ } .animenu__nav>li>a { padding: 10px 15px; text-transform: uppercase; color: #fff; } /* .animenu__nav__child>li:before { content: ""; border: 4px solid transparent; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 10px; } */ .animenu__nav>li:hover>ul { opacity: 1; visibility: visible; margin: 0; } .animenu__nav>li:hover>a { color: #00aebb; } .is-active { color: #00aebb; } .animenu__nav__child { min-width: 130%; position: absolute; top: 100%; left: 0; z-index: 1; opacity: 0; visibility: hidden; margin: 20px 0 0 0; background-color: #000000; transition: margin .15s, opacity .15s; opacity: 0.9; } .animenu__nav__child>li { width: 100%; border-bottom: 1px solid #515151; height: 35px; line-height: 35px; } .animenu__nav__child li a:hover { color: #00aebb; } .animenu__nav__child>li:first-child>a:after { content: ''; position: absolute; height: 0; width: 0; left: 1em; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit; } .animenu__nav__child>li:last-child { border: 0; } .animenu__nav__child a { padding: 10px; width: 100%; border-color: #000000; opacity: 0.9; } .animenu__nav__child a:hover { /* background-color: #0186ba; */ /* border-color: #0186ba; */ color: #fff; } /* .animenu__nav>li>a:first-child:nth-last-child(2):before { content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 10px; } */ @media screen and (max-width: 767px) { .animenu__toggle { display: inline-block; } .animenu__nav, .animenu__nav__child { display: none; } .animenu__nav { margin: 10px 0; } .animenu__nav>li { width: 100%; border-right: 0; border-bottom: 1px solid #515151; } .animenu__nav>li:last-child { border: 0; } .animenu__nav>li:first-child>a:after { content: ''; position: absolute; height: 0; width: 0; left: 1em; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit; } .animenu__nav>li>a { width: 100%; padding: 10px; border-color: #313131; position: relative; } .animenu__nav a:hover { background-color: #0186ba; border-color: #0186ba; color: #fff; } .animenu__nav__child { position: static; background-color: #313131; margin: 0; transition: none; visibility: visible; opacity: 1; } .animenu__nav__child>li:first-child>a:after { content: none; } .animenu__nav__child a { padding-left: 20px; width: 100%; } } .animenu__nav--open { display: block !important; } .animenu__nav--open .animenu__nav__child { display: block; } .footer { font-size: 16px; } .footer_nav_content { width: 20%; display: flex; flex-direction: column; } .footer_nav_title { color: #00aebb; margin-bottom: 0px; } .footer_nav_hr { width: 80%; padding: 0em; margin: -0.1em 0 0.3em 0; background: #515151; border-top: 1px solid #515151; } .footer_nav_item { color: #626262; } .footer_nav_item a{ text-decoration:none; } .footer_nav_item:hover{ color: #00aebb; text-decoration:none; }