/************ FONT-FACE ************/

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-Light-webfont.woff') format('woff'),
    url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-Light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-Regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
    url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-Bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
    url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-LightItalic-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
    url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-Italic-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
    url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-BoldItalic-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
    url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('fonts/OpenSans-Semibold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/************************/

* {
    padding: 0;
    margin: 0;
    border: none;
    vertical-align: baseline;
    font-weight: normal;
    line-height: 1em;
}

html {
    font-size: 100%;
}

body {
    font-size: 1em;
    font-family: 'OpenSansLight', Arial, sans-serif;
    color: #fff;
    overflow-x: hidden;
}

.clear {
    clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

h1 {
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: center;
    font-family: 'OpenSansLight', Arial, sans-serif;
    font-weight: 300;
    color: #FFF;
    padding: 0 0 35px 0;
}

h1 span {
    font-size: 0.8em;
    font-family: 'OpenSansBold', Arial, sans-serif;
}


#intro h1, #approche h1, #ressources h1, #contact h1 {
    background: url(../images/separation_horizontale.png) no-repeat center bottom;
    margin: 0 0 45px 0;
}

h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    line-height: 1.3em;
    font-family: 'OpenSansBold', Arial, sans-serif;
    margin: 0;
    padding: 0;
}

#intro p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 35px 0;
}

p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 20px 0;
}


.wrapper_txt ul li {
    line-height: 1.5em;
    list-style: none;
    background: url(../images/puce.png) no-repeat 0 2px;
    padding-left: 25px;
    margin: 0 0 15px 0;
}

.espaceP {
    height: 15px;
    display: block;
}

strong {
    font-family: 'OpenSansBold', Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.bold {
    font-family: 'OpenSansSemiBold', Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.semibold {
    font-family: 'OpenSansSemibold', Arial, sans-serif;
}

.sepH {
    width: 124px;
    height: 1px;
    position: relative;
    left: 408px;
    background: url(../images/separation_horizontale.png) no-repeat;
}

.scroll-down {
    display: block;
    width: 123px;
    height: 58px;
    margin: 0 auto;
    margin-top: 45px;
}

/************************/


.wrapper {
    width: 1225px;
    margin: 0 auto;
    display: block;
    clear: both;
    position: relative;
}

.wrapper_txt {
    width: 940px;
    margin: 0 auto;
    display: block;
    position: relative;
    clear: both;
}

#header, #footer {
    color: #000000 !important;
    padding: 10px;

}

#header {
    background-color: #fff;
}

#logo-ademe {
    margin-bottom: 1rem;
}

#logo-ademe img {
    height: 122px;
}

#logo-enrchoix img {
    margin: 10px 0 0 195px;
}

/************ NAVIGATION_COTE ************/

#navcote {
    position: fixed;
    top: 35%;
    right: 0;
    z-index: 99;
    width: 14px;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}

#navcote li {
    width: 14px;
    height: 14px;
    padding: 0;
    list-style: none;
    margin: 5px 0;
    position: relative;
}

#navcote li a {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/navcote_off.png);
    text-decoration: none;
}

#navcote li a div {
    background: url(../images/navcote_bulle.png) no-repeat;
    color: #FFF;
    width: 115px;
    height: 47px;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 47px;
    position: absolute;
    left: -120px;
    text-align: center;
    top: -17px;
    display: none;
}

#navcote li a:hover div {
    opacity: 1;
    display: block;
}


#navcote li div span {
    line-height: 10px;
    vertical-align: middle;
    display: inline-block;
}

#navcote li a:hover {
    background: url(../images/navcote_on.png);
}


#top {
    display: none;
    width: 63px;
    height: 33px;
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 20px;
    z-index: 99;
    background: url(../images/top.png);
}


/************ NAVIGATION ************/

.nav {
    margin: 0 0 35px 0;
}

.nav ul {
    height: 80px;
    width: 100%;
    text-align: center;
}

.nav ul li {
    text-align: center;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(../images/separation_verticale.png);
    padding: 0 22px 0 33px;
}

