/* index page  */

#container-first-init {
  display: flex;
  justify-content: flex-end;
  width: 90%;
  margin: 0 auto;
}

#first-init {
  position: relative;
  right: -80px;
  background-image: url("../img/init.png");
  background-size: 670px 541px;
  width: 670px;
  height: 541px;
  transition: right 1.8s linear; 
}

#bsb-init-content {
  position: relative;
  bottom: 90px;
  z-index: 1000;
}

#bsb-init-content h1 {
  font-size: 66px;
  letter-spacing: -6px;
}

#bsb-init-content h2 {
  margin-bottom: 20px;
}

#custom-container-init {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#bsb-init-content p {
  line-height: 1.5;
}

#first-index-paragraf {
  margin-bottom: 14px;
}

#second-index-paragraf {
  width:330px;
}

/* Map Ig */

#map-ig {
  position: relative;
  width: 650px;
  height: 410px;
  margin-top: 50px;
}

#map-ig:hover {
  cursor: pointer;
}

#inner-map-ig {
  position: relative;
  width: 650px;
  height: 410px;
  background-image: url("../img/maps/map-ig.png");
  background-size: 650px 410px;
  background-repeat: no-repeat;
  z-index: 10;
}

#map-extended-ig {
  position: absolute;
  bottom: -50px;
  right: -148px;
  transform: rotate(30deg);

  width: 240px;
  height: 200px;
  background-image: url("../img/maps/map-extended-ig.png");
  background-size: 240px 220px;
  background-repeat: no-repeat;
}

#hidden-map-container {
  position: fixed;
  top: 40px;
  left: 20%;
  display: none;
  width: 720px;
  height: 483px;
  z-index: 3000;
  background-color: #fff;
}

#hidden-map {
  width: 720px;
  height: 483px;
}

#hidden-map-container * {
  color: #393939;
  text-align: initial;
  text-decoration: none;
  font-weight: 900;
}

#hidden-map-container-text {
  position: absolute;
  z-index: 3001;
  top: 40px;
  left: 40px;
  width: 380px;
}

#hidden-map-container-text h1 {
  font-size: 50px;
  letter-spacing: -3px;
}

#hidden-map-container-text h2 {
  font-size: 30px;
  margin-top: 15px;
} 

.map-mark, .map-mark-unfilled {
  position: absolute;
  z-index: 3002;
  display: block;
  cursor: pointer;
}

.map-mark-unfilled {
  width: 28px;
  height: 40px;
}

.map-mark a {
  display: none;
  align-self: center;
}

/* size 1 - large */
.map-mark-1 {
  width: 33px;
  height: 48px;
}

/* size 2 - medium */
.map-mark-2 {
  width: 28px;
  height: 40px;
}

/* scrumbie de dunare afumata */
#map-mark-a {
  top: 165px;
  right: 195px;	
}

/* salata de icre */
#map-mark-b {
  top: 184px;
  right: 160px;	
}

/* placinta dobrogeana */
#map-mark-c {
  top: 211px;
  right: 180px;	
}

/* strabun */
#map-mark-d {
  top: 225px;
  right: 241px;	
}

/* gabai */
#map-mark-e {
  top: 267px;
  right: 176px;	
}

/* familia vladoi */
#map-mark-f {
  top: 280px;
  right: 205px;	
}

/* bauturi g */
#map-mark-g {
  top: 330px;
  right: 190px;	
}


/* bauturi h */
#map-mark-h {
  top: 360px;
  right: 220px;	
}

/* js on hover 1-type */

.details_hover {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 50px;
  padding-right: 8px;
  z-index: 3003;
}

.details_hover img {
  transform: scale(0.3);	
  filter: grayscale(100%);
  align-self: center;
}

.details_hover a {
  display: flex !important;
  align-self: center;
  margin-left: -8px;
  margin-right: 4px;
}


/* js on hover 2-type */

.black_hover img {
  transform: scale(0.5);
  filter: grayscale(100%);
  align-self: center;
}

.text_large_2 {
  font-size: 27px;
}

.text-center {
  text-align: center;
}

/* info index section */

#info-step {
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(195,195,195);
}

#info-step:hover {
  cursor: pointer;
}

#info-step-h1 {
  margin-bottom: 20px;
}

#info-step-span {
  font-style: italic;
}

#info-products {
  display: flex;
  justify-content: space-between;
  text-align: initial;
  height: 130px;
}

#info-products > img {
  display: block;
}

#info-products {
  text-align: right;
}

#info-link {
  padding-top: 10px;
}

#info-multiple-links {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid rgb(195,195,195);
  padding: 30px 130px;
}

#info-multiple-links img {
  width: 62px;
  height: 62px;
}	

#info-multiple-links div {
  display: flex;
  justify-content: center;
  flex-direction: column; 
  /* margin: 30px 50px;*/
}

#info-multiple-links div a {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 17px;
  text-decoration: underline;
}	

#inner-info-paragraph {
  padding: 12px 4px;
  margin-bottom: 25px;
}

/* youtube clips */

.clip-index {
  width: 407px;
  height: 230px;
}