body {
  background-color: #ffdfea;
  /*  background: linear-gradient(#ffdfea, #ffdfea);*/
}
a {
    color: #8b0a3d;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #3d031a;
    text-decoration: none;
    background-color: transparent;
}
body .btn-danger {
  color: #fff;
  background-color: #bc2361;
  border-color: #ff005e;
}

body .btn-danger:hover {
  color: #fff;
  background-color: #821742;
  border-color: #ff005e;
}

body ul.strankovani {
  margin: 0;
  padding: 19px 0 22px 0;
  list-style-type: none;
}

body ul.strankovani li {
  display: inline-block;
}

body ul.strankovani li a {
  font-weight: 500;
  display: inline-block;
  width: 35px;
  line-height: 35px;
  text-decoration: none;
  color: #d6d6d6;
  margin: 6px;
  background-image: -webkit-linear-gradient(top, #E4C3A9 0%, #f4ddc6 50%, #FDEBD6 100%);
  /* background-image: linear-gradient(to bottom, #e72b2b 0%, #c61a1a 50%, #b00f0f 100%); */
  border: #f8c5c4 1px solid;
  background-image: linear-gradient(45deg, #bf2563, #92093e, #ab0045);
  border-color: #ff4287;
  border-radius: 15px;
}

body ul.strankovani li a.aktivni {
  color: #fff;
}

body #obsah ul.strankovani a {
  font-size: 17px;
  width: 50px;
  line-height: 50px;
}

a:hover {
  text-decoration: none;
}

.navbar {
  background: #b5134e;
  color: #fff;
}

.navbar a {
  color: #fff;
}

.banner {
  padding-top: 15px;
  background-image: -webkit-gradient(linear, left top, right top, from(#9c0f48), color-stop(#6e012b), to(#8e0d41));
  background-image: linear-gradient(to right, #9c0f48, #6e012b, #8e0d41);
  max-width: 100%;
}

.navigation {
  max-width: 100%;
}

.logo h1 {
  color: #fff;
  text-shadow: 1px 1px 0px #000000;
}

.logo h1 i {
  color: #ff4287;
}

.logo p {
  color: #ffea00;
  font-weight: 600;
  font-size: 20px;
  text-shadow: 1px 1px 0px #000000;
}

.banner-text p {
  padding: 5px;
  border-radius: 10px;
  border: #ff4287 solid 6px;
  background-color: #ffecf4;
  font-weight: 600;
  color: #ff4287;
}

.nav-item a {
  text-transform: uppercase;
  font-weight: 500;
}

.divkatop {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#9c0f48), color-stop(#6e012b), to(#8e0d41));
  background-image: linear-gradient(to right, #9c0f48, #6e012b, #8e0d41);
  margin-top: 35px;
  border-radius: 10px;
}

.divkatop .row {
  border-radius: 10px;
}

.divkatop .text {
  padding: 15px;
}

.divkatop .text .obsah {
  padding: 15px;
  padding-top: 10px;
  border: #fff solid 2px;
  background-color: transparent;
  /*
        background: linear-gradient(#b3001b, #880202);*/
  background-color: #b5134e;
  border-radius: 10px;
  height: 100%;
}

.divkatop .text .obsah h5 {
  color: #ffea00;
  text-shadow: 1px 1px 2px #000;
}

.divkatop .text .obsah p {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 0px;
  line-height: 1.3;
  font-size: 15px;
}

.divka {
  padding: 15px;
}

.divka img {
  border-radius: 10px;
  border: white 2px solid;
}

.card {
  background-color: transparent;
  border: none;
  padding: 5px;
}

.card .body {
  background-image: linear-gradient(45deg, #bf2563, #92093e, #ab0045);
  border-radius: 10px;
  padding: 0px;
}

.card .body .top {
  padding: 0px;
  background-color: #86093a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card .body .top .online {
  position: absolute;
  top: 15px;
  right: 170px;
}

.card .top h4 {
  color: #ffea00;
  font-size: 22px;
  padding-top: 14px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 1px solid #ffea00;
  padding-bottom: 10px;
}

.card .top h4 i {
  color: #ff4287;
  padding-right: 5px;
}

.card .top h4 a {
  color: #ffea00;
  font-size: 22px;
  padding-top: 20px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
}

.card .top p {
  color: #ffbd5b;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  padding-left: 15px;
  padding-bottom: 5px;
}

.card .top button {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 150px;
  color: #ffea00;
  font-weight: 500;
  padding: 5px;
  font-size: 14px;
  background-color: #98013e;
  border: #ff4287 2px solid;
}

.card .top button a {
  color: #ffea00;
}

.card .top button .active {
  background-color: #98013e;
  border: #ff4287 2px solid;
}

.card .top .btn.focus, .card .top .btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 140, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 0, 140, 0.25);
}

.card .cont {
  padding: 0px;
}

.card .cont .tagy {
  padding-top: 0px;
  color: #fff;
}

.card .cont .tagy h6 {
  color: #fff;
}

.card .cont .tagy li {
  padding-bottom: 5px;
  float: left;
  padding-right: 5px;
  text-decoration: none;
  list-style-type: none;
  font-size: 9px;
}

.card .cont .tagy li a {
  color: #fff;
  font-size: 9px;
}

.card .cont .tagy li::after {
  content: ", ";
}

.card .cont .tagy li:last-child:after {
  content: '';
}

.card .cont .tagy li:first-child:after {
  content: '';
}

.card .cont .row {
  min-height: 270px;
}

.card .cont p {
  color: #fff;
  font-size: 13px;
  padding: 5px;
  margin-bottom: 0px;
}

.card .cont img {
  margin-left: 15px;
  border-radius: 5px;
  border: #fff 2px solid;
}

.card .cont .buttons {
    padding: 5px;
    padding-top: 0px;
}

.card .cont .buttons button {
  background-color: #ff428752;
  border: #ff4287 2px solid;
}

.card .cont .buttons button .active {
  background-color: #ff428752;
  border: #ff4287 2px solid;
}

.card .cont .buttons .btn.focus, .card .cont .buttons .btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 183, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 0, 183, 0.25);
}

.card .cont .phone {
  color: #ffea00;
  font-weight: 800;
}

.card .cont .phone i {
  color: #ffea00;
  padding-right: 15px;
}

.card .cont .chat {
  color: #fff;
  font-weight: 600;
}

.card .cont .chat i {
  color: #fff;
  padding-right: 15px;
}

.card .cont .chat a {
  color: #ffea00;
}

#nav {
  max-width: 1345px;
  background: #fee359;
  /* border-top:#c49195 1px solid; */
  /* background-image: url(../img/bg-sex.png); */
  border-bottom: #f1a8b3 1px solid;
  text-transform: uppercase;
  font-family: "jaf-domus-titling-web",sans-serif;
  color: #000000;
  font-size: 12px;
  margin: auto;
  background: #b5134e;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#kategorie {
  margin: 0;
  padding: 5px 0 10px 0;
  list-style-type: none;
  color: #ffea00;
  font-size: 14px;
  font-weight: 600;
}

/*#kategorie{margin:0;padding:25px 0;list-style-type:none;color:#ab0d58;font-size:12px;}*/
#kategorie a {
  color: #ffffff;
  text-decoration: underline;
}