.nav ul li.last {
    padding-right: 21px;
}

.nav ul li.img {
    height: 80px;
    background: none;
    padding: 0;
}

.nav ul li a {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 0.94em;
    line-height: 1em;
}

.nav ul li a br, #nav ul li a strong {
    font-size: 0.94em;
    line-height: 1.2em
}


/************ SSNAV ************/


.ssnav {
    margin-bottom: 45px;
}

.wrapper-nav {
    margin: 0 auto;
}

.etape {
    width: 57px;
    height: 57px;
    border-radius: 57px;
    float: left;
    margin-left: 359px;
}

.r2 {
    margin-left: 109px;
}

.inter-etape {
    width: 51px;
    height: 51px;
    border-radius: 51px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 3px;
    left: 0.1%;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
}

.inter-etape .number {
    font-size: 27px;
    position: absolute;
    top: 12px;
    left: 18px;
}

.sous-nav {
    text-transform: uppercase;
    position: relative;
    text-align: center;
    width: 150px;
    display: block;
    left: -45px;
    font-size: 1em;
    line-height: 1.2em;
    top: 65px;
}


/************ INTRODUCTION ************/

#intro {
    background-color: #20aab8;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
}

.nav.intro {
    background-color: #187f8a;
}

.nav.intro ul li a:hover {
    color: #20aab8;
}

.schema {
    margin: 50px 0;
}

.intro-container {
    display: flex;
}

.intro-text-image {
    padding-right: 3rem;
}

.intro-text-image img {
    margin-top: 30px;
    width: 21rem;
}

#intro a.CTA {
    text-align: center;
    background: #128b97;
    border: #51bcc7 10px solid;
    width: 340px;
    padding: 15px;
    line-height: 1.2em;
    font-size: 1.2em;
    margin-top: 50px;
    margin-left: 270px;
    text-transform: uppercase;
    display: block;
    color: #FFF;
    text-decoration: none;
}

#intro a.CTA:hover {
    background: #51bcc7;
    border: #128b97 10px solid;
    color: #128b97;
}

/************ SLIDER ************/

.panel-content {
    width: 940px;
    overflow: hidden;
    position: relative;
    margin-top: 100px;
}

.panel-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 10000px;
}

.panel-content-panel {
    float: left;
    width: 940px;
    margin-left: 100px;
}

.panel-content-panel:first-child {
    margin-left: 0 !important;
}


/************ REDUIRE ************/

#reduire {
    background-color: #89b920;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
}

.nav.reduire {
    background-color: #517503;
}

.nav.reduire ul li a:hover {
    color: #89b920;
}

.nav.reduire ul li a.active {
    color: #89b920;
    background: url(../images/active-vert.png) center bottom no-repeat;
    z-index: 100;
}

#reduire .ssnav {
    background: url(../images/separation-nav-small.png) center center no-repeat;
}

#reduire .etape {
    background-color: #a1c74d;
}

#reduire .inter-etape {
    background-color: #fff;
    color: #89b920;
}

#reduire .inter-etape:hover {
    background-color: #517503;
    color: #fff;
}

#reduire .etape .active {
    background-color: #517503;
    color: #fff;
}

#reduire .sous-nav {
    color: #FFF;
}

#reduire .etape .active .sous-nav {
    color: #517503;
}

#reduire h2, #reduire .wrapper_txt a {
    color: #446400;
}


#reduire a.CTA {
    text-align: center;
    background: #517503;
    border: #a4c952 10px solid;
    width: 340px;
    padding: 15px;
    line-height: 1.2em;
    font-size: 1.2em;
    margin-top: 50px;
    margin-left: 270px;
    text-transform: uppercase;
    display: block;
    color: #FFF;
    text-decoration: none;
}

#reduire a.CTA:hover {
    background: #a4c952;
    border: #517503 10px solid;
    color: #517503;
}


/************ MUTUALISER ************/

#mutualiser {
    background-color: #ebaf0c;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
}

.nav.mutualiser {
    background-color: #d67e00;
}

