/* ================================= Variables ================================= */
/* ================================= Mixins ================================= */
.icons-sprite {
  background-image: url(../img/bg_icons_sprite.png); }

.icons-sprite-ie {
  background-image: url(../img/bg_icons_sprite-ie.png); }

.sprite {
  background-image: url(../img/bg_sprite.png); }

.sprite-ie {
  background-image: url(../img/bg_sprite-ie.png); }

.payments-sprite {
  background-image: url(../img/store-super-sprite.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .payments-sprite {
    background-image: url(../img/store-super-sprite@2x.png); } }
.payments-sprite-ie {
  background-image: url(../img/store-super-sprite.png); }

/* Used in 2.scss & 3.scss for cart buttons with icon and text in list view and feature tile */
/* 

	.className {
		rule: value;
		rule: value;
		@media screen and (min-width: $mobile_device) {
		}
		@media screen and (min-width: $tablet_device) {
		}
		@media screen and (min-width: $desktop_device) {
		}
	}

	.landing-container {
	
		@media screen and (min-width: $mobile_device) {
			
		}
		@media screen and (min-width: $tablet_device) {
			
		}
		@media screen and (min-width: $desktop_device) {
			
		}
	}

*/
#main .container.static-content {
  margin-top: 0; }

.landing-container {
  position: relative;
  min-height: 1000px; }

.cms-content img {
  margin: 0; }

.box .column {
  padding: 0 10px; }
  @media screen and (max-width: 790px) {
    .box .column {
      padding: 0; } }

.feature-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  max-width: 100%; }
  .feature-hero-image img {
    width: 100%; }
  @media screen and (min-width: 790px) {
    .feature-hero-image {
      z-index: 2; } }

