* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  font-family: "Montserrat", sans-serif;
}

::-webkit-scrollbar {
  display: none;
}

.gallery_background {
  background-color: #262626;
}

button,
.button {
  background-color: none;
  padding: 2% 5% !important;
  color: #fff !important;
  border: 0.2vh solid #fff !important;
}

.identityBtn {
  width: 100vw;
  height: 10vh;
  margin-bottom: 50vh;
  background: #252525;
}
.identityBtn a {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 7% !important;
}
.identityBtn a img {
  width: 100% !important;
  height: 15vh !important;
}

@media (max-width: 1200px) {
  .formFields {
    height: 10vh;
  }
}
@media (max-width: 1200px) {
  .identityBtn {
    width: 100vw;
    background: #252525 !important;
    margin-bottom: -5vh !important;
  }
  .identityBtn a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .identityBtn a img {
    width: 100% !important;
    height: auto !important;
  }
}
.navbar {
  background: rgba(255, 255, 255, 0);
  position: fixed;
  width: 100vw;
  height: 10vh;
  transition: 0.8s;
}
.navbar li {
  margin: 0 1vw;
}
.navbar li:hover a {
  margin-bottom: -0.2vh;
  border-bottom: 0.2vh solid #F56D06;
}

.navbarBlack {
  background: rgba(0, 0, 0, 0.967);
  height: 8vh;
}

.identityBtn {
  height: 23vh;
  height: auto;
  background: #252525;
  display: flex;
  justify-content: center;
  align-items: center;
}
.identityBtn a {
  width: 50vw !important;
  height: 23vh;
  background-color: #262626;
  border-radius: 15px;
  padding: 1%;
}
.identityBtn a img {
  width: 100%;
  height: 100%;
}

@media (max-width: 992px) {
  .identityBtn {
    height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .identityBtn a {
    width: 100vw !important;
    height: 15vh;
    background-color: #262626;
    border-radius: 0px;
  }
  .identityBtn a img {
    width: 100%;
    height: 100%;
  }
  .identityHeader {
    width: 100%;
    height: 100%;
  }
  .identityHeader .overlay {
    width: 100%;
    height: 100%;
  }
  .identityHeader .overlay img {
    width: 100%;
    height: 20%;
  }
}
@media (max-width: 1200px) {
  ul {
    background: rgba(0, 0, 0, 0.9019607843);
    padding: 30% 0;
  }
  ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5% 0;
  }
  ul li a {
    font-size: 7vw;
  }
}
.section1 {
  width: 100vw;
  height: 100vh;
  background-image: url(../images/cover1.jpg);
  background-size: cover;
  background-position: bottom;
}
.section1 .overlay {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.541);
  display: grid;
  justify-content: center;
  align-items: center;
}
.section1 .overlay h1 {
  text-align: center;
  font-weight: normal;
  font-size: 6vh;
}
.section1 .overlay .imgWrapper1 {
  width: 100vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 23%;
  margin-left: -5vw;
  margin-bottom: -15vh;
}
.section1 .overlay .imgWrapper1 a {
  text-decoration: none;
}
.section1 .overlay .imgWrapper1 h5 {
  margin-top: 1vh;
}

