body {
    margin: 0px;
    font-family: "LatoLatinWeb", Arial, sans-serif;
    color: white;
    text-align:center; 
    font-size:16px;
    line-height:18px; 
    font-weight:normal;    
}

div {
    font-family: "LatoLatinWeb", Arial, sans-serif;
    color: white;
    text-align:center; 
    font-size:18px;
    line-height:20px; 
    font-weight:normal;    
}

h1 {
    font-size: 2em;
    line-height: normal;
}

h2 {
    line-height: normal;
    font-size:2em;
}

img {
    border: 0px;
}

a {
    color: white;
}

.page {
    width: 100%;
    min-height: 100vh;
}

.page-content {
    max-width: 1296px;
    margin-left: auto;
    margin-right: auto;
}

.hcenter {
    margin-left: auto;
    margin-right: auto;  
}

.std-vmargin {
    margin-top: 32px;
    margin-bottom: 32px;
}

.warning-title {    
    color: white;     
    font-size:20px; 
    font-style:italic; 
    font-weight: bold;
    text-align:center; 
    margin-bottom: 35px;
}

.warning-text {
    color: white;
    font-size:12px;
    text-align:center; 
    margin-bottom: 25px;
}

h1.info-title {
    color: white;
    text-align: center; 
    font-size: 18px; 
    font-style:italic; 
}

h2.info-subtitle {
    color: white;
    text-align:center; 
    font-size:16px;
    line-height:18px; 
    font-weight:normal;
    font-style:italic; 
}

.red {
    color: red;
}

#main-page {
    background-image: url(../images/background.jpg);
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;    
}

.logo {
    background-image: url(../images/logo.png);
    background-position-y: -12px;
    width: 268px;
    height: 100px;
    background-repeat: no-repeat;
    margin: 0 auto;
}


#welcome-page {
    background-image: url(../images/hpbg.jpg);
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-top: 155px;
}

#welcome-page .page-content {
    background-color: transparent;
    background-image: url(../images/hpcontent_bg.png);
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    max-width: 679px;
    min-height: 442px;   
}

@media screen and (max-height:442px) {
    #welcome-page {
        padding-top: 0px;
    }
}

#menu_wejscie {
    background-image: url(../images/hpbutton.jpg);
    background-position: top left;
    width: 174px;
    height: 51px;
    margin-left: auto;
    margin-right: auto;      
}

#menu_wejscie:hover {
    background-position: bottom left;
    /* TRANSITION */
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}

#menu_wyjscie {
    background-image: url(../images/hpbutton.jpg);
    background-position: top right;
    width: 174px;
    height: 51px;
    margin-left: auto;
    margin-right: auto;      
}

#menu_wyjscie:hover {
    background-position: bottom right;
    /* TRANSITION */
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;    
}

#menu {
    float:right;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;

}

#menu a { font-weight:bold; font-family: "LatoLatinWeb", Arial, sans-serif; margin:6px;text-decoration:none}
#menu a:hover {text-decoration:underline}

#menu-stronaglowna, #menu-galeria, #menu-oferta, #menu-masaz, #menu-praca, #menu-kontakt {
    background-image: url(../images/menu.png);
    background-position-y: 0px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;  
    float: left;
    /* TRANSITION */
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;        
}

#menu-stronaglowna.en, #menu-galeria.en, #menu-oferta.en, #menu-masaz.en, #menu-praca.en, #menu-kontakt.en {
    background-image: url(../images/menu-en.jpg);
}

#menu-stronaglowna:hover, #menu-galeria:hover, #menu-oferta:hover, #menu-masaz:hover, #menu-praca:hover, #menu-kontakt:hover {
    background-position-y: 45px;
}

#menu-stronaglowna {
    background-position-x: 0px;
    width: 174px;
}

#menu-galeria {
    background-position-x: 375px;
    width: 185px;
}

#menu-oferta {
    background-position-x: 468px;
    width: 80px;      
}

#menu-masaz {
    background-position-x: 468px;
    width: 80px;      
}

#menu-praca {
    background-position-x: 175px;
    width: 70px;
}

#menu-kontakt {
    background-position-x: 90px;
    width: 90px;
}

