/*  1.8 - Slider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  	Core Owl Carousel CSS File 	v1.24 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.owl-item .caption h2 {
  font-size: 1.8em;
}

/* mouse grab icon */
.grabbing { cursor: url(//cdn.shopify.com/s/files/1/0035/9372/t/100/assets/grabbing.png?12994904566295522626) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/* CSS3 Transitions */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }

.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }

.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }

.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% { opacity: 1; } }

@-moz-keyframes empty { 0% { opacity: 1; } }

@keyframes empty { 0% { opacity: 1; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }

@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }

@-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } }

@-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } }

@keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } }

@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }

@-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } }

@keyframes goDown { from { transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } }

@keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } }

@keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.24
*/
.owl-theme .owl-controls { margin-top: 0px; text-align: center; }

/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(//cdn.shopify.com/s/files/1/0035/9372/t/100/assets/AjaxLoader.gif?12994904566295522626) no-repeat center center; }

.owl-carousel .owl-wrapper-outer { z-index: 1; }
.owl-carousel .owl-pagination { z-index: 2; }

.template-index .slider .slide {
  position: relative;
}
.template-index .slider .slide img {
  display: inline-block;
  width: 100%;
}
.template-index .slider .slide .caption {
  visibility: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 20px 10px;
  position: static;
  padding: 20px;
  position: absolute;
  max-width: 350px;
  margin: 20px 55px 30px;
  padding: 15px;
  max-width: 400px;
  padding: 20px;
  color: blue;
}
/*
@media only screen and (min-width: 768px){
.template-index .slider .slide .caption .title,
.template-index .slider .slide .caption .sub-title {
  color: #f0f;
}
.template-index .slider .slide .caption.left {
left: 0;
}
.template-index .slider .slide .caption.middle {
top: 50%;
margin-top: 0;
}
} */

.template-index .slider { border-bottom: 1px solid #ebebeb; }
@media only screen and (min-width: 768px) { .template-index .slider { border-bottom: none; } }
.lt-ie9 .template-index .slider { border-bottom: none; }
.template-index .slider .flex-video { padding-bottom: 45%; }
.template-index .slider .video .caption, .template-index .slider .video .video-src { display: none; }
.template-index .slider .video .play-button { display: block; visibility: hidden; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 50%; left: 50%; background-position: center center; background-repeat: no-repeat; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; cursor: pointer; border: 4px solid #fff; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.template-index .slider .video .play-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.template-index .slider .video .play-button .triangle { -moz-transform: scale(0.9999); position: relative; top: 21px; left: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #fff; }
.template-index .slider .owl-controlls { margin-top: 0; }
.template-index .slider .row { position: relative; padding: 0; }
.template-index .slider .slide { position: relative; }
.template-index .slider .slide img { display: inline-block; width: 100%; }
.template-index .slider .slide .caption { visibility: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 20px 20px 10px; position: static; padding: 20px; }
@media only screen and (min-width: 768px) { .template-index .slider .slide .caption { padding: 20px; } }
.lt-ie9 .template-index .slider .slide .caption { padding: 20px; }
.template-index .slider .slide .caption.right { float: none !important; }
.template-index .slider .slide .caption .bg { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color:  #fafafa ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (min-width: 768px) { .template-index .slider .slide .caption .bg { display: block; } }
.lt-ie9 .template-index .slider .slide .caption .bg { display: block; }
.template-index .slider .slide .caption .title { color:  #ffffff  ; position: relative; margin-top: 0; font-size: 1em; padding-bottom: 0; line-height: 1.2; }
.template-index .slider .slide .caption .sub-title { color:  #ffffff  ; position: relative; font-size: 0.83333em; font-weight: 300; }
.template-index .slider .slide .caption a.button { color:  #e5e5e5  ; position: relative; font-family:  'Lato', sans-serif ; font-size:2em; text-transform: none; margin-bottom: 0; }
.template-index .slider .slide .caption a.button:hover { color:  #e5e5e5  ; background:  #a9a9a9  ; }
@media only screen and (max-width: 768px) {
  .template-index .slider .slide .caption .title,
  .template-index .slider .slide .caption .sub-title { color: #00bddd; font-size: 1.8em; }
  .template-index .slider .slide .caption .sub-title { font-size: 1.2em; }
  .template-index .slider .slide .caption a.button {
    border-color: #00bddd;
    color: #00bddd;
  }
  .template-index .slider .slide .caption a.button:hover {
    background-color: #00bddd;
    color: #fff;
  }
}
@media only screen and (min-width: 768px) { .template-index .slider .slide .caption { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; }
  .template-index .slider .slide .caption .title { font-size: 2.4em; }
  .template-index .slider .slide .caption .sub-title { font-size: 1em; }
  .template-index .slider .slide .caption a.button { font-size: 0.83333em; color: #fff;min-width: 200px; text-align: center; padding-bottom: 20px; }
  .template-index .slider .slide .caption a.button:hover {
  background-color: #fff;
  color: #333;
  }
  .template-index .slider .slide .caption.top { top: 30px; margin-top: 0; }
  .template-index .slider .slide .caption.middle { top: 50%; margin-top: 0; }
  .template-index .slider .slide .caption.bottom { bottom: 0; }
  .template-index .slider .slide .caption.left { left: 0; }
  .template-index .slider .slide .caption.center { left: 50%; margin-left: 0; }
  .template-index .slider .slide .caption.right { right: 0; }
  .template-index .slider .slide .caption.bottom.right { bottom: 45px; } }
.lt-ie9 .template-index .slider .slide .caption { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; }
.lt-ie9 .template-index .slider .slide .caption .title { font-size: 1.16667em; }
.lt-ie9 .template-index .slider .slide .caption .sub-title { font-size: 1em; }
.lt-ie9 .template-index .slider .slide .caption a.button { font-size: 0.83333em; }
.lt-ie9 .template-index .slider .slide .caption.top { top: 125px; margin-top: 0; }
.lt-ie9 .template-index .slider .slide .caption.middle { top: 50%; margin-top: 0; }
.lt-ie9 .template-index .slider .slide .caption.bottom { bottom: 0; }
.lt-ie9 .template-index .slider .slide .caption.left { left: 0; }
.lt-ie9 .template-index .slider .slide .caption.center { left: 50%; margin-left: 0; }
.lt-ie9 .template-index .slider .slide .caption.right { right: 0; }
.lt-ie9 .template-index .slider .slide .caption.bottom.right { bottom: 45px; }
@media only screen and (min-width: 1280px) { .template-index .slider .slide .caption { max-width: 600px; padding: 20px; }
  .template-index .slider .slide .caption .title { font-size: 3.5em; }
  .template-index .slider .slide .caption .sub-title { font-size: 1.16667em; }
  .template-index .slider .slide .caption a.button { font-size: 1.2em; } }
.template-index .slider .owl-controls { margin-top: 0; }
.template-index .slider .owl-pagination { position: absolute; right: 20px; bottom: 18px; top: auto; margin: 0; padding: 5px; }
@media only screen and (min-width: 768px) { .template-index .slider .owl-pagination { right: 50px; bottom: 20px; } }
.lt-ie9 .template-index .slider .owl-pagination { right: 50px; bottom: 20px; }
.template-index .slider .owl-pagination .owl-page { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 0; margin: 0 7px 0 0; cursor: pointer; display: inline-block; height: 15px; width: 15px; background-color:  #f0f0f0  ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.template-index .slider .owl-pagination .owl-page:last-child { margin-right: 0; }
.template-index .slider .owl-pagination .owl-page.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.template-index .slider .slide .caption{
  visibility: visible;
}
.template-index .slider .owl-pagination .owl-page{
  background: transparent!important;
}

.template-index .slider .slide .caption a.button {
  margin-top: 11px;
}

/*  3.5 - Modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modal { display: none; position: fixed; top: 50%; left: 50%; margin-left: -480px; z-index: 9999; background: #fafafa; }
.modal img { overflow: auto; display: block; max-width: 100%; }
.modal .loading { position: fixed; top: 50%; left: 50%; margin: -12.5px 0 0 -12.5px; height: 25px; width: 25px; }
.modal .slides { display: none; }
.modal .slides .photo { display: none; }
.modal .slides .active { display: block; }
.modal .close, .modal .prev, .modal .next { display: none; position: absolute; cursor: pointer; font-size: 30px; color: #000; background: #fff; padding: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
.modal .close:hover, .modal .prev:hover, .modal .next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.modal .close { top: 0; right: 0; }
.modal .prev { margin-top: -25px; left: 0; top: 50%; }
.modal .next { margin-top: -25px; right: 0; top: 50%; }
.modal.video { background: none; width: 600px; max-width: 90%; margin: -200px 0 0 -450px; }
.modal.video.wide { width: 900px; }
.modal.video > .bg { background:  #fafafa ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modal.video .cross { z-index: 1; }
.modal.video .player { padding: 0; }
.modal.video .player .flex-video { margin-bottom: 0; }
.modal.video .caption { padding: 20px; }
.modal.video .caption .title { font-size: 1em; }
.modal.video .caption .sub-title { font-size: 0.83333em; }
.modal.video .caption a.button { font-size: 0.83333em; margin-bottom: 0; }
@media only screen and (min-width: 768px) { .modal.video .caption { padding: 90px 30px 30px; }
  .modal.video .caption .title { font-size: 1.16667em; }
  .modal.video .caption .sub-title { font-size: 1em; }
  .modal.video .caption a.button { font-size: 0.83333em; } }
.lt-ie9 .modal.video .caption { padding: 90px 30px 30px; }
.lt-ie9 .modal.video .caption .title { font-size: 1.16667em; }
.lt-ie9 .modal.video .caption .sub-title { font-size: 1em; }
.lt-ie9 .modal.video .caption a.button { font-size: 0.83333em; }
@media only screen and (min-width: 1280px) { .modal.video .caption .title { font-size: 1.5em; }
  .modal.video .caption .sub-title { font-size: 1.16667em; }
  .modal.video .caption a.button { font-size: 1em; } }

.modal-mask { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9000; background-color: #000; }
.lt-ie9 .template-index .slider { border-bottom: none; }
.template-index .slider .flex-video { padding-bottom: 45%; }
.template-index .slider .video .caption, .template-index .slider .video .video-src { display: none; }
.template-index .slider .video .play-button { display: block; visibility: hidden; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 50%; left: 50%; background-position: center center; background-repeat: no-repeat; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; cursor: pointer; border: 4px solid #fff; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.template-index .slider .video .play-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.template-index .slider .video .play-button .triangle { -moz-transform: scale(0.9999); position: relative; top: 21px; left: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #fff; }


/* Flex Video */
.flex-video { position: relative; padding-top: 2.08333em; padding-bottom: 67.5%; height: 0; margin-bottom: 1.33333em; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (min-width: 768px) { .template-index .slider { border-bottom: none; } }
.lt-ie9 .template-index .slider { border-bottom: none; }
.template-index .slider .flex-video { padding-bottom: 45%; }
.template-index .slider .video .caption, .template-index .slider .video .video-src { display: none; }
.template-index .slider .video .play-button { display: block; visibility: hidden; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 50%; left: 50%; background-position: center center; background-repeat: no-repeat; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; cursor: pointer; border: 4px solid #fff; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.template-index .slider .video .play-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.template-index .slider .video .play-button .triangle { -moz-transform: scale(0.9999); position: relative; top: 21px; left: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #fff; }
}


.caption h2.title {
    color: #000;
}
.modal.video .caption .title {
    
    color: #000;
}

.caption h3.sub-title {
    color: #000;
}

.slider-chevron-container {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 200;
}
.slider-chevron {
    color: #fff;
    display: inline-block;
    font-size: 50px;
    font-weight: 300;
    height: 50px;
    margin: 0 auto;
    transform: rotate(90deg);
    width: 50px;
}