/* @group Hold & Drag Slider
------------------------------------ */
.drag-slider { position: relative; }
.drag-slider .instructions { text-align: center; position: absolute; left: 0; top: 8.9rem; }
.drag-slider .instructions img { margin: 0 auto 3.7rem; height: 6.5rem; width: 12.5rem; }
.drag-slider .instructions h4 { color: rgba(26,46,87,1); font-size: 1.8em; font-weight: 800; line-height: 1.500em; }
.drag-slider .close { color: rgba(26,46,87,1); font-size: 4.6em; position: absolute; top: -10rem; right: 11.6rem; z-index: 2; }
.full-width-slider .drag-slider  .img-box::before { content: none; }
/* Slider
----------------------*/
.drag-slider .slick-container { margin-bottom: 6.1rem; }
.drag-slider .slick-track { display: flex; }
.drag-slider .col-36-36 { max-width: 43rem; padding: 0 .6rem; display: flex; flex-direction: column; height: inherit !important; }
.drag-slider .box { display: flex; flex-direction: column; height: 100%; }
.full-width-slider .drag-slider .img-box,
.drag-slider .img-box { height: 33rem; }
.drag-slider .img-box .open-lightbox { color: rgba(254,254,254,1); font-size: 2.3em; position: absolute; top: 1.5rem; right: 1.5rem; }
.drag-slider .content { background: rgba(255,255,255,1); padding: 4rem 3.1rem 4.4rem; border-bottom: 1.3rem solid rgba(0,100,163,1); }
.drag-slider .col-36-36:nth-child(2) .content { border-color: rgba(0,178,221,1); }
.drag-slider .col-36-36:nth-child(2n+1) .content { border-color: rgba(0,178,221,1); }
.drag-slider .col-36-36:nth-child(3n) .content { border-color: rgba(241,201,119,1); }
.drag-slider .col-36-36:first-child .content { border-color: rgba(0,100,163,1); }
.drag-slider .content h3 { color: rgba(26,46,87,1); font-size: 2.4em; font-weight: 800; line-height: 1.085em; margin: 0 0 .7rem; }
.drag-slider .content p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.3px; line-height: 1.929em; margin: 0; }
.drag-slider .slick-button { color: rgba(26,46,87,1); font-size: 5.6em; margin-right: 2.5rem; }
.drag-slider .slick-disabled { display: inline-block!important; color: rgba(26,46,87,.3); opacity: 1; visibility: visible; cursor: not-allowed; }
.drag-slider .control::before { content: ''; background: rgba(26,46,87,1); height: .2rem; width: 100%; position: absolute; left: 16.9rem; top: calc(50% - .1rem); }
@media only screen
and (min-width : 961px) {
  .drag-slider .slick-container { width: calc(100% + 1.2rem); position: relative; left: -.6rem; }
  .drag-slider .slick-list { padding-left: 19.44vw; }
  .drag-slider .content { height: calc(100% - 33rem); }
  .Mozilla.v11 .drag-slider .close:hover,
  .Explorer .drag-slider .close:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .Mozilla.v11 .drag-slider .slick-prev:hover,
  .Explorer .drag-slider .slick-prev:hover { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
  .Mozilla.v11 .drag-slider .slick-next:hover,
  .Explorer .drag-slider .slick-next:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
  .Mozilla.v11 .drag-slider .img-box .open-lightbox:hover,
  .Explorer .drag-slider .img-box .open-lightbox:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
  @media (hover: hover) {
    .drag-slider .img-box .open-lightbox:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
    .drag-slider .close:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
    .drag-slider .slick-prev:hover { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
    .drag-slider .slick-next:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
  }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
  .drag-slider .instructions { width: 10%; }
  .drag-slider .slick-list { padding-left: 11%; }
  .drag-slider .col-36-36 {  background: linear-gradient(to bottom, rgba(255,255,255,1) 33rem, rgba(241,201,119,0) 33rem); }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .drag-slider .open-lightbox,
  .drag-slider .instructions { display: none; }
  .drag-slider footer { overflow: hidden; }
  /* Slider
  ----------------------*/
  .drag-slider .slick-container { margin-bottom: 2.1rem; padding-left: 3.9rem; }
  .drag-slider .box { box-shadow: 0 2px 11px 0 rgba(0,0,0,0.23); }
  .drag-slider .col-36-36 { max-width: 59.9rem; padding: 0 4.2rem; margin: 0 0 2rem; }
  .full-width-slider .drag-slider .img-box,
  .drag-slider .img-box { height: 44rem; }
  .drag-slider .content { padding: 4.9rem 4.8rem 2.7rem 4.1rem; border-bottom-width: 1.7rem; height: calc(100% - 44rem); }
  .drag-slider .content h3 { font-size: 3.6em; line-height: 1em; margin: 0 0 .5rem; }
  .drag-slider .content p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; }
  .drag-slider .slick-button {}
  .drag-slider .control { padding: 0 0 0 8.1rem; overflow: hidden; }
  .drag-slider .control::before { left: 25rem; }
}
/* @end */