#jdvp-product .text-center {
  text-align: center;
}
#jdvp-product .flex-column {
  flex-direction: column;
}
#jdvp-product {
  color: #3b5312;
  background-image: url('/assets/images/region-4/campaigns/ag-turf/virtual-pavililon/sprayers/91ºÚÁÏרÇø-Pavilion-Background_fade_gray.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  min-height: 300px;
}
#jdvp-product .w-100 {
  width: 100%;
}
#jdvp-product .d-none {
  display: none !important;
}
#jdvp-product .d-flex {
  display: flex;
}
#jdvp-product .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#jdvp-product .align-items-center {
  align-items: center;
}
#jdvp-product .justify-content-center {
  justify-content: center;
}
#jdvp-product .flex-direction-column {
  flex-direction: column;
}
#jdvp-product .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}
#jdvp-product .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
#jdvp-product .order-lg-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
#jdvp-product .order-lg-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
#jdvp-product .order-lg-3, #jdvp-product .order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
#jdvp-product .order-lg-12 {
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}
#jdvp-product #product-container, .prod-cat-container {
  position: relative;
}
#jdvp-product .container-spacing {
  position: relative;
  height: 90%;
  width: 100%;
  max-height: 750px;
}
#jdvp-product .prod-info {
  padding: 5em;
}
#jdvp-product #product-container .prod-cat {
  height: 48px;
  color: #3b5312;
  font-family: jd_sans_probold, 'Helvetica Neue', Helvetica, Arial;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  text-transform: uppercase;
}
#jdvp-product a.deere-cat-link {
  font-size: .7rem;
}
#jdvp-product .deere-cat-link, .deere-pricing-link {
  text-transform: uppercase;
  font-family: jd_sans_probold, 'Helvetica Neue', Helvetica, Arial;
}
#jdvp-product #product-container .prod-title {
  color: #367c2b;
  font-family: jd_sans_probold, 'Helvetica Neue', Helvetica, Arial;
  font-size: 3em;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 50px;
  text-transform: uppercase;
}
#jdvp-product .prod-rot {
  flex-direction: column;
  /*margin-top: -12%;*/
}
#jdvp-product .threesixty-image-rotate .loading-spinner {
  display: block;
  position: absolute;
  z-index: 10000;
  background: #FFFFFF;
  opacity: 0.5;
}
#jdvp-product .center-col {
  overflow-x: visible;
}
#jdvp-product .threesixty-image-rotate .loading-spinner:after {
  display: block;
  /* background-image: url("/images/icons/loading.gif"); */
  background-size: contain;
  content: '';
  width: 50%;
  height: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100001;
}
/*#jdvp-product .threesixty-image-rotate .images-display:hover {
  cursor: grab;
}*/
.images-display {
  margin-top:40px;
}
#jdvp-product .threesixty-image-rotate .images-display .images-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
#jdvp-product .threesixty-image-rotate .images-display .images-list .images-display {
  display: none;
}
#jdvp-product .threesixty-image-rotate .images-display .images-list .images-display img {
  /* width: 100%; */
  height: auto;
  max-width: 800px;
}
#jdvp-product #active-links ul li.active {
  display: flex !important;
}
#jdvp-product .active {
  display: block;
}
#jdvp-product .images-display .active {
  display: block !important;
}
#jdvp-product .threesixty-image-rotate .navigation-bar-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
#jdvp-product .threesixty-image-rotate .navigation-bar-wrapper .navigation-bar {
  width: 130px;
  margin: auto;
}
#jdvp-product .threesixty-image-rotate .navigation-bar-wrapper .navigation-bar div {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 1px;
  background-size: contain;
}
#jdvp-product .threesixty-image-rotate .navigation-bar-wrapper .navigation-bar div:hover {
  cursor: pointer;
}
#jdvp-product .drag-prompt {
  font-size: 1.2em;
  font-family: jd_sans_probold, 'Helvetica Neue', Helvetica, Arial;
  text-transform: uppercase;
}
#jdvp-product .three-sixty-text img {
  max-width: 40px !important;
}
#jdvp-product-click-list {
  font-family: jd_sans_probold, 'Helvetica Neue', Helvetica, Arial;
  font-size: 1em;
}
#jdvp-product .hotspot-click-list p {
  text-transform: uppercase;
  color: #367c2b;
}
#hotspot-nav {
  width: 50%;
  margin: auto;
  padding-top: 1em !important;
}
#jdvp-product .hotspot-shortcut {
  list-style-type: none;
  display: inline-block;
  background-color: #fff;
  border: 2px solid #367c2b;
  cursor: pointer;
  z-index: 9998;
  width: 18px;
  height: 18px;
  margin-right: 20px;
  border-radius: 50%;
}
#jdvp-product .card-title {
  margin-bottom: .75rem;
}
#jdvp-product .smaller {
  font-size: .7em;
}
#jdvp-product .upper {
  text-transform: uppercase;
}
#jdvp-product .spaced {
  letter-spacing: .5em;
}
#jdvp-product .green, #jdvp-product a, #jdvp-product a:hover {
  color: #367c2b;
}
#jdvp-product .card-text {
  margin-bottom: .5em;
}
#jdvp-product .brochure, #jdvp-product .ss-link {
  background-image: url('/assets/images/region-4/campaigns/ag-turf/virtual-pavililon/golf/6500/global/jd-document-resource.svg');
  background-repeat: no-repeat;
  background-position: left center;
  color: #367c2b;
  background-size: 20px;
}
#jdvp-product .brochure, #jdvp-product .res-link, #jdvp-product .ss-link {
  font-size: 1em;
  line-height: 1.6em;
  padding-left: 20px;
}
#jdvp-product .hotspot-bg {
  position: fixed;
  width: 100%;
  /*height: 100%;
  min-height: 100vh;*/
  top: 0;
  left: 0;
}
#jdvp-product .hotspot-bg.active {
  background-color: #000000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
  opacity: .9;
  z-index: 9499;
}
#jdvp-product .hotspot {
  background-color: rgba(255, 255, 255, .7);
  color: #367c2b;
  border-radius: 50%;
  border: 3px solid #367c2b;
  z-index: 999;
  width: 32px;
  height: 32px;
  text-align: center;
  font-weight: 700;
  vertical-align: middle;
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
}
#jdvp-product .hotspot-card {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 5em;
  z-index: 9500;
  background-color: rgba(0, 0, 0, 0.95);;
  min-width: 540px;
  top: 0;
  left: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
  /* opacity: .9; */
  min-height: 500px !important;
  display: flex;
  align-items: left;
}
#jdvp-product .hotspot-title {
  font-weight: 700;
  text-transform: none;
  margin-bottom: 1em;
  font-family: jd_sans_probold, 'Helvetica Neue', Helvetica, Arial;
  line-height: 1.2em;
  font-size: 2.2em;
  color: #ffffff;
  text-align: left;
  color: #ffde00;
}
#jdvp-product .hotspot-content {
  color: #ffffff;
  text-align: left !important;
  font-family: jd_sans_promedium, 'Helvetica Neue', Helvetica, Arial;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.8rem;
}
#jdvp-product .hotspot-image img {
  max-width: 100%;
  width: auto;
  margin: auto;
  height: auto;
}
#jdvp-product .hotspot-shortcut.active {
  border: 1px solid #367c2b;
  background-color: #367c2b;
}
#jdvp-product .card-content .close-hotspot-card {
  position: absolute;
  right: 5%;
  top: -1.5em;
  z-index: 10;
}
#jdvp-product .close-hotspot-card {
  position: absolute;
  right: 5%;
  top: 0.5em;
  display: block;
  width: 50px;
  height: 50px;
  background: rgba(255, 224, 0, 0.35);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgb(255 224 0 / 35%);
  padding: 0 !important;
  color: #ffffff;
  line-height: 1em;
  border: 1px solid #ffde00;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
  line-height: 1.4em;
  font-size: 1.6em;
}
#jdvp-product .left-vid-modal {
  left: 10% !important;
}
#jdvp-product .disclaimer-dark {
  font-size: 11px;
}
#jdvp-product .card-content {
  min-height: 300px;
  color: #ffffff;
  font-size: 1.1em;
  position: relative;
  width: 1200px;
  margin-right: -7%;
  margin-right: auto;
  margin-left: auto;
}
#jdvp-product .hot-prev button {
  transform: rotate(180deg)
}
#jdvp-product .hs-card-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50%;
  /* margin-top:20px;
        position:absolute;
        bottom:40%;
        width:130% !important;
        left:-15%; */
}
#jdvp-product .hs-card-nav li {
  display: inline-block;
  margin: 0 10px;
}
#jdvp-product .hotspot-cont {
  position: fixed;
  top: 25%;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100vw;
}
#jdvp-product .hotspot-cont .disclaimer {
	font-size: .7em;
    font-style: italic;
    line-height: 1.4em;
    color: #c1c1c1;
}
#jdvp-product .hs-card-nav li.hot-prev {
  float: left;
}
#jdvp-product .hs-card-nav li.hot-next {
  float: right;
}
#jdvp-product .hs-card-nav li button {
  padding: 5px 10px;
  background: transparent;
  border: none !important;
  width: 35px
}
#jdvp-product .hs-card-nav li button img {
  width: 20px;
}
#jdvp-product #vid-modal {
  margin-top: 1em;
  cursor: pointer;
  position: relative;
}
#jdvp-product #vid-modal::before {
  content: url('/assets/images/region-4/campaigns/ag-turf/virtual-pavililon/golf/6500/global/play.png');
  position: absolute;
  transform: scale(.8);
  width: 100%;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#jdvp-product .modal {
  z-index: 9999;
}
#jdvp-product .vid-thumb img {
  max-width: 100% !important;
  box-shadow: 0 2px 14px 0 rgba(96, 96, 96, .5);
}
#jdvp-product .modal {
  z-index: 9999;
}
#jdvp-product .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  /* border: 1px solid #888; */
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  top: 15%;
}
#jdvp-product video#bgvideo {
  position: relative;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(/html/deere/us/en/website/products/sprayers/see-spray-ultimate/css/placeholder
) no-repeat;
  background-size: cover;
  margin-bottom: -25px;
}
#jdvp-product .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
#jdvp-product .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  /*width: 100%;*/
	min-width: 100%;
  height: 100%;
}
#jdvp-product .close {
  display: inherit;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  opacity: .5;
  position: absolute;
  top: -11%;
  right: -11%;
  color: #fff;
  cursor: pointer;
}
#jdvp-product .close:hover {
  color: #ffffff;
  opacity: 1;
}
#jdvp-product .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  background: #000000ab;
}
#jdvp-product .modal-body {
  padding: 0;
  text-align: center;
  margin-bottom: 0;
}
#jdvp-product #toggle-links {
  position: relative;
  width: 100%;
  z-index: 2;
  font-family: jd_sans_probold, 'Helvetica Neue', Helvetica, Arial;
  margin-top: 3em;
}
#jdvp-product #toggle-links ul {
  display: flex;
  /* justify-content: center; */
  margin-bottom: 50px;
  margin-block-start: 0 !important;
  padding-inline-start: 0 !important;
}
#jdvp-product #toggle-links ul li {
  display: flex;
  margin: o;
  height: 10px;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  height: 40px;
  background-color: #fff;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #367c2b;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .8em;
}
#jdvp-product #toggle-links ul li button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-transform: uppercase;
  padding: 10px 25px;
  width: 100%;
  height: 100%;
}
#jdvp-product #toggle-links ul li.active {
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  z-index: 3;
  font-size: .9em;
}
#jdvp-product #toggle-links ul li img {
  width: 40px;
  margin-top: -10px;
}