#kategorie a:hover, #kategorie a:focus {
  color: #ffffff;
}

#kategorie li {
  display: inline;
  line-height: 26px;
  padding-right: 8px;
}

.online-detail {
  float: right;
  margin-right: 25px;
  /* padding-top: 25px; */
  display: block;
  margin-top: 18px;
  font-weight: bold;
  /* position: absolute; */
  padding: 0 12px;
  /* left: 120px; */
  top: 18px;
  color: #19ff0a;
  float: right;
  border: 1px solid;
  text-decoration: none;
  line-height: 47px;
  border-radius: 3px;
  text-transform: uppercase;
  background-image: -o-linear-gradient(top, #74093B 0%, #AA0D57 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cd1e66), color-stop(100, #af0f5a));
}

#sel-obal {
  margin: 0;
  padding: 5px 0 10px 0;
  text-align: right;
  position: relative;
  z-index: 100;
  font-size: 14px;
}

/*#sel-obal{margin:0;padding:25px 0;text-align:right;position:relative;z-index:100;}*/
#sel {
  line-height: 26px;
  padding-right: 17px;
  background: url("/img/dropdown.png") 100% 60% no-repeat transparent;
  cursor: pointer;
  color: white;
  text-shadow: 1px 1px 5px #000000ab;
}

#sel-obal ul {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: #000 1px solid;
  right: 0;
  background-color: #fff;
}