.feature-hero-heading {
  position: relative;
  z-index: 2;
  padding-top: 48%; }
  @media screen and (max-width: 790px) {
    .feature-hero-heading {
      background-color: #000000; } }

.feature-hero-heading h1 {
  padding: 10px; }

.block {
  position: relative;
  z-index: 3;
  overflow: auto;
  padding: 10px 0;
  background-color: #ffffff; }
  .block .box {
    float: none;
    vertical-align: top; }
    @media screen and (min-width: 790px) {
      .block .box {
        float: left;
        width: 50%; } }
    .block .box.fixed_equal .box {
      float: none; }
      @media screen and (min-width: 790px) {
        .block .box.fixed_equal .box {
          float: left;
          width: 50%; } }
  .block.fluid_left {
    display: block; }
    @media screen and (min-width: 790px) {
      .block.fluid_left {
        display: table; } }
    .block.fluid_left .box {
      float: none;
      vertical-align: top; }
      @media screen and (min-width: 790px) {
        .block.fluid_left .box:nth-child(1) {
          display: table-cell; }
        .block.fluid_left .box:nth-child(2) {
          display: table-cell; } }

.block.twoStacked .box {
  width: 100%;
  float: none; }
@media screen and (min-width: 790px) {
  .block.equalWidth .box {
    width: 50%;
    float: left; } }
.block.variable {
  display: table; }
  @media screen and (min-width: 480px) {
    .block.variable {
      display: block; } }
  @media screen and (min-width: 790px) {
    .block.variable {
      display: table; } }
  @media screen and (min-width: 790px) {
    .block.variable .box {
      display: table-cell;
      float: none;
      vertical-align: top;
      width: auto; } }

/* Custom box rules */
@media screen and (max-width: 790px) {
  .block.variable .box.userDefinedWidth {
    display: block;
    width: 100% !important; } }

.feature-hero-text {
  display: table; }

.feature-hero-text .box {
  display: table-cell; }

.feature-hero-text {
  display: none; }

.product-block {
  width: 100%; }
  .product-block .product-tile .content {
    overflow: hidden;
    margin: 0; }
  .product-block .price-wrapper .price {
    margin-bottom: 0; }
  .product-block .price-wrapper .offer, .product-block .price-wrapper .message {
    color: #000000; }
  @media screen and (min-width: 480px) {
    .product-block.show4 .product-tile:nth-child(n) {
      width: 50%;
      float: left;
      margin-bottom: 5px; } }
  @media screen and (min-width: 790px) {
    .product-block.show4 .product-tile:nth-child(1) {
      width: 100%;
      float: none;
      margin-bottom: 5px; }
    .product-block.show4 .product-tile:nth-child(2) {
      width: 33%;
      float: left; }
    .product-block.show4 .product-tile:nth-child(3) {
      width: 33%;
      float: left; }
    .product-block.show4 .product-tile:nth-child(4) {
      width: 33%;
      float: left; } }
  @media screen and (min-width: 960px) {
    .product-block.show4 .product-tile:nth-child(n) {
      width: 25%;
      float: left;
      margin-bottom: 5px; } }
  .product-block.show3 .product-tile {
    width: 100%; }
    @media screen and (min-width: 480px) {
      .product-block.show3 .product-tile:nth-child(1) {
        width: 100%;
        float: none; }
      .product-block.show3 .product-tile:nth-child(2) {
        width: 50%;
        float: left; }
      .product-block.show3 .product-tile:nth-child(3) {
        width: 50%;
        float: left; } }
    @media screen and (min-width: 790px) {
      .product-block.show3 .product-tile:nth-child(1) {
        width: 33%;
        float: left; }
      .product-block.show3 .product-tile:nth-child(2) {
        width: 33%;
        float: left; }
      .product-block.show3 .product-tile:nth-child(3) {
        width: 33%;
        float: left; } }
  @media screen and (min-width: 480px) {
    .product-block.show2 .product-tile:nth-child(n) {
      float: left;
      width: 50%; } }
  @media screen and (min-width: 790px) {
    .product-block.show2 .product-tile:nth-child(n) {
      float: left;
      width: 50%; } }
  .product-block.show1 .product-tile {
    float: none;
    width: 100%; }

/* IE Fixes */
body.lt-ie9 .mobileFriendly img.bp1 {
  display: none; }
body.lt-ie9 .mobileFriendly img.bp3 {
  display: block; }
body.lt-ie9 .block.fixed_equal .box, body.lt-ie9 .block .box {
  display: table-cell;
  width: auto;
  vertical-align: top; }
body.lt-ie9 .block.fluid_left {
  display: block; }
body.lt-ie9 .block.fluid_left .box {
  display: block; }
body.lt-ie9 .twoStacked.block .box {
  width: 100%;
  display: block; }
body.lt-ie9 .mobileFriendly img {
  display: none; }
body.lt-ie9 .product-block {
  width: 100%;
  overflow: hidden; }
body.lt-ie9 .product-block .product-tile .content {
  overflow: visible; }
body.lt-ie9 .product-block .price-wrapper .price {
  margin-bottom: 0; }
body.lt-ie9 .product-block.show4 .product-tile {
  width: 25%;
  float: left; }
body.lt-ie9 .product-block.show3 .product-tile {
  width: 33.3%;
  float: left; }
body.lt-ie9 .product-block.show2 .product-tile {
  width: 50%;
  float: left; }
body.lt-ie9 .content h3 {
  margin-bottom: 10px; }
body.lt-ie9 .content .column p {
  font-size: 14px; }
body.lt-ie9 .content .column .feature-list-header {
  font-weight: bold; }
body.lt-ie9 .content .column {
  float: left;
  width: auto; }
body.lt-ie9 .block-quote {
  color: #ffffff !important; }
body.lt-ie9 .feature-hero-heading {
  padding-top: 0; }
body.lt-ie9 .feature-hero-image {
  position: static;
  margin-bottom: -140px; }
body.lt-ie9 .block .youtube-player {
  height: 300px;
  width: 50%;
  margin: 15px 20px 20px; }
body.lt-ie9 .product-tile .feature {
  background-image: none; }

.block-quote {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 23px;
  font-size: 28px;
  line-height: 1.4;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 20px; }
  @media screen and (max-width: 790px) {
    .block-quote {
      margin-bottom: 0; } }

.feature-header {
  color: white;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  margin-top: -11px;
  margin-bottom: 10px; }

.cms-content .feature-p {
  color: white;
  font-family: "Helvetica neue", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-right: 20px; }

.feature-intro {
  padding: 20px; }

@media screen and (min-width: 480px) {
  .block .youtube-player {
    float: none;
    margin: 0 auto 20px;
    width: 92%;
    height: 380px; } }
@media screen and (min-width: 790px) {
  .block .youtube-player {
    height: 300px;
    width: 50%;
    margin: 15px 20px 20px;
    display: table-cell; } }

.block .youtube-player + .box {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .block .youtube-player + .box {
      width: 100%;
      float: none; } }
  @media screen and (min-width: 790px) {
    .block .youtube-player + .box {
      width: 100%; } }

/* Extras */
/** 
 *  Master Slider
 *	version 1.0
 * 	Core css file
 */
.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0); }

.master-slider img {
  max-width: none; }

.ms-ie img {
  border: none; }

.ms-ie8 * {
  opacity: inherit;
  filter: inherit; }

.ms-ie7 {
  zoom: 1; }

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0; }

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url(../img/masterslider/loading-2.gif) no-repeat center white;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0.9; }

/* grab cursor */
.ms-def-cursor {
  cursor: auto !important; }

.ms-grab-cursor {
  cursor: url("../img/masterslider/grab.png"), move; }

.ms-grabbing-cursor {
  cursor: url("../img/masterslider/grabbing.png"), move; }

.ms-ie .ms-grab-cursor {
  cursor: url("../img/masterslider/grab.cur"), move; }

.ms-ie .ms-grabbing-cursor {
  cursor: url("../img/masterslider/grabbing.cur"), move; }

.ms-view {
  margin: 0px auto;
  overflow: hidden;
  background: black;
  position: relative;
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px; }

.ms-view .ms-slide-container {
  position: relative; }

.ms-slide {
  position: absolute;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%; }

.ms-slide .ms-slide-bgcont {
  overflow: hidden;
  width: 100%; }

.ms-container {
  position: relative;
  margin: 0 auto; }

.ms-slide .ms-slide-bgcont img, .ms-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ms-slide .ms-layer {
  position: absolute; }

.ms-slide .ms-slide-layers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0px; }

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 11;
  background: black;
  padding: 0;
  margin: 0;
  border: none; }

