/*Soon this arhive will be deprecated */
html {
  scroll-behavior: smooth;
}
/* home Store 2021*/
.dot{
  font-size: .35rem;
}
.case-h-carousel{
  overflow: auto;
  white-space: nowrap;
}
.case-card{
  background-color: #1D1E22;
  border-radius: 2px;
  width: 7.7rem;
  height: 6.7rem;
  margin-right: .5rem;
  display: inline-block;
}
.case-card:checked {
  border: red;
  background-color: red;
}

.game-tooltip  {
  position: relative;
  display: inline-block;
}
.game-tooltip .game-tooltip-text{
font-size: .8rem;
visibility: visible;
 width: auto;
 background-color: #2f3035;
 color: #fff;
 text-align: center;
 border-radius: .5rem;
 padding: .5rem;
 position: absolute;
 z-index: 100;
 bottom:100%;
 left: 50%;
 margin-left:-60px;
 opacity: 0;
 transition: opacity 1s;
 -webkit-box-shadow: 0px 9px 23px 2px rgba(0,0,0,0.48); 
box-shadow: 0px 9px 23px 2px rgba(0,0,0,0.48);
}
.game-tooltip .game-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #2f3035 transparent transparent transparent;
}

.game-tooltip:hover .game-tooltip-text{
  visibility: visible;
  opacity: 1;

}
.head-carousel{
overflow-y: hidden;
overflow-x: auto;
}
.black-divider{
  border: 0;
  height: .5px;
  background-color: rgba( 255, 255, 255, .2 );

}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.selected-content{
	text-align: center;
	border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
  border: solid 2px transparent;
	background: #1D1E22;
	max-width: 280px;
	place-content: center;
	transition: .3s ease-in-out all;
}


.selected-label{
	position: relative;
}
.selected-label input{
	display: none;
}
.selected-label .icon{
	width: 20px;
  height: 20px;
  border: solid 2px #e3e3e3;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	left: 15px;
	transition: .3s ease-in-out all;
	transform: scale(1);
	z-index: 1;
}
.selected-label .icon:before{
  top: 2px;
  left: 1px;
	content: "\f00c";
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 12px;
	color: #000;
	text-align: center;
	opacity: 0;
	transition: .2s ease-in-out all;
	transform: scale(2);
}
.selected-label input:checked + .icon{
	background: #0078F2;
	border-color: #0078F2;
	transform: scale(1.2);
}
.selected-label input:checked + .icon:before{
	color: #fff;
	opacity: 1;
	transform: scale(.8);
}
.selected-label input:checked ~ .selected-content{
  border: solid 2px #0078F2;
}
/* PC detail styles 2021*/
.fix-pc-c2a{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.ram-h-carousel{
  overflow: auto;
  white-space: nowrap;
}
.ram-card{
  background-color: #1D1E22;
  border-radius: 2px;
  width: 7.7rem;
  height: 5.7rem;
  margin-right: .5rem;
  display: inline-block;
}
#primary-slider .splide__list .splide__slide {
  height: auto !important;
}