.nav.mutualiser ul li a:hover {
    color: #ebaf0c;
}

.nav.mutualiser ul li a.active {
    color: #ebaf0c;
    background: url(../images/active-jaune.png) center bottom no-repeat;
    z-index: 100;
}

#mutualiser .etape {
    background-color: #efbf3d;
}

#mutualiser .ssnav {
    background: url(../images/separation-nav-small.png) center center no-repeat;
}

#mutualiser .inter-etape {
    background-color: #fff;
    color: #ebaf0c;
}

#mutualiser .inter-etape:hover {
    background-color: #c17200;
    color: #fff;
}

#mutualiser .etape .active {
    background-color: #c17200;
    color: #fff;
}

#mutualiser .sous-nav {
    color: #FFF;
}

#mutualiser .etape .active .sous-nav {
    color: #c17200;
}


#mutualiser h2, #mutualiser .wrapper_txt a {
    color: #c17200;
}


#mutualiser div.fleft, #mutualiser div.fright {
    margin-top: 20px;
    width: 430px;
}

#mutualiser ul.fright {
    width: 500px;
    margin-top: 50px;
}

#mutualiser a.CTA {
    text-align: center;
    background: #ecae06;
    border: #f0d89b 10px solid;
    width: 340px;
    padding: 15px;
    line-height: 1.2em;
    font-size: 1.2em;
    margin-top: 50px;
    margin-left: 270px;
    text-transform: uppercase;
    display: block;
    color: #FFF;
    text-decoration: none;
}

#mutualiser a.CTA:hover {
    background: #f0d89b;
    border: #c17200 10px solid;
    color: #c17200;
}


#mutualiser .fright a.CTA {
    margin-left: 0px;
}

/************ PRIORISER ************/

#prioriser {
    background-color: #eb611d;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
}


.nav.prioriser {
    background-color: #7f310a;
}

.nav.prioriser ul li a:hover {
    color: #eb611d;
}

.nav.prioriser ul li a.active {
    color: #eb611d;
    background: url(../images/active-orange.gif) center bottom no-repeat;
    z-index: 100;
}

#prioriser .etape {
    background-color: #f4a17a;
    margin-left: 0;
}

.etape-background {
    background-color: #eb611d;
    float: left;
    padding: 0 .75rem;
    z-index: 1;
    position: relative;
    margin-left: 4.25rem;
}

.dot {
    z-index: 0;
    position: absolute;
    top: 50%;
    border: none;
    border-top: dashed 1px white;
    width: 940px;
}

#prioriser .inter-etape {
    background-color: #fff;
    color: #eb611d;

}

#prioriser .inter-etape:hover {
    background-color: #7f310a;
    color: #fff;
}

#prioriser .etape .active {
    background-color: #7f310a;
    color: #fff;
}

#prioriser .sous-nav {
    color: #FFF;
}

#prioriser .etape .active .sous-nav {
    color: #7f310a;
}

#prioriser h2, #prioriser .wrapper_txt a {
    color: #7f310a;
}

#prioriser .title {
    font-size: 0.80em;
    color: #7f310a;
}

#prioriser a.CTA {
    text-align: center;
    background: #7f310a;
    border: #f08450 10px solid;
    width: 340px;
    padding: 15px;
    line-height: 1.2em;
    font-size: 1.2em;
    margin-top: 50px;
    margin-left: 270px;
    text-transform: uppercase;
    display: block;
    color: #FFF;
    text-decoration: none;
}

#prioriser a.CTA:hover {
    background: #f08450;
    border: #7f310a 10px solid;
    color: #7f310a;
}

.prioriser-block {
    display: grid;
    grid-template-areas:
			'a b'
			'c b'
			'd e'
			'f .';
}

.prioriser-actions-prioritaires {
    grid-area: a;
}

.prioriser-geothermies {
    grid-area: b;
}

.prioriser-chaleur-fatale {
    grid-area: c;
}

.prioriser-solaire-thermique {
    grid-area: d;
}

.prioriser-biomasse {
    grid-area: e;
}

