@font-face {
  font-family: "CompactaLight";
  src: url("../fonts/CompactaLight.otf");
}
@font-face {
  font-family: "IdealSansLight";
  src: url("../fonts/IdealSansLight.otf");
}

@media only screen and (max-device-width: 720px) and (orientation: portrait) {
  .body {
    max-width: 100%;
  }
  #nanogallery2 {
    /* transform: scale(0.9, 0.9); */
  }
  #nanogallery2galerie {
    display: none !important;
    /* min-width: 500px; */
  }
  #nanogallery2galeriemobil {
    display: block !important;
  }
  .lotiuni_desktop {
    display: none !important;
  }
  .lotiuni_mobil {
    /* z-index: 2; */
    display: block !important;
  }
  .fundalaparate {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
  }
  .aparate_desktop {
    display: none !important;
  }
  .aparate_mobil {
    padding: 0%;
    text-align: left;
    display: block !important;
    width: 100% !important;
  }
  .Gallery {
    right: 30%;
  }
  .nGY2,
  .nGY2Gallery,
  .nGY2GallerySub {
    position: unset !important;
    /* overflow: hidden; */
    box-sizing: border-box;
  }
  /* .nGY2GallerySub {
    margin: 0 !important;
    width: 5% !important;
    height: 5% !important;
  } */
  .containermustar {
    width: auto !important;
    padding: 3% !important;
    background-size: cover !important;
    background-color: rgba(93, 169, 233, 1);
  }
  .containermov {
    background-size: cover !important;
    padding: 3% !important;
    background-image: url("media/main/mov.png");
    margin: 0 !important;
    width: auto !important;
  }
  .containerturcoaz {
    width: auto !important;
    background-size: cover !important;
    padding: 3% !important;
    background-image: url("media/main/turcoaz.png");
    margin: 0 !important;
  }
  .mapouter {
    /* bottom: 3%; */
    position: absolute;
    text-align: right;
    height: 33% !important;
    width: 74% !important;
    margin-left: 13% !important;
    z-index: 0 !important;
  }
  .gmap_canvas {
    margin-right: 50% !important;
  }
  .descrierelotiuni {
    width: 100%;
    height: 100%;
  }
  /* Style the navigation menu */
  .topnav {
    transition: display 1s;
    /* font-style: "IdealSansLight" !important; */
    display: block !important;
    overflow: hidden;
    background-color: transparent !important;
    position: absolute;
    height: 100px;
    width: 17%;
    /* padding-top: 50px; */
    /* padding-bottom: 70px; */
    /* padding-left: 10px; */
    z-index: 1;
  }
  .fa {
    font-size: 100% !important;
  }
  #body-aparate {
    margin: 0 !important;
  }
  #bronzare-body .topnav-bronzare {
    z-index: 2 !important;
  }

  /* Hide the links inside the navigation menu (except for logo/home) */
  .topnav #myLinks {
    width: 100%;
    display: none;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
  }

  /* Style navigation menu links */
  .topnav a {
    display: none;
    color: #000;
    padding: 25px 26px;
    margin-left: 7px;
    text-decoration: none;
    font-size: 25px;
    font-family: "IdealSansLight";
    display: block;
  }
  #icon-aparate {
    color: white !important;
    width: 50px !important;
    padding: 20px 20px !important;
  }
  /* Style the hamburger menu */
  .topnav a.icon {
    background-color: transparent !important;
    display: block;
    position: absolute;
    /* right: 0; */
    top: 0;
  }

  /* Add a grey background color on mouse-over */
  .topnav a:hover {
    background-color: rgba(255, 255, 255, 0.6);
    color: #777;
  }

  /* Style the active link (or home/logo) */
  .active {
    display: none !important;
    padding-top: 20px;
    padding-bottom: 20px;
    /* background-color: rgba(255, 255, 255, 0.9); */
  }
  #icon-index {
    padding: 39px !important;
    /* width: 8px !important; */
    left: 0;
  }
  .banner-img {
    left: 0px;
    position: absolute !important;
    /* top: 50% !important; */
    width: 100% !important;
  }
  #subtitlumustar {
    font-size: 47% !important;
  }
  .containerroz {
    background-color: rgba(240, 157, 81, 1) !important;
    /* height: 154% !important; */
    margin-top: 0 !important;
  }
  .banner1 {
    margin-bottom: 0 !important;
    background-size: cover !important;
    background-position: top !important;
    background-attachment: scroll !important;
  }
  .banner2 {
    display: none !important;
  }
  .mustar {
    min-height: 2068px !important;
    max-height: 2069px !important;
  }

  #subtitlumustar {
    line-height: 1.5;
  }
  .banner3 {
    display: none;
  }
  .banner4 {
    display: none;
    background-attachment: scroll !important;
    background-size: cover !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .mov {
    background-color: rgba(130, 2, 99, 1) !important;
    min-height: 1271px !important;
    max-height: 1272px !important;
  }
  #turcoaz {
    background-color: #61cebc !important;
  }
  #pink-text {
    margin-top: 150px;
    font-size: 45px !important;
  }
  #pink-titlu {
    margin-top: 5% !important;
    font-size: 300% !important;
  }
  .descriere {
    font-size: 55% !important;
    line-height: 1.5;
    font-family: "IdealSansLight" !important;
    text-align: left !important;
  }
  .descrieremustar {
    font-size: 60% !important;
    font-family: "IdealSansLight" !important;
    text-align: left !important;
    line-height: 1 !important;
  }
  .roz {
    left: 0 !important;
    height: 200% !important;
    max-height: 200% !important;
    position: relative !important;
  }
  .continutroz {
    padding: 5% !important;
    font-size: 35px !important;
  }
  .continutmustar {
    padding: 3% !important;
    margin-top: 0px !important;
    font-size: 40px !important;
  }
  .gmap_canvas {
    height: 100% !important;
    width: 100% !important;
  }
  .continutmov {
    margin-top: 0px !important;
    font-size: 35px !important;
    max-width: 95% !important;
  }
  .continuturcoaz {
    /* padding: 3% !important; */
    margin-top: 100px !important;
    font-size: 40px !important;
  }
  .subtitlu {
    font-size: 63% !important;
    margin-top: 3px !important;
    margin-bottom: 3px;
  }
  .titlu {
    font-size: 250% !important;
    margin-top: 5px !important;
    line-height: 83% !important;
  }
  #titlu-turcoaz {
    font-size: 500% !important;
    margin-top: 0% !important;
  }
  #subtitlu-turcoaz {
    line-height: 1.5;
    font-size: 100% !important;
  }
  #text-turcoaz {
    text-align: left !important;
    font-size: 20px !important;
  }
  #turcoaz {
    min-height: 969px !important;
  }
  .menu {
    display: none;
  }
  .subtitlu {
    line-height: 100% !important;
  }
  .bronzaredescriere {
    z-index: 1 !important;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 100% !important;
    padding-left: 0 !important;
    max-width: 100% !important;
    padding: 5% !important;
    margin-top: 0 !important;
  }
  .bronzaretitlu {
    margin-top: 20% !important;
    font-size: 500% !important;
    min-width: 89% !important;
    margin-bottom: 50px;
  }
  .fundalbronzare {
    position: fixed !important;
    background-size: auto 100% !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
  }
  .containeraparate {
    /* background-color: rgba(0, 0, 0, 0.5); */
    padding-left: 0% !important;
    margin: 0% !important;
    color: yellow !important;
    position: relative !important;
  }
  .descriereaparate {
    /* overflow: hidden; */
    line-height: 1.5 !important;
    width: 94% !important;
    font-size: 100% !important;
    /* max-width: 100% !important; */
    background-color: rgba(0, 0, 0, 0.3);
    color: white !important;
    margin-top: 50% !important;
    padding: 3% !important;
  }
  .ergoline700 {
    /* background-color: rgba(0, 0, 0, 0.5); */
    color: yellow !important;
  }
  .ergoline800 {
    /* background-color: rgba(0, 0, 0, 0.5); */
    color: yellow !important;
  }
  #icon-aparate {
    width: 50%;
    padding: 40px;
  }
  .titluaparate {
    font-size: 565% !important;
    position: absolute !important;
    margin-top: 15%;
    margin-left: 10%;
  }
  .fundallotiuni {
    filter: blur(2px);
    background-size: auto 100% !important;
    background-position: 13% 0 !important;
    background-attachment: fixed !important;
  }
  .containerlotiuni {
    width: 100% !important;
    position: relative !important;
    margin-left: 0% !important;
    margin-top: 0% !important;
    /* z-index: 1 !important; */
  }
  .titlulotiuni {
    padding-top: 30% !important;
    font-size: 90% !important;
    color: yellow !important;
  }
  #body-lotiuni .topnav-lotiuni {
    /* width: 17% !important; */
    margin: 0 !important;
    z-index: 2 !important;
  }
  .fundalgalerie {
    background-size: auto 100% !important;
  }
  .containergalerie {
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0% !important;
  }
  .descrieregalerie {
    padding: 4% !important;
  }
  .titlugalerie {
    margin-left: 0% !important;
    text-align: center !important;
    font-size: 550% !important;
    padding-top: 25% !important;
  }
  #body-galerie .topnav-galerie {
    z-index: 2 !important;
    /* width: 17% !important; */
  }
  .fundalcontact {
    background-size: auto 103% !important;
    background-position: 6% 0 !important;
  }
  .containercontact {
    margin-top: 0% !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.2);
    color: yellow !important;
    margin-left: 0% !important;
    font-size: 100% !important;
    text-align: center !important;
  }
  .titlucontact {
    color: yellow !important;
    padding-top: 25% !important;
    font-size: 500% !important;
  }
  .email {
    color: cyan !important;
  }
  .telefon {
    color: cyan !important;
  }
  .numar {
    color: cyan !important;
  }
}
/* sfarsit media 1 */
body {
  font-size: 20px !important;
  margin: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
.topnav {
  position: fixed;
  display: none;
}
.menu {
  background-color: rgba(255, 255, 255, 0.6);
  padding-top: 25px;
  padding-bottom: 20px;
  /* link jos - padding bottom 10px la menu + menu-link  */
  box-shadow: 0px 3px 5px #aaa;
  position: fixed;
  float: left;
  width: 100%;
  z-index: 3;
  /* border-bottom: 2px solid #CCC; */
}
.menu-link {
  transition: margin-left 0.2s;
  transition: margin-right 0.2s;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
  padding-bottom: 20px;
  color: #777;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "IdealSansLight";
}
.menu-link:hover {
  transition: margin-left 0.2s;
  transition: margin-right 0.2s;
  margin-left: 15px;
  margin-right: 15px;
  box-shadow: 1px 0px 5px #888;
  background-color: #ccc;
  font-weight: bold;
}
.banner1 {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 140px;
  padding-bottom: 300px;
  background: url("media/main/wall1.jpg") fixed;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  /* position: relative; */
  overflow: hidden;
  /* margin-bottom: 50px; */
}
.banner2 {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 140px;
  padding-bottom: 300px;
  background: url("media/main/wall2.png") fixed;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: transparent;
  /* position: relative; */
  overflow: hidden;
  /* margin-top: 144px; */
  /* margin-bottom: 49px; */
}
.banner3 {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 140px;
  padding-bottom: 300px;
  background: url("media/main/wall3.jpg") fixed;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: transparent;
  /* position: relative; */
  overflow: hidden;
  /* margin-top: 50px; */
  /* margin-bottom: 49px; */
}
.banner4 {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 140px;
  padding-bottom: 300px;
  background: url("media/main/harta.png") no-repeat center fixed;
  background-size: cover;
  background-color: transparent;
  /* position: relative; */
  overflow: hidden;
}
.banner-img {
  width: 425px;
  height: auto;
}
.containerroz {
  padding-top: 2%;
  background-color: rgba(240, 157, 81, 1);
  position: relative;
  width: 100%;
  padding-bottom: 3%;
  /* height: auto; */
  /* padding-bottom: 300px; */
}
.containermustar {
  margin-top: 0px;
  /* background-image: url("../media/main/portocaliu.png"); */
  background-color: rgba(93, 169, 233, 1);
  padding-top: 2%;
  padding-bottom: 2%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  width: 100%;
}
.continutroz {
  padding-top: 2%;
  padding-bottom: 2%;
  max-width: 63%;
  position: relative;
  text-align: left;
  color: #fff;
}
.continutmustar {
  padding: 1%;
  /* padding-top: 10px; */
  /* padding-bottom: 10px; */
  max-width: 63%;
  position: relative;
  text-align: left;
  color: #fff;
  font-family: "IdealSansLight" !important;
}
.containermov {
  background-image: url("media/main/mov.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 171% auto;
  position: relative;
  width: 100%;
  padding-top: 2%;
  /* padding-bottom: 2%; */
}
.continutmov {
  padding-top: 1%;
  max-width: 63%;
  position: relative;
  text-align: left;
  color: #fff;
  padding: 1%;
}
.continutturcoaz {
  max-width: 63%;
  position: relative;
  text-align: left;
  color: #fff;
  padding: 3%;
}
.roz {
  min-height: 691px;
  width: 100%;
  max-height: 692px;
}
.mustar {
  min-height: 691px;
  max-height: 692px;
  width: 100%;
}
.mov {
  min-height: 691px;
  max-height: 692px;
  width: 100%;
}
.turcoaz {
  min-height: 691px;
  max-height: 692px;
  width: 100%;
}
.titlu {
  text-shadow: 0px 1px 0px #000;
  /* margin-top: -25px; */
  font-size: 120px;
  font-family: "CompactaLight";
}
.subtitlu {
  /*margin-top: -15px;
  margin-bottom: 25px;*/
  font-family: "IdealSansLight";
  font-weight: bold;
  font-size: 25px;
  line-height: 350%;
}
.descriere {
  font-size: 150%;
  font-family: "IdealSansLight";
  text-align: justify;
}
.ergoline {
  color: #b500a4;
}
.oferta {
  color: #9e8100;
}
#orar {
  line-height: 1.5;
}
.copyright {
  font-family: "IdealSansLight";
}
.mapouter {
  position: absolute;
}
.gmap_canvas {
  border-radius: 22px;
  margin-top: 10px;
  box-shadow: 0px 5px 22px #64c9b9;
}
.containerturcoaz {
  background-color: #00cfbd;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
}
/* Bronzare */
.fundalbronzare {
  width: 100%;
  height: 100%;
  background-image: url("media/main/bronzare.jpg");
  background-size: auto 100%;
  position: fixed;
  background-attachment: scroll;
  background-repeat: no-repeat;
}
.bronzaredescriere {
  max-width: 750px;
  text-align: left;
  padding-left: 50%;
  position: absolute;
  margin-top: 10%;
  z-index: 1;
}
.bronzaretitlu {
  text-shadow: 0px 1px 0px #000;
  max-width: 500px;
  color: #e9c626;
  font-size: 95px;
  font-family: "CompactaLight";
  line-height: 106px;
}
.bronzaretext {
  font-family: "IdealSansLight";
}
/* Aparate */
.aparate_desktop {
  display: block;
}
.aparate_mobil {
  display: none;
}
.fundalaparate {
  width: 100%;
  height: 100%;
  background-image: url("media/main/aparate.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left;
}
.containeraparate {
  text-align: left;
  color: #9711c0;
  position: absolute;
  margin-top: 10%;
  padding-left: 50%;
  font-family: "CompactaLight";
  /* max-width: 3000px; */
}
.titluaparate {
  text-shadow: 0px 1px 0px #000;
  font-size: 95px;
  /* margin-left: 50px; */
}
.descriereaparate {
  color: #000;
  font-family: "IdealSansLight";
  font-size: 19px;
  position: absolute;
  margin-top: 4%;
  /* margin-left: 5%; */
  width: 64%;
}
#nanogallery2aparat {
  z-index: 0;
  /* position: absolute; */
  width: 600px;
  margin-right: 315px;
  font-size: 15px;
}
.ergoline700 {
  color: #9711c0;
}
.ergoline800 {
  color: #9711c0;
}
/* Lotiuni */

.lotiuni_desktop {
  display: block;
  /* visibility: visible; */
}
.lotiuni_mobil {
  display: none;
  width: 100%;
  height: 100%;
}

.titlulotiuni {
  text-shadow: 0px 1px 0px #000;
}

.fundallotiuni {
  width: 100%;
  height: 100%;
  background-image: url("media/main/lotiuni.jpg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  background-attachment: fixed;
}
.containerlotiuni {
  font-family: "CompactaLight";
  width: 35%;
  color: #4185b0;
  font-size: 95px;
  line-height: 106px;
  font-weight: 400;
  margin-top: 5%;
  position: absolute;
  margin-left: 55%;
}
#nanogallery2 {
  width: 100%;
}
.nGY2GThumbnailIconsFullThumbnail {
  font-size: 150px !important;
}

/* galerie */
#nanogallery2galerie {
  display: block;
  /* min-width: 500px; */
}
#nanogallery2galeriemobil {
  display: none;
}

