/* CSS Document */ 

@font-face {
  font-family: JigsawStencilRegular;
  src: url("https://www.saldovo-divadlo.cz/IS/pu_data/send_files/File/saldovo_divadlo_cz/css/JigsawStencilRegular.otf") format("opentype");
} 

div {
  text-align: left;
  line-height: 18px;
}

td {
    line-height: 18px;
    font-family: Verdana;
    font-size: 12px;
   }

.hlavni {} /* border: 1px solid pink; */                  

.font-jigsaw-regular {font-family: 'JigsawStencilRegular';}
.input-filtr-program {border: 1px solid grey; height: 25px; padding-left: 5px;}

.rotace {
  -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  transform: rotate(270deg);
}

.cernobile {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
  filter: gray;
}

.tt ul {margin-left: 10; padding: 0;}

.tt ul ul {margin-left: 40; padding: 0;}


.tlacitko-voice-hlasuj {color: #ffffff; font-size: 16px; background: #231f20; border: 2px solid #231f20; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-voice-hlasuj:hover {color: #ffffff; font-size: 16px; background: #83777a; border: 2px solid #83777a; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-voice-hlasuj-hlasovano {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: grey; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-voice-hlasuj-dekujeme {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: #0ac729; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-anketa-hlasuj {color: #eb0d25; font-size: 16px; background: #ffffff; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-anketa-hlasuj:hover {color: #eb0d25; font-size: 16px; background: #fdc3c4; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-sub-rezervace {color: #eb0d25; font-size: 14px; background: #fdc3c4; padding: 7px 30px 7px 30px; text-decoration: none; border: 0; cursor: pointer; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-sub-rezervace:hover {color: #eb0d25; font-size: 14px; background: #ffffff; padding: 7px 30px 7px 30px; text-decoration: none; border: 0; cursor: pointer; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-bile {float: left; clear: both; min-width: 100px; color: #ed1c24; font-size: 14px; background: #ffffff; margin-bottom: 6px; padding: 4px 30px 4px 11px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase; text-align: left;}
.tlacitko-bile:hover {float: left; clear: both; min-width: 100px; color: #ed1c24; font-size: 14px; background: #fbe9e9; margin-bottom: 6px; padding: 4px 30px 4px 11px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase; text-align: left;}
 
a {color: #ed1c24; text-decoration: none;}
a:hover {color: #ed1c24; text-decoration: underline;} 
 
 
/* notebook */
@media screen and (min-width:980px) {
  .hlavni {max-width: 960px; width: 100%;}
  .hlavni-obsah {float: left; width: 854px;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-leva {float: left; width: 48%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 48%;}
  .table-3-sloupce {width: 29%; margin: 0px 2.1% 0px 2.1%;}
  .logo {float: left; width: 300px;}
  .logo img {}
  .find-header {display: none;}
  .find-menu {display: block;}
  .find-input {border: 1px solid #ffffff; background: #ffffff; opacity: 0.4; filter: alpha(opacity=40);}
  .soc-header {position: absolute; left: 605px; top: 0px; display: block;}
  .language-header {position: absolute; right: 0px; top: 0px; display: block;}
  .menu {display: block; width: 890px;}
  .li-menu {padding-right: 20px;}
  .menu-mobile {display: none;}
  .mezera {margin-right: 33px;}
  .telesa {display: block; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_telesa_960px.jpg'); background-repeat: no-repeat;}
  .telesa-txt-a {position: absolute; left: 147px; top: 113px;}
  .telesa-txt-b {position: absolute; left: 485px; top: 112px;}
  .telesa-txt-c {position: absolute; left: 712px; top: 183px;}
  .telesa-mobil {display: none;}
  .program-upoutavka {display: block;}
  .program {width: 320px;}
  .aktuality {width: 640px;}
  .news {width: 640px; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_news.png'); background-repeat: repeat;}
  .home-aktuality-obsah {padding: 36px 0px 14px 0px; height: 324px;}
  .aktualita {width: 170px; height: 80px;}
  .m1 {margin-bottom: 30px;}
  .class-19623 p img {}
  .class-19628 p img {display: none;}
  .cinohra {width: 320px;} 
  .cinohra-cinohra {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_320px.jpg'); background-repeat: no-repeat;} 
  .cinohra-opera {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_opera_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-balet {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_balet_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-txt {position: absolute; left: 153px; top: 100px;}
  .cinohra-txt-cinohra {margin-left: 0px; margin-top: 18px;}
  .cinohra-txt-opera {margin-left: 16px; margin-top: 18px;}
  .cinohra-txt-balet {margin-left: -74px; margin-top: 88px;}
  .slider-cinohra {width: 640px;}
  .premiery-cinohra {width: 320px; height: 582px;}
  .premiery-cinohra-obsah {height: 523px;}
  .repertoar-cinohra-obsah {padding: 50px 50px 50px 372px;}
  .repertoar-opera-obsah {padding: 30px 50px 50px 50px;}
  .repertoar-0 {float: left; width: 280px;}
  .repertoar-1 {float: left; width: 280px; margin-top: 41px;}
  .repertoar-2 {float: left; width: 280px;}
  .soubor-cinohra-obsah {padding: 50px 50px 50px 50px;}
  .text-obsah {padding: 56px 56px 56px 56px; width: 848px;}
  .text-obsah-pod {padding: 0px 56px 5px 56px; width: 848px;}
  .program-obsah {width: 48%;}
  .detail-predstaveni-sloupec-jedna {width: 432px; }
  .detail-predstaveni-sloupec-dva {width: 332px;}
  .filtr-obsah {width: 900px; text-align: left;}
  .filtr-obsah select {margin-right: 20px;}
  .filtr-obsah input {margin-right: 20px;}
  .dva-sloupce {float: left; margin-right: 20px; width: 45%;}
  .ctyri-sloupce {float: left; margin-right: 20px; width: 22%;}
  .slider {width: 640px; height: 310px;}
  .aktuality-mdfxs {width: 640px;}
  .premiery-640 {display: none;}
  .premiery-960-320 {display: block;}
  .detail-predstaveni-rezervace-a {float: left; width: 380px;}
  .detail-predstaveni-rezervace-b {float: right; max-width: 447px;}
  .modal-content-info { background-color: #fefefe; margin: auto;  width: 580px; z-index: 9999;  /* padding: 40px; border: 1px solid #888; height: 390px; */ }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 200px; /* Location of the box moje */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .divadlo-online-90st {position: absolute; left: -40px; top: 102px;}
  /* .table-2-sloupce {width: 38%; margin: 0px 6% 0px 6%; } */
  .divadlo-online-item {float: left; width: 100%; clear: both; height: 230px; margin: 0px 0px 25px 0px;}
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 19px; font-weight: normal; color: #ffffff;}
  .oceneni-leva {float: left; width: 68%; clear: both;}
  .oceneni-prava {float: right; width: 28%;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 18px; line-height: 18px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 24px; line-height: 24px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
}
/* tablet */
@media screen and (min-width:660px) and (max-width:980px) {
  .hlavni {max-width: 640px; width: 100%;}
  .hlavni-obsah {float: left; width: 534px;}
  .table-2-sloupce {width: 40%; margin: 0px 5% 0px 5%;}
  .table-2-sloupce-leva {float: left; width: 48%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 48%;}
  .table-3-sloupce {width: 30%; margin: 0px 1.6% 0px 1.6%;}
  .logo {float: left; width: 300px;}
  .logo img {}
  .find-header {display: block;}
  .find-menu {display: none;}
  .find-input {border: 1px solid #8e8e8e; background: #8e8e8e;}
  .soc-header {position: absolute; left: 250px; top: 0px; display: block;}
  .language-header {position: absolute; right: 0px; top: 0px; display: block;}
  .menu {display: none;}
  .li-menu {padding-right: 6px;}
  .menu-mobile {display: block;}
  .mezera {margin-right: 24px;}
  .telesa {display: block; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_telesa_640px.jpg'); background-repeat: no-repeat;}
  .telesa-txt-a {position: absolute; left: 22px; top: 109px;}
  .telesa-txt-b {position: absolute; left: 246px; top: 106px;}
  .telesa-txt-c {position: absolute; left: 449px; top: 184px;}
  .telesa-mobil {display: none;}
  .program-upoutavka {display: block;}
  .program {width: 50%;}
  .aktuality {width: 50%;}
  .news {width: 50%; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_news.png'); background-repeat: repeat;}
  .home-aktuality-obsah {padding: 36px 0px 14px 0px; height: 636px;}
  .aktualita {width: 260px; height: 45px;}
  .m1 {margin-bottom: 20px;}
  .class-19623 p img {width: 640px; height: auto;}
  .class-19628 p img {display: block;}
  .cinohra {width: 640px;}
  .cinohra-cinohra {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_640px.jpg'); background-repeat: no-repeat;} 
  .cinohra-opera {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_640px.jpg'); background-repeat: no-repeat;} 
  .cinohra-balet {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_640px.jpg'); background-repeat: no-repeat;} 
  .cinohra-txt {position: absolute; left: 474px; top: 113px;}
  .cinohra-txt-cinohra {margin-left: 0px; margin-top: 70px;}
  .cinohra-txt-opera {margin-left: 0px; margin-top: 45px;}
  .cinohra-txt-balet {margin-left: 0px; margin-top: 80px;}
  .slider-cinohra {width: 640px;}
  .premiery-cinohra {width: 640px; height: 379px;}
  .premiery-cinohra-obsah {height: 320px;}
  .repertoar-cinohra-obsah {padding: 50px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 540px;}
  .repertoar-opera-obsah {padding: 30px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 540px;}
  .repertoar-0 {float: left; width: 260px;}
  .repertoar-1 {float: left; width: 260px; margin-top: 41px;}
  .repertoar-2 {float: left; clear: both; width: 260px;}
  .soubor-cinohra-obsah {padding: 50px 50px 50px 50px;}
  .text-obsah {padding: 56px 56px 56px 56px; width: 528px;}
  .text-obsah-pod {padding: 0px 56px 5px 56px; width: 528px;}
  .program-obsah {width: 48%;}
  .detail-predstaveni-sloupec-jedna {width: 432px;}
  .detail-predstaveni-sloupec-dva {width: 432px;}
  .filtr-obsah {width: 580px; text-align: center;}
  .filtr-obsah select {margin-right: 20px;}
  .filtr-obsah input {margin-right: 20px;}
  .dva-sloupce {float: left; margin-right: 20px; width: 45%;}
  .ctyri-sloupce {float: left; margin-right: 20px; width: 45%;}
  .slider {width: 640px; height: 310px;}
  .aktuality-mdfxs {width: 640px;}
  .premiery-640 {display: block;}
  .premiery-960-320 {display: none;}
  .detail-predstaveni-rezervace-a {float: left; width: 300px;}
  .detail-predstaveni-rezervace-b {float: right; width: 200px;}
  .modal-content-info { background-color: #fefefe; margin: auto;  width: 580px; z-index: 9999;  /* padding: 40px; border: 1px solid #888; height: 390px; */ }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 200px; /* Location of the box moje */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .divadlo-online-90st {position: absolute; left: -40px; top: 102px;}
  /* .table-2-sloupce {width: 38%; margin: 0px 6% 0px 6%; } */
  .divadlo-online-item {float: left; width: 100%; clear: both; height: 290px; margin: 0px 0px 25px 0px;}
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 17px; font-weight: normal; color: #ffffff;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 14px; line-height: 14px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 16px; line-height: 16px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:660px) {
  .hlavni {max-width: 320px; width: 100%;}
  .hlavni-obsah {float: left; width: 214px;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-leva {float: left; width: 100%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 100%; clear: both;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .logo {}
  .logo img {display: block; margin: 0 auto;}
  .find-header {display: none;}
  .find-menu {display: block;}
  .find-input {border: 1px solid #ffffff; background: #ffffff; opacity: 0.4; filter: alpha(opacity=40);}
  .soc-header {display: none;}
  .language-header {position: absolute; right: 0px; top: 0px; display: block;}
  .menu {display: none;}
  .menu-mobile {display: block;}
  .mezera {}
  .telesa {display: block; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_telesa_320px.jpg'); background-repeat: no-repeat;}
  .telesa-txt-a {position: absolute; left: 46px; top: 38px;}   .telesa-txt-a div p {display: none;}
  .telesa-txt-b {position: absolute; left: 140px; top: 148px;} .telesa-txt-b div p {display: none;}
  .telesa-txt-c {position: absolute; left: 23px; top: 256px;}  .telesa-txt-c div p {display: none;}
  .telesa-mobil {display: block;}
  .program-upoutavka {display: block;}
  .program {width: 100%;}
  .aktuality {width: 100%;}
  .news {width: 100%; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_news.png'); background-repeat: repeat;}
  .home-aktuality-obsah {padding: 36px 0px 14px 0px; height: 596px;}
  .aktualita {width: 260px; height: 45px;}
  .m1 {margin-bottom: 17px;}
  .class-19623 p img {}
  .class-19628 p img {display: none;}
  .cinohra {width: 320px;}
  .cinohra-cinohra {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_320px.jpg'); background-repeat: no-repeat;} 
  .cinohra-opera {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_opera_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-balet {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_balet_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-txt {position: absolute; left: 153px; top: 113px;}
  .cinohra-txt-cinohra {margin-left: 0px; margin-top: 18px;}
  .cinohra-txt-opera {margin-left: 16px; margin-top: 18px;}
  .cinohra-txt-balet {margin-left: -74px; margin-top: 88px;}
  .slider-cinohra {width: 100%;}
  .premiery-cinohra {width: 320px; height: 582px;}
  .premiery-cinohra-obsah {height: 523px;}
  .repertoar-cinohra-obsah {padding: 50px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 220px;}
  .repertoar-opera-obsah {padding: 30px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 220px;}
  .repertoar-0 {float: left; width: 250px;}
  .repertoar-1 {float: left; width: 250px; margin-top: 0px;}
  .repertoar-2 {float: left; clear: both; width: 250px;}
  .soubor-cinohra-obsah {padding: 20px 0px 20px 35px;}
  .text-obsah {padding: 35px 35px 35px 35px; width: 250px;}
  .text-obsah-pod {padding: 0px 35px 5px 35px; width: 250px;}
  .program-obsah {clear: both; width: 100%;}
  .detail-predstaveni-sloupec-jedna {width: 250px;}
  .detail-predstaveni-sloupec-dva {width: 250px;}
  .filtr-obsah {width: 260px; text-align: center;}
  .filtr-obsah select {clear: both;}
  .filtr-obsah input {clear: both;}
  .dva-sloupce {float: left; width: 100%;}
  .ctyri-sloupce {float: left; width: 100%;}
  .slider {width: 100%; height: 156px; }
  .aktuality-mdfxs {width: 320px;}
  .premiery-640 {display: none;}
  .premiery-960-320 {display: block;}
  .detail-predstaveni-rezervace-a {float: left; width: 100%;}
  .detail-predstaveni-rezervace-b {float: left; width: 100%; clear: both; margin-left: -4px; margin-top: 20px;}
  .modal-content-info { background-color: #fefefe; margin: auto; width: 300px; z-index: 400;  /* padding: 40px; border: 1px solid #888; height: 490px; */ }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 400; /* Sit on top */
    padding-top: 100px; /* Location of the box moje */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .divadlo-online-90st {display: none;} /* position: absolute; left: 10px; bottom: 10px; */
  /* .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; } */
  .divadlo-online-item {float: left; width: 100%; clear: both; height: 230px; margin: 0px 0px 25px 0px;}
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 17px; font-weight: normal; color: #ffffff;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 14px; line-height: 14px; float: left; text-transform: uppercase; width: 100%; margin: 0% 0% 5px 0%; text-align: center;  padding: 8px 0px 4px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 16px; line-height: 16px; float: left; text-transform: uppercase; width: 100%; margin: 0% 0% 5px 0%; text-align: center;  padding: 8px 0px 4px 0px; color: #ffffff;}
}

.news p {color: white; font-size: 14px; font-weight: bold;}
.news a {color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: underline;}
.news a:hover {color: #710000; font-size: 14px; font-weight: bold; text-decoration: underline;}
.news p a {color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: underline;}
.news p a:hover {color: #710000; font-size: 14px; font-weight: bold; text-decoration: underline;}

/* The Close Button */
.close {
    color: #ffffff;
    float: right;
    font-size: 35px;
    font-weight: bold;
    margin-top: -25px;
    margin-right: -25px;
}

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