#menu-stronaglowna.en {
    background-position-x: 0px;
    width: 90px;
}

#menu-galeria.en {
    background-position-x: 465px;
    width: 150px;
}

#menu-oferta.en {
    background-position-x: 300px;
    width: 95px;      
}

#menu-masaz.en {
    background-position-x: 300px;
    width: 95px;      
}

#menu-praca.en {
    background-position-x: 195px;
    width: 80px;
}

#menu-kontakt.en {
    background-position-x: 100px;
    width: 90px;
}

.button-text {
    color: white;
    text-align:center; 
    font-size:16px;
    line-height:18px; 
    font-weight:normal;
    font-style:italic; 
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.link-exchange {
    text-align: center;
    color: white;
}

a.link-exchange {
    color: white;
}

#slides {
    position:relative;
    width: 288px;
    height: 445px;
    margin:0 auto;    
}

#slide1 {
    background-image: url(../images/Featured/slide1.png);
    width: 288px;
    height: 445px;
    background-repeat: no-repeat; 
    position:absolute;
    left:0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;       
}

#slide2 {
    background-image: url(../images/Featured/slide2.png);    
    width: 288px;
    height: 445px;
    background-repeat: no-repeat; 
    position:absolute;
    left:0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;       
}

@keyframes slidesFadeInOut {
  0% {
    opacity:1;
  }
  45% {
    opacity:1;
  }
  55% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}

@keyframes slidesFadeOutIn {
    0% {
        opacity:0;
    }
    45% {
        opacity:0;
    }
    55% {
        opacity:1;
    }
    100% {
        opacity:1;
    }
}
  
#slide1 {
  animation-name: slidesFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate;
}

 #slide2 {
    animation-name: slidesFadeOutIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
}

.lang-img {
    width: 32px;
    height: 16px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px;
}

#agency-address .logo {
    background-image: url(../images/logo_g_1.png);
    background-repeat: no-repeat;
    background-position-x: -45px;
    background-position-y: 8px;
    width: 210px;
    height: 70px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
}

.galleria_container {
    max-width: 100%;
    margin-bottom: 5px;
}

img.replaced {
    max-width: 95%;
    max-height: 60vh;
}

.girl-title {
    margin: 10px;
    text-align: left;
}

.girl-info {
    text-align: left;
    padding-left: 5px;
}

.agency-title {
    margin: 10px;
    text-align: left;
}

.agency-address {
    text-align: left;
    padding-left: 5px;
}

@media screen and (max-width:720px) {
    .girl-info, .agency-address {
        font-size: 0.7em;
        line-height: 1em;
        padding-bottom: 5px;
    }
    .girl-title, .agency-title {
        margin: 5px;    
        font-size: 1em;
        padding-top: 0px;
    }
}

@media screen and (max-width:370px) {
    .agency-address, .agency-title {
        display: none;
    }
}

.left-column {
    width: 33%;
}

.right-column {
    width: 66%;
    margin-top: 10vh;
    height: 80vh;
}

.galleria {
    width: 100%;
    height: 80vh;
}

.galleria-info-title, .galleria-info-description, .galleria-counter {
    letter-spacing: normal;
}

@media screen and (max-width:720px) {
    .left-column {
        width: 100%;
    }
    
    .right-column {
        width: 100%;
        margin-top: 0px;
        height: 80vh;
    }

    .galleria {
        width: 100%;
        height: 80vh;
    }
}

.cena{
	font-weight:bold;
	color:#ff0000;
}

.mapka {
    width: 90%;
    height: 90%;
    margin: 5%;
}


.button-34 {
  background: #d627bc;
  border-radius: 999px;
  box-shadow: #d627bc 0 10px 20px -10px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Inter,Helvetica,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  outline: 0 solid transparent;
  padding: 8px 18px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
  word-break: break-word;
  border: 0;
  text-decoration:none;
}

@media screen and (max-width: 500px) {
.mobile_only    { display:block; }
}
@media screen and (min-width: 500px) {
.mobile_only   { display:none; }
}

@media screen and (max-width: 500px) {
.desktop_only    { display:none; }
}
@media screen and (min-width: 500px) {
.desktop_only   { display:block; }
}