#sel-obal ul li {
  list-style-type: disc;
  color: #e72b70;
  margin-left: 30px;
}

#sel-obal ul a {
  display: block;
  padding: 5px 17px;
  color: #e72b70;
  background: #fff;
  text-align: left;
  padding-left: 0px;
}

#sel-obal.zavreno ul {
  display: none;
}

.divky {
  min-height: 630px;
}

#boxy .box .h h2 {
  font-family: "corner-store-jf",sans-serif;
  font-size: 47px;
  color: #f7f7f7;
  margin-top: 10px;
  margin-bottom: 17px;
  padding-left: 29px;
}

.h2-td {
  font-family: "jaf-domus-titling-web",sans-serif;
  float: left;
  padding-left: 25px;
  padding-top: 5px;
  font-size: 30px;
  font-weight: 600;
  color: #fee359;
}

.display {
  display: block;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: calc(100vh / 2 - 105px);
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  position: absolute;
  color: #aaaaaa;
  right: 25px;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.btnphone {
  background: linear-gradient(45deg, #bb0a4e, #fc3469);
  font-size: 28px;
}

.btnphone i {
  font-size: 35px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
}

.btnphone i:hover {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
}

.btnphone .cislo {
  font-size: 50px;
}

.btnphone .cislo a {
  font-size: 50px;
}

.btnphone .kod {
  color: #ffea00;
  font-size: 28px;
}

.btnchat {
  background: linear-gradient(45deg, #bb0a4e, #fc3469);
  font-size: 28px;
}

.btnchat i {
  color: #fff;
  font-size: 35px;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
}

.btnchat i:hover {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
}

.btnchat .meno {
  font-size: 28px;
  color: #ffea00;
}

.btnchat .cislo {
  font-size: 50px;
  color: #ffea00;
}

.card:nth-child(odd) {
  background-color: transparent;
  border: none;
  padding: 5px;
}

.card:nth-child(odd) .body {
  background-image: linear-gradient(45deg, #bf2563, #92093e, #ab0045);
  border-radius: 10px;
  padding: 0px;
}

.card:nth-child(odd) .body .top {
  padding: 0px;
  background-color: #86093a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card:nth-child(odd) .top h4 {
  color: #ffea00;
  font-size: 22px;
  padding-top: 14px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 1px solid #ffea00;
  padding-bottom: 10px;
}

.card:nth-child(odd) .top h4 i {
  color: #ff4287;
  padding-right: 5px;
}

.card:nth-child(odd) .top h4 a {
  color: #ffea00;
  font-size: 22px;
  padding-top: 20px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
}

.card:nth-child(odd) .top p {
  color: #ffbd5b;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  padding-left: 15px;
  padding-bottom: 5px;
}

.card:nth-child(odd) .top button {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 150px;
  color: #ffea00;
  font-weight: 500;
  padding: 5px;
  font-size: 14px;
  background-color: #ff428752;
  border: #ff4287 2px solid;
}

.card:nth-child(odd) .top button .active {
  background-color: #ff428752;
  border: #ff4287 2px solid;
}

.card:nth-child(odd) .top .btn.focus, .card:nth-child(odd) .top .btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.card:nth-child(odd) .cont {
  padding: 0px;
}

.card:nth-child(odd) .cont .row {
  min-height: 270px;
}

.card:nth-child(odd) .cont p {
  color: #fff;
  font-size: 13px;
  padding: 5px;
}

.card:nth-child(odd) .cont img {
  margin-left: 15px;
  border-radius: 5px;
  border: #fff 2px solid;
}

.card:nth-child(odd) .cont .buttons {
  padding: 5px;
  padding-top: 0px;
}

.card:nth-child(odd) .cont .buttons button {
  background-color: #98013e;
  border: #ff4287 2px solid;
}

.card:nth-child(odd) .cont .buttons button .active {
  background-color: #98013e;
  border: #ff4287 2px solid;
}

.card:nth-child(odd) .cont .buttons .btn.focus, .card:nth-child(odd) .cont .buttons .btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.card:nth-child(odd) .cont .phone {
  color: #ffea00;
  font-weight: 800;
}

.card:nth-child(odd) .cont .phone i {
  color: #ffea00;
  padding-right: 15px;
}

.card:nth-child(odd) .cont .chat {
  color: #fff;
  font-weight: 600;
}

.card:nth-child(odd) .cont .chat i {
  color: #fff;
  padding-right: 15px;
}

.povidky {
  background-color: #ffdfea;
  border-radius: 10px;
  padding: 15px;
}

.povidky h4 {
  padding: 15px;
  color: #bc2361;
  padding-left: 0px;
  margin-bottom: 0px;
  text-shadow: 1px 1px 1px #fff;
}

.povidky h4 i {
  padding-left: 5px;
  padding-right: 5px;
  color: #bc2361;
  text-shadow: 1px 1px 1px #fff;
}

.povidky a .povidka:nth-child(odd) {
  padding: 15px;
  border-radius: 10px;
  background-color: #ffecf4;
  margin-bottom: 15px;
  border: #51000c 2px solid;
}

.povidky a .povidka:nth-child(odd) h5 {
  color: #51000c;
}

.povidky a .povidka:nth-child(odd) p {
  color: #51000c;
  font-weight: 400;
}

.povidky a .povidka {
  padding: 15px;
  border-radius: 10px;
  background-color: #51000c;
  margin-bottom: 15px;
  border: #ffdfea 2px solid;
}

.povidky a .povidka h5 {
  color: #ffea00;
}

.povidky a .povidka p {
  color: #fff;
  font-weight: 600;
}

.povidky a .povidka img {
  border-radius: 5px;
  border: #fff 2px solid;
}

.povidky a .povidka:last-child {
  margin-bottom: 0px;
}

.sexpotelefonu h4 {
  color: #ac182e;
  padding: 5px;
  padding-left: 0px;
  margin-bottom: 0px;
  text-shadow: 1px 1px 1px #fff;
}

.sexpotelefonu h4 i {
  padding-top: 5px;
  padding-right: 5px;
  color: #ac182e;
  text-shadow: 1px 1px 1px #fff;
}

.sexpotelefonu .vyhody {
  background-color: #ffecf4;
  border-radius: 10px;
  border: 2px solid #880015;
  padding: 15px;
}

.sexpotelefonu .vyhody img {
  border-radius: 10px;
  margin-top: 8px;
  -webkit-box-shadow: 5px 3px 4px 0px #525252;
          box-shadow: 5px 3px 4px 0px #525252;
}

.sexpotelefonu .vyhoda {
  padding: 5px;
}

.sexpotelefonu .vyhoda h4 {
  color: #bb0a25;
  font-size: 18px;
}

.sexpotelefonu .vyhoda h4 i {
  color: #ffea00;
  padding-left: 25px;
  padding-right: 25px;
  text-shadow: 1px 1px 3px #000;
}

.dop {
  padding: 15px;
}

.dop h4 {
  color: #bc2361;
  padding: 15px;
  padding-left: 0px;
  margin-bottom: 0px;
  text-shadow: 1px 1px 1px #fff;
}

.dop h4 i {
  padding-top: 5px;
  padding-right: 5px;
  color: #bc2361;
  text-shadow: 1px 1px 1px #fff;
}

.dopo {
  background-image: linear-gradient(45deg, #bf2563, #92093e, #ab0045);
  border-radius: 10px;
  margin-bottom: 75px;
}

.doporucujeme {
  padding: 15px;
}

.doporucujeme .telo {
  padding: 15px;
  background-color: #ffecf4;
  border-radius: 15px;
  min-height: 170px;
}

.doporucujeme .telo .link {
  position: absolute;
  bottom: 15px;
  color: #d31b62;
  font-weight: 500;
}

.doporucujeme .telo h5 {
  color: #bd2461;
}

.doporucujeme .telo p {
  color: #151515;
}

.doporucujeme .telo a {
  color: #f80b6a;
  font-weight: 500;
}

.nav-bottom ul {
  float: right;
  display: inline-block;
  text-decoration: none;
  list-style-type: none;
}

.nav-bottom ul li {
  color: #fff;
  float: left;
  padding: 15px;
  text-decoration: none;
  list-style-type: none;
  position: relative;
  width: auto;
  max-width: 200px;
}

.nav-bottom ul li a {
  text-shadow: 1px 1px 2px #000;
}

.copyright h5 {
  padding: 15px;
  color: #fff;
}

.footer {
  background-image: linear-gradient(45deg, #bf2563, #92093e, #ab0045);
  max-width: 100%;
}

.detail .detail-top {
  padding-top: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 70px;
  margin-top: 0px;
  margin-bottom: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#9c0f48), color-stop(#6e012b), to(#8e0d41));
  background-image: linear-gradient(to right, #9c0f48, #6e012b, #8e0d41);
  border-bottom: 2px solid #ed1467;
}

.detail .detail-top .ktext {
  top: 0px;
  float: left;
  margin-left: 35px;
  padding-top: 5px;
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
}

.detail h2 {
  color: #ffea00;
  float: left;
  font-size: 35px;
  text-transform: uppercase;
}

.detail h2 a {
  color: #ffea00;
  float: left;
}

.detail h2 a p {
  color: #fff;
}

.detail p {
  color: #fff;
  font-weight: 500;
}

.detail button {
  color: #ffea00;
  font-weight: 500;
  padding: 5px;
  font-size: 14px;
  background-color: #eb2c78b4;
  border: #c91d5c 2px solid;
}

.detail button p {
  font-size: 25px;
}

.detail button a {
  color: #ffea00;
}

.detail button .active {
  background-color: #98013e;
  border: #ff4287 2px solid;
}

.detail .btn.focus, .detail .btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.detail .tagy {
  padding-top: 15px;
  border-top: 2px solid #ed143d;
  height: 50px;
  margin-top: 15px;
  background-color: #98013e;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
}

.detail .tagy h6 {
  color: #fff;
}

.detail .tagy li {
  padding-bottom: 5px;
  float: left;
  padding-right: 5px;
  text-decoration: none;
  list-style-type: none;
  font-size: 16px;
}

.detail .tagy li a {
  color: #fff;
  font-size: 16px;
}

.detail .tagy li::after {
  content: ", ";
}

.detail .tagy li:last-child:after {
  content: '';
}

.detail .tagy li:first-child:after {
  content: '';
}

@media (max-width: 767px) {


    .detail .tagy li {
        padding-bottom: 5px;
        float: left;
        padding-right: 5px;
        text-decoration: none;
        list-style-type: none;
        font-size: 9px;
      }
    .detail .tagy li a {
        color: #fff;
        font-size: 9px;
      }

  .card:nth-child(odd) .cont img {
    margin-left: 0px;
    border-radius: 5px;
    border: #fff 2px solid;
  }
  .card .cont img {
    margin-left: 0px;
    border-radius: 5px;
    border: #fff 2px solid;
  }
}

@media (min-width: 767px) {
  .cont p {
    min-height: 270px;
  }
}
/*# sourceMappingURL=style.css.map */

.card:nth-child(odd) .cont .col-lg-6 {
    padding: 5px;
}

.card .cont .col-lg-6 {
    padding: 5px;
}
.card img {
    margin: 0px;
}

.card:nth-child(odd) .cont img {
    margin-left: 0px;
    border-radius: 5px;
    border: #fff 2px solid;
}

.card .cont img {
    margin-left: 0px;
    border-radius: 5px;
    border: #fff 2px solid;
}
.doporucujeme .telo h5 {
    color: #8c0519;
    font-size: 0.95rem;
}


.doporucujeme .telo p {
    color: #151515;
    padding-bottom: 0px;
    font-size: 0.85rem;
    margin-bottom: 0px;
}
.doporucujeme .telo .link {
    position: absolute;
    bottom: 20px;
    color: #d31b62;
    font-weight: 500;
}

.divka {
    padding: 0px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 5px;
}

.mobileonly{
    display:none;
}

.desktoponly{
    display: block;
}
@media(max-width:767px){
    
    .mobileonly{
        display:block;
    }
    .desktoponly{
        display: none;
    }

    .detail .detail-top .ktext {
        top: 0px;
        float: left;
        margin-left: 0px;
        padding-top: 15px;
        font-size: 21px;
        font-weight: 600;
        color: #ffffff;
        text-align: left;
    }
}
.tagy{
    margin-top: 15px;
}
.divkatop .obsah{
    min-height: 135px;
}
@media(max-width:767px){
    .copyright h5{
        font-size: 11px;
        text-align: center;
    }
    .nav-bottom ul {
        float: left;
        margin: 0px;
    }
    .nav-bottom ul li {
        color: #fff;
        float: left;
        padding: 5px;
        text-decoration: none;
        list-style-type: none;
        position: relative;
        width: auto;
        font-size: 11px;
        max-width: 200px;
    }
}