.prioriser-autres {
    grid-area: f;
}

/************ APPROCHE ************/

#approche {
    background-color: #78537d;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

#approche .wrapper_txt a {
    color: #fff;
    font-weight: bold;
}

.nav.approche {
    background-color: #4e3651;
}

.nav.approche ul li a:hover {
    color: #78537d;
}

.nav.approche ul li a.active {
    color: #78537d;
    background: url(../images/active-violet.png) center bottom no-repeat;
    z-index: 100;
}

#approche h2 {
    color: #4e3651;
}

#approche .CTA {
    text-align: center;
    background: #4e3651;
    border: #977a9b 10px solid;
    width: 280px;
    padding: 25px 0;
    line-height: 1.2em;
    margin-top: 10px;
    margin-left: 270px;
    text-transform: uppercase;
    display: block;
    color: #FFF;
    text-decoration: none;

}

#approche a.CTA:hover {
    background: #977a9b;
    border: #4e3651 10px solid;
    color: #4e3651;
}


/************ RESSOURCES ************/

#ressources {
    background-color: #dfdfdf;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
}

.nav.ressources {
    background-color: #a7a7a7;
}

.nav.ressources ul li a:hover {
    color: #707070;
}

.nav.ressources ul li a.active {
    color: #707070;
    background: url(../images/active-gris.png) center bottom no-repeat;
    z-index: 100;
}

#ressources h1 {
    color: #707070;
    background: url(../images/separation_horizontale_gris.png) no-repeat center bottom;
}

#ressources h2 {
    margin: 0 0 45px 0;
    font-family: 'OpenSansLight', Arial, sans-serif;
    color: #707070;
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
}

#ressources h3 div {
    font-family: 'OpenSansLight', Arial, sans-serif;
    background: #89b920;
    width: 410px;
    height: 45px;
    text-align: center;
    line-height: 2.5em;
    border-radius: 3px;
}

#ressources h3 {
    margin: 0 0 20px 0;
    font-family: 'OpenSansLight', Arial, sans-serif;
    background: url(../images/pointe_verte.png) no-repeat center bottom;
    width: 410px;
    height: 53px;
    text-transform: uppercase;
    font-size: 1.1em;
}

#ressources h3.mutualiser div {
    background: #ebaf0c;
}

#ressources h3.mutualiser {
    background: url(../images/pointe_mutualiser.png) no-repeat center bottom;
}

#ressources h3.action div {
    background: #eb611d;
}

#ressources h3.action {
    background: url(../images/pointe_action.png) no-repeat center bottom;
}

#ressources h3.chaleur div {
    background: #7f310a;
}

#ressources h3.chaleur {
    background: url(../images/pointe_chaleur.png) no-repeat center bottom;
}

#ressources .wrapper_txt li {
    list-style: disc;
    background: none;
    color: #707070;
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.85em;
}

#ressources .wrapper_txt ul {
    width: 190px;
    list-style: circle;
    float: left;
    margin-left: 20px;
    margin-bottom: 45px;
}

#ressources .wrapper_txt ul.left {
    margin-left: 0px;
    float: left;
    width: 207px;
    list-style: circle;
    background: url(../images/separation_horizontale3.png) repeat-y right top;
}

#ressources .wrapper_txt ul.last {
    background: url(../images/separation_horizontale3.png) repeat-y left top;
    margin-left: 0px;
    margin-right: 20px;
    padding-left: 20px;
}

#ressources .wrapper_txt ul li a {
    color: #707070;
}

#ressources .wrapper_txt h4 {
    font-size: 0.85em;
    font-family: 'OpenSansBoldItalic', Arial, sans-serif;
    color: #707070;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

/************ CONTACT ************/

#contact {
    background-color: #20aab8;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
}

.nav.contact {
    background-color: #187f8a;
}

.nav.contact ul li a:hover {
    color: #20aab8;
}

.nav.contact ul li a.active {
    color: #20aab8;
    background: url(../images/active-bleu.png) center bottom no-repeat;
    z-index: 100;
}