/*   =======================================================================  memeber code   */
/*   =======================================================================  memeber code   */
/*   =======================================================================  memeber code   */
/*   =======================================================================  memeber code   */
.members_wrapper {
  width: 100vw;
  height: 65vh;
  background-image: url(../images/stolar.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.members_wrapper .sec_1 {
  width: 40vw;
  height: 65vh;
}
.members_wrapper .right_sizde_holder {
  width: 60vw;
  height: 65vh;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.694);
}
.members_wrapper .right_sizde_holder .top_wrapper {
  width: 60vw;
  height: 65vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_2 {
  width: 45vw;
  height: auto;
  display: grid;
  justify-content: center;
  align-items: center;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_2 .text_data {
  margin-left: 8vw;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_2 .text_data h3 {
  font-size: 4vw;
  color: #fff;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_2 .text_data h1 {
  font-size: 6vw;
  font-weight: bold;
  color: #fff;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_2 .bottom_wrapper {
  width: 55vw;
  height: 25vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5%;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_2 .bottom_wrapper .img {
  width: 12vw;
  height: 20vh;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 11% 3% 0 3%;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_2 .bottom_wrapper .img img {
  width: 50%;
  height: 70%;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_3 {
  width: 25vw;
  height: 65vh;
  background: rgb(0, 0, 0);
  display: grid;
  justify-content: center;
  align-items: center;
  padding-left: 2vw;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_3 img {
  width: 90%;
  height: 18vh;
  margin: 4% 0;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_3 .img {
  width: 11.5vw;
  height: 20vh;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6% 0 0 0;
}
.members_wrapper .right_sizde_holder .top_wrapper .sec_3 .img img {
  width: 60%;
  height: 70%;
}

@media (max-width: 1200px) {
  .members_wrapper {
    width: 100vw;
    height: 25vh;
    background-image: url(../images/stolar.jpg);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .members_wrapper .sec_1 {
    width: 35vw;
    height: 25vh;
  }
  .members_wrapper .right_sizde_holder {
    width: 65vw;
    height: 25vh;
    display: grid;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.694);
  }
  .members_wrapper .right_sizde_holder .top_wrapper {
    width: 65vw;
    height: 25vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_2 {
    width: 47vw;
    height: 20vh;
    display: grid;
    justify-content: center;
    align-items: center;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_2 .text_data {
    margin-left: 8vw;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_2 .text_data h3 {
    font-size: 4vw;
    color: #fff;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_2 .text_data h1 {
    font-size: 6vw;
    font-weight: bold;
    color: #fff;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_2 .bottom_wrapper {
    width: 53vw;
    height: 1vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5%;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_2 .bottom_wrapper .img {
    width: 100%;
    height: auto;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6% 3% 0 3%;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_2 .bottom_wrapper .img img {
    width: 100%;
    height: auto;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_3 {
    width: 32vw;
    height: 25vh;
    background: rgb(0, 0, 0);
    display: grid;
    justify-content: center;
    align-items: center;
    padding-left: 2vw;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_3 img {
    width: 90%;
    height: 6.5vh;
    margin: 3% 0;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_3 .img {
    width: 14.5vw;
    height: 6vh;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0 0 0;
  }
  .members_wrapper .right_sizde_holder .top_wrapper .sec_3 .img img {
    width: 60%;
    height: 70%;
  }
}
/*   =======================================================================  memeber code   */
/*   =======================================================================  memeber code   */
/*   =======================================================================  memeber code   */
/*   =======================================================================  memeber code   */
@media (max-width: 1200px) {
  .members {
    height: 100% !important;
    margin-top: -10vh;
    margin-bottom: 10vh;
  }
  .members .row {
    margin-top: -10vh;
  }
  .nav_logo {
    height: 5vh !important;
    margin-left: -6vw;
  }
  .section1 h1 {
    padding: 0 6%;
    margin-bottom: 10vh !important;
    font-weight: normal !important;
    font-size: 8vw !important;
    text-align: left !important;
  }
  .section1 h1 strong {
    font-size: 12vw;
  }
  .section1 .imgWrapper1 {
    margin-top: 5vw !important;
    margin-left: -20vw !important;
  }
  .section1 .imgWrapper1 img {
    width: 20vw;
    margin: 2% 0;
    margin-right: 4vw;
    margin-bottom: 2vh;
  }
  .section1 .imgWrapper1 h1 {
    text-align: left !important;
    font-size: 4vw;
  }
  .section1 .imgWrapper1 a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section1 .imgWrapper1 a h5 {
    margin-top: -1vh !important;
  }
}
.section2 {
  padding: 0 10%;
  text-align: center !important;
}

@media (max-width: 1200px) {
  .section2 {
    padding: 0 10%;
  }
  .section2 h1 {
    font-size: 6vw !important;
  }
}
.img1 {
  background-image: url("../images/img1.jpg");
  background-size: cover;
  height: 100vh;
  padding: 0;
}
.img1 .overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5254901961);
  display: grid;
  justify-content: center;
  align-items: center;
  overflow-x: hidden !important;
}
.img1 .overlay h1 {
  margin-top: 40vh !important;
}
.img1 .overlay a {
  width: 20vw;
  height: 7vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -25vh;
}
.img1 .overlay a:hover {
  background-color: #F56D06;
  border: none !important;
}

.img2 {
  background-image: url("../images/img2.jpg") !important;
  background-size: cover;
  height: 100vh;
  padding: 0;
}
.img2 .overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5254901961);
  display: grid;
  justify-content: center;
  align-items: center;
  overflow-x: hidden !important;
}
.img2 .overlay h1 {
  margin-top: 40vh !important;
}
.img2 .overlay a {
  width: 20vw;
  height: 7vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -25vh;
}
.img2 .overlay a:hover {
  background-color: #F56D06;
  border: none !important;
}

.img3 {
  background-image: url("../images/img3.jpg");
  background-size: cover;
  height: 100vh;
  padding: 0;
}
.img3 .overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5254901961);
  display: grid;
  justify-content: center;
  align-items: center;
  overflow-x: hidden !important;
}
.img3 .overlay h1 {
  margin-top: 40vh !important;
}
.img3 .overlay a {
  width: 20vw;
  height: 7vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -25vh;
}
.img3 .overlay a:hover {
  background-color: #F56D06;
  border: none !important;
}

@media (max-width: 1200px) {
  .img1 {
    height: 50vh;
  }
  .img1 .overlay {
    height: 50vh;
  }
  .img1 .overlay h1 {
    margin-top: 15vh !important;
  }
  .img1 .overlay a {
    width: 90vw !important;
    margin-top: -5vh !important;
  }
  .img2 {
    height: 50vh;
    background-position: right !important;
  }
  .img2 .overlay {
    height: 50vh;
  }
  .img2 .overlay h1 {
    margin-top: 15vh !important;
  }
  .img2 .overlay a {
    width: 90vw !important;
    margin-top: -5vh !important;
  }
  .img3 {
    height: 50vh;
    background-position: right !important;
  }
  .img3 .overlay {
    height: 50vh;
  }
  .img3 .overlay h1 {
    margin-top: 15vh !important;
  }
  .img3 .overlay a {
    width: 90vw !important;
    margin-top: -5vh !important;
  }
}
.section3 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section3 .overlay {
  height: 25vh;
  background-color: rgba(0, 0, 0, 0.5019607843);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.section3 .imgWrapper2 {
  width: 50%;
  display: flex;
}
.section3 .imgWrapper2 .col1 {
  background-size: cover;
  background-image: url("../images/sh1.jpg");
  width: 50%;
  height: 25vh;
  padding: 0;
}
.section3 .imgWrapper2 .col1 .overlay h1 {
  font-size: 2vw !important;
}
.section3 .imgWrapper2 .col2 {
  background-size: cover;
  background-image: url("../images/sh2.jpg");
  width: 50%;
  height: 25vh;
  padding: 0;
}
.section3 .imgWrapper2 .col2 .overlay h1 {
  font-size: 2vw !important;
}
.section3 .imgWrapper2 .col3 {
  background-size: cover;
  background-image: url("../images/sh3.jpg");
  width: 50%;
  height: 25vh;
  padding: 0;
}
.section3 .imgWrapper2 .col3 .overlay h1 {
  font-size: 2vw !important;
}
.section3 .imgWrapper2 .col4 {
  background-size: cover;
  background-image: url("../images/sh4.jpg");
  width: 50%;
  height: 25vh;
  padding: 0;
}
.section3 .imgWrapper2 .col4 .overlay h1 {
  font-size: 2vw !important;
}

@media (max-width: 1200px) {
  .usluge {
    padding-top: 0 !important;
  }
  .uslugeRow {
    padding: 0 !important;
  }
  .uslugeRow .boxWrap {
    padding: 0 !important;
  }
}
.formSection {
  background-image: url("../images/formbg.jpg");
  color: #fff;
  padding: 0;
  display: grid;
  justify-content: center;
  align-items: center;
}
.formSection .left_side {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 50vw;
}
.formSection .left_side h3 {
  margin-top: 0vh;
  font-size: 3vw !important;
}
.formSection .left_side li {
  font-size: 1.5vw;
}
.formSection .right_side {
  width: 50vw;
  height: 100% !important;
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 5% 0 !important;
}
.formSection .right_side form h4,
.formSection .right_side form p,
.formSection .right_side form label {
  color: #fff !important;
}
.formSection .right_side button {
  background-color: rgba(251, 251, 251, 0);
  margin-left: 0.5vw !important;
  margin-top: 1vh !important;
}
.formSection .right_side button:hover {
  background-color: #F56D06;
}

@media (max-width: 1200px) {
  .formSection {
    height: 100% !important;
    padding: 10% 0 20% 0;
    display: grid !important;
  }
  .formSection .left_side {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 10% 0;
    width: 100vw !important;
  }
  .formSection .left_side h3 {
    text-align: center !important;
    font-size: 8vw !important;
  }
  .formSection .left_side li {
    font-size: 5vw;
  }
  .formSection .right_side {
    width: 100vw !important;
    text-align: center;
    height: 100% !important;
    padding: 10% 2% 30% 2% !important;
    background-image: url("../images/formbg.jpg");
  }
  .formSection .right_side form h4,
  .formSection .right_side form p,
  .formSection .right_side form label {
    color: #fff !important;
  }
  .formSection .right_side button {
    width: 100% !important;
    margin-left: 0.5vw !important;
    margin-top: 5vw;
  }
  .formSection .form_right {
    padding: 0 !important;
  }
}
@media (max-width: 1200px) {
  .section3 {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100vw;
  }
  .section3 .overlay {
    height: 25vh;
    background-color: rgba(0, 0, 0, 0.5019607843);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .section3 .imgWrapper2 {
    width: 100vw;
  }
  .section3 .imgWrapper2 .col1 {
    background-size: cover;
    background-image: url("../images/sh1.jpg");
    background-position: right;
    width: 50%;
    height: 25vh;
    padding: 0;
  }
  .section3 .imgWrapper2 .col1 .overlay h1 {
    font-size: 6vw !important;
    font-weight: bolder;
  }
  .section3 .imgWrapper2 .col2 {
    background-size: cover;
    background-image: url("../images/sh2.jpg");
    width: 50%;
    height: 25vh;
    padding: 0;
  }
  .section3 .imgWrapper2 .col2 .overlay h1 {
    font-size: 6vw !important;
    font-weight: bolder;
  }
  .section3 .imgWrapper2 .col3 {
    background-size: cover;
    background-image: url("../images/sh3.jpg");
    width: 50%;
    height: 25vh;
    padding: 0;
  }
  .section3 .imgWrapper2 .col3 .overlay h1 {
    font-size: 6vw !important;
    font-weight: bolder;
  }
  .section3 .imgWrapper2 .col4 {
    background-size: cover;
    background-image: url("../images/sh4.jpg");
    width: 50%;
    height: 25vh;
    padding: 0;
  }
  .section3 .imgWrapper2 .col4 .overlay h1 {
    font-size: 6vw !important;
    font-weight: bolder;
  }
}
.section4 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5%;
}
.section4 .imgWrapper {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section4 .imgWrapper img {
  width: 25%;
  margin: 0 15%;
}

@media (max-width: 1200px) {
  .section4 {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
  }
  .section4 .imgWrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section4 .imgWrapper img {
    width: 50%;
    margin: 0 5%;
  }
}
.identityHeader {
  width: 100%;
  height: 100vh;
  background-image: url("../images/sunset-4715004.jpg");
  background-position: right;
  animation: identityAnim 45s infinite;
  background-position: center;
}
@keyframes identityAnim {
  0% {
    background-size: 100vw 100vh;
  }
  50% {
    background-size: 200vw 200vh;
  }
  100% {
    background-size: 100vw 100vh;
  }
}
.identityHeader .overlay {
  background-color: rgba(0, 0, 0, 0.4588235294);
  height: 100vh;
  display: grid;
  justify-content: center;
  align-items: center;
  color: #fff;
}

html {
  height: 100%;
}

.videoWrapper {
  height: 100%;
  padding: 0%;
  margin-top: -2vh;
}
.videoWrapper iframe {
  width: 100vw;
  height: 80vh;
  -o-object-fit: fill;
     object-fit: fill;
  padding: 0;
}
.videoWrapper iframe video {
  margin: 0 !important;
}

/*FOOTER*/
footer {
  width: 100%;
  height: 100%;
  background: #262626;
}

footer .footer-container {
  padding-top: 50px;
  width: 500px;
  height: 250px;
  margin: auto;
  text-align: center;
}

footer .footer-container i {
  color: #fff;
  z-index: 1;
  font-size: 20px;
  padding: 30px 15px 0 15px;
}

footer .footer-container h4 {
  color: #fff;
  padding-top: 10px;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

footer .footer-container h6 {
  color: #fff;
  font-size: 16px;
}

footer .footer-bottom {
  display: flex;
  justify-content: space-between;
}

footer .footer-bottom img {
  padding: 10px;
  margin-left: -80px;
}

footer .footer-bottom h6 {
  color: #fff;
  text-align: center;
  padding-top: 10px;
  font-size: 12px;
  margin-bottom: 60px;
}

@media (max-width: 1200px) {
  /*FOOTER*/
  footer {
    width: 100%;
  }
  footer .footer-container {
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  footer .footer-container i {
    color: #fff;
    z-index: 1;
    font-size: 20px;
    padding: 5px 15px 0 15px;
  }
  footer .footer-bottom img,
  footer .footer-bottom i {
    display: none;
  }
  footer .footer-bottom h6 {
    text-align: center;
    margin: 0 0 40px 0;
    margin-bottom: 12vh !important;
  }
}
.wrapperGallery .row {
  justify-content: space-between;
  padding: 0 2%;
}
.wrapperGallery .row .img1gallery,
.wrapperGallery .row .img2gallery,
.wrapperGallery .row .img3gallery,
.wrapperGallery .row .img3galleryRetail1,
.wrapperGallery .row .img3galleryRetail2,
.wrapperGallery .row .img3galleryRetail3,
.wrapperGallery .row .img3galleryProduct1,
.wrapperGallery .row .img3galleryProduct2,
.wrapperGallery .row .img3galleryProduct3 {
  width: 30vw;
  height: 70vh;
  background: url("../images/prducts/Gift_cokolada_Kilo_i_Srbijanka/01.jpg");
  background-size: 70vw 100vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img1gallery .overlay,
.wrapperGallery .row .img2gallery .overlay,
.wrapperGallery .row .img3gallery .overlay,
.wrapperGallery .row .img3galleryRetail1 .overlay,
.wrapperGallery .row .img3galleryRetail2 .overlay,
.wrapperGallery .row .img3galleryRetail3 .overlay,
.wrapperGallery .row .img3galleryProduct1 .overlay,
.wrapperGallery .row .img3galleryProduct2 .overlay,
.wrapperGallery .row .img3galleryProduct3 .overlay {
  width: 30vw !important;
  height: 70vh !important;
  background-color: rgba(2, 2, 2, 0.641);
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 20% 0;
}
.wrapperGallery .row .img1gallery .overlay .link_b,
.wrapperGallery .row .img2gallery .overlay .link_b,
.wrapperGallery .row .img3gallery .overlay .link_b,
.wrapperGallery .row .img3galleryRetail1 .overlay .link_b,
.wrapperGallery .row .img3galleryRetail2 .overlay .link_b,
.wrapperGallery .row .img3galleryRetail3 .overlay .link_b,
.wrapperGallery .row .img3galleryProduct1 .overlay .link_b,
.wrapperGallery .row .img3galleryProduct2 .overlay .link_b,
.wrapperGallery .row .img3galleryProduct3 .overlay .link_b {
  width: 50vw;
  height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapperGallery .row .img1gallery .overlay .link_b a,
.wrapperGallery .row .img2gallery .overlay .link_b a,
.wrapperGallery .row .img3gallery .overlay .link_b a,
.wrapperGallery .row .img3galleryRetail1 .overlay .link_b a,
.wrapperGallery .row .img3galleryRetail2 .overlay .link_b a,
.wrapperGallery .row .img3galleryRetail3 .overlay .link_b a,
.wrapperGallery .row .img3galleryProduct1 .overlay .link_b a,
.wrapperGallery .row .img3galleryProduct2 .overlay .link_b a,
.wrapperGallery .row .img3galleryProduct3 .overlay .link_b a {
  width: 25% !important;
  height: 7vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 0.2vh solid #fff;
}
.wrapperGallery .row .img1gallery .overlay .link_b a:hover,
.wrapperGallery .row .img2gallery .overlay .link_b a:hover,
.wrapperGallery .row .img3gallery .overlay .link_b a:hover,
.wrapperGallery .row .img3galleryRetail1 .overlay .link_b a:hover,
.wrapperGallery .row .img3galleryRetail2 .overlay .link_b a:hover,
.wrapperGallery .row .img3galleryRetail3 .overlay .link_b a:hover,
.wrapperGallery .row .img3galleryProduct1 .overlay .link_b a:hover,
.wrapperGallery .row .img3galleryProduct2 .overlay .link_b a:hover,
.wrapperGallery .row .img3galleryProduct3 .overlay .link_b a:hover {
  background-color: #F56D06;
  border: none !important;
}
.wrapperGallery .row .img2gallery {
  background: url("../images/prducts/Gift_dvogled_wood_poklon/04.jpg");
  background-size: 30vw 70vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img3gallery {
  background: url("../images/prducts/Gift_vino_kutije/05.jpg");
  background-size: 30vw 70vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img3galleryRetail1 {
  background: url("../images/prducts/Retail_Adore_cokolada/01.jpg");
  background-size: 30vw 70vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img3galleryRetail2 {
  background: url("../images/prducts/Retail_Konji_ergela/1.jpg");
  background-size: 30vw 70vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img3galleryRetail3 {
  background: url("../images/prducts/Retail_Pano_kulturni_centar_cacak/1.jpg");
  background-size: 30vw 70vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img3galleryProduct1 {
  background: url("../images/prducts/Product_Gajba_vino_voce/1.jpg");
  background-size: 30vw 70vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img3galleryProduct2 {
  background: url("../images/prducts/Product_Klupe_KC/1.jpg");
  background-size: 30vw 70vh;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapperGallery .row .img3galleryProduct3 {
  background: url("../images/prducts/Product_Trotiner_drveni/15.jpg");
  background-size: 30vw 70vh;
  background-position: right;
  background-repeat: no-repeat;
}

@media (max-width: 1200px) {
  .wrapperGallery .row .img1gallery,
  .wrapperGallery .row .img2gallery,
  .wrapperGallery .row .img3gallery,
  .wrapperGallery .row .img3galleryRetail1,
  .wrapperGallery .row .img3galleryRetail2,
  .wrapperGallery .row .img3galleryRetail3,
  .wrapperGallery .row .img3galleryProduct1,
  .wrapperGallery .row .img3galleryProduct2,
  .wrapperGallery .row .img3galleryProduct3 {
    width: 100vw !important;
    height: 60vh !important;
    background: url("../images/prducts/Gift_cokolada_Kilo_i_Srbijanka/01.jpg");
    background-size: 100vw 60vh !important;
  }
  .wrapperGallery .row .img1gallery .overlay,
  .wrapperGallery .row .img2gallery .overlay,
  .wrapperGallery .row .img3gallery .overlay,
  .wrapperGallery .row .img3galleryRetail1 .overlay,
  .wrapperGallery .row .img3galleryRetail2 .overlay,
  .wrapperGallery .row .img3galleryRetail3 .overlay,
  .wrapperGallery .row .img3galleryProduct1 .overlay,
  .wrapperGallery .row .img3galleryProduct2 .overlay,
  .wrapperGallery .row .img3galleryProduct3 .overlay {
    width: 100vw !important;
    height: 60vh !important;
    background-color: rgba(2, 2, 2, 0.586);
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 45% 0;
  }
  .wrapperGallery .row .img1gallery .overlay .link_b,
  .wrapperGallery .row .img2gallery .overlay .link_b,
  .wrapperGallery .row .img3gallery .overlay .link_b,
  .wrapperGallery .row .img3galleryRetail1 .overlay .link_b,
  .wrapperGallery .row .img3galleryRetail2 .overlay .link_b,
  .wrapperGallery .row .img3galleryRetail3 .overlay .link_b,
  .wrapperGallery .row .img3galleryProduct1 .overlay .link_b,
  .wrapperGallery .row .img3galleryProduct2 .overlay .link_b,
  .wrapperGallery .row .img3galleryProduct3 .overlay .link_b {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wrapperGallery .row .img1gallery .overlay a,
  .wrapperGallery .row .img2gallery .overlay a,
  .wrapperGallery .row .img3gallery .overlay a,
  .wrapperGallery .row .img3galleryRetail1 .overlay a,
  .wrapperGallery .row .img3galleryRetail2 .overlay a,
  .wrapperGallery .row .img3galleryRetail3 .overlay a,
  .wrapperGallery .row .img3galleryProduct1 .overlay a,
  .wrapperGallery .row .img3galleryProduct2 .overlay a,
  .wrapperGallery .row .img3galleryProduct3 .overlay a {
    width: 50% !important;
    height: 7vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0.2vh solid #fff;
  }
  .wrapperGallery .row .img1gallery .overlay a:hover,
  .wrapperGallery .row .img2gallery .overlay a:hover,
  .wrapperGallery .row .img3gallery .overlay a:hover,
  .wrapperGallery .row .img3galleryRetail1 .overlay a:hover,
  .wrapperGallery .row .img3galleryRetail2 .overlay a:hover,
  .wrapperGallery .row .img3galleryRetail3 .overlay a:hover,
  .wrapperGallery .row .img3galleryProduct1 .overlay a:hover,
  .wrapperGallery .row .img3galleryProduct2 .overlay a:hover,
  .wrapperGallery .row .img3galleryProduct3 .overlay a:hover {
    background-color: #F56D06;
    border: none !important;
  }
  .wrapperGallery .row .img2gallery {
    background: url("../images/prducts/Gift_dvogled_wood_poklon/04.jpg");
    background-size: 100vw 60vh;
  }
  .wrapperGallery .row .img3gallery {
    background: url("../images/prducts/Gift_vino_kutije/05.jpg");
    background-size: 100vw 60vh;
  }
  .wrapperGallery .row .img3galleryRetail1 {
    background: url("../images/prducts/Retail_Adore_cokolada/01.jpg");
    background-size: 30vw 70vh;
    background-position: center;
    background-repeat: no-repeat;
  }
  .wrapperGallery .row .img3galleryRetail2 {
    background: url("../images/prducts/Retail_Konji_ergela/1.jpg");
    background-size: 30vw 70vh;
    background-position: center;
    background-repeat: no-repeat;
  }
  .wrapperGallery .row .img3galleryRetail3 {
    background-image: url("../images/prducts/Retail_Pano_kulturni_centar_cacak/1.jpg");
    background-size: 30vw 70vh;
    background-position: center;
    background-repeat: no-repeat;
  }
  .wrapperGallery .row .img3galleryProduct1 {
    background: url("../images/prducts/Product_Gajba_vino_voce/1.jpg");
    background-size: 30vw 70vh;
    background-position: center;
    background-repeat: no-repeat;
  }
  .wrapperGallery .row .img3galleryProduct2 {
    background: url("../images/prducts/Product_Klupe_KC/1.jpg");
    background-size: 30vw 70vh;
    background-position: center;
    background-repeat: no-repeat;
  }
  .wrapperGallery .row .img3galleryProduct3 {
    background: url("../images/prducts/Product_Trotiner_drveni/15.jpg");
    background-size: 30vw 70vh;
    background-position: right;
    background-repeat: no-repeat;
  }
}
.cokolada_wrapper {
  width: 100vw;
  height: 100%;
}

.icons_bar {
  display: none;
}

@media (max-width: 1200px) {
  .icons_bar {
    display: block;
  }
  .icons_bar .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .icons_bar .row .col {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
  }
}/*# sourceMappingURL=style.css.map */