.fundalgalerie {
  height: 100%;
  width: 100%;
  background-image: url("media/main/galerie.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left;
}
.titlugalerie {
  text-shadow: 0px 1px 0px #000;
  font-family: "CompactaLight";
  font-size: 95px;
  line-height: 150px;
  font-weight: 400;
  text-align: left;
  color: #ed479b;
  margin-left: 40%;
  padding-top: 15%;
  /* margin-top: 15%; */
}
.containergalerie {
  max-width: 44%;
  font-family: "IdealSansLight";
  /* width: 10; */
  margin-left: 20%;
  /* margin-top: 10%; */
}
.descrieregalerie {
  padding-left: 38%;
  text-align: left;
}
/* Contact */
.fundalcontact {
  width: 100%;
  height: 100%;
  background-image: url("media/main/contact.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left;
}
.titlucontact {
  text-shadow: 0px 1px 0px #000;
  font-family: "CompactaLight";
  font-size: 95px;
  font-weight: 400;
  color: #64c9b9;
}
.containercontact {
  font-family: "IdealSansLight";
  /* width: 100%; */
  margin-left: 69%;
  margin-top: 10%;
  position: absolute;
  font-family: "IdealSansLight";
  text-align: left;
}
.telefon {
  text-shadow: 0px 1px 0px #000;
  color: #64c9b9;
}
.numar {
  color: #64c9b9;
}
.email {
  text-shadow: 0px 1px 0px #000;
  color: #64c9b9;
}
.meniu-telefon {
  display: none;
}
#gmap_canvas {
  width: 100%;
  height: 100%;
}
.mapouter {
  width: 20%;
  height: 20%;
}