body {background-image: url("../img/back.jpg");}
a { outline: 0;}
a:hover,a:focus { text-decoration: none; outline: none!important; }
a.topPhoto {position: absolute;top: 30%;left: 28%;padding: 5px 1px;width: 18%;height: 7%;}
a.bottomPhoto {position: absolute;bottom: 8%;right: 4%;height: 9%;width: 23%;}
div#swiper-wrapper-b4827e10367aa4934 { background-color: #ffffffd1; background-size: cover; }
.swiper-container { width: 550px; height: 500px; margin-top: 7px; filter: drop-shadow(6px 9px 51px black); }
.swiper-slide{background-size: contain;background-repeat: no-repeat;    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimizequality;}
.swiper-slide{ position: relative; }
.z-index{z-index: 99;}
.swiper-button-next {left: auto!important;font-weight: bold;}
.swiper-button-prev {}
.swiper-wrapper {height: 100%!important;}
.swiper-button-next, .swiper-button-prev {color: #9bc03f!important;display: block!important;z-index: 9999!important;outline: none!important;height: 30px!important;line-height: 3.3;}
.swiper-pagination-bullet-active { opacity: 1; background: #77b82a!important; }
ul.backLink {list-style: none;height: 112px;position: absolute;width: 65%;top: 33%;left: 17%;}
ul.backLink li a {display: block;margin-top: 2px;height: 14px;}
ul.backLink li:nth-child(4) a {width: 64%;position: absolute;bottom: 6px;left: 20%;}
.fancybox img { width: 100%; height: 100%; opacity: 0; }
div#turkeyHarita {position: absolute;width: 100%;height: 32%;bottom: 2%;}
a.turkeyHarita {position: absolute;width: 14%;top: -2%;left: 14%;height: 44px;}
a.turkeyHarita1 {position: absolute;width: 45%;right: 20%;top: -10%;height: 37px;}
a.turkeyHarita2 {position: absolute;width: 17%;right: 11%;height: 20%;top: 19%;}
a.turkeyHarita3 {position: absolute;width: 22%;left: 33%;height: 23%;top: 48%;}
a.turkeyHarita4 {position: absolute;width: 11%;right: 24%;height: 26%;top: 35%;}
a.turkeyHarita5 {position: absolute;width: 22%;left: 35%;height: 28%;top: 18%;}
a.turkeyHarita6 {position: absolute;width: 15%;left: 15%;height: 27%;top: 26%;}
a.hastalik {position: absolute;width: 94%;right: 4px;height: 20%;bottom: 5px;}
div#footer {width: 100%;z-index: 999;margin-top: 10px;border-top: 2px solid #a3125c;background-color: #00000075;}
div#footer ul.footerList {margin: auto;height: 100%;width: 339px;display: flex;justify-content: center;align-items: center;position: relative;z-index: 999;padding: 10px;}
div#footer ul.footerList li.footerListItem { text-align: center; margin: 0px 5px; }
div#footer ul.footerList li.footerListItem a:hover { opacity: .7; }
div#footer ul.footerList li.footerListItem a {font-size: 17px;border-radius: 4px;color: #ffffff;margin: 0px 5px;padding: 10px;display: inline-block;background-color: #00000059;width: 40px;height: 40px;text-align: center;border: 1px solid #9bc03f;line-height: 1;}
div#footer ul.footerList li.footerListItem a fas {}
div#footer ul.footerList li.footerListItem a fas .fa-file-download {}
div#footer ul.footerList li.footerListItem span {margin-top: 6px;color: white;display: block;font-size: 11px;font-family: 'Gilroy',sans-serif;text-transform: uppercase;font-weight: bold;}
#allPages { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #6363638c; z-index: 99; display: none; }
#allPages div {display: block;max-width: 157px;min-height: 220px;margin: auto;overflow: hidden;box-shadow: 0px 0px 54px 5px black;margin-bottom: 20px;}
#allPages div img { width: 96px; }
.swiper-pagination-bullet { width: 150px!important; height: auto!important; border: none!important; border-radius: 0px!important; margin: 4px; filter: drop-shadow(1px 1px 2px white); }
ul.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { }
section#allPages ul {max-width: 397px;height: 100%;left: 50%;width: 100%!important;transform: translate(-50%, 0%);background-color: #000000b3;font-size: 0px;padding: 8px;overflow-y: scroll;filter: drop-shadow(2px 4px 6px #0008);}
.swiper-pagination-bullet { opacity: .9!important; }
.swiper-pagination-bullet:hover { opacity:1!important; }
img.swiper-slide.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1!important; border: 2px solid #0ebcff!important; }
section#allPages ul::-webkit-scrollbar { display: none; }
section#allPages ul { -ms-overflow-style: none; scrollbar-width: none; }
.modal-content { border: none; background-color: black!important; }
.modal-header { border: none!important; }
a.close { color: white; cursor: pointer; margin: 15px; opacity: 1; }
.fancybox-thumbs.fancybox-thumbs-y { background: transparent!important; }
.modal-body iframe { width: 100%; }
.block {display: block!important;}
.indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}
.indiS a {display: block;width: 80%;height: 31px;}
.swiper-button-next, .swiper-button-prev { margin-top: -15px!important; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 24px!important; }
.current-slide {margin: auto;color: white;width: 33%;font-size: 12px;padding: 8px 0px;text-align: center;border: 0.01em solid #3c3e38;border-top: none;border-bottom: none;}
.fancybox-inner { right: 0px!important; }
button.fancybox-button.fancybox-button--arrow_right { background-color: white!important; color: black; }
button.fancybox-button.fancybox-button--arrow_left { background-color: white!important; color: black; }
.catalogBottom {border: 1px solid #9dc13e;margin: auto;color: white;width: 50%;font-size: 12px;text-align: center;background-color: #0000006b;position: relative;margin-top: 10px;border-radius: 4px;}
section#vilmorinCatalog {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin-top: 10px;}

@media only screen and (max-width: 1300px) {
  .indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}
  .indiS a {display: block;width: 80%;height: 42px;}
}



@media only screen and (max-height: 1470px) {
  .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: 100%!important; }
  .swiper-wrapper  {}
  .swiper-container { width: 800px!important; }
  .indiS a {display: block;width: 80%;height: 42px;}
  .indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}

}

