/*!
Theme Name: Innovila
Author: Innovila
Author URI: https://www.innovila.fi
Description: Innovila site
*/



@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}



.top-image>div {
    position: relative
}

@media screen and (max-width:559px) {
    .top-image>div {
        padding: 0 .2em
    }
}

.top-image>div a:hover {
    background-color: #fff;
    color: #000000
}

.wp-block-quote {
    background-color: #f8f4f1;
    border-left: 6px solid #000000;
    margin: 30px 0;
    padding: 50px
}

.wp-block-quote p:first-child {
    margin-top: 0
}

.wp-block-quote cite {
    display: block;
    line-height: 160%;
    margin-top: 25px
}

.wp-block-quote svg {
    fill: #000000;
    height: auto;
    margin-bottom: .75rem;
    width: 30px
}

.sct-content hr {
    background-color: #f8f4f1;
    border: none;
    height: 1px;
    margin: 2em 0
}

img {
    display: inline-block;
    height: auto
}

iframe,
img {
    max-width: 100%
}

iframe {
    border: 0
}

@media screen and (min-width:768px) {
    .sct-content .container {
        padding-left: 0;
        padding-right: 0
    }
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

form {
    color: #000;
    line-height: 1.5;
    margin: 1em auto auto
}

@media screen and (max-width:559px) {
    form {
        padding: 1em 0;
        width: 100%
    }
}

form input,
form textarea {
    font-family: Cormorant Garamond, serif
}

form input[type=email],
form input[type=tel],
form input[type=text],
form textarea {
    border: 1px solid #ddd;
    border-radius: .2em;
    box-sizing: border-box;
    font-size: 1em;
    margin: .5em 0;
    padding: 1em;
    width: 100%
}

form legend.gfield_label {
    font-size: 1.25rem !important
}

form .gfield_description {
    font-size: .9625rem !important
}

form .gfield_checkbox .gchoice {
    margin-bottom: .5em
}

form .gfield_checkbox .gchoice input,
form .gfield_checkbox .gchoice label,
form .gfield_radio .gchoice input,
form .gfield_radio .gchoice label {
    cursor: pointer
}

form input[type=checkbox] {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 18%;
    font-size: .9em;
    height: 1.7em;
    margin-left: 0;
    margin-right: .5em;
    margin-top: 0;
    position: relative;
    width: 1.7em
}

form input[type=checkbox]:checked:after {
    background-image: url(/wp-content/themes/netello/img/icon-check-thin.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 17px;
    left: 12%;
    position: absolute;
    top: 12%;
    width: 17px
}

form input[type=radio] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 1em;
    margin-bottom: -.175em;
    margin-right: .5em;
    margin-top: .25rem;
    outline: 1px solid #ddd;
    padding-bottom: .25rem;
    width: 1em
}

form input[type=radio]:checked {
    background: #000000
}

form textarea {
    font-family: Open Sans, sans-serif
}

form input[type=submit] {
    cursor: pointer
}

.sct-addr-bg {
    background: #212121;
    color: #fff;
    font-size: .9rem;
    line-height: 1.6;
    margin-top: 0;
    padding: 4rem 1.5rem;
    position: relative;
    text-align: center
}
.sct-addr-bg .container {max-width:1400px; width:100%; margin:0 auto;}
@media screen and (min-width:560px) {
    .sct-addr-bg {
        text-align: left
    }
}

.sct-addr-bg.has-not-margin-top {
    margin-top: 0 !important
}

@media screen and (min-width:560px) {
    .sct-addr-bg .grid-content {
        display: flex;
        flex-wrap: wrap
    }
    .sct-addr-bg .grid-content>div {
        width: 50%
    }
}

@media screen and (min-width:1400px) {
    .sct-addr-bg .grid-content>div {
        flex: 1;
        width: auto
    }
}

.sct-addr-bg h3 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.sct-addr-bg a, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    color: #d6002d
}

.sct-addr-bg a:hover {color:#fff;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    background-color: #ffffff !important;
}

.sct-addr-bg .somelinkit {
    display: inline-block;
    padding-top: .2rem
}

.sct-addr-bg .somelinkit .wp-block-social-links {
    margin: 0
}

.sct-addr-bg .somelinkit .wp-block-social-links .wp-social-link a {
    padding: 0
}

