html {
 scroll-behavior: smooth;
}
body{

  background: #000; 
  
}

.vs-container{
  color: #fff;
}

a:hover, .nav > li > a:focus, .nav > li > a:hover{
  color: #666;
}

h1, h2, h3, h4, h5, h6, p, .product-subscription, .f-icon a{
  color: #eee;
}

h3{
 font-size: 2em;
}


.jumbo {
 margin:0;
 color:#ec4365;
 font-size:200%;
 white-space:nowrap;
}


.footer{
  margin-top:0;
}

.product-subscription{
 font-size: 45px;
 font-weight:100;
}

.pj-4k-hero h1{
  font-size: 75px;
  color: #eee;
}

.pj-4k-hero img{
  width: 40%;
}

#features{
  background: 50% 0% repeat-y;
  background-size: contain; 
}

.vs-container-fluid, .rc-content, .vs-container-fluid, .rc-content h2{
 text-align: center;
}

.vs-container-fluid .rc-content p{
 margin-bottom: 2.5em;
}

.vs-title{
 padding-top:15em;
 display: block; width: 100%;

}


.hero-title{
  margin: 3em 0 1.5em 0;
 text-align: center;
}

.row svg{
  /*width: 70%;
  margin:25% 5% 0 5%;*/
}


.f-icon > a > img, .spec-icon img {
  max-width: 90px;
  margin: auto;
  padding: .3em;
}
.usp-icons .f-icon > a > img {
  margin-top: 10%;
  margin-bottom: 10%;
}

/* feature-compair          */
#feature-compair {
  background-image: , , ;
  background-position: -20% 10%, 120% 10%, 50% 0%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 40%, 40%, cover; 
  -webkit-animation: animated-compair 4s linear infinite; 
  animation: animated-compair 4s linear infinite;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;

}

.slide-content{
 min-height: 580px;
}

.slide-content p{
 width:85%;
 margin: auto;
}

@-webkit-keyframes animated-compair {
 from { background-position: -30% 10%, 130% 10%, 50% 0%; }
 to { background-position: -20% 10%, 120% 10%, 50% 0%; }
}

@keyframes animated-compair {
 from { background-position: -30% 10%, 130% 10%, 50% 0%; }
 to { background-position: -20% 10%, 120% 10%, 50% 0%; }
}

 #feature-compair .rc-feature img{
  width: 70%;
  margin:auto;
 }

.vs-callout{
  text-align: inherit;
 height: auto;
}

.vs-callout strong{
  font-size: 2.2em;
}

.spec-left, .spec-left h2{
  text-align: right;
}

.spec-left, .spec-left small,
.spec-right, .spec-right small{
  color: #ddd;
}

.spec-left .vs-callout strong{
  color: #45cdff; /* #1ee43b; #f20b45;*/
}

.spec-right .vs-callout strong{
 color: #c0c0c0; /*#2191c6;*/
}

#feature-compair ul{
 opacity: .7;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 padding:0;
}

#feature-compair ul:hover{
 opacity:1;
}

#feature-compair li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
}


.spec-right, .spec-right h2{
  text-align: left;
}


#youtu {
 /*width: 600px;*/
 background:  no-repeat 50% 50%;
 background-size: cover;
 position: relative;
 margin: 0 auto;
}
#youtu button {
 width: 100%;
 background: rgba(0, 0, 0, 0.25)  no-repeat 50% 50%;
 background-size: 5em;
 border: 0;
 display: block;
 cursor: pointer;
 transition: background 0.3s linear;
}
#youtu button:hover {
 background-color: rgba(0, 0, 0, 0.5);
 background-image: ;
}
#youtu button:before {
 content: "";
 display: block;
 padding-top: 56.2222222222%;
}
#youtu iframe {
 display: none;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
}

/* rc                 */
#custom_carousel a, #custom_carousel_2 a{
  /*filter: grayscale(100%);*/
  opacity: 0.3;
   cursor: pointer;
}

#custom_carousel .controls li, #custom_carousel_2 .controls li{
  display: table-cell;
}

#custom_carousel li.active a, #custom_carousel_2 li.active a,
#custom_carousel a:hover, #custom_carousel_2 a:hover,
#custom_carousel a:visited, #custom_carousel_2 a:visited, 
#feature-compair ul:hover{
  opacity: 1;
}
#custom_carousel li.active a img,#custom_carousel li.active i{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
    

}
.rc-icons {
  max-width: 1100px !important;
}


#feature4 {
 background:  50% 80% no-repeat;
 background-size: cover; 
}

#feature4 img, #feature8 img, #feature9 img{
 width: 25%;
}

#feature4 a{
 color: #e00;
}

#feature6 {
 background:  50% 50% no-repeat;
 background-size: cover; 
}

.light-source p, .light-source h3, .light-source small{
    color: #fff;
}

