/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Mali');
h1 {
  text-align: center;
}
.imageblocks {
  position: relative;
  width: calc(100% - 1px);
  min-height: 100%;
  top: 0;
  float: right;
    margin-top: 20px;
}
.imageblocks a {
  margin: 0;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 2%;
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.imageblocks h2 {
  position: absolute;
  color: #fff;
  font-size: 2.2vw;
  font-weight: bold;
  z-index: 3;
  transform: translateY(46%);
  font-family: 'Mali', cursive;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 2px 13px rgba(0, 0, 0, 0.7), 0px 18px 23px rgba(0, 0, 0, 0.7), 0px 2px 4px rgba(0, 0, 0, 0.9), 0px 0px 3px rgba(0, 0, 0, 0.6);
}
.imageblocks a, .imageblocks a img {
  transition: width .5s;
  -webkit-transition: all .5s;
}
.imageblocks a:hover {
  /*Outer Shadow*/
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
}
.imageblocks p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 1.7vw;
  z-index: 3;
  font-family: 'Mali', cursive;
  margin-block-start: 0;
  margin-block-end: 0;
}
.imageblocks a img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: auto;
  transition: width .2s;
  -webkit-transition: all .2s;
}
.imageblocks a:hover img {
  /* Opacity */
  opacity: 0.65;
  filter: alpha(opacity=65);
  left: -5%;
  top: -1.5%;
  width: 110%;
  max-width: 110%;
}
.showSingle {
  width: calc(33.3% - 6px);
  margin: 3px !important;
  padding: 10px .5% !important;
  padding-top: calc(32% - 7px) !important;
  float: left;
  position: relative;
  overflow: hidden;
}
/*
.FarmTours a.showSingle:nth-child(2), .FarmTours a.showSingle:nth-child(3) {
	width: calc(49% - 8px);
	margin-bottom: 60px !important;
}
*/
.FarmTours a.showSingle:nth-child(1) {
  width: calc(49% - 8px);
  margin: 0 25% 60px !important;
  display: block;
}
.FarmTours a.showSingle:nth-child(2), .FarmTours a.showSingle:nth-child(3), .FarmTours a.showSingle:nth-child(4), .FarmTours a.showSingle:nth-child(5), .FarmTours a.showSingle:nth-child(6), .FarmTours a.showSingle:nth-child(7), .FarmTours a.showSingle:nth-child(8), .FarmTours a.showSingle:nth-child(9), .FarmTours a.showSingle:nth-child(10), .FarmTours a.showSingle:nth-child(11) {
  width: calc(24% - 6px);
}
.FarmTours a.showSingle:nth-child(2) {
  clear: left;
}
.FarmTours a.showSingle:nth-child(2) img, .FarmTours a.showSingle:nth-child(3) img, .FarmTours a.showSingle:nth-child(4) img, .FarmTours a.showSingle:nth-child(5) img, .FarmTours a.showSingle:nth-child(6) img, .FarmTours a.showSingle:nth-child(7) img, .FarmTours a.showSingle:nth-child(8) img, .FarmTours a.showSingle:nth-child(9) img, .FarmTours a.showSingle:nth-child(10) img, .FarmTours a.showSingle:nth-child(11) img {
  width: 150%;
  margin-left: -25%;
}
.FarmTours a.showSingle:hover:nth-child(2) img, .FarmTours a.showSingle:hover:nth-child(3) img, .FarmTours a.showSingle:hover:nth-child(4) img, .FarmTours a.showSingle:nth-child(5):hover img, .FarmTours a.showSingle:nth-child(6):hover img, .FarmTours a.showSingle:nth-child(7):hover img, .FarmTours a.showSingle:hover:nth-child(8) img, .FarmTours a.showSingle:nth-child(9):hover img, .FarmTours a.showSingle:nth-child(10):hover img, .FarmTours a.showSingle:nth-child(11):hover img {
  left: -5%;
  width: 160%;
}
.content .targetDiv ul {
  list-style-position: outside;
  padding-inline-start: 18px;
}
.content .targetDiv .flexslider ul {
  padding-inline-start: 0;
}
.cnt {
  margin: 1% 20px;
  background: transparent;
  position: relative;
}
.closebox {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  z-index: 1000;
  background: rgba(4, 32, 105, 1.00);
  width: 44px;
  height: 44px;
  padding: 7px 10px 0 0;
  text-align: right;
  display: flex;
  justify-content: top right;
  flex-direction: column;
  border: 0px 0px 0px 50px;
  border-radius: 0px 0px 0px 50px;
  transition: width .5s;
  -webkit-transition: all .5s;
  box-shadow: inset 0 -7px 4px -7px rgb(0 0 0 / 0.85), inset 7px 0 4px -7px rgb(0 0 0 / 83%);
}
.closebox:hover {
  background: rgb(13 53 158);
}
.targetDiv {
  position: absolute;
  width: calc(100% - 40px);
  background: rgba(255, 255, 255, 0.98);
  padding: 20px;
  top: 10px;
  right: 0;
  left: 0;
  z-index: 9999;
  max-height: 1000px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll !important;
  /*Outer Shadow*/
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
}
.targetDiv h2 {
  text-align: center;
  color: #000;
}
.targetDiv a {
  background-color: rgba(0, 0, 102, 1);
  color: #fff !important;
  padding: 5px 10px;
  margin-right: 5px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: width .4s;
  -webkit-transition: all .4s;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
}
.targetDiv a:hover {
  background-color: rgba(0, 0, 51, 1);
  /*Inner shadow*/
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset;
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset;
}
.targetDiv .gallery a {
  outline: 0;
  background-color: #fff !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.safetynet {
  width: calc(1px - 1px);
  float: left;
  position: relative;
}
.targetDiv img {
  max-width: 100%;
  height: auto;
}
.afloatright, img[style*="float: right"], .afloatleft, img[style*="float: left"] {
  border: 0;
  /* Tilt  */
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  /*Smooth Edges*/
  -webkit-backface-visibility: hidden;
}
.afloatcenter, img[style*="display: block"] {
  width: 100%;
  margin: 10px auto !important;
  border: 0px !important;
  max-width: 675px;
}
.maxwidths .targetDiv img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
@media only screen and (min-width: 850px) and (max-width: 1000px) {
  .targetDiv {
    max-height: 850px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
  .imageblocks h2 {
    font-size: 3.2vw;
  }
  .imageblocks a:hover img {
    /* Opacity */
    opacity: 0.65;
    filter: alpha(opacity=65);
    left: 0%;
    top: 0%;
    width: 100%;
  }
  .targetDiv {
    /*    max-height: 450px;*/
  }
  .targetDiv h2 {
    font-size: 6vw;
  }
  .afloatright, img[style*="float: right"], .afloatleft, img[style*="float: left"] {
    float: none !important;
    max-width: 500px;
    width: 100%;
    margin: 10px auto !important;
    display: block;
  }
  .targetDiv a {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  .targetDiv .gallery a {
    display: contents;
  }
  .showSingle {
    width: calc(49% - 6px);
    margin: 3px !important;
    padding: 10px .5% !important;
    padding-top: calc(49% - 7px) !important;
    float: left;
    position: relative;
    overflow: hidden;
  }
}