@media screen and (max-width: 1366px) and (min-width: 996px) {
  #jdvp-product {
      min-height: 950px;
	}
	#center-rotator {
    	padding-left: 10%;
    	margin-top: -10%;
	}
    .product {
      margin-left: 200px !important;
    }
}


@media all and (max-width: 991px) {
  #jdvp-product .threesixty-image-rotate .images-display .images-list .images-display img {
    /* width: 100%; */
    height: auto;
    max-width: 100%;
    margin-top: 10%;
  }
  #jdvp-product .order-1, #jdvp-product .order-lg-12 {
    -ms-flex-order: 1;
    order: 1;
  }
  #jdvp-product .order-2, #jdvp-product .order-lg-1 {
    -ms-flex-order: 2;
    order: 2;
  }
  #jdvp-product .container-spacing {
    max-height: unset !important;
  }
  #jdvp-product .prod-info {
    margin-top: -10em !important;
    margin-bottom: 0 !important;
  }
  #jdvp-product #toggle-links ul {
    width: 75%;
    margin: auto;
    margin-bottom: 3em !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #jdvp-product #toggle-links ul li {
    padding: 0 !important;
  }
  #jdvp-product #toggle-links ul li button {
    padding: 10px 25px;
  }
  #jdvp-product #product-container .prod-title {
    font-size: 2.2rem !important;
  }
  #jdvp-product .hs-card-nav {
    width: 110% !important;
    left: -5% !important;
  }
  #jdvp-product .hotspot-image {
    text-align: center;
  }
  #jdvp-product #product-carousel-container .prod-title {
    font-size: 2.4rem !important;
  }
  #jdvp-product .hotspot-card {
    min-height: 575px !important;
  }
  
  #jdvp-product .hotspot-cont {
  top: 0;