.twentytwenty-before-label, .twentytwenty-after-label{
  /*background:none;
  font-size:2em;*/
 color: #a9a5c9;
}


.twentytwenty-before-label{
 background: rgb(204, 68, 32);


}

.twentytwenty-after-label{
 background: rgb(68, 68, 68);
}

.twentytwenty-horizontal .twentytwenty-after-label > span{
 color: #aaa;
}

/* rc feature-video          */
#feature-video{
  overflow: hidden;
}



.vb-rc .active a{

}

.carousel-inner{
 margin-bottom: 3em;
}
svg#icons_ifdesign {
  margin: 1.7em;min-height: 52px;
}

@media only screen and (max-width: 1305px) {

 #feature-compair ul{
  margin:10px 0;
 }
}

@media only screen and (max-width: 768px) {


h3{
 font-size: 1.5em;
}

 #feature-compair {
  background-position: -20% 5%, 120% 5%, 50% -20%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 50%, 50%, cover; 
  -webkit-animation: animated-compair 4s linear infinite; 
  animation: animated-compair 4s linear infinite;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;

 }

 @-webkit-keyframes animated-compair {
  from { background-position: -30% 5%, 130% 5%, 50% -20%; }
  to { background-position: -20% 5%, 120% 5%, 50% -20%; }
 }

 @keyframes animated-compair {
  from { background-position: -30% 5%, 130% 5%, 50% -20%; }
  to { background-position: -20% 5%, 120% 5%, 50% -20%; }
 }


 .f-icon{
  height:250px;
 }
 .spec-left, .spec-right{
  /* width:42%;*/
 }
 .spec-icon{
  text-align:center;
  /*margin:0 -5%;
  width: 26%;*/
 }

 .vs-callout strong{
  font-size: 28px;
 }


 #reviews .embed-responsive{
  margin:2em 0;
 }


}

@media only screen and (max-width: 480px) {
 body {
  
 }

 ul, ol{padding:0;}

 .light-source{font-size: 1.5em;}
 .light-source img { margin:15px 5px !important;}

 .pj-4k-hero h1{font-size: 40px;}


.pj-4k-hero img{
  width: 80%;
}


 .vs-callout{
 padding:0; /*height: 5em;*/
}

 .spec-left, .spec-right{
   width:40%;
 }


 .spec-icon img, .rc-icons img{
  width:100%;
 }


 .spec-icon{
  text-align:center;
  margin:0 -5%;
  width: 30%;
 }

 .vs-callout strong{
  font-size:18px;
   word-wrap:break-word;
   font-weight:700;
  /*line-height: 1em;
  margin-top: 0.8em;*/
 }

 .f-icon{
  font-size: 10px;
  height:120px;
 }

  #feature-compair svg{
    width: 70%;
    margin-top: .3em;
  }

  /* #icons_speakers{padding-top:.5em;}*/

 /* rc                 */

 #feature-compair {
  background-position: -20% 15%, 120% 15%, 50% -20%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 50%, 50%, cover; 
  -webkit-animation: animated-compair 4s linear infinite; 
  animation: animated-compair 4s linear infinite;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;

 }

 @-webkit-keyframes animated-compair {
  from { background-position: -30% 15%, 130% 15%, 50% -20%; }
  to { background-position: -20% 15%, 120% 15%, 50% -20%; }
 }

 @keyframes animated-compair {
  from { background-position: -30% 15%, 130% 15%, 50% -20%; }
  to { background-position: -20% 15%, 120% 15%, 50% -20%; }
 }

 #custom_carousel a, #custom_carousel_2 a,
 #feature-compair ul{
  /*filter: grayscale(100%);*/
  opacity: 1;
  
 }

 #feature-compair ul{
  margin:10px 0;
 }

 
#feature4 img, #feature8 img, #feature9 img{
 width: 50%;
}
 .vs-title{
 padding-top:13em;
 }


 #reviews .embed-responsive{
  margin:2em 0;
 }


.light-source, .light-source p{
  /* font-size: 1.5em;*/
 }

}

_:-ms-lang(x), .spec-icon img {margin-top: -2em; padding: 0 1em;}
_:-ms-lang(x), #feature-compair li { display: block;list-style-type:none;}

.dropdown-menu > li {
  display: block !important;
}

.link-buy.open>a, .link-buy.open>a:focus, .link-buy.open>a:hover {
  background-color: #333;
  border-color: #111;
}
.link-buy.open > .dropdown-menu {
  background-color: #333;
}

.link-buy.open > .dropdown-menu  > li > a {
  color: #eee;
}

.link-buy.open > .dropdown-menu  > li > a:hover {
  color: #333;
}

.icon-w-txt-row {

}

.icon-w-txt-row > div {
  margin-top: 3em;
  margin-bottom: 3em;
  font-size: 0.9em;
}

.icon-w-txt-row > div > img {
  margin-bottom: 0.5em;
  width: 100%;
}