@import "https://fonts.googleapis.com/css?family=Fjalla+One|Noto+Sans|Noto+Serif:400,700&subset=latin-ext";
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: "Noto Serif", serif;
    background: #0a5b98;
    background: -moz-radial-gradient(center, ellipse cover, #0a5b98 0%, #357fbe 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #0a5b98 0%, #357fbe 100%);
    background: radial-gradient(ellipse at center, #0a5b98 0%, #357fbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a5b98',endColorstr='#357fbe',GradientType=1);
}
body {
    min-height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
    font-size: 14px;
    color: #727272;
}
a,
.logo,
.logo img,
.more {
    text-decoration: none;
    -webkit-transition: ease-in-out all;
    -webkit-transition-duration: 0.3s;
    -moz-transition: ease-in-out all;
    -moz-transition-duration: 0.3s;
    -o-transition: ease-in-out all;
    -o-transition-duration: 0.3s;
    transition: ease-in-out all;
    transition-duration: 0.3s;
}
img { max-width: 100%; height: auto !important; }
.clear {
    clear: both;
}
.wrapper {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
}
header {
    background: #0060a7;
    background: -moz-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: -webkit-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: linear-gradient(to bottom, #0060a7 0%, #357fbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0060a7',endColorstr='#357fbe',GradientType=0);
}
header .top {
    background: url(art/header_bg.jpg);
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
}
header .top .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	max-width: 1440px;
}
header .top .logo {
    color: #f66e0b;
    align-self: flex-start;
}
header .top .left {
    color: #f66e0b;
    margin-right: auto;
}
header .top .left img {
    vertical-align: middle;
}
header .top .left a {
    color: #f66e0b;
}
header .top .left span:before {
    content: " FONTOS";
    margin: 0 10px 0 4px;
}
header .top .left span a:before {
    content: "|";
    margin: 0 10px 0 4px;
}
header .top .left span:after {
    content: "\00BB";
    margin: 0 0 0 6px;
}
header .top .left span a:hover {
    color: #000;
}
header .top .right {
    padding: 0 20px 0 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
header .bottom {
    padding: 0 0 30px;
    position: relative;
}
header .bottom .left {
    float: left;
    margin: 0 0 0 160px;
    padding: 10px 0 0;
    font-family: "Fjalla One", sans-serif;
    font-size: 48px;
    color: #fff;
}
header .bottom .left span {
    display: block;
    font-family: "Noto Serif", serif;
    font-size: 17px;
    color: #87deff;
}
header .bottom .right {
    width: 100%;
    display: block;
}
header .wrapper:after {
    content: "";
    display: block;
    clear: both;
}
header .wrapper:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #095793;
    border-bottom: solid 1px #5aaddd;
}
.logo {
    position: relative;
    width: 150px;
    height: 1px;
}
.logo img {
    position: absolute;
    top: 0;
    left: -8px;
    z-index: 10;
}
.search,
.lang {
    display: inline-block;
    vertical-align: middle;
}
.lang {
    position: absolute;
    bottom: 12px;
    left: 32px;
}
.lang span {
    display: inline-block;
    background: url(art/lang.png);
    margin: 0 0 0 8px;
}
.lang span a {
    width: 16px;
    height: 11px;
    display: block;
}
.lang span:nth-child(2) {
    background-position: 16px 0;
}
.lang span:nth-child(3) {
    background-position: 32px 0;
}
#search {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 43%;
}
#search .field {
    background: url(art/search_button.png) right no-repeat;
    background-position: 98%;
    background-color: #357fbe;
    padding: 6px 14px;
    box-sizing: border-box;
    border: solid 1px rgba(255, 255, 255, 0.2);
    font-size: 16px;
    color: #fff;
    width: 100%;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}