#contact h2 {
    color: #0b5b64;
}

#contact .wrapper_txt a {
    color: #FFF;
}

#contact h1 {
    margin-bottom: 45px;
}

#contact .CTA {
    text-align: center;
    background: #128b97;
    border: #52bdc8 10px solid;
    width: 280px;
    padding: 20px 0;
    line-height: 1.2em;
    margin-right: 20px;
    text-decoration: none;
}


#contact a.CTA:hover {
    background: #52bdc8;
    border: #0b5b64 10px solid;
    color: #0b5b64;
}

/************ FOOTER ************/

#footer {
    background-color: #fff;
    margin: 30px 0;
    width: 100%;
    padding: 0;
    position: relative;
    clear: both;
}

.adresse {
    display: flex;
    flex-direction: column;
    float: left;
    color: #a3a3a3;
    line-height: normal;
    margin-left: 30px;
}

.adresse p {
    margin: 0;
}

.adresse p:nth-of-type(1) {
    margin-top: 1rem;
}

.adresse a {
    color: #a3a3a3;
}

.wrapper img.fleft {
    height: 148px;
    margin-bottom: 30px;
}


/************ MENTION ************/

#mention {
    display: flex;
    justify-content: center;
    gap: 2px;
    background-color: #a3a3a3;
    height: 30px;
    width: 100%;
    padding: 15px 0;
    margin: 0;
    position: relative;
    font-size: 12px;
    clear: both;
}

#mention .wrapper {
    text-align: center;
}

#mention .mention {
    margin-left: 0;
    margin-right: 0;
    width: fit-content;
}

#mention img {
    display: inline-block;
    position: relative;
    top: 7px;
}

#mention_txt, #accessibilite_txt, #cookies_txt, #ppdp_txt {
    background-color: #707070;
    width: 100%;
    padding: 15px 0;
    margin: 0;
    position: relative;
    clear: both;
    font-size: 14px;
}

#mention_txt a,
#ppdp_txt a,
#cookies_txt a,
#accessibilite_txt a,
#mention a {
    color: #FFF;
}

#mention_txt h1, #accessibilite_txt h1, #cookies_txt h1, #ppdp_txt h1 {
    font-family: 'OpenSansBold', Arial, sans-serif;
    font-size: 2em;
    text-transform: uppercase;
    padding-top: 70px;
    text-align: left;
}

#mention_txt h2, #accessibilite_txt h2, #cookies_txt h2, #ppdp_txt h2 {
    font-family: 'OpenSansBold', Arial, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
}

#accessibilite_txt h3, #cookies_txt h3, #ppdp_txt h3 {
    font-family: 'OpenSansBold', Arial, sans-serif;
    font-size: 1em;
}

#mention_txt .bt_close,
#ppdp_txt .bt_close,
#cookies_txt .bt_close,
#accessibilite_txt .bt_close {
    position: absolute;
    top: 25px;
    right: 0px;
    cursor: pointer;
}

.bt_mention, .bt_links {
    cursor: pointer;
    text-decoration: underline;
}

a.bt_close {
    font-family: 'OpenSansBold', Arial, sans-serif;
    font-size: 2em;
    text-transform: uppercase;
}

.list_accessibility, .list_cookies, .list_ppdp {
    display: block;
    list-style-type: disc;
    margin: 2em 0;
    padding-left: 40px;
}

.elem-list_accessibility, .elem-list_cookies, .elem-list_ppdp {
    padding-left: 2px;
    padding-right: 2px;
    margin: 10px 0;
    border: none;
}

.cookies_border {
    border: 1px solid;
}

.table_ppdp, .table_ppdp th, .table_ppdp tr, .table_ppdp td {
    border: 1px solid;
    border-collapse: collapse;
    padding: 10px;
    vertical-align: middle;
}

#approche ol li::marker {
    font-weight: bolder;
}

@media only screen and (max-width: 1024px) {

    #navcote {
        display: none;
    }

    #top {
        visibility: hidden;
    }
}