.ms-layer.video-box {
  background: black; }

.ms-layer.video-box iframe {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  z-index: 10; }

.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 10; }

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 13; }

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 13; }

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 0.75em;
  display: inline-block;
  background: url(../img/masterslider/video-close-btn.png) no-repeat 0px 3px;
  padding-left: 15px;
  height: 15px;
  color: #DBDBDB;
  margin-top: 7px; }

.ms-slide .ms-slide-vcbtn,
.ms-slide .ms-slide-layers,
.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-slide-video {
  -webkit-transform: translateZ(0.11px);
  -moz-transform: translateZ(0.11px);
  -ms-transform: translateZ(0.11px);
  -o-transform: translateZ(0.11px);
  transform: translateZ(0.11px); }

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left; }

/* controls */
.ms-thumb-list {
  overflow: hidden;
  position: absolute; }

.ms-thumbs-cont {
  position: relative; }

.ms-thumb-frame img {
  width: 100%;
  height: auto; }

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden; }

.ms-bullet {
  cursor: pointer;
  float: left; }

.ms-sbar .ms-bar {
  position: relative;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }

.ms-time-bar {
  -webkit-transition: width 120ms linear;
  -moz-transition: width 120ms linear;
  -ms-transition: width 120ms linear;
  -o-transition: width 120ms linear;
  transition: width 120ms linear; }

.ms-ie7 .ms-tooltip-arrow {
  height: 0px; }

/**
 *  Master Slider
 *  Default Skin
 */
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
  width: 50px;
  height: 51px;
  background: url(../img/masterslider/light-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px; }

.ms-skin-default .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(../img/masterslider/default/light-skin-1.png) no-repeat -24px -28px;
  top: 18px;
  right: 30px; }

/* controls */
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
  width: 30px;
  background: url(../img/masterslider/default/light-skin-1.png);
  background-position: -89px -26px;
  height: 40px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -20px;
  position: absolute;
  z-index: 10; }

.ms-skin-default .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -89px -103px; }

.ms-skin-default .ms-thumb-frame-selected {
  opacity: 0.6; }

.ms-skin-default .ms-thumb-list.ms-dir-h {
  bottom: -60px;
  width: 100%;
  height: 60px; }

.ms-skin-default .ms-thumb-list.ms-dir-v {
  height: 100%;
  width: 60px;
  right: -60px;
  top: 0; }

.ms-skin-default .ms-thumb-frame {
  cursor: pointer;
  float: left;
  width: 60px;
  height: 60px;
  margin: 1px 0 0 1px;
  overflow: hidden; }

.ms-skin-default .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px; }

.ms-skin-default .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%; }

.ms-skin-default .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(../img/masterslider/default/light-skin-1.png) no-repeat;
  margin: 4px;
  background-position: -34px -117px; }

.ms-skin-default .ms-bullet-selected {
  background-position: -34px -84px; }

.ms-skin-default .ms-sbar {
  position: absolute; }

.ms-skin-default .ms-sbar.ms-dir-h {
  left: 10px;
  right: 10px;
  top: 5px; }

.ms-skin-default .ms-sbar.ms-dir-v {
  top: 10px;
  bottom: 10px;
  right: 5px; }

.ms-skin-default .ms-sbar .ms-bar {
  height: 4px;
  background: #DD00FF;
  border-radius: 4px; }

.ms-skin-default .ms-sbar.ms-dir-v .ms-bar {
  width: 4px; }

.ms-skin-default .ms-timerbar {
  width: 100%;
  bottom: 0px;
  position: absolute; }

.ms-skin-default .ms-time-bar {
  height: 3px;
  background: #FFFFFF;
  border-top: solid 1px rgba(0, 0, 0, 0.41); }

.ms-skin-default .ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer; }