.blueCarbon-bg-path{
  background-color: #1D1E22;
  clip-path: polygon(0 11%, 10% 0, 100% 0, 100% 100%, 0% 100%);
}
.blueCarbon-drop {
  background-color:#1D1E22;
  border-radius: 2px;
  color: #fff;
  border: 1px solid rgba(151,151,151,0.15);
}
.blueCarbon-bg{
  background-color: #1D1E22;
}
.share_pc_link{
  color: white;
  text-decoration: none;
  border: 1px solid white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.splide__arrow_sg{

  position: absolute;
  z-index: 1;
  bottom: 0;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 1.5rem;
  background-color: transparent;
  opacity: .8;
}
.splide__arrow_sg:hover{
  background-color:#0078F2;
  transition: ease-in .3s;
}
.splide__arrow--prev{
  right: 4rem !important;
  left: unset !important;
}
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{
  border: 1px solid #0078F2 !important;
}
.sg_pc_thumb{
  background-color:#1D1E22 !important;
}

/*Ends PC detail styles 2021*/
/*Servicio tecnico 2021*/
.main-st{
  background-image:url(/assets/images/servicio-assets/st/main.webp);
  background-size: 480px auto;
  background-position: 90% 10%;
  background-repeat: no-repeat;
}
.contact-st-link:hover{
  transition:  ease-in .3s;
  background-color: #1C1C1E;
}
.st-bussines-service-wrapper{
  background-color: #1A1A1E;
}
.st-partners{
  background-color: #1A1A1E;
} 
.st-input{
  background-color: rgba(255, 255, 255, 0.064);
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 5px;
  outline: transparent;
  border: 1px solid transparent;
  color:#fff;
}
.st-input:focus{
  outline: 1px solid rgba(51,53,174,0.29);
  border: 1px solid  #3335AE;
  border-radius: 5px;
}
.st-input-icon{
  position: absolute;
  position: absolute;
    top: 20px;
    left: .8rem;
}
.st-lotus-input-wrapper label{
  font-size: .75rem;
  color: rgba(255,255,255,.50);
}
.st-lotus-input-wrapper input{
  width: 100%;
  margin-top: .25rem;
  padding: 12px;
  border-color:transparent;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.064);
  font-size: .75rem;
  color: rgba(255,255,255,.70);
}
.st-custom-select {
  -webkit-appearance: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.064);
  border-radius: 3px;
  cursor: pointer;
}
.st-bussines-service-wrapper {
  background-image: url(/assets/images/servicio-assets/st/pro.webp);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 55%;
}
.st-service-card{
  border-radius: 1rem;
  
}
.st-service-card:hover{
  -webkit-box-shadow: 10px 10px 62px 0px rgba(163,163,163,1);
  -moz-box-shadow: 10px 10px 62px 0px rgba(163,163,163,1);
  box-shadow: 10px 10px 62px 0px rgba(163,163,163,1);
  transition: ease-in .2s;
  transform: scale(1.04);
}
/* Trading PC Styles*/
.main-st-business{
  min-height: 90vh;
  background-image: url(/assets/images/servicio-assets/st/dots.webp);
 
  background-repeat: no-repeat;
  background-position:right bottom;
  background-size: contain;
}
.polizas-wrapper{
  border-radius: .5rem;
  min-height: 45vh;
  background-color: #464A4F;
  background-image: url(/assets/images/servicio-assets/st/keyboard.webp);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.st-p1{
  top: 49%;
  right: 41%;
}
.st-p2{
  top: 35%;
  right: 40%;
}
.st-p3{
  top: 35%;
  right: 33%;
}
.st-p4{
  top: 60%;
  right: 30%;
}
/*Home Service*/
.main-home-service{
  min-height: 80vh;
  background-image: url(/assets/images/home-service/main.webp);
  background-size: 800px auto;
  background-repeat: no-repeat;
  background-position: right center;
}
/*Trading PC Styles */
  .main-trading{
    background-image:url(/assets/images/marketing/trading/lines.svg), linear-gradient(179deg, #24288D 17%, #171752 100%, #171752 100%);
    background-repeat: no-repeat;
    background-position: top right;
  }
/* Trading PC Styles*/
.hs-point{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #5D3ECE;
}
.hs-tooltip{
  position: relative;
}
.hs-tooltip .hs-tooltip-text{
  visibility: hidden;
  width: 120px;
  background-color: #FFF;
  color: #19191B;
  text-align: center;
  padding: 5px 5px;
  border-radius: 4px;
  position: absolute;
  z-index: 9;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.hs-tooltip .hs-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.hs-tooltip:hover .hs-tooltip-text {
  visibility: visible;
  opacity: 1;
}
.hs-p1{
  top: 49%;
  right: 31%;
}
.hs-p2{
  top: 35%;
  right: 15%;
}
.hs-p3{
  top: 35%;
  right: 25%;
}
.hs-p4{
  top: 60%;
  right: 20%;
}
.hs-serv-card{
  background-image: linear-gradient(137deg, rgba(31,31,38,0.21) 0%, #484853b1 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:rgba(0, 0, 0, 0.25) 0px 40px 80px, rgba(255, 255, 255, 0.15) 0px 0px 0px 0.5px inset;
}

.no-blend-mode{
  mix-blend-mode:normal;
}
.hs-process-card {
  box-shadow:rgba(0, 0, 0, 0.25) 0px 40px 80px, rgba(255, 255, 255, 0.15) 0px 0px 0px 0.5px inset;
  background-color: #18181c;
}
.hs-business-wrapper{
  box-shadow:rgba(0, 0, 0, 0.25) 0px 40px 80px, rgba(255, 255, 255, 0.15) 0px 0px 0px 0.5px inset;
  background-color: #18181c;
}
.hs-services {
  background-image: url(/assets/images/home-service/abs-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.hs-covearge{
  background-image: url(/assets/images/home-service/map.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.coverage-card {
  background-image: linear-gradient(137deg, rgba(31,31,38,0.21) 0%, #484853b1 100%);
  backdrop-filter: blur(10px);
  box-shadow:rgba(0, 0, 0, 0.25) 0px 40px 80px, rgba(255, 255, 255, 0.15) 0px 0px 0px 0.5px inset;
}
.overlay{
  mix-blend-mode: overlay;
}



.testimonial-card {
  color: #fff;
  background-color: #202022;
  border-radius: .5rem;
}
.thumb-testimonial{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #0084FF;
  background-size: cover;
  background-position: center;
}
/* Product Type 2021*/
.product_type_title::after{
    margin-top: .2rem;
    content: "";
    display: block;
    width: 35px;
    height: 3px;
    background: #0078F2;
    position: relative;
    text-align: left;
    clear: both;
}
html::-webkit-scrollbar:horizontal{
  height: 4px;
  width: 4px;
  background: gray;
}
html::-webkit-scrollbar-thumb:horizontal{
  background: #000;
  border-radius: 10px;
}
.h-scrolling-wrapper{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.produdct-h-scroll{
  flex: 0 0 auto;
  margin-right: 3px;
  width: 285px; 
  height:400;
}
.custom-pc-commerce{
  height: 380px;
}
.tab-store::after{
  margin-top:.2rem ;
  content: "";
  display: block;
  width: 15px;
  height: 3px;
  background: #0078F2;
  position: relative;
  text-align: left;
  clear: both;
}

.produc-type-card{
  width: 150px;
  height: 220px;
  background-size:contain; 
  background-position:bottom; 
  background-repeat:no-repeat;
}
/** Buen fin Banner **/
.buenfin-banner{
  background-color: #E02631;
  color: white;
}
/** Escritorios Gamer **/
.mkt-main-escritorio-gamer{
  background-image:url(/assets/images/marketing/gamer-desk/bg-desk.png), linear-gradient(178deg, #33338A 0%, #171752 100%);
  background-size: contain;
  background-position:center right;
  background-repeat: no-repeat;

}
/** Ofertas 2021 **/
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color:white;
}

/* Create an active/current tablink class */
.tab button.active {
  color: white;
}
.tab button.active::after{
    margin-top: .8rem;
    content: "";
    display: block;
    width: 35px;
    height: 3px;
    background: #0078F2;
    position: relative;
    text-align: left;
    clear: both;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none;
  border-top: none;
}
/* Monitores Gamer Marketing */

.build-your-pc-card{
  background-color: black;
  border-radius: 5px;
}
.build-pc-card-img{
  top: -3rem;
}
.monitor-vs-card{
  background-image: linear-gradient(146deg, #658e86 0%, #1b2b2c 92%);
  border-radius: 5px;
}
.monitor-vs-img{
  top: -4rem;
}
/* Monitores Gamer Marketing */

/* Sillas Gamer marketing landing */
.mkt-main-gamer-chair{
  background-image:url(/assets/images/marketing/sillas-gamer/lines.svg), linear-gradient(140deg, #1D1645 0%, #392B8E 100%, #392B8E 100%) ;
}
.chair_benefits_table{
  background-color: #19191B;
}
/** Sillas Gamer marketing landing **/
.mkt-main-gamer-monitor{
  background-image:url(/assets/images/marketing/monitores-gamer/lines.svg), linear-gradient(142deg, rgba(53,53,53,0.16) 60%, #0D0D10 100%, #0D0D11 100%, #0D0D10 100%);
  background-repeat: no-repeat;
  background-position: top right;
}

.chair_benefits_table tr td{
  padding: 1rem 0px;
  border-bottom: .07rem solid #575768;
  color: rgba(255, 255, 255, 0.618); 
}
.trono-gamer{
  background-image: url(/assets/images/marketing/sillas-gamer/bg.png);
  background-color: #0E0E10;
  background-size: cover;
  background-position: center bottom;
  background-blend-mode: hard-light;
}
/** Home Youtube Banner **/
.inmortal-banner{
  background-color: #19191B;
}
.sg-input{
  background: rgba(216,216,216,0.11);
  padding: 1rem 2rem;
  border-radius: 5px;
  outline: transparent;
  border: 1px solid transparent;
  color:#fff;

}
.news-banner{
  background-image: url(/assets/images/home/abstract-news.svg);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.sg-input:focus{
  outline: 1px solid rgba(51,53,174,0.29);
  border: 1px solid  #0078F2;
  border-radius: 5px;
}
.granite-bg { background-color:#19191B ; }
/** PC GAMER ALL INCLUDED **/
.combo-gamer-main{
  background-image: url(/assets/images/pc-todo-incluido/bg-all-include.png);
  background-blend-mode:hard-light;
  background-position: right center;
  background-color: #0E0E10;
  background-repeat: no-repeat;

}
.custom-pc-bundles{
  background-image: url(/assets/images/pc-todo-incluido/gamer-bg.png);
  background-size: cover;
}
.square-msg{
  width: 500px;
  height: 350px;
  top: 3rem;
  left: 4rem;
}
/**FAQ STYLES **/
.faq-wpr{
  background-color:#1c1c1e;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin: 1rem 0rem;
  border-radius: 3px;

}
.faqbtn {
  
  color: rgba(255, 255, 255, 0.90);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .faqbtn:hover {
  color:#0078F2;
}

.faqbtn:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "";
}

.faqAnswer {
  color: rgba(255, 255, 255, 0.705);
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-out;

}
/**PROMETEO PROYECT**/
.thank-u-main{
  min-height: 70vh;
}
.thank-u-card{
  background-image: linear-gradient(140deg, #1B1B20 0%, #121215 100%);
  border-radius: 12px;
}
.prometeo-wrapper{
  height: 70vh;
}
.prometeo-main{
  background-image: url(/assets/images/prometeo/asteroids-bg.webp), url(/assets/images/prometeo/prometeo-bg.webp);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}
.prometeo-scnd-btn{
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
.prometeo-prim-btn{
  background-color: #3335AE;
  color: #fff;
  text-decoration: none;
}
.ln-prometeo{
  width: 50px;
  height: 5px;
  background-color:#3335AE;
}
.prom-input{
  background-color: #131313;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 5px;
  outline: transparent;
  border: 1px solid transparent;
  color:#fff;
}
.prom-input:focus{
  outline: 1px solid rgba(51,53,174,0.29);
  border: 1px solid  #3335AE;
  border-radius: 5px;
}
.prom-input-icon{
  position: absolute;
  position: absolute;
    top: 20px;
    left: .8rem;
}
.join-prometeo{
  background-image: url(/assets/images/prometeo/torch-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: bottom;
}
#about-prometeo{
  background-image: url(/assets/images/prometeo/black-asteroids.webp);
  background-attachment: scroll;
  background-size: cover;
  background-position: center;
}
.prometeo-form{
  background-color: #080808;
  box-shadow: 7px 9px 21px 0 rgba(0,0,0,0.50);
}

/**PC GAMER MAX SPECS**/
.cronos-btn{
  text-decoration: none;
  color:#fff;
  border: 1px solid #fff;
  font-weight: 400;
}
.cronos-btn:hover{
  transition: .3s;
  color: black;
  background-color:#fff;
}
.cronos-link{
  text-decoration: none;
  color: #fff;
  font-weight: 400;
}
.main-max{
  background-image: url(/assets/images/cronos/cronos-bg.webp);
  background-size: cover;
}
.cronos-features{
  background-image: url(/assets/images/cronos/cronos-infinite-bg.webp);
  background-blend-mode:hard-light;
  background-color: #010202;
  background-repeat: no-repeat;
}
.about-cronos-wrapper{
  background-image: url(/assets/images/cronos/cronos-infinite-bg.webp);
  background-blend-mode:hard-light;
  background-position-x: center;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #010202;
}
.venom-bg{
  background-color: #010202;
}
.cronos-specs{
  background-image: url(/assets/images/cronos/cronos-specs-bg.webp);
  background-size: cover;
  background-attachment: scroll;

}
.ln-orange{
  border-top: 1px solid orangered;
}
/** PC GAMER BARATAS**/
.combo{
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(157deg, #1B1B1C 55%, #7149FF 35%);
}
.combo2{
  background-color: #34ADFF;
  background-image: -webkit-linear-gradient(30deg, #1B1B1C 55%, #34ADFF 45%);
}
.combo-price{
  color: #fff;
  font-weight: 800;
  border: 1px solid #0078F2;
  border-radius: 2px;
  padding: 16px 32px;
}
.play-btn{
  position: absolute;
  bottom: 400px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.assist-card:hover{
  background-color: #1C1C1E;
  transition:  .3s ease-in;
}
.step-num{
  width: 20px;
  height: 20px;
  background-color:#3383FA;
  border-radius: 100%;
  font-weight: 700;
}
.main-cheap-pc{
  background-image: url(/assets/images/cheap/main-bg.webp);
  background-size: cover;
  background-blend-mode:hard-light;
  background-color: #080808;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
/** PC Gamer Baratas**/
.w-95{
  width: 95%;
}
.sg-bar{
  background-image: linear-gradient(90deg, #3E6D5D 3%, #49B3A0 58%);
  height: 7px;
}
.other-bar{
  background-image: linear-gradient(270deg, #EEEEEE 35%, #7A7A7B 100%);
  height: 7px;
}

.emerald{
  color: #49B3A0;
}
.mallow{
  color: #5959da;
}

.b-line{
  width: 30%;
  background-color:#fff;
   height: 3px;
}
.h-slide{
  border-radius: .5rem;
}
.h-build{
  background-image: url(/assets/images/home/assistant/concrete-bg.webp), url(/assets/images/home/assistant/concrete-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.h-types{
  background-image: url(/assets/images/home/type-bg.webp), url(/assets/images/home/type-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
  background-blend-mode:hard-light;
  background-color: #0E0E0E;
}
.sp-graphic{
  background-image: linear-gradient(90deg, #3E3E6D 3%, #4949B3 58%);
  height: 7px;
  width: 100%;
}
.gen-graphic{
  background-image: linear-gradient(270deg, #EEEEEE 35%, #7A7A7B 100%);
  height: 7px;
  width: 46%;
}
.sp-render{
  background-image: linear-gradient(90deg, #3E6D5D 3%, #49B3A0 58%);
  height: 7px;
  width: 90%;
}
.gen-render{
  background-image: linear-gradient(270deg, #EEEEEE 35%, #7A7A7B 100%);
  height: 7px;
  width: 40%;
}
.fact-card{
  background-color: #19191B;
  border-radius: 11px;
  background-blend-mode: overlay;
}
.benefits-card{
  background-color: #19191B;
  border-radius: 5px;
}
.ws-line{
  border-left: transparent;
  border-top: transparent;
  border-bottom: transparent;
  border-right: 1px solid white;
  border-style: dashed;
}
.gamer-about{
  background-image: url(/assets/images/home/perspective-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
}
.benchmark-card{
  background-color: #19191B;
}
.oval-card{
  width:220px;
  height: 220px;
  background-position-x: -8px;
  background-position-y: center;
  background-image: url(/assets/images/home/oval-bg.png);
  background-size: contain;
}

.f-logo img{
  filter: grayscale();
  opacity: 80%;
}
.f-logo img:hover{
  filter: none;
  opacity: 100%;
  transition:  .3s ease-in;
}
.f-link {
  color: rgba( 255, 255, 255, .6 );
  text-decoration: none;
  font-size: .875rem;
}
.f-link:hover{
  color: white;
}

.prometeo-wrapper h2{
  text-transform: uppercase;
  font-weight: 300;
  font-size: .775rem;
  letter-spacing:1rem;
  color:#4136BC;
}

.search-filter{

  border-radius: 5px;
  color: rgba( 255, 255, 255, .7 );
  cursor: pointer;
}

.s-input {
  background-color: #1c1c1e;
  border: 1px solid transparent;
  outline: transparent;
  color:  rgba( 255, 255, 255, .7 );
  border-radius: 9999px;
}
.s-input:focus{
  border: 1px solid #0078F2;
}
.s-icon{
  top:1.2rem;
  left:1.5rem;
}
.s-submit{
  top:.5rem;
  right:.5rem;
  outline: none;
  border: none;
  cursor: pointer;
  color: rgba( 255, 255, 255, .6 );
}
.s-submit:hover{
  color: #0078F2;
  transition: .3s;
}
.case-card-mask{
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.case-card-mask:hover{
  background-color: rgba(0, 0, 0, 0.50);
  transition: ease .3s;
  opacity: 100%;
}

.Csheet-header{
  min-height: 50vh;
  background-image: url("/assets/images/floyd-pc.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 90% 0px;
}
.case_wrapper{
  width: 95%;
  margin: auto;
}
.case_card{
  background-color: #F7F7F7;
}
.component-select {
  -webkit-appearance: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: transparent;
  cursor: pointer;
}

.component-select:before, .component-select:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #fff transparent;
  pointer-events: none;
}

.component-select:before {
  border-bottom-style: solid;
  border-top: none;
}

.component-select:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}
.dd-component-select {
  position: relative;
  width: 100%;
  margin: 0;
  cursor: pointer;
  line-height: 14px;
  font-size: .75rem;
  color: rgba( 255, 255, 255, .7 );
  background: #f2f2f2; /* Fallback for IE 8 */
  background: rgba(0, 0, 0, 0) !important; /* "transparent" doesn't work with Opera */
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.pink-paint{
  background-image: url("/assets/images/proart/pink.png");
  background-size: contain;
}
.blue-paint{
  background-image: url("/assets/images/proart/blue.png");
  background-size: contain;
}
.orange-paint{
  background-image: url("/assets/images/proart/orange.png");
  background-size: contain;
}
.purple-paint{
  background-image: url("/assets/images/proart/purple.png");
  background-size: contain;
}
.main-proart{
  min-height: 80vh;
  background-image: url("/assets/images/proart/paint-bg.png");
  background-position: right center;
  background-size: 65%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.proart-card img:hover {
  transition: .3s;
  filter: grayscale(100%);

}
.motherboard-proart{
  background-image: url("/assets/images/proart/black-paint.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}
.ws-proart{
  background-image: url("/assets/images/proart/proart-desk.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-in9{
  background-color: #323940;
}
.main-vr{
   background-color: #01010A;
   background-image: url("/assets/images/vr/vr-main-bg.png");
   background-size: 60%;
   background-repeat: no-repeat;
   background-position: left bottom;
   min-height: 90vh;
}
.vr-pc{
  background-color: #323436;
}
.intel-10th-banner{
  background-image: url("/assets/images/intel-novena-20/cpu-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.main-streaming{
  background-color: #4E32B5;
}
.electric{
  color: #4E32B5;
}
.main-in10{
  background-image: url("/assets/images/intel-decima/bg-cpu-10.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.main-in10 h3 { 
  text-transform: uppercase;
  letter-spacing: .5rem;
  font-weight: 500;
}
.main-in10 h1{
  letter-spacing: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
.main-in10 h2 {
letter-spacing: 1rem;
font-weight: 500;
text-transform: uppercase;
}
.ho_wrap { 
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  height: 500px;
}
.ho_brick {
  width: 50%;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: .4rem;
  color: #fff;
  text-decoration: none;
}
.ho_brick:nth-child(1){
  height: 50%;
}
.ho_brick:nth-child(2){
  height: 50%;
}
.ho_brick:nth-child(3){
  height: 100%;
}
.ho_brick_content{
  width: 100%;
  padding: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
#ho_chairs_card {
  background-image: url("/assets/images/home_office/chairs-card.png");
}
#ho_gadgets_card {
  background-image: url("/assets/images/home_office/gadgets-card.png");
}
#ho_pc_card {
  background-image: url("/assets/images/home_office/pc-card.png");
}

#main-logo a{
  padding-left: 0px !important;
}
#nav {
  align-content: space-around;
  display: flex;
  flex-wrap: wrap;
  height: 39px;
  width: 100%;
  padding-left: 0px;
  
}
#nav li{
   list-style: none;
   display: inline-block;
   position: relative;
}
#nav li a{
  color: rgba( 255, 255, 255, .7 );
  text-decoration: none;
  margin: 0px 0;
  padding: .8rem;
  display: block;
}
#nav li a:hover{
  color: #fff;
  transition: .3s;
}
#nav ul{
  background-color: #1C1C1E;
  text-align: left;
  padding: 1rem 0rem;
  width: 100%;
  box-shadow: 1px 1px 28px 2px rgba(0, 0, 0, .50);
  
}
#nav ul a{
  color: #fff;
}
#nav ul li:hover{
  background-color: #0078F2;
}

/* Sub Menus*/
#nav ul{
  display: none;
	visibility:hidden;
	position: absolute;
  top: 40px;
  z-index: 1300;
}

/* Third-level menus */
#nav ul ul{
	top: -16px;
	left:100%;
	display: none;
  visibility:hidden;
  background-color: #fff;
}
#nav ul ul li:hover{
  background-color: rgba(0, 0, 0, .075);
}
#nav ul ul li a{
  color: #3b3b3e;
  }
#nav ul ul li a:hover{
  color: #0E0E0E;

}
/* Fourth-level menus */
#nav ul ul ul{
	top: 0px;
	left:100%;
	display: none;
	visibility:hidden;
}

#nav ul li{
	display: block;
	visibility:visible;
}
#nav li:hover > ul{
	display: block;
	visibility:visible;
}
#chief-cta{
  color: #fff !important;
  background-color:#0078F2 ;
  border-radius: 2px;
  font-weight: 600;
  font-size: .800rem;
  padding:.4rem .8rem;
}
#chief-cta:hover{
  background-color:#4690ff;
  transition: .3s;
}

.reset-filters{
  text-decoration: none;
  background-color: #3b3b3d;
  color: white;
  border-radius: 3px;
  padding: .5rem 1rem;

}

.accordion-filter{
   border-bottom: 1px solid rgba( 255, 255, 255, .2 );
   padding-top: 1rem; 
   padding-bottom: 1rem; 
   width: 100%;
}

.panel {
  padding: 0 18px;
  background-color: rgba( 14, 14, 14, .5 );
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}



.dropdown-filter{
  position: relative;
  display: inline-block;
}

.dropdown-filter-content{
  display: none;
  z-index: 2;
  position: absolute;
  width: 100%;
}
.dropdown-filter:hover .dropdown-filter-content{
  display: block;
}

.filter-bar{
  position: -webkit-sticky; /* Safari */
  position: sticky;
  box-shadow: 1px 2px 24px 0 rgba(0,0,0,0.50);
  top: 0;
  z-index: 200;
}

.link-filter{
  color: rgba(255,255,255,0.70);
  text-decoration: none;
}

.link-filter:hover{
  color: #fff;
  background: rgba(14,14,14,0.60);
  transition: ease-in .3s;
}

#filters a {
  color: #fff;
}

.accfaq:hover{
  color: #fff ;
}
.active, .accfaq:hover {
  color: #0078F2 ;
}
.n-invoice{
  background-image: url("/assets/images/bg-games.png");
  background-image: cover;
  background-attachment: fixed;
  background-position-x: center;
}
.ho-invoice{
  background-image: url("/assets/images/home_office/ho-invoice-bg.png");
  background-image: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-x: center;
}
.nvidia-navy {
  background-color:#1e1e1e;
}
.n-green{
 color: #95E30A; 
}
.n-button{
  border: 1px solid #95E30A;
  text-decoration: none;
  color:#fff;
}
.rtx-main{
  background-image: url("/assets/images/nvidia/bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: top;
}

.all-u-need {
  min-height: 80vh;
  background-image: url("/assets/images/mkt2020/graphic/bg-monitor.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: 60%;
}
.pill-prim-button{
  background-color: #0078F2;
  font-size: .875rem;
  border-radius: 9999px; 
  padding: .5rem 1rem;
  text-decoration: none;
  color: white;
}
.pill-prim-button:hover{
  background-color: #478ffc;
  transition: .3s;
}
.design-stats{
  margin-top: -150px;
}
.traditional-ae-benchmark{
  width: 18%;
  background-image: linear-gradient(270deg, #EEEEEE 35%, #7A7A7B 100%);
  height: 10px;
}
.spartan-ae-benchmark{
  width: 90%;
  background-image: linear-gradient(90deg, #3E6D5D 3%, #49B3A0 58%);
  height: 10px;
}
.spartan-ps-benchmark{
  width: 90%;
  background-image: linear-gradient(90deg, #3E3E6D 3%, #4949B3 58%);
  height: 10px;
}
.traditional-ps-benchmark{
  width: 38%;
  background-image: linear-gradient(270deg, #EEEEEE 35%, #7A7A7B 100%);
  height: 10px;
}
.re-text{
   background: -webkit-linear-gradient(205deg, #15ABD3, #4949B3);
  -webkit-background-clip: text;
  background-clip:text;
  -webkit-text-fill-color: transparent;
}
.rde-contain{
  background-image: url("/assets/images/mkt2020/graphic/re-design.png");
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 70vh;
}
.creative-limtis {
  background-image: url("/assets/images/mkt2020/graphic/bg-tools.png") ;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: left bottom;
}

.main-graphic-s{
  background-image: url("/assets/images/mkt2020/graphic/graphic-s-main-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
}
.pc-graphic{ 
  background-image: url("/assets/images/mkt2020/graphic/bg-main-graphic-500.png");
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
  height: 66vh;
}
.cd-image-container {
  position: relative;
  width: 90%;
  max-width: 768px;
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #dc717d url("/assets/images/mkt2020/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
.blue-circle{
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: blue;
}
.feature .sg-polygon {
  min-height: 110px;
}
.bar-20-pc{
  width: 30%;
  height:10px;
  background-color: #6D7278;
}
.spartan-100-pc{
  width: 90%;
  height:10px;
  background-image: linear-gradient(216deg, #00ECBC 8%, #00ADFF 100%);
}
.fromPrice_card {
  clip-path: polygon(0% 0%, 100% 0, 100% 65%, 90% 100%, 0% 100%);
  border-left: 3px solid #0078F2;
}
.sg-polygon {
  clip-path: polygon(0% 0%, 100% 0, 100% 65%, 90% 100%, 0% 100%);
}
.collection-card{
  min-height: 440px;
  background-color: #1C1C1E;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.main-home{
  background-image: url(/assets/images/home2020/bg-new-home.svg); 
  background-size: cover;
  background-repeat: no-repeat;

}

.arena-card:hover{
  background-color: #1A1A1C;
  transition: .4s;
}
.thumb-arena-card{
  min-height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.arena-glide{
  height: 70vh;
}
.main-arena{

  background-size: 100%;
  min-height:80vh;
  background-repeat: no-repeat;
}
.main-technical-service {
  background-color: #1C1E21;
  background-image: url(/assets/images/servicio-assets/pc-technical.png);
  min-height: 80vh;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 80% center;
}
.tech_type_services_card{
  margin-top: -9em;
}
.technical-card-type{
  background-color: #27292C;
}
.tech_services_section{
  background-color: #F6F7F7;
  background-image: url(/assets/images/servicio-assets/tech_hands.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 130% top;
}
.tech_coverage{
  min-height: 70vh;
  background-image: url(/assets/images/servicio-assets/tech-map.svg);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 130% center;
}
.about_types {
   background-color: #F6F7F7;
 }
.tech_business{
  min-height: 80vh;
  background-color: #1C1E21;
  background-image: url(/assets/images/servicio-assets/business-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
}

.sticky{
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 999;
}
.how-it-security-card{
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 26px 67px 0 rgba(41,41,45,0.13);
  position: relative;
  top: -80px;
}
.blue-waves{
  background-image: url(/assets/images/cctv/blue-wave.svg);
  height: 50vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.security-mobile{ 
  background-image: url(/assets/images/cctv/mobile.png); 
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain; }

.security-type-card-light { 
  box-shadow: 1px 26px 67px 0 rgba(41,41,45,0.13);
  min-height: 380px;
  background-color: #fff;
}
.security-type-card-dark{ 
  background-image: linear-gradient(135deg, #575768 0%, #0E0E0E 100%);
  min-height: 380px;
}
.security-waves{
  height: 25vh;
  background-image: url(/assets/images/cctv/wave.svg);
  background-color: #F6F7F7;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.security-hero {
  min-height: 60vh;
  background-image: url(/assets/images/cctv/main-camera.png);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 80% bottom;
}
.bg-snow{ background-color: #F6F7F7; }
.kul-card{
  border: 1px solid #1D1D1B;
  border-radius: 3px;
  min-height: 280px;
}
.kul-card:hover{
  border-color: #0078F2;
  transition: .5s;
}

.main-kultec{
  background-image: url(/assets/images/kultec/bg-kultec.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.main-kultec-container{
  min-height: 400px;
}
.sg-shape{
clip-path: polygon(0% 0%, 100% 0, 100% 65%, 90% 100%, 0% 100%);
}
.outer-shape{ 
  clip-path: polygon(0% 0%, 100% 0, 100% 65%, 90% 100%, 0% 100%);
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 1px;
 }
 .inner-shape{
  clip-path: polygon(0% 0%, 100% 0, 100% 65%, 90% 100%, 0% 100%);
   background: #0E0E0E;

 }
.sg-shape:after {
  border:3px solid red;
  background-color: red;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
}
.pc-gamer-brutal{ 
  background-image: url(/assets/images/pc-gamer/pc-brutal.png);
  background-size:  640px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0f0f0f;
  background-blend-mode: lighten;
  height: 600px;  
}
.x-button{ 
  background-image: linear-gradient(224deg, #FD9D0A 10%, #EC6705 100%);
  color: #fff;
 }
/*Buen fin Styles*/
/* .buenfin_payment_section{
  background-image: url(/assets/images/buenfin/oval.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.buenfin_delivery_section {
  background-image: url(/assets/images/buenfin/oval.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
} */
.best_games{
  background-image: url(/assets/images/buenfin/battlefield-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.buenfin_main {
  background-image: url(/assets/images/buenfin/buenfin-main-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
/*Buen fin Styles*/
/* crimson version styles */
.books-link:hover{ text-decoration: underline; transition: .3s; }
.handbook_sidebar{ background-color: #1E1E20; }
.hover-bg-crimson:hover{
  background-color: rgba(30,30,32,.6); 
  transition: .2s;
  border:none;
}
.handbook_content h2,h3,h4,h5,h6{
  padding: 12px 0px;
  color: rgba(255,255,255,.8);
}
.handbook_content{ 
    background-color: #1E1E20; 
    border: 1px solid rgba(151,151,151,0.15);
  }
.handbook_content p{
  font-size: 16px;
  color: rgba(255,255,255,.5);
  padding-top: .5rem;
}

.handbook_content a{
  color: #0078F2;
}
.hanbook_content a:hover{
opacity: 50%;
}
.hover-underline:hover{
  text-decoration: underline;
}
.handbook_wrapper{ 
  background-color: #1C1C1E;
  border: 1px solid rgba(151,151,151,0.15); }

.doc_card:hover{
  border-color: #0078F2;
  transition: .5s;
}
.doc_card {
  background-color: #1C1C1E;
  border: 1px solid rgba(151,151,151,0.15);
  min-height: 380px;
}
.docs_wrapper{
  background-image: url(/assets/images/handbooks/geometric_bg.svg);
  background-size: cover;
  background-attachment: fixed;
}
select option {
 background-color: #1C1C1E;
 color: #fff;
}

.menu_animate {
  animation: animatetop 0.4s
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.store_drop{ 
  background: #202022;
  border-radius: 2px;
  padding: 14px 16px;
  color: rgba(255, 255, 255, .6);
}

.drop_link{
  width: 100%;
  padding: 18px 5px;
  color: #fff !important;
}

.drop_link:hover{
  background-color:#0078F2;
  transition: .4s; 
}
.unboxing-info ul {
  padding-left: 15px;
}

.unboxing-info ul li{
  padding: 10px 0px;
}
.scarlet{ color: #FF152B; }

.toast-wrap {
    position: absolute;
    max-width: 340px;
    top: 15px;
    right: 15px;
}

.toast {
    position: relative;
    display: block;
    background: #eee;
    padding: 15px 25px;
    border-radius: 4px;
    top: 15px;
    right: 15px;
    color: #77788c;
    font-family: arial;
    font-size: 0.8em;
    font-weight: bold;
    max-width: 300px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
    transition: 0.5s ease all;
    z-index: 9999;
    margin-bottom: 10px;
    background: #f7f7f7;
    opacity: 0;
    margin-right: -20px;
}

.toast-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 10px;
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    cursor: pointer;
}

.custom-select {
  -webkit-appearance: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #202022;
  border-radius: 3px;
  cursor: pointer;
}

.custom-select:before, .custom-select:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #fff transparent;
  pointer-events: none;
}

.custom-select:before {
  border-bottom-style: solid;
  border-top: none;
}

.custom-select:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 15px;
  cursor: pointer;
  line-height: 14px;
  font-size: .75rem;
  color: rgba( 255, 255, 255, .7 );
  background: #f2f2f2; /* Fallback for IE 8 */
  background: rgba(0, 0, 0, 0) !important; /* "transparent" doesn't work with Opera */
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.number-input {
  border: 1px solid #39393A;
  border-radius: 3px;
  display: inline-flex;
}
.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
  color: #fff;
}

.number-input input[type=number] {
  color: #fff;
  max-width: 4rem;
  padding: .5rem;
  border: 1px solid #39393A;
  border-width: 0 1px;
  height: 2rem;
  text-align: center;
  background-color: transparent;
}
.toast_wrapper{
  position:fixed;
  z-index:99999;
  right:20px;
  top:100px;
  float: right;
  background-color:#1C1C1E;
}
.succes_toast{
   margin:auto;
  background-color:#1C1C1E;
  border: 1px solid rgba(151,151,151,0.29);
  position:relative;
  outline:0;

}
.toast_animate {
  position: relative;
  animation: animateright 0.4s
}

@keyframes animateright {
  from {
    right:  -300px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
.crim_modal{
  z-index:3;
  display:none;
  padding-top:100px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)}

  .update_cart{
  z-index:3;
  display:none;
  padding-top:100px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)}

.modal-cart{ 
  z-index:99999;
  padding-top:100px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)}

.modal-content{
  margin:auto;
  background-color:#1C1C1E;
  border: 1px solid rgba(151,151,151,0.29);
  position:relative;
  outline:0;
}

.modal_animate {
  position: relative;
  animation: animatetop 0.4s
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.prim-color { color: #0078F2; }
.prim-bg { background-color: #0078F2; }
.jade {color: #37DD59; }
.jade-bg {background-color: #37DD59; }
.jade-bg-40 { background: rgba(55,221,89,0.10); }
.b--prim {border-color: #0078F2;}
.crimson_card{
  background-color: #1C1C1E;
  border-radius: 3px;
}
.crimson_card:hover{
  border-color: #0078F2;
  transition: .5s;
}
.prim-button{ 
  background-color:#0078F2;
  border-radius: 2px;
  color: #fff;
  border: 1px solid #0078F2;
  padding: 19px 32px;
   }
.disable-button{
  background-color:#1c1c1e;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.26);;
  border: 1px solid #68686866;
  padding: 16px 32px;
}
.crimson-drop {
  background-color:#1C1C1E;
  border-radius: 2px;
  color: #fff;
  border: 1px solid rgba(151,151,151,0.15);
}
   .second-button{ 
  background-color:#303032;
  border-radius: 2px;
  color: #fff;
  border: 1px solid #444448;
  padding: 16px 32px;
   }

  .prim-line-button {
    background-color:transparent;
    border-radius: 2px;
    color: #0078F2;
    border: 1px solid #0078F2;
    padding: 16px 32px;
  }
.prim-line-button:hover{
    background-color:#0078F2;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #0078F2;
    padding: 14px 28px;
    transition: .4s;

}
.crimson-bg{background-color: #1D1E22;}
.info-link:hover{ text-decoration: underline; transition: .8s; }

 li.zoom img:hover{
  opacity: 0;
}
 .zoom-mask:hover{
opacity: 0;
}

.zoom-mask{
transition: opacity .5s;
display: block;
background-color: #0E0E0E; 
}

li.zoom img {
transition: opacity .5s;
display: block;
background-color: #0E0E0E; 
}

li.zoom {
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  background-size: cover;

}
.lotus-input-wrapper label{
  font-size: .75rem;
  color: rgba(255,255,255,.50);
}
.lotus-input-wrapper input{
  width: 100%;
  margin-top: .25rem;
  padding: 12px;
  border-color:transparent;
  border-radius: 4px;
  background-color: rgba(255,255,255,.05);
  font-size: .75rem;
  color: rgba(255,255,255,.70);
}

/* blog styles */
.b--azura {
  border-color: #0078F2
}

.hover-fb:hover {
  color: #0078F2;
  transition: .3s;
}

.hover-tw:hover {
  color: #0078F2;
  transition: .3s;
}

.hover-mix:hover {
  color: #FD8235;
  transition: .3s;
}

.hover-lkn:hover {
  color: #0884C5;
  transition: .3s;
}

.hover-tmb:hover {
  color: #2A5B95;
  transition: .3s;
}

.body_post a {
  color: #0078F2;
}

.main_blog_entry {
  height: 500px;
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
}

.main_blog_mask {
  background: rgba(14,14,14,0.50);
  height: 100%;
}

.post-card {
  background-image: radial-gradient(100% 102%, #202022 2%, #121213 100%);
  min-height: 320px;
}

.mask_post {
  height: 100%;
  width: 100%;
  background-color: rgba(28, 29, 33, 0.20);
  border-radius: 4px 4px 0 0;
}

.masonry {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: 500px;
}

.masonry_content {
  background-image: linear-gradient(-180deg, rgba(48, 46, 46, 0.00) 10%, #0F0F12 100%);
  height: 100%;
}

.masonry-brick {
  width: 50%;
}

.masonry_2 {
  width: 50%;
  background-color: #1C1D21;
  display: flex;
  flex-flow: row wrap;
}

.masonry_brick_2:nth-child(1) {
  width: 100%;
  bottom: 1;
}

.masonry_brick_2:nth-child(2) {
  width: 50%;
}

.masonry_brick_2:nth-child(3) {
  width: 50%;
}


/* blog styles */

.tile-customer {
  background-color: #363636;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.promo-slide-card {
  background-image: radial-gradient(100% 102%, #202022 2%, #121213 100%);
}

.tile-seller {
  background-color: #3265E5;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.active-box {
  background-color: #356DFC;
  box-shadow: 0 2px 12px 0 rgba(62, 98, 255, 0.57);
}

.sticky-nav {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
}

.focus {
  color: #5488FF;
}

.case-mask {
  background-color: rgba(9, 9, 9, 0.85);
  height: 100%;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  display: none;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.azura-card:hover .case-mask {
  display: flex;
}

.w3-sidebar {
  height: 100%;
  width: 100%;
  background-color: #1d1d1e;
  position: fixed!important;
  z-index: 1;
  overflow: auto;
}

.w3-bar-block .w3-bar-item {
  width: 100%;
  display: block;
  padding: 8px 16px;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0;
}

.slide-box {
  background: rgba(255, 255, 255, 0.06);
  border-left: .4rem solid #356DFC;
  padding: 2rem;
}

.lima {
  color: #79CD21;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.container {
  text-align: center;
  position: relative;
  z-index: 0;
}

.progressbar {
  counter-reset: step;
  list-style: none;
  padding: 0;
  width: 100%;
}

.progressbar li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #5488FF;
  width: 20%;
  font-size: .8rem
}

.progressbar li:before {
  width: 40px;
  height: 40px;
  content: counter(step);
  counter-increment: step;
  line-height: 38px;
  border: 2px solid #356DFC;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #090909;
  font-size: 1.2em;
}

.progressbar li:after {
  width: 100%;
  height: 3px;
  content: '';
  position: absolute;
  background-color: #356DFC;
  top: 20px;
  left: -93px;
  z-index: -1;
}

.progressbar li.active:before {
  background-color: #356DFC;
  color: #fff;
}

.progressbar li:first-child:after {
  content: none;
}

.progressbar li.active {
  color: #919bb7;
}

.progressbar li.active:before {
  border-color: lighten(#356DFC, 20%);
}

.progressbar li.active+li:after {
  background-color: lighten(#356DFC, 20%);
}


/*Store Styles*/

.lotus-product-card {
  background-image: radial-gradient(100% 102%, #202022 2%, #121213 100%);
  border-radius: .5rem;
  border: 1px solid transparent;
  min-height: 380px;
}

.lotus-product-card:hover {
  border: 1px solid #5488FF;
  transition: .3s;
}

.error-pop {
  background: rgba(205, 33, 33, 0.26);
  border: 1px solid #D01B12;
}

.success-pop {
  background: rgba(121, 205, 33, 0.25);
  border: 1px solid #79CD21;
}

.hidden {
  display: none;
}

.payment-lotus input {
  background-color: #111111;
  border: 1px solid rgba(151, 151, 151, 0.16);
  border-radius: 5px;
  padding: .8rem 1rem;
  margin-top: .7rem;
  color: #fff;
  margin-left: none;
}

/*Store Styles*/


/*Azura Theme */

.bg-carbon {
  background-color: #0E0E10;
}
.carbon { 
  color: #0E0E10; 
  }

.dark-azura-bg {
  background-color: #356DFC;
}

.azura {
  color: #5488FF;
}

.azura-bg {
  background-color: #5488FF;
}

.navel {
  color: #FF7229;
}

.bg-ox {
  background-color: #111111;
}

.argen-bg {
  background-color: #F3F5F9;
}

.p-buttom:hover {
  background-color: #273B67;
  transition: .3s;
  color: #fff;
}

.primary-link {
  color: #5488FF;
  text-decoration: none;
}

.primary-label {
  background-color: #54CB69;
  border-radius: 4px;
}

.primary-button {
  color: #fff;
  background: #5488FF;
  box-shadow: 0 5px 12px 0 rgba(15, 101, 255, 0.30);
  border-radius: 999px;
  padding: 7px 20px;
  text-decoration: none;
}

.primary-button:hover {
  background: #6593FF;
  transition: .3s;
  box-shadow: 0 5px 20px 3px rgba(15, 101, 255, 0.30);
}

.primary-rbutton {
  color: #fff;
  background: #FF7229;
  box-shadow: 0 5px 12px 0 rgba(255, 114, 41, 0.30);
  border-radius: 999px;
  padding: 7px 15px;
  text-decoration: none;
}

.primary-rbutton:hover {
  background: #FF803E;
  transition: .3s;
  box-shadow: 0 5px 20px 3px rgba(255, 114, 41, 0.30);
}

.fact-box {
  border: 2px solid transparent;
}

.fact-box:hover {
  border: 2px solid #5488FF;
  transition: .3s;
}

.nvidia-green {
  color: #76d737;
}

.legion-section {
  background-image: url(/assets/images/legion-section-bg.png);
  background-repeat: no-repeat;
  background-position: right center;
}

/* Mobile styles*/

@media only screen and (max-width: 600px) {
  .oval-card{
    width:auto;
    height: auto;
    background-image:none ;
  }
  .fix-pc-c2a{
    padding-top:2rem;
    padding-bottom:2rem;

  }
  .pc-h-carousel{
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .polizas-wrapper{
    background-image: none;
  }
  .st-bussines-service-wrapper {
    background-image: none;
  }
  .st-p1{
    top: 49%;
    right:64%;
  }
  .st-p2{
    top: 35%;
    right: 38%;
  }
  .st-p3{
    top: 27%;
    right: 77%;
  }
  .st-p4{
    top: 60%;
    right: 20%;
  }
.hs-p1{
  top: 33%;
  right: 63%;
}
.hs-p2{
  top: 33%;
  right: 11%;
}
.hs-p3{
  top: 13%;
  right: 30%;
}
.hs-p4{
  top: 53%;
  right: 33%;
}
  .hs-points-wrapper{
    min-height: 70vh;
  }
  .main-home-service{
    background-image: url(/assets/images/home-service/main.webp);
    background-size: 225%;
    background-repeat: no-repeat;
    background-position: center 100%;
  }
  .custom-pc-commerce{
    height: auto;
  }
  .square-msg{
    width: 100%;
    height: auto;
  }
  .news-banner{
    background-image: none;
  }
  .h-build{
    background-image: url(/assets/images/home/assistant/concrete-bg-s.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .h-drak{
    background-image: url(/assets/images/home/drak/drak-bg-s.png);
    background-size: cover;
  }
  .ws-line{
    border: none;
  }
  .prometeo-wrapper{
    height: auto;
  }
  .Csheet-header{
  min-height: 40vh;
  background-image: none;

}
  .ws-proart{
    background-image: none;
  }
  .main-vr{
   background-color: #01010A;
   background-image: url("/assets/images/vr/vr-main-bg.png");
   background-size: 100%;
   background-repeat: no-repeat;
   background-position: left bottom;
   min-height: 90vh;
}
  .ho_wrap {
    height: 800px;
    flex-flow: wrap;
  }
  .ho_brick {
    width: 100%;
  }
  .ho_brick:nth-child(1){
     height: 33.33%;
  }
  .ho_brick:nth-child(2){
     height: 33.33%;
  }
  .ho_brick:nth-child(3){
     height: 33.33%;
  }
.rtx-main{
  background-image: url("/assets/images/nvidia/bg.png");
  background-size: 100% 40%;
  background-repeat: no-repeat;
  background-position-y: top;
}
  .blue-circle{
    height:280px;
    width: 280px;
  }
  .collection-card{
  min-height: 400px;
  background-size: cover;
  }
  .arena-glide{ height: 50vh; 
  }
  .tech_business{
    background-image: none;
  }
  .tech_coverage{
    background-image: none;
  }
  .tech_services_section{
    background-color: #F6F7F7;
    background-image: url(/assets/images/servicio-assets/tech_hands.png);
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: -13% -5%;
  }
  .tech_services_punchline{
    padding-top: 8rem;
  }
  .main-technical-service{
    background-image: none;
  }
  .tech_type_services_card{
    margin-top: -3em;
  }
  .security-hero{
    background-image: none;
  }
  .how-it-security-card{
    top: -60px;
  }
  .security-mobile{
    background-image: none;
  }
  .mask-legion {
    background: rgba(0, 0, 0, 0.70);
    background-repeat: no-repeat;
    background-position: right center;
  }
  .masonry {
    height: 650px;
  }
  .masonry_2 {
    width: 100%;
  }
  .post-card {
    min-height: 250px;
  }
  .thumb_img_post {
    height: 150px !important;
    width: 100%;
  }
  .masonry-brick {
    width: 100%;
  }
  .blog_nav {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    z-index: 99999;
    background-color: #050505;
  }
}

.color-intel {
  color: #5488FF;
}

.color-ryzen {
  color: #FF7229;
}

@media only screen and (max-width: 600px) {
.all-u-need {
  background-image: none;
}
  .creative-limtis{
    background-size: cover;
  }
  .main-graphic{
    background-image: none;
    min-height: auto;
  }
  .sg-hero-slide {
    background-color: rgba(0, 0, 0, 0.70);
    color: #fff;
  }
}

.pc-black-card {
  border: 1px solid transparent;
}

.pc-black-card:hover {
  border: 1px solid #5488FE;
  transition: .4s;
}


/*Azura Theme */


/* Azura MKT*/

@media only screen and (min-width: 768px) {
  .mkt-pc-bg-arch {
    background-position: 80% 50%;
    background-size: 50%;
    background-repeat: no-repeat;
  }
}

@media only screen and (min-width: 768px) {
  .mkt-pc-bg-creative {

    background-position: 80% 50%;
    background-size: 50%;
    background-repeat: no-repeat;
  }
}

@media only screen and (min-width: 768px) {
  .mkt-pc-bg-diseno {
    background-position: 80% 50%;
    background-size: 50%;
    background-repeat: no-repeat;
  }
}

@media only screen and (min-width: 768px) {
  .mkt-pc-bg-gamer {
    background-position: 80% 50%;
    background-size: 50%;
    background-repeat: no-repeat;
  }
}


/* Azura MKT*/


/* showcase styles */

.intel-card:hover {
  background-color: #4A90E2;
  transition: .3s;
  border-color: #4A90E2;
}

.ryzen-card:hover {
  background-color: #FF6B57;
  transition: .3s;
  border-color: #FF6B57;
}


/* Arena Gamer Css*/

.arena-hero {
  background-image: url(/assets/images/arena-assets/spartano-medieval.png);
  background-attachment: fixed;
}

.bg-arena {
  background-color: #090909;
}

.pc-light {
  background-image: radial-gradient(48% 52%, rgba(255, 252, 252, 0.2) 57%, #090909 100%, #090b0f 100%);
}

/*Legion Style*/

.legion-card,
.thumb-card {
  background-image: radial-gradient(141% 14%, #FCFCFC 0%, #E7EBF4 2%);
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}

.legion-card-button {
  background-color: #5488FF;
  box-shadow: 0 2px 5px 0 rgba(124, 163, 255, 0.50);
  border: none;
}

.legion-card-button:hover {
  background-color: #7199FB;
  transition: .3s;
}

.legion-body {
  background-color: white;
}

.buy-legion {
  background-image: linear-gradient(-180deg, #0084FF 0%, #004DFF 100%);
}

.buy-legion:hover {
  background-image: linear-gradient(-180deg, #4CA8FF 0%, #4C82FF 100%);
}

.custom-pc-legion {
  background-image: linear-gradient(-180deg, #A9E65B 0%, #4DA606 100%);
}

.custom-pc-legion:hover {
  background-image: linear-gradient(-180deg, #A9E65B 0%, #93DB55 100%);
  transition: 3s;
}


/* Ends Legion Style*/

body {
  font-family: sans-serif;
  background-color: #070A12;
}


/* Colors*/

.blue-silver {
  color: #969FAF;
}

.bg-gray3 {
  background-color: #e4e9f5;
}

.bg-blue-silver {
  background-color: #969FAF;
}

.acent-blue {
  color: #4076F6;
}

.spartan-blue {
  color: #2675DE;
}

.spartan-blue-bg {
  background-color: #0F65FF;
}

.spartan-dark-blue {
  color: #090B0F;
}

.spartan-dark-blue-bg {
  background-color: #090B0F;
}

.green-sg {
  color: #29BA47;
}

.green-sg-bg {
  background-color: #29BA47;
}

.gray-sg {
  color: #28334A;
}

.gray-sg-bg {
  background-color: #28334A;
}


/*End Colors*/

.gallery-intro {
  min-height: 650px;
}

.intel-section {
  min-height: 700px;
}

.ryzen-section {
  min-height: 700px;
}

.agis-main-section {
  min-height: 500px;
}

.bonus-section {
  min-height: 450px;
  background-color: #13171E;
}


/* Showcase Style*/

.showcase-hero-ryzen .spartan-blue-bg {
  background: #FF6300 !important;
}

.family-menu {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}


/* Sub menu */
.dropdown {
  position: relative;
}
.dropdown .menu {
  animation: slide-down .15s ease 1;
  display: none;
  left: 0;
  max-height: 60vh;
  overflow-y: auto;
  position: absolute;
}

.dropdown .menu.top {
  top: auto;
  bottom: 100%;
  transform: translateY(-.2rem);
}

.dropdown.dropdown-right .menu {
  left: auto;
  right: 0;
}

.dropdown.active .menu,
.dropdown .dropdown-toggle:focus+.menu,
.dropdown .menu:hover {
  display: block;
}

.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
}

.dropdown .dropdown-select {
  cursor: pointer;
  border: 1px solid #E1E1E3;
  background: transparent;
  background-color: white;
  background-position: center right;
  background-repeat: no-repeat;
  padding: 5px 35px 5px 5px;
  margin-top: 7px;
  min-width: 55px;
  max-width: 100%;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-1.6rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown .menu.mobile {
  width: 160px;
}

.dropdown .menu {
  border-radius: .1rem;
  box-shadow: 0 0.05rem 0.2rem rgb(15, 15, 15);
  list-style: none;
  margin: 0;
  transform: translateY(1rem);
  z-index: 9999;
}

.dropdown .menu.menu-nav {
  background: transparent;
  box-shadow: none;
}

.dropdown .menu .menu-item {
  margin-top: 0;
  padding: 0 .4rem;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown .menu .menu-item>a {
  border-radius: .1rem;
  display: block;
  margin: 0 -.4rem;
  padding: .2rem .4rem;
  text-decoration: none;
}

.dropdown .menu .menu-item>a:focus,
.dropdown .menu .menu-item>a:hover {
  background: #f1f1fc;
  color: #63A6AD;
}

.dropdown .menu .menu-item>a:active,
.dropdown .menu .menu-item>a.active {
  background: #f1f1fc;
  color: #63A6AD;
}

.dropdown .menu .menu-item+.menu-item {
  margin-top: .2rem;
}

.dropdown .menu .menu-badge {
  float: right;
  padding: .2rem 0;
}

.dropdown .menu .menu-badge .btn {
  margin-top: -.1rem;
}

.dropdown .menu a {
  display: block;
  text-decoration: none;

}

.custom-pc-button {
  border: 1px solid #2675DE;
  box-shadow: 1px 1px 14px 2px rgba(40, 133, 255, 0.2);
  border-radius: 25px;
}

.custom-pc-button:hover {
  transition: .23s;
  box-shadow: 0 0 26px 0 rgba(0, 112, 241, .59);
}

.menu.drop-nav {
  margin-top: 10px;
  background-color: #1E1E20;
  box-shadow: 1px 1px 28px 2px rgba(0, 0, 0, .50);
  border-radius: 3px;
  color: #FFF !important;
  text-align: left;
}

.dropdown .menu.drop-nav a {
  color: rgba(255, 255, 255, .7);
}
.dropdown .menu.drop-nav a:hover {
  color: #fff;
}
.mobile-custom-pc {
  color: #5488FF !important;
}

.mobile-store {
  color: #79CD21 !important;
}

.leadgen {
  min-height: 60vh;
}

.leadgen .addons label {
  display: block;
  margin-bottom: 20px;
}

.leadgen .options {
  display: flex;
  flex-wrap: wrap;
}

.leadgen .askIntent label,
.leadgen .addons label,
.leadgen .askUsage .option {
  display: block;
  padding: 1rem 0.5rem;
  flex: 1 1 0;
  margin-right: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.leadgen .askUsage .option {
  padding: 1rem 0 0;
}

.leadgen .askUsage .option label {
  padding: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.leadgen .askUsage .option label:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
}

.leadgen .askIntent label:hover,
.leadgen .addons label:hover {
  border-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}

.leadgen .askIntent label:last-child,
.leadgen .addons label:last-child {
  margin-right: 0;
}

.leadgen .askIntent label.active,
.leadgen .addons label.active,
.leadgen .askUsage .option.active {
  border-color: #0F65FF;
}

.leadgen .askIntent label i {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
}

.leadgen .addons label img {
  display: block;
  margin: 20px auto;
}

.leadgen .addons label input {
  display: block;
  margin: 20px auto;
}

.leadgen .contactInfo label {
  display: block;
  margin-bottom: 20px;
}

.leadgen .contactInfo label select {
  display: block;
  color: #757575;
  margin: 10px auto;
  width: 400px;
  max-width: 100%;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  padding: 8px 10px;
  background: #F1F3F4;
  border-radius: 4px;
}

.leadgen .contactInfo label input:focus {
  outline: 0;
  border-bottom-color: #0F65FF;
}

.leadgen .contactInfo label input {
  display: block;
  margin: 10px auto;
  width: 400px;
  max-width: 100%;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  padding: 8px 10px;
  background: #F1F3F4;
  border-radius: 4px;
}

.leadgen label.financed {
  border-color: #1b9a5f;
  position: relative;
}

.leadgen label.financed::after {
  content: "Nuevo";
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  background: #1b9a5f;
  color: #fff;
  border-radius: 2px;
  padding: 2px 4px;
}

.leadgen label.financed:hover {
  border-color: #178d56;
}

.leadgen input[type="submit"] {
  background: #0F65FF;
  border: 2px solid #0F65FF;
  padding: 8px 30px;
  color: #FFF;
  border-radius: 40px;
}

.leadgen input[type="submit"][disabled] {
  background: #CCCCCC;
  border: 2px solid #CCCCCC;
  cursor: not-allowed;
}

.leadgen input[type="submit"]:focus {
  outline: 0;
}

.leadgen .askBudget .budget-steps {
  text-align: center;
}

.leadgen .askBudget .budget-ranges>label {
  flex: 1 1 auto;
}

.leadgen .askBudget .budget-ranges>label span {
  display: block;
  margin-bottom: 10px;
}

.leadgen .btn {
  background: #1948a4;
  color: #fff;
  color: rgba(255, 255, 255, .8);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
  padding: .5rem .75rem;
  border-radius: 2px;
}

.leadgen .btn:hover {
  background: #143a83;
  cursor: pointer;
}

.leadgen .btn.active {
  background: #7DAD55;
}

.buildOptions textarea:focus {
  border-color: #143a83;
  outline: 0;
}

.buildOptions h2 a {
  color: inherit;
  text-decoration: none;
}

.buildOptions h2 a:hover {
  color: #FFF;
}

.buildOptions textarea {
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  padding: 0.5rem;
  color: #FFF;
}

ul.help-links li span {
  font-weight: 600;
}

ul.help-links a {
  cursor: pointer;
  color: #4892ff;
}

ul.faq h5:hover {
  cursor: pointer;
  color: #fff;
}

.fade-in {
  animation: fade-in 0.5s;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media only screen and (max-width: 600px) {
  .leadgen .askIntent label,
  .leadgen .addons label,
  .leadgen .askUsage .option {
    margin: 0.5rem;
  }
  .leadgen .askIntent label:last-child,
  .leadgen .addons label:last-child {
    margin-right: 0.5rem;
  }
  .glide__arrow {
    display: none !important;
  }
}

.azura-card {
  border: 1px solid transparent;
  background-color: #1D1E22;
}

.azura-card:hover {
  border: 1px solid #5488FF;
  transition: .3s;
}

.kultec-card {
  background-image: radial-gradient(100% 102%, #202022 2%, #121213 100%);
  border: 1px solid transparent;
}

.kultec-card:hover {
  border: 1px solid #5488FF;
  transition: .3s;
}

.gpu-bg {
  background-image: url(/assets/images/tarjetas-de-video/hero-nvidia-quadro.png);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 80% top;
}

.vimeo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.dropbtn-filter{
  background-color: #1D1E22;
  border: none;
}
.accfaq{
  background-color: #1D1E22;
  color: rgba(255, 255, 255, 0.695);
  border: none;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/*Mobile styles*/

@media only screen and (max-width: 600px) {
  .st-pc{
    display: block;
    margin-left:-25px ;
  }
  .main-st{
    background-image: none;
  }
  .pc-gamer-brutal{ 
  background-image: url(/assets/images/pc-gamer/pc-brutal.png);
  background-size:  100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #0f0f0f;
  background-blend-mode: lighten;
  }
 
  .gpu-bg {
    background-image: none;
  }
  .crimson_card{
    height: auto; 
}
  .lotus-product-card {
    min-height: 100px;
  }
  .review-wrapper {
    position: sticky;
    bottom: -40px;
    box-shadow: 0 -8px 27px 0 rgba(0, 0, 0, 0.50);
  }
  .progressbar li:after {
    width: 100%;
    height: 3px;
    content: '';
    position: absolute;
    background-color: #356DFC;
    top: 20px;
    left: -46px;
    z-index: -1;
  }
}