@media screen and (max-width:559px) {
    .sct-addr-bg .sarake {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
}

.logot {
    text-align: left;
    position:relative;
    margin:0 40px;
    max-width:unset;
    width:auto;
}
.logot:before {
    content:'';
    height:2px;
    background: #439229;
    position:absolute;
    top:50%;
    margin-top:-1px;
    lefT:0;
    right:0;
}


.logot img {
    height: auto;
    max-height: 130px;
    max-width: 100%;
    padding: 20px;
    vertical-align: middle;
    width: auto;
}

.sct-cpright-bg {
    background-color: #181818;
    border-top: 1px solid #333;
    color: #888;
    font-size: .8rem;
    padding:10px;
}

.sct-cpright-bg a {
    color: #1a1a1a
}

.sct-cpright-bg a:hover {
    color: #000000
}

.sct-cpright {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:559px) {
    .sct-cpright {
        flex-direction: column
    }
}


.sct-cpright .sct-cpright-left p,
.sct-cpright .sct-cpright-right p {
    display: inline-block;
    margin: 0
}

@media screen and (min-width:560px) {
    .sct-cpright {
        position: relative
    }
}

.sivunappi {
    bottom: 20px;
    position: fixed;
    right: 0;
    z-index: 5
}

@media screen and (max-width:500px) {
    .sivunappi {
        display: none
    }
}

.sivunappi a {
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: .5rem;
    padding: .6rem .7rem;
    text-align: center;
    text-transform: uppercase
}

.sivunappi a:hover {
    background-color: #e3d5ca;
    border: 1px solid #e3d5ca;
    color: #fff
}
.footer-tausta-alue {max-width:1400px; margin:0 auto; padding:1.5rem;}
.footer-tausta-alue .container {
    background:#000;
    color: #fff;
    position: relative;
    border-radius:20px;
}
.footer-tausta-alue h3 {font-size:50px;margin-bottom:0;}
@media (max-width:1024px) {
	.footer-tausta-alue h3 {font-size:42px;}
}
@media (max-width:767px) {
	.footer-tausta-alue h3 {font-size:32px;}
}
@media (max-width:565px) {
	.footer-tausta-alue h3 {font-size:22px;}
}

.footer-tausta-alue .container {
    position: relative;
    z-index: 2
}

@media screen and (min-width:768px) {
    .footer-tausta-alue .container {
        display: flex;
        padding: 4rem 0 3rem 0
    }
}

@media screen and (min-width:1600px) {
    .footer-tausta-alue .container {
        padding: 6rem 0 4rem 0;
    }
}



.footer-tausta-alue .taustakuva {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.footer-tausta-alue h2,
.footer-tausta-alue h3,
.footer-tausta-alue h4,
.footer-tausta-alue p {
    color: #fff
}

.footer-tausta-alue h3 {
    margin-top: 0 !important
}


.footer-tausta-alue .footer-sisalto {
    margin-top: 1rem
}

.footer-tausta-alue .footersarake {
    border-bottom: 1px solid #9d9e9b;
    padding: 1rem;
    position: relative;
    text-align: center
}

.footer-tausta-alue .footersarake:last-child {
    border-bottom: none
}



@media screen and (min-width:768px) {
    .footer-tausta-alue .footersarake {
        border-bottom: none;
        border-left: 1px solid #9d9e9b;
        flex: 1;
        padding: 2rem
    }
    .footer-tausta-alue .footersarake:first-child {
        border-left: none
    }
}

@media screen and (min-width:1600px) {
    .footer-tausta-alue .footersarake {
        padding: 2rem 3rem
    }
}


.kapea-sivu .henkilosto {
    justify-content: start
}

.henkilosto {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    margin: 3rem auto
}

@media screen and (max-width:767px) {
    .henkilosto {
        grid-template-columns: 1fr
    }
}

.henkilosto.col-1 {
    grid-template-columns: repeat(1, 1fr)
}

@media screen and (max-width:767px) {
    .henkilosto.col-1 {
        grid-template-columns: 1fr
    }
}

.henkilosto.col-1:not(.has-kuva-vasemmalla) {
    max-width: 700px
}

@media screen and (max-width:1200px) {
    .henkilosto.col-1 .henkilo.has-kuva-vasemmalla {
        flex-direction: column
    }
    .henkilosto.col-1 .henkilo.has-kuva-vasemmalla .henkilo-kuva {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .henkilosto.col-1 .henkilo.has-kuva-vasemmalla {
        max-width: 350px !important
    }
}

.henkilosto.col-2 {
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:767px) {
    .henkilosto.col-2 {
        grid-template-columns: 1fr
    }
}

.henkilosto.col-2:not(.has-kuva-vasemmalla) {
    max-width: 700px
}

.henkilosto.col-3 {
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:767px) {
    .henkilosto.col-3 {
        grid-template-columns: 1fr
    }
}

@media screen and (min-width:560px) {
    .henkilosto.col-4 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:768px) {
    .henkilosto.col-4 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (min-width:560px) {
    .henkilosto.col-5 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:768px) {
    .henkilosto.col-5 {
        grid-template-columns: repeat(5, 1fr)
    }
}

.henkilosto .henkilo {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    height: 100%
}

@media screen and (max-width:1150px) {
    .henkilosto .henkilo {
        font-size: 1rem
    }
}

.henkilosto .henkilo.has-laatikko .sisalto {
    padding: 1.5rem
}

.henkilosto .henkilo.has-laatikko.has-kuva-vasemmalla .sisalto {
    padding: 3rem
}

@media screen and (max-width:1150px) {
    .henkilosto .henkilo.has-laatikko.has-kuva-vasemmalla .sisalto {
        padding: 2.5rem
    }
}

.henkilosto .henkilo.has-varjo {
    box-shadow: 0 1px 15px -2px rgba(0, 0, 0, .1)
}

.henkilosto .henkilo.has-taustavari {
    background-color: #f4f4f4
}

.henkilosto .henkilo.has-kuva-vasemmalla {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .henkilosto .henkilo.has-kuva-vasemmalla {
        flex-direction: row
    }
}

.henkilosto .henkilo.has-kuva-vasemmalla .henkilo-kuva {
    flex: 0 0 auto;
    width: 37%
}

@media screen and (max-width:767px) {
    .henkilosto .henkilo.has-kuva-vasemmalla .henkilo-kuva {
        max-height: 350px;
        width: 100%
    }
}

.henkilosto .henkilo.has-kuva-vasemmalla .henkilo-kuva img,
.henkilosto .henkilo.has-kuva-vasemmalla .henkilo-kuva picture {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:767px) {
    .henkilosto .henkilo.has-kuva-vasemmalla .henkilo-kuva img,
    .henkilosto .henkilo.has-kuva-vasemmalla .henkilo-kuva picture {
        max-height: 350px
    }
}

.henkilosto .henkilo .henkilo-kuva {
    background-color: #fafafa
}

.henkilosto .henkilo .henkilo-kuva img,
.henkilosto .henkilo henkilo-kuva picture {
    height: 320px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.henkilosto .henkilo .sisalto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    word-break: break-word
}

.henkilosto .henkilo .sisalto .henkilo-nimi {
    font-size: 1.25rem;
    margin: 0
}

.henkilosto .henkilo .sisalto p {
    margin: .5rem 0
}

.henkilosto .henkilo .sisalto p:first-child {
    margin-top: 0
}

.henkilosto .henkilo .sisalto p:last-child {
    margin-bottom: 0
}

.henkilosto .henkilo .sisalto .nappi-1:last-child,
.henkilosto .henkilo .sisalto .nappi-2:last-child {
    margin: .5rem 0 0
}

.etusivu .referenssit-2 .referenssi .sisalto-wrapper .sisalto {
    font-size: 1rem
}

.kapea-sivu .referenssit-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 2rem 0
}

@media screen and (min-width:560px) {
    .kapea-sivu .referenssit-2.col-3>div {
        width: calc(50% - 1rem)
    }
}

.referenssit-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 2.75rem 0
}

@media screen and (min-width:560px) {
    .referenssit-2.col-2>div {
        width: calc(50% - 1rem)
    }
    .referenssit-2.col-3>div {
        width: calc(33.3333% - 1rem)
    }
    .referenssit-2.col-4>div {
        width: calc(50% - 1rem)
    }
}

@media screen and (min-width:768px) {
    .referenssit-2.col-4>div {
        width: calc(25% - 1rem)
    }
}

.referenssit-2.has-rivit {
    flex-direction: column
}

.referenssit-2 .referenssi {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 15px -2px rgba(0, 0, 0, .1);
    display: flex;
    gap: 1rem;
    height: 100%;
    padding: 2.625rem
}

.referenssit-2 .referenssi .lainausmerkki {
    background-image: url(/wp-content/themes/netello/img/icon-quote-large.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex: 0 0 auto;
    height: 1.75rem;
    width: 1.75rem
}

.referenssit-2 .referenssi .sisalto-wrapper {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.referenssit-2 .referenssi .sisalto-wrapper .sisalto {
    color: #1a1a1a;
    color: #666;
    line-height: 1.5;
    margin: 0
}

.referenssit-2 .referenssi .sisalto-wrapper .alateksti {
    color: #1a1a1a;
    font-size: .875rem;
    line-height: 1.35em;
    margin: .5rem 0 0
}

.referenssit-2 .referenssi .sisalto-wrapper .alateksti .nimi {
    font-weight: 700;
    margin: 0
}

.referenssit-2 .referenssi .sisalto-wrapper .alateksti .yritys:before {
    content: "- ";
    display: inline
}

.referenssit-2 .referenssi .sisalto-wrapper .alateksti.has-yritys-teksti-alhaalla {
    display: flex;
    flex-direction: column
}

.referenssit-2 .referenssi .sisalto-wrapper .alateksti.has-yritys-teksti-alhaalla .yritys {
    margin-top: .375rem
}

.referenssit-2 .referenssi .sisalto-wrapper .alateksti.has-yritys-teksti-alhaalla .yritys:before {
    display: none
}

.referenssit-2 .kuva {
    flex: 1 0 auto;
    height: 100px;
    margin: auto;
    width: 100px
}

.referenssit-2 .kuva img,
.referenssit-2 .kuva picture {
    border-radius: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100px
}

.referenssit-2 .linkki {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vaiheet-vierekkain {
    margin-inline: auto;
    max-width: 94em
}

@media screen and (min-width:54em) {
    .vaiheet-vierekkain {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:70em) {
    .vaiheet-vierekkain.col-2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .vaiheet-vierekkain.col-3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .vaiheet-vierekkain.col-4 {
        grid-template-columns: repeat(4, 1fr)
    }
    .vaiheet-vierekkain.col-5 {
        grid-template-columns: repeat(5, 1fr)
    }
}

.vaiheet-vierekkain>div {
    background-color: #f8f4f1;
    position: relative
}

.vaiheet-vierekkain>div.link {
    padding-bottom: 2.5rem
}

@media screen and (max-width:54em) {
    .vaiheet-vierekkain>div {
        margin-bottom: 1.5rem
    }
}

.vaiheet-vierekkain>div .title {
    align-items: center;
    background-color: #583f2c;
    color: #fff;
    display: grid;
    font-weight: 700;
    gap: .25rem;
    grid-template-columns: 3rem 1fr
}

.vaiheet-vierekkain>div .title .number {
    background-color: #36271b;
    display: block;
    font-size: 1.5rem;
    padding: 1rem .5rem;
    text-align: center
}

.vaiheet-vierekkain>div .title .title-text {
    display: block;
    padding: .25rem .5rem
}

.vaiheet-vierekkain>div .teksti {
    padding: 1rem 1.5rem
}

.vaiheet-vierekkain>div .linkki {
    bottom: 1.5rem;
    color: #000000;
    font-weight: 700;
    left: 1.5rem;
    position: absolute
}

.vaiheet-vierekkain>div .linkkilaatikko {
    inset: 0;
    position: absolute;
    z-index: 10
}

.vaiheet-allekkain {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0
}

.vaiheet-allekkain.is-center {
    margin: 2rem auto
}

.vaiheet-allekkain.has-laatikko {
    gap: 1rem
}

.vaiheet-allekkain .vaihe {
    display: flex;
    gap: 1rem;
    height: 100%;
    position: relative;
    width: 100%
}

.vaiheet-allekkain .vaihe:not(.has-otsikko) .sisalto-wrapper {
    align-items: center;
    display: flex
}

.vaiheet-allekkain .vaihe.has-laatikko {
    padding: 1.5rem
}

.vaiheet-allekkain .vaihe.has-taustavari {
    background-color: #f8f4f1
}

.vaiheet-allekkain .vaihe.has-taustavari .vaihe-numero {
    color: #0e0e0e
}

.vaiheet-allekkain .vaihe.has-taustavari p {
    color: #1a1a1a
}

.vaiheet-allekkain .vaihe.has-taustavari.has-tumma-taustavari {
    background-color: #e3d5ca
}

.vaiheet-allekkain .vaihe.has-taustavari.has-tumma-taustavari .vaihe-numero,
.vaiheet-allekkain .vaihe.has-taustavari.has-tumma-taustavari h2,
.vaiheet-allekkain .vaihe.has-taustavari.has-tumma-taustavari h3,
.vaiheet-allekkain .vaihe.has-taustavari.has-tumma-taustavari h4,
.vaiheet-allekkain .vaihe.has-taustavari.has-tumma-taustavari li,
.vaiheet-allekkain .vaihe.has-taustavari.has-tumma-taustavari p {
    color: #fff
}

.vaiheet-allekkain .vaihe.has-varjo {
    background-color: #fff;
    box-shadow: 0 1px 15px -2px rgba(0, 0, 0, .1)
}

.vaiheet-allekkain .vaihe.has-varjo .vaihe-numero {
    color: #0e0e0e
}

.vaiheet-allekkain .vaihe.has-varjo p {
    color: #1a1a1a
}

.vaiheet-allekkain .vaihe.has-viiva.has-valkoinen-viiva:before {
    background: #fff
}

.vaiheet-allekkain .vaihe.has-viiva.has-valkoinen-viiva .vaihe-numero-container .vaihe-numero {
    border: 2px solid #fff
}

.vaiheet-allekkain .vaihe.has-viiva {
    gap: 1.5rem
}

.vaiheet-allekkain .vaihe.has-viiva:before {
    background: #e3d5ca;
    content: "";
    display: inline-block;
    height: calc(100% + 1rem);
    left: 2rem;
    position: absolute;
    top: 4rem;
    width: 2px;
    z-index: 0
}

@media (max-width:991px) {
    .vaiheet-allekkain .vaihe.has-viiva:before {
        left: 1.625rem;
        top: 3.25rem
    }
}

.vaiheet-allekkain .vaihe.has-viiva:last-child:before {
    display: none
}

.vaiheet-allekkain .vaihe.has-viiva .vaihe-numero-container {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 70px;
    width: 70px
}

@media (max-width:991px) {
    .vaiheet-allekkain .vaihe.has-viiva .vaihe-numero-container {
        height: 55px;
        width: 55px
    }
}

.vaiheet-allekkain .vaihe.has-viiva .vaihe-numero-container .vaihe-numero {
    align-items: center;
    background: #000000;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 2
}

.vaiheet-allekkain .vaihe .vaihe-numero-container {
    align-items: center;
    display: flex;
    display: inline-block;
    margin: 0 auto auto;
    position: relative;
    text-align: center
}

.vaiheet-allekkain .vaihe .vaihe-numero-container .vaihe-numero {
    font-size: 2rem;
    font-weight: 700;
    height: 2.25rem;
    line-height: 1;
    padding: .25rem 0;
    width: 2rem
}

.vaiheet-allekkain .vaihe .sisalto-wrapper {
    flex: 1 1 auto;
    margin-top: .5rem;
    position: relative
}

.vaiheet-allekkain .vaihe .sisalto-wrapper h3 {
    font-size: 1.25rem
}

.vaiheet-allekkain .vaihe .sisalto-wrapper h3:first-child {
    margin: 0 auto .75rem
}

.vaiheet-allekkain .vaihe .sisalto-wrapper .sisalto {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.vaiheet-allekkain .vaihe .sisalto-wrapper .sisalto p {
    line-height: 1.6em;
    margin: 0
}

.text-bar .container {
    text-align: center
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {color:#fff;border:0 !important;}
@media (min-width:993px) {
	.mega-menu-item {padding-left:15px !important;}
	
.mega-sub-menu {background:#000 !important;}
.mega-sub-menu li a {background:#000 !important;color:#fff !important; font-size:14px !important;}
.mega-sub-menu li:hover a {background:#313131;}
}