@media only screen and (max-height: 1230px) {
  .swiper-wrapper  {}
  .swiper-container { width: 650px!important; }
  .indiS a {display: block;width: 80%;height: 35px;}
  .indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}

}
@media only screen and (max-height: 1020px) {
    .swiper-wrapper  {}
    .swiper-container { width: 480px!important; }
    .indiS a {display: block;width: 80%;height: 26px;}
    .indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}

}

@media only screen and (max-height: 900px) {
    .swiper-wrapper  {}
    .swiper-container { width: 440px!important; }
    .indiS a {display: block;width: 80%;height: 24px;}
    .indiS {width: 97%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}

}
@media only screen and (max-height: 820px) {
    .swiper-container { width: 380px!important; }
    .indiS a {display: block;width: 80%;height: 21px;}
    .indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}

}
@media only screen and (max-height: 750px) {
    .swiper-container { width: 350px!important; }
    .indiS a {display: block;width: 80%;height: 19px;}
    .indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}

}
@media only screen and (max-height: 620px) {
    .swiper-container { width: 300px!important;  }
    .indiS a {display: block;width: 80%;height: 1.18em;}
    .indiS {width: 100%;display: flex;position: absolute;top: 15%;flex-direction: column;align-items: center;}

}
/*
@media only screen and (max-height: 600px) {
  a.turkeyHarita {position: absolute;width: 14%;top: -2%;left: 14%;height: 18px;}
  a.turkeyHarita1 {position: absolute;width: 41%;right: 26%;top: -16%;height: 37px;}
  a.turkeyHarita2 {position: absolute;width: 14%;right: 11%;height: 33px;top: 6%;}
  a.turkeyHarita3 {position: absolute;width: 22%;left: 33%;height: 33px;top: 17%;}
  a.turkeyHarita4 {position: absolute;width: 11%;right: 24%;height: 33px;top: 28%;}
  a.turkeyHarita5 {position: absolute;width: 22%;left: 35%;height: 29px;top: 16%;}
  a.turkeyHarita6 {position: absolute;width: 15%;left: 15%;height: 36px;top: 17%;}
  a.topPhoto {position: absolute;top: 27%;left: 28%;padding: 5px 1px;width: 15%;height: 9%;}
  a.bottomPhoto {position: absolute;bottom: 13%;right: 4%;height: 10%;width: 18%;}
  a.hastalik {position: absolute;width: 94%;right: 4px;height: 29px;top: 64%;}


}
*/

@media only screen and (max-height: 570px) {
    .swiper-container { width: 250px!important;  }
    .indiS a {display: block;width: 80%;height: 0.99em;}
    .indiS {width: 100%;display: flex;position: absolute;top: 14%;flex-direction: column;align-items: center;}
}
@media only screen and (max-height: 510px) {
    .swiper-container { width: 200px!important; }
}

@media only screen and (max-height: 475px) {
    .swiper-container { width: 200px!important; }

}


@media only screen and (max-width: 600px) {

  div#footer ul.footerList {display: flex;justify-content: center;align-items: center;}
  div#footer ul.footerList li.footerListItem { text-align: center; margin: 0px 5px; }
  div#footer ul.footerList li.footerListItem a:hover { background-color:#d4d4d4b8; }
  div#footer ul.footerList li.footerListItem a {font-size: 15px;border-radius: 4px;padding: 0px;text-align: center;line-height: 40px;border: 1px solid #9bc03f;}
  div#footer ul.footerList li.footerListItem span {font-size: 9px;}

}

@media only screen and (max-width: 410px) {
  div#footer  {height: 90px;}
  div#footer ul.footerList li.footerListItem a {   width: 40px; height: 30px;line-height: 30px;}
  section#allPages ul img { max-width: 100px; }
}