/*bestGaming*/

#best-gaming{display: block;width: 100%;max-width: 3840px; background: url("../imgs/bg-pattern.jpg")no-repeat top center;background-size: 100% ;position: relative; background-attachment: fixed;}
#best-gaming .wrap{width: 100%;max-width: 1500px; margin: 0 auto; background-color: rgba(0,0,0,0.77);position: relative;}
#best-gaming  section {padding: 2%;width: 100%;max-width: 1200px;  margin: 0 auto;}

h2.title {font-size: 42px; font-weight: bold;line-height: 1.5;font-family: 'Fjalla One', sans-serif; }



/*sectionKV*/

.kv-flex{display: flex;  align-items:baseline; padding-top:5%; }
.flex-a{width: 40%;}
.flex-b{width: 60%;}
/*sectionPromotion*/

#promotion{display: block;background-color: rgba(39,39,39,0.89);}
.promo-box {display: flex; flex-direction: row;align-content: center; margin-top: 5%;}

.promo-item {width: 30%;margin-right: 5%; background-color: #FF0000; padding: 0px;}
.promo-item ::last-child{margin-right: 0;}
.promo-item   h3.pTitle{font-size: 18px;line-height: 20px; text-align: center;font-weight: bold;}
.promo-item  .date {color:#FFF; font-sizw:13px;text-align:center;}
.promo-item  .txbox{padding: 5px; display: inline-block;width:100%;}


.promo-item:hover { background-color: #666666; }


ul.icons{display:block; width: 100%;}
ul.icons li{display: inline-block;width: 25%; }
ul.icons li img {width: 100%;}


/*slider*/

.slider-nav-thumbnails {display: block;width: 100%;}
.slider-nav-thumbnails div {display: block;  width: 100%;}

.slider-nav-thumbnails .slick-slide {
	opacity: 0.5;
    width: 25%; display: inline-block; padding: 10px;
    transform: scale(0.7);
   outline:none;
  
   
}
.slider-nav-thumbnails .slick-slide img {width: 100%; text-align: center;border: 1px solid #FFF;}
.slider-nav-thumbnails figcaption{color: #FFF; font-size: 16px;line-height: 1; text-align: center;padding: 5px;}

.slider-nav-thumbnails .slick-current.slick-slide.slick-active {
	opacity: 1; transform: scale(1);
 
    
}


.slide-arrow.next-arrow::before{
   
  content: ">";
  display: block;
  position: absolute;
  right: 25%;
   top:25%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: center;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Segoe UI";
  letter-spacing: 1px;
  color:#FFF;
    
}




.slide-arrow.next-arrow{       
  
  border-radius: 25px;
  border: 1px solid #606060;
  box-shadow: 0 0 15px rgba(0, 255, 204, 0.15), 0 0 15px rgba(0, 255, 204, 0.15) inset;
  content: ">";
  display: block;
  position:absolute;
  right: -5%;
  top: 50%; color: #FFF;
  height: 50px;
  width: 50px;
  margin-left: -50px;
  margin-top: -50px; 
  opacity: 1;
  transform: scale(1);
  transition: all 300ms;
  background-color: rgba(118,118,118,0.5); outline: none;
}

.slide-arrow.prev-arrow::before{
   
  content: "<";
  display: block;
  position: absolute;
  right: 25%;
  top:25%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: center;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Segoe UI";
  letter-spacing: 1px;
  color:#FFF;
    
}
    
       

.slide-arrow.prev-arrow{       
    
  border-radius: 25px;
  border: 1px solid #606060;
  box-shadow: 0 0 15px rgba(0, 255, 204, 0.15), 0 0 15px rgba(0, 255, 204, 0.15) inset;
  content: "<";
  display: block;
  position: absolute;
  left: 0%;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-left: -50px;
  margin-top: -50px;
  opacity: 1;
  transform: scale(1);
  transition: all 300ms;
  background-color: rgba(118,118,118,0.5);
  outline: none;
}

.boxflex{display: flex;width: 100%;flex-direction: row; background-color: #292929;padding: 1%; outline: none;}
.slideitem{ width:45%;margin-right: 2%;}


.productsList{display: block;width: 100%;}
ul.prds{width: 100%; display: flex; }
ul.prds li {display: inline-block;width:16%; padding: 10px; }
ul.prds li img {width: 100%;}

.boxSocre{display: flex; flex-direction: row;}
.halfbox{display: block;width: 50%;}
.pdx{display: block;width: 100%; margin: 10px;}
.pdx a {display: block; border: thin solid #FF0000; background-color: transparent; color: #FFF; font-size: 18px; line-height: 18px; padding: 10px;text-align: center;text-decoration: none;transition:  all .5s ease-in;}
.p-t{font-size: 16px; line-height: 16px;color:#AAAAAA;}
.pfo{font-size: 21px;line-height: 21px; color: #FF0000;display: block;width: 100%; margin-bottom: 50px;}
h5.cont-T {font-size: 28px;line-height: 28px; text-align: center; text-transform: uppercase; padding-top: 1%;}

p.fps-type{font-size: 18px; line-height:18px; color: #FFF;margin: 20px auto;text-align: left;}

.pdx a:hover, .pdx a:focus {background-color: #FF0000; border-color: #FF0000;}

h3.score{font-size: 65px;line-height: 80px; color: #FF0000;}
.fps-t {font-size: 16px;line-height: 16px; color: #FF0000;}

/*video*/
.video-wrapper {
  position: relative;
  padding-bottom: 70%; /* 16:9 */
  padding-top: 25%;
  height: auto;
    background-color: #000;
}

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



.content {
    outline: none;
  font-size: 18px;
  padding: 20px;
  text-align:center;
  color: white;
}
.one {
  background: blue;
}
.two {
  background: red;
}
.three {
  background: purple;
}
.four {
  background: green;
}
.five {
  background: pink;
}
.two, .three, .four, .five {
  display:none;
}


/*whereToBuy*/

  #wtb{display: block; width: 100%; max-width: 1200px;margin: 0 auto; }
           
            .wtbflex {display: flex; flex-direction: row; width: 100%; max-width: 1200px;justify-content:flex-start;flex-wrap: wrap; }
            .icon_item{display: block; width: 18%; margin: 10px 10px; background-color: #FFF; border: 2px solid rgba(108,108,108,1.00);}            
            .icon_item a img{transform: scale(0.8); border: 0px;transition:  all ease-in 0.2s;}
            .icon_item a:hover img{transform: scale(1);outline: none;}            
            .icon_item img {width: 80%;text-align: center;display: block; margin: 0 auto;}
            
            @media(max-width:960px){
                
                .wtbflex{justify-content: center;}
                .icon_item {width: 25%;}
                
            }
                
            @media(max-width:480px){
                .icon_item {width: 40%;}
                
            }
        

@media (max-width:1023px){
    ul.prds {flex-direction: column;padding-left: 0px;}
   ul.prds li {display: block;width:60%; margin: 0 auto; text-align: center; }
    .promo-box {flex-direction: column; align-content: center;}
    
    .promo-item{width: 80%; margin: 20px auto;}
    
    .slide-arrow.prev-arrow {left: 5%;z-index: 8888;}
    .slide-arrow.next-arrow {right: 1%;z-index: 8888;}
    .slider-nav-thumbnails .slick-current.slick-slide.slick-active {
    opacity: 1;
        transform: scale(0.8);}
    
    .boxflex {flex-direction: column;}
    .slideitem{width: 95%;margin: 0 auto; justify-content: center;}
}