margin-top: 50px;
}
  	#processors {
      right: 70% !important;
    }
    #Cameras {
    bottom: 55% !important;
    right: 60% !important;
	}
    #starfire {
      bottom: 60% !important;
      right: 48% !important;
	}
    #operations-center {
      bottom: 45% !important;
      right: 50% !important;
	}
   #product-tank {
      bottom: 55% !important;
      right: 30% !important;
	}
    #exact-apply {
      right: 30% !important;
	}
    #truss-style {
      right: 20% !important;
	}
    #boomtrac {
      right: 10% !important;
	}
}

@media screen and (max-width: 996px) and (min-width: 750px) {
  .product {
    height: 460px !important;
  }
}

@media all and (max-width: 750px) {
  #jdvp-product .hs-card-nav {
    width: 100% !important;
    left: 0;
    bottom: -20%;
  }
#jdvp-product .hotspot-title {
	font-size: 1.8em;
}
#jdvp-product #product-container .prod-title {
	    line-height: 40px;
}
#jdvp-product .close-hotspot-card {
   width: 33px;
    height: 32px;
    font-size: 1.3em;
}
  .product {
    height: 90% !important;
    margin-top: 4em !important;
  }
  #jdvp-product .prod-info {
    margin-top: -8em !important;
  }
  #center-rotator {
  height: 400px !important;
  }
	.videoWrapper {
      	width: 520px;
    }
}


@media all and (max-width: 540px) {
  #jdvp-product .prod-info {
    margin-top: -16em !important;
  }
}