#search .field::-webkit-input-placeholder {
    color: #a1c4e1;
}
#search .field::-moz-placeholder {
    color: #a1c4e1;
}
#search .field::-ms-input-placeholder {
    color: #a1c4e1;
}
#search .field:-moz-placeholder {
    color: #a1c4e1;
}
#search .field:focus { background-color: #000; background-image: none; -webkit-box-shadow:0 0 1px 6px #000;-moz-box-shadow:0 0 1px 6px #000;box-shadow:0 0 1px 6px #000;outline:solid 3px #000; outline: none; }
#fomenu {
    text-transform: uppercase;
}
#fomenu ul {
    margin: 0 0 0 auto;
    padding: 0;
    display: block;
    text-align: right;
    max-width: calc(100% - 100px);
}
#fomenu li {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    margin: 0 2%;
}
#fomenu li a:before {
    content: "";
    display: block;
    height: 40px;
    margin: 0 0 10px;
}
#fomenu li:nth-child(1) a:before {
    background: url(art/kezdolap_bg.png) center bottom no-repeat;
}
#fomenu li:nth-child(2) a:before {
    background: url(art/nagykutas_bg.png) center bottom no-repeat;
}
#fomenu li:nth-child(3) a:before {
    background: url(art/onkormanyzat_bg.png) center bottom no-repeat;
}
#fomenu li:nth-child(4) a:before {
    background: url(art/hivatal_bg.png) center bottom no-repeat;
}
#fomenu li:nth-child(5) a:before {
    background: url(art/intezmenyek_bg.png) center bottom no-repeat;
}
#fomenu li:nth-child(6) a:before {
    background: url(art/civil_bg.png) center bottom no-repeat;
}
#fomenu li:nth-child(7) a:before {
    background: url(art/vallalkozasok_bg.png) center bottom no-repeat;
}
#fomenu li:nth-child(8) a:before {
    background: url(art/ujsag_bg.png) center bottom no-repeat;
}
#fomenu a {
    display: inline-block;
    color: #fff;
}
#fomenu a:hover {
    color: #87deff;
}
section.blue {
    background: #0060a7;
    background: -moz-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: -webkit-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: linear-gradient(to bottom, #0060a7 0%, #357fbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0060a7',endColorstr='#357fbe',GradientType=0);
    position: relative;
    z-index: 10;
    overflow: hidden;
}
section.blue .wrapper,
#slide-2 .wrapper,
#slide-3 .wrapper {
    padding: 3% 0;
}
section.blue .wrapper > div,
.homeSlide .wrapper > div,
.ujsagtop > div,
#rovatoldal {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.ujsagtop > div {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}
.ujsagtop > div > a { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.ujsagtop .box { display: block; flex: 0 0 33%; max-width: 33%; padding: 0 15px; box-sizing: border-box; }
section.blue .box,
#slide-2 .box,
#rovatoldal .box,
.homeSlide .box {
    width: 33%;
    max-width: 400px;
    margin: 0 0 60px;
}
section.blue h2 {
    font-family: "Fjalla One", sans-serif;
    font-size: 36px;
    color: #75cdf6;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0 0 3%;
    padding: 0;
}
section.blue h3 {
    font-size: 21px;
    color: #a7e3ff;
    margin: 0;
    padding: 0;
}
section.blue .ujsagtop h3 {
    margin: 10px 0 0;
}
section.blue time,
#rovatoldal time {
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    color: #f6bd00;
    display: block;
    padding: 1% 0 5%;
}
section.blue .lead {
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 24px;
}
section.blue .more {
    color: #fff;
    display: inline-block;
    border: solid 1px #75cdf6;
    margin: 4% 0 0;
}
section.blue .box .more { padding: 12px 10px; }
section.blue .more a {
    color: #fff;
    display: block;
    padding: 12px 10px;
}
section.blue .ujsagtop .more {
    margin: 5% 0 0;
}
section.blue .more:hover {
    background-color: #75cdf6;
}
section.blue .box .pict {
    position: relative;
}
#rovatoldalsimple .box {
    padding: 10px;
    margin: 0 0 10px;
}
#rovatoldalsimple time {
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    color: #f6bd00;
    display: block;
}
#rovatoldalsimple h3 {
    font-size: 21px;
    color: #fff;
    margin: 0;
    padding: 0;
}
#rovatoldalsimple .more {
    display: none;
}
main > .wrapper {
    padding: 20px 0;
}
main > .wrapper h1 {
    font-family: "Fjalla One", sans-serif;
    text-align: center;
    font-size: 30px;
    color: #87deff;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 400;
}
main > .wrapper h2 {
    font-family: "Fjalla One", sans-serif;
    text-align: center;
    font-size: 30px;
    color: #87deff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-weight: 400;
}
main > .wrapper #main h1,
main > .wrapper #main h2 {
    font-family: "Noto Serif", serif;
    font-weight: 700;
}
main > .wrapper .kapcsolodo h2 {
    font-family: "Noto Serif", serif;
    font-size: 24px;
    color: #357fbe;
    margin: 0;
    padding: 0;
}
#almenu,
.almenu {
    text-transform: uppercase;
    font-size: 15px;
}
#almenu ul,
.almenu ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
#almenu li,
.almenu li {
    display: inline-block;
}
#almenu a,
.almenu a {
    color: #87deff;
    padding: 10px;
    margin: 0 8px;
    display: block;
}
#almenu a:hover,
.almenu a:hover {
    color: #fff;
}
#almenu .current a,
.almenu .current a {
    color: #fff;
}
#main {
    background: url(art/header_bg.jpg);
    padding: 50px 40px;
    box-sizing: border-box;
    font-size: 13px;
    color: #2f2e2d;
}
#main h1 {
    text-align: center;
    font-size: 24px;
    color: #357fbe;
    margin: 0;
}
#main a {
    color: #0a5b98;
}
#preload {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#slide-1 .bcg {
    background-image: url(art/nagykutas.jpg);
}
#slide-2 .bcg {
    background-image: url(art/emlek.jpg);
}
#slide-3 .bcg {
    background-image: url(art/galeriak.jpg);
}
.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}
#slide-1 {
    height: calc(100vh - 165px) !important;
    position: relative;
}
#slide-1 h1 {
    margin: 0;
    padding: 15px;
    font-size: 40px;
    color: #f7bf00;
    font-weight: 400;
    line-height: 48px;
	display: inline-block;
	background-color: rgba(0,0,0,.4);
	box-sizing: border-box;
}
#slide-1 h1 span {
    display: block;
    font-size: 60px;
    color: #fff;
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    line-height: 72px;
}
#slide-1 .hsContainer {
    height: 100%;
}
#slide-1 .hsContent {
    display: table;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    height: 100%;
}
#slide-1 .wrapper {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 20px;
}
#slide-1 .wrapper .bovebb {
    font-size: 16px;
    color: #031b39;
    background-color: #75cdf6;
    padding: 12px 20px;
    display: inline-block;
    margin: 4% 0 0;
}
#slide-2,
#slide-3 {
    height: auto !important;
}
.homeSlide h2 {
    margin: 0;
    padding: 15px;
    font-size: 36px;
    color: #fff;
    font-weight: 400;
    font-family: "Fjalla One", sans-serif;
    text-transform: uppercase;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.4);
	margin-bottom: 15px;
	display: inline-block;
}
.homeSlide h3,
#rovatoldal h3 {
    font-size: 21px;
    color: #fff;
    margin: 0;
    padding: 0;
}
#rovatoldal h3 {
    text-align: center;
}
.homeSlide .pict img,
section.blue .wrapper .box .pict img {
    border: solid 1px #fff;
    max-width: 100%;
    height: auto;
}
.homeSlide .more,
#rovatoldal .more {
    color: #000;
    display: inline-block;
    background-color: #75cdf6;
    padding: 12px 10px;
    margin: 20px 0 0;
}
.homeSlide .more:hover,
#rovatoldal .box a:hover .more,
.ujsagtop .box a:hover .more,
section.blue .box a:hover .more,
.homeSlide .box a:hover .more {
    background-color: #fff;
    color: #000;
}
#rovatoldal .box a {
    text-align: center;
}
#rovatoldal .box a,
section.blue .box a,
.homeSlide .box a {
    display: block;
}
.homeSlide .box a {
	background-color: rgba(0,0,0,.4);
	padding: 15px; box-sizing: border-box;
}
#rovatoldal .box a:hover,
#rovatoldalsimple .box:hover {
    background-color: rgba(255, 255, 255, 0.06);
}
#rovatoldal .pict {
    text-align: center;
}
#rovatoldal .pict img {
    max-width: 100%;
    height: auto;
}
main .wrapper > .text {
    color: #fff;
}
.kapcsolodo:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    border-top: solid 1px #d1d1d1;
    margin: 20px 0;
}
section.blue .ujsagtop .box .pict img {
    position: absolute;
    top: -140px;
    left: 60px;
    z-index: -1;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    max-width: 100%;
    height: auto;
}
.ujsagtop {
    background: #0060a7;
    background: -moz-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: -webkit-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: linear-gradient(to bottom, #0060a7 0%, #357fbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0060a7',endColorstr='#357fbe',GradientType=0);
    border-top: solid 1px #357fbe;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
    padding: 0 0 70px;
    margin: 120px 0 0;
}
.cikktext img {
    max-width: 100%;
    height: auto !important;
    margin: 10px;
}
.cikktext a {
    color: #357fbe;
}
.cikktext h3,
.cikktext h4 {
    color: #357fbe;
    font-family: "Fjalla One", sans-serif;
    font-weight: 300;
}
.cikktext h3 {
    font-size: 18px;
}
.cikktext h4 {
    font-size: 16px;
}
.downloadLink img {
    vertical-align: middle;
}
.is-sticky {
    z-index: 100;
    position: relative;
}
.is-sticky .right {
    background: #0060a7;
    background: -moz-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: -webkit-linear-gradient(top, #0060a7 0%, #357fbe 100%);
    background: linear-gradient(to bottom, #0060a7 0%, #357fbe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0060a7',endColorstr='#357fbe',GradientType=0);
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
}
.box .hide {
    display: none;
}
footer {
    background: url(art/header_bg.jpg);
}
footer .wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.szechenyi {
    position: absolute;
    right: 0;
    top: 0;
}
.szechenyi a {
    display: block;
    position: relative;
    z-index: 100;
}
#bottommenu ul {
    margin: 0;
    padding: 0;
    display: flex;
}
#bottommenu li {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
}
#bottommenu a {
    color: #727272;
    display: block;
}
#bottommenu a:hover {
    color: #000;
}
.cookieMessage {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 9999 !important;
    padding: 1rem 0.25rem !important;
}
.cookieMessage a {
    color: #357fbe;
}
.cookieButton {
    background-color: #357fbe !important;
}
.goto { font-size: 0; }
a:focus, .button:focus, .goto:focus, button:focus, .logo a:focus img {-webkit-box-shadow:0 0 1px 6px #000;-moz-box-shadow:0 0 1px 6px #000;box-shadow:0 0 1px 6px #000;outline:solid 3px #000; background-color: #000; color: #fff !important;}
body.contrast { background-color: #000; color: #fff !important; }
.goto a:focus { font-size: 16px; position: absolute; top: 10px; left: 10px; z-index: 10000; padding: 2px 6px;}
header .left a:focus { background-color: #fff; color: #000; -webkit-box-shadow:0 0 1px 6px #fff;-moz-box-shadow:0 0 1px 6px #fff;box-shadow:0 0 1px 6px #fff;outline:solid 3px #fff; }
header .left a:focus img { background-color: #fff; -webkit-box-shadow:0 0 1px 6px #fff;-moz-box-shadow:0 0 1px 6px #fff;box-shadow:0 0 1px 6px #fff;outline:solid 3px #fff; }
.lang a:focus { background-color: transparent; }
.homeSlide .box a:focus { background-color: #000; }
#main_search .box h3 { display: inline-block; }
#main_search .box > a { display: inline-block; }
body.contrast { background-color: #000; color: #000 !important; }
.contrast header, .contrast #search .field, .contrast #slide-1 h1 { background: #000; }
.contrast header .top, .contrast footer { background: #fff; }
.contrast header .bottom .left span, .contrast section.blue h2, .contrast section.blue h3, .contrast section.blue time, .contrast main > .wrapper h1, .contrast main > .wrapper h2, .contrast .almenu a { color: #fff !important; }
.contrast #search .field { border-color: #fff; }
.contrast #search .field::-webkit-input-placeholder { color:#fff; }
.contrast #search .field::-moz-placeholder { color:#fff; }
.contrast #search .field::-ms-input-placeholder { color:#fff; }
.contrast #search .field:-moz-placeholder { color:#fff; }
.contrast header .wrapper:before { background: none; border-bottom: none;}
.contrast #slide-1 .wrapper .bovebb { background-color: #000; color: #fff; }
.contrast section.blue, .contrast .homeSlide h2, .contrast .homeSlide .box a { background: #000; }
.contrast section.blue .more { border-color: #fff; }
.contrast .homeSlide .more, .contrast #main, .contrast #rovatoldal .more { background: #fff; color: #000; }
.contrast .ujsagtop, .contrast .is-sticky .right { background: #000; border: none; }
.contrast #main h1, .contrast #main a, .contrast .cikktext h3, .contrast .cikktext h4 { color: #000 !important; }
.d-none, .bannertop2 {display: none;}
.bannertop {padding-left: 8px;padding-right: 8px;}
#kotelezo p {margin:0}
section.blue .box a, .homeSlide .box a {height:100%;display:flex;flex-direction:column}
section.blue .box a .more, .homeSlide .box a .more {margin-top:auto;align-self:flex-start}

@media screen and (max-width: 1250px) {
    #fomenu li {
        margin: 0 1.2%;
    }
    section.blue .wrapper {
        padding: 3% 10px;
    }
    footer .wrapper {
        padding: 20px 10px;
    }
}
@media screen and (max-width: 1180px) {
    header .top .right {
        padding: 5px 10px 0 0;
    }
}
@media screen and (max-width: 1150px) {
    section.blue .box,
    #slide-2 .box,
    #rovatoldal .box {
        width: 32%;
        margin: 0 0 60px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 1100px) {
    #fomenu {
        font-size: 13px;
    }
}
@media screen and (max-width: 1000px) {
    header .bottom .left {
        float: none;
    }
    header .bottom .right {
        float: none;
        width: 100%;
        padding: 0;
    }
    #fomenu {
        font-size: 0;
    }
    #fomenu ul {
        margin: 0 0 0 auto;
        width: calc(100% - 160px);
    }
    #fomenu li a {
        width: 40px;
    }
    .szechenyi img {
        width: 350px;
        height: auto;
    }
}
@media (max-width: 991px) {
.ujsagtop .box { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 960px) {
.bannertop {display: none;}
.bannertop2 {display:block;margin-left: auto;}
}
@media screen and (max-width: 800px) {
    .logo {
        width: 100px;
    }
    .logo img {
        width: 100%;
        height: auto;
    }
    #fomenu ul {
        width: 100%;
        max-width: inherit;
    }
    header .bottom .left {
        margin: 0 0 0 100px;
    }
    section.blue .box,
    #slide-2 .box,
    #rovatoldal .box {
        width: 45%;
    }
    .szechenyi img {
        width: 290px;
    }
}
@media (max-width: 767px) {
.ujsagtop { margin: 0; border: none; box-shadow: none; -webkit-box-shadow: none; padding: 0; }
.ujsagtop .box { flex: 0 0 100%; max-width: 100%; }
.ujsagtop .box .pict { display: none; }
}
@media screen and (max-width: 660px) {
    section.blue .box,
    #slide-2 .box,
    #rovatoldal .box,
    .homeSlide .box {
        width: 96%;
        margin: 0 auto 60px;
    }
    .szechenyi img {
        width: 270px;
    }
    header .top .right {
        flex: 0 0 100%;
        padding: 0 0 0 100px;
        justify-content: center;
    }
    header .top .right img {
        max-width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 600px) {
    header .bottom .left span {
        display: inline-block;
        margin: 0 0 0 10px;
    }
    #search {
        position: relative;
        top: inherit;
        right: inherit;
        width: 60%;
        display: inline-block;
        margin: 10px 0 0 10px;
    }
    .lang {
        position: relative;
        bottom: inherit;
        left: inherit;
        display: inline-block;
        width: 35%;
        text-align: center;
    }
    .szechenyi img {
        width: 250px;
    }
}
@media screen and (max-width: 560px) {
    header .bottom .left span {
        display: inherit;
        margin: 0;
    }
    #fomenu li {
        margin: 0;
    }
}
@media screen and (max-width: 460px) {
    #slide-1 .wrapper {
        padding-top: 140px;
    }
    header .top .right {
        padding: 0;
    }
	#slide-1 h1 span {font-size: 56px;}
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}