.ms-skin-default .ms-tooltip {
  position: absolute;
  z-index: 110;
  cursor: auto; }

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px; }

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px; }

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px; }

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px; }

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px; }

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px; }

@keyframes point-anim {
  0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 1; }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: 0; } }
@-webkit-keyframes point-anim {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.5);
    opacity: 0; } }
.ms-skin-default .ms-tooltip-point {
  cursor: pointer; }

.ms-skin-default .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 5; }

.ms-skin-default .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite; }

/* In Android browser, using css animations over slider causes some crashes */
.ms-android.ms-skin-default .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none; }

.ms-skin-default .ms-tooltip {
  max-width: 200px; }

.ms-skin-default .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  margin-left: -1px; }

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-default .ms-slide .ms-slide-vpbtn,
  .ms-skin-default .ms-video-btn,
  .ms-skin-default .ms-slide .ms-slide-vcbtn,
  .ms-skin-default .ms-nav-next,
  .ms-skin-default .ms-nav-prev,
  .ms-skin-default .ms-bullet {
    background-image: url(../img/masterslider/default/light-skin-1-retina.png);
    background-size: 152px 225px; } }
/* VIDEO GALLERY SKIN */
.ms-videogallery-template {
  padding-bottom: 135px; }

.ms-videogallery-template.ms-videogallery-vertical-template {
  max-width: 861px;
  padding-right: 290px;
  padding-bottom: 0 !important;
  margin: 0 auto; }

.ms-videogallery-template .ms-layer {
  font-family: "Lato",sans-serif; }

.ms-videogallery-template .ms-layer.video-title {
  font-weight: 300;
  background: #1F1F1F;
  color: white;
  padding: 11px;
  text-transform: uppercase; }

.ms-videogallery-template .ms-layer.video-author {
  background: #FFFFFF;
  padding: 4px 10px;
  font-size: 14px; }

.ms-videogallery-template .ms-thumb-list.ms-dir-h {
  bottom: auto;
  height: auto;
  width: 100%; }

.ms-videogallery-template .ms-thumb-list.ms-dir-v {
  height: 100%;
  width: 280px;
  right: -290px;
  top: 0; }

.ms-videogallery-template .ms-thumb-frame {
  cursor: pointer;
  float: left;
  font-family: "Lato", sans-serif;
  text-shadow: 0 1px 1px white;
  color: #222;
  font-weight: 300;
  position: relative;
  overflow: visible;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.ms-videogallery-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
  width: 214px;
  height: auto;
  margin: 10px 10px 0 0; }

.ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
  width: 280px;
  height: 78px;
  margin-bottom: 10px; }

.ms-thumb-list.ms-dir-v .ms-thumb-frame img {
  width: 140px;
  float: left; }

.ms-videogallery-template .ms-thumb {
  text-align: center; }

.ms-videogallery-template .ms-thumb-frame h3 {
  font-weight: 400;
  font-size: 10pt;
  margin: 10px 0 0 0;
  text-transform: uppercase; }

.ms-videogallery-template .ms-thumb-frame p {
  font-size: 10pt;
  margin: 4px 0; }

.ms-videogallery-template .ms-thumb-frame-selected {
  opacity: 1; }

.ms-videogallery-template .ms-thumb-ol {
  width: 214px;
  background: black;
  opacity: 0.5;
  height: 119px;
  position: absolute;
  top: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-ol {
  width: 140px;
  height: 78px; }

.ms-videogallery-template .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 0; }

.ms-videogallery-template .ms-ie7 .ms-thumb-ol,
.ms-videogallery-template .ms-ie8 .ms-thumb-ol {
  display: none; }

.ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-frame h3 {
  float: left;
  height: 68px;
  width: 100px;
  margin: 0 10px;
  text-align: left; }

@media (max-width: 600px) {
  .ms-videogallery-template {
    padding-bottom: 135px; }

  .ms-videogallery-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
    width: 100px; }

  .ms-videogallery-template .ms-thumb-list.ms-dir-h .ms-thumb-ol {
    width: 100px;
    height: 56px; }

  .ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
    width: 240px;
    height: 58px; }

  .ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-frame img {
    width: 100px; }

  .ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-ol {
    width: 100px;
    height: 56px; }

  .ms-videogallery-template.ms-videogallery-vertical-template {
    padding-right: 250px; }

  .ms-videogallery-template .ms-thumb-list.ms-dir-v {
    width: 240px;
    right: -250px; } }
@media (max-width: 400px) {
  .ms-videogallery-template .ms-thumb-list.ms-dir-v {
    display: none; }

  .ms-videogallery-template.ms-videogallery-vertical-template {
    padding-right: 0px; } }

/*# sourceMappingURL=landing.css.map */