@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	color: #0a284f;
	font-family: 'Poppins', sans-serif !important;
	overflow-x: hidden;
}

* {
	font-family: 'Poppins', sans-serif !important;
}


#ldxFrame {
	width: 100%;
	height: 100%;
}

#mainDiv {
	position: relative;
	overflow-x: hidden;
}

@media (min-width:1279px) {
	body {
		width: 1279px;
		margin: 0 auto;
	}
}

.fa,
.far,
.fas {
	font-family: "Font Awesome 5 Free" !important;
}

.btn,
.btn:focus,
.btn:active {
	outline: none;
}

.h-gm-title,
.h-popup-title-game,
.h-game-name,
.btn-choice-gm,
.h-price-title,
.f-price,
.a-action {
	font-family: 'Poppins', sans-serif !important;
}

.h-gm-title {
	font-size: 21pt;
	font-weight: 600;
}

.h-price-range {
	font-size: 13pt !important;
}

.h-popup-title-game {
	font-weight: 600;
}

.f-price {
	font-weight: 300;
}

.h-game-name {
	font-size: 17pt;
	color: #999;
	font-weight: 300;
	margin-top: -0.5rem;
}

.btn-choice-gm {
	font-weight: 500;
	position: relative;
	top: 10px;
	width: 180px;
}
#a_inter,
#a_amd {
	width: 90%;
}

#a_intel img,
#a_amd img {
	height: 20px !important;
}

.div-home-title {
	margin-bottom: 15px;
}

.item-pr {
	margin-left: 5px;
}

.div-slider-wrapper {
	margin-bottom: 35px;
}

.img-cover {
	border-radius: 5px;
	transition: .1s all linear;
}

.img-cover:hover {
	border: 2px solid inset #ff5c12;
}

.h-gm-title {
	font-size: 31px;
}

.div-popup-price,
.div-choice {
	top: 35% !important;
	left: 10%;
	width: 80%;
	position: absolute;
}

.items-gm {
	width: 100%;
	z-index: 1 !important;
}

.div-choice {
	top: 10px;
	border: 2px #FFF solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 35px 20px 20px 40px;
	background-color: #FFF;
	z-index: 99999;
	display: none;
	height: 500px;
	box-shadow: 2px 2px 8px rgba(190, 190, 190, 0.65);
}

.img-label-body-gs  {
	position: fixed;
	width: 60%;
	left: 20%;
	top: 100px;
	border: 2px #eaeaea solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 35px 20px 20px 40px;
	background-color: #FFF;
	z-index: 9999999;
	display: none;
	height: auto;
	box-shadow: 2px 2px 8px rgba(190, 190, 190, 0.65);
}
.div-popup-price {
	position: absolute;
	left: 10%;
	top: 10px;
	width: 80%;
	border: 2px #FFF solid;
	border-radius: 5px;
	-moz-border-radius: px;
	-webkit-border-radius: 10px;
	padding: 35px 20px 20px 40px;
	background-color: #FFF;
	z-index: 99999;
	display: none;
	height: 250px;
	box-shadow: 2px 2px 8px rgba(190, 190, 190, 0.65);
}

.img-choice {
	margin-top: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
}

.h-game-name {
	font-size: 17pt;
	color: #999;
}

#divGamesWrapper {
	width: 100% !important;
}

#top,
#div_details {
	border: none;
	border-bottom: 1px lightgrey solid;
	border-radius: 0;
	background-color: transparent !important;
}

#div_details {
	border-bottom: none;
}

#div_added_wrapper {
	background-color: transparent !important;
}

#div_buy {
	border: none;
	background-color: transparent !important;
}

.btn-choice-gm {
	border: 1px #e7e7e7 solid;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	padding: 10px;
	background-color: #FFF;
	margin-top: 5px;
	width: 85%;
	height: 45px;
	outline: none;
}

.btn-choice-gm:hover {
	border: 2px solid #ff5c12;
}

.sec-brand {
	background-color: #fff;
	padding-bottom: 15px;
}

.linear-wipe {
	/*text-align: center;  */
	background: #000;
	background-size: 200% auto;
	color: #000;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	animation: notransition 5s linear infinite;
	text-transform: capitalize;

}

.div-price-desktop {
	display: none;
}

.div-price-mobile-pt {
	display: none;
}

.div-price-mobile-ls {
	display: none;
}

.div-price-wrapper-ext {
	position: relative;
	width: 100vw;
	height: 50px;
	overflow: hidden;
	cursor: grab;
	/*border: 1px solid #f00;*/
}

.div-price-wrapper-int {
	position: absolute;
	width: 3000px;
	top: 0;
	left: 0;
	display: grid;
	grid-template-columns: repeat(60, 150px);
	grid-gap: 10px;
	/*border: 1px solid #000;*/
	/*pointer-events: none;*/
}

.div-price-gm {
	display: block;
}

.btn-range-gm {
	border: 1px solid #ccc;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #000;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

h6 {
	margin-bottom: 0 !important;
}

.btn-range-gm:hover {
	border: 2px solid #ff5c12 !important;
}

.tile-price {
	background-color: rgb(255, 255, 255, 1);
	border: 1px solid #000;
	color: #000;
	height: 50px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.h-price-text {
	font-size: 9pt;
}

.fnt-hl {
	color: #ff5c12;
}

.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.div-brand {
	padding: 5px;
	width: 400px;
	height: 75px;
	background-color: #f7f7f7;
	border: 1px solid #f7f7f7;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	transition: color .15s ease-in-out,
		background-color .15s ease-in-out,
		border-color .15s ease-in-out,
		box-shadow .15s ease-in-out;
}

.div-brand:hover {
	cursor: pointer;
	border: 2px solid #ff5c12;
	color: #ff5c12;
}

.img-brand-home {
	height: 50px;
}


/*configurator */
.btn-det-info:hover,
.btn-alt:hover {
	color: #ff5c12;
}

.btn-pwr-gm {
	height: 50px;
	width: 350px;
	background-color: #333;
	color: #fff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 12px;
	border: none;
}

.f-brand {
	color: #ff5c12;
	float: right;
	margin-right: 10px;
	font-size: 21px;
}

.div-cat-wrapper-int {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	grid-template-columns: repeat(60, 250px);
	grid-gap: 0px;
}

.div-popup-des {
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
	padding: 20px;
	background-color: #fff;
	border: 2px #fff solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 999999;
	box-shadow: 2px 2px 8px rgba(190, 190, 190, 0.65);
	display: none;
}

.div-popup-alt {
	position: absolute;
	top: 10px;
	left: 25%;
	width: 50%;
	height: 750px;
	padding: 10px;
	background-color: #fff;
	border: 2px #fff solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 999999;
	box-shadow: 2px 2px 8px rgba(190, 190, 190, 0.65);
	display: none;
	overflow-y: none;
}

.div-popup-alt-content {
	height: 600px;
	overflow-y: auto;
}

.btn-cmp,
.btn-rel {
	position: relative;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	background-color: #FFF;
	color: #1d4886;
	width: 200px;
	height: 250px;
	margin: 0px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	cursor: grab;
}

.img-conf-game-a,
.img-conf-game-i {
	margin-bottom: .5em;
	/* height: auto !important; */
}

div:nth-child(2) .img-conf-game-a {
	margin-top: 1em;
}

.btn-cmp:hover,
.btn-rel:hover {
	border: 1px solid #ff5c12 !important;
}

.img-cmp-tile,
.img-cmp {
	position: absolute;
	width: 70px;
	height: 70px;
	left: 65px;
	top: 25px;
}

.img-cover {
	width: 150px !important;
	height: auto !important;
}

.tile-info {
	top: 105px;
}

&:before {
	background: transparent;
}

.btn-cmp-alt {
	position: relative;
	border: 0px solid #1d4885 !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	background-color: #FFF;
	color: #1d4886;
	width: auto;
	height: auto;
	margin: 0px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	cursor: grab;
}

.btn-cmp:hover {
	border: 2px solid #ff5c12;
}

.btn-show,
.btn-del,
.btn-show-rel,
.btn-add-cmp {
	background-color: #fff;
}

.btn-show-rel {
	text-align: right !important;
}

.spn-info {
	float: right;
}

.spn-info:hover {
	color: #ff5c12;
}

.s-rel-price {
	background-color: transparent;
	text-align: right;
	padding-right: 10px;
	font-size: 8pt;
}

#div_added_header:hover {
	border: 2px solid #ff5c12;
	color: #ff5c12;
}

.div-type {
	height: 350px;
}

.btn-clear {
	width: fit-content;
	height: 40px;
	font-weight: 700;
	background-color: #ff5c12;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size: 14px;
}

.div-store-info,
.h-title {
	color: #333;
	font-family: 'Poppins', sans-serif !important;
}

.div-cat {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.div-cat.sel {
	border: 2px #ff5c12 solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.btn-choice {
	border: 2px #262f64 solid;
	color: #1a2140;
}

.btn-cmp,
.btn-skip,
.btn-cmp-alt,
.btn-rel {
	border: 2px #ff5c12 solid;
}

.selected,
.selected-rel {
	border: 3px #bb252c solid !important;
}

.progress {
	border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
}

.progress-bar {
	background-color: #ff5c12;
	color: #fff;
}

.div-buy {
	background-color: rgba(255, 255, 255, 0.0);
	color: #262f64;
}

#btn_buy {
	font-size: 12px;
}

.btn-cover {
	background: rgba(255, 255, 255, 0);
	border: 0px #1d4885 solid;
	transition: color .15s ease-in-out,
		background-color .15s ease-in-out,
		border-color .15s ease-in-out,
		box-shadow .15s ease-in-out;
}

.btn-qlt {
	border: 2px #1d4885 solid;
}

.btn-qlt:hover {
	background-color: #1d4885;
	color: #ffffff;
}

.div-popup-pow {
	position: absolute;
	width: 80%;
	left: 10%;
	padding: 20px;
	margin: 0 auto;
	height: 800px;
	margin-left: 1% !important;
	border: 2px #fff solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	box-shadow: 2px 2px 8px rgba(190, 190, 190, 0.65);
}

.div-popup-pow-inner {
	height: 100%;
	overflow-x: hidden;
}

.row-pow {
	width: 100% !important;

}

.tile {
	background-color: transparent !important;
}

.tile h5 {
	background: #f7f7f7;
	width: fit-content;
	color: #fff;
	padding: .25em 0.55em;
	border-radius: 5px;
	color: #333;
}

@media screen and (max-width: 1200px) and (orientation:portrait) {

	/* main slider */
	.img-cover {
		height: auto !important;
		width: 90px !important;
	}

	.h-gm-title {
		font-size: 20px;
	}

	.div-slider-wrapper,
	.slider-container,
	.image-container,
	.slider-image {
		height: 100% !important;
	}

	.div-slider-wrapper {
		height: max-content;
	}

	.tile {
		height: auto !important;
	}

	.h-price-text {
		font-size: 9pt !important;
	}

	.div-slider-wrapper {
		width: 90vw !important;
	}

	.div-brand {
		width: 80vw !important;
	}

	.items-gm {
		height: 400px;
	}

	.div-popup-price,
	.div-choice,
	.div-popup-des {
		top: 35%;
		left: 2.5%;
		width: 95%;
	}

	.container-fluid {
		padding: 0;
	}

	/*popup game */
	.div-choice {
		height: 700px !important;
		padding: 20px;
	}

	.h-popup-title-game {
		font-size: 10pt;
	}

	.h-game-name {
		font-size: 8pt;
	}

	.img-choice {
		height: 200px;
	}

	.img-conf-game-i {
		margin-top: 20px;
		height: 25px;
	}

	.img-conf-game-a {
		margin-top: 20px;
		height: 20px;
	}

	.btn-choice-gm {
		font-size: 9pt;
		width: 90%;
		margin: .5em auto;
	}

	/*popup price */
	.div-popup {
		top: 10px;
		height: 250px !important;
	}

	.div-popup-price {
		top: 10px;
		height: 250px !important;
	}

	.btn-close-popup {
		font-size: 12pt !important;
	}

	.h-price-title {
		font-size: 11pt !important;
	}

	.f-price {
		font-size: 8pt !important;
	}

	.img-conf-game {
		height: 25px;
	}

	/* configuratio page */
	.h-title {
		font-size: 10pt;
	}

	.a-action {
		font-size: 8pt !important;
	}

	.btn-clear,
	.btn-buy {
		font-size: 7pt !important;
	}

	.col-det {
		font-size: 7px !important;
	}

	.h4-related {
		font-size: 9pt !important;
	}

	.td-rel {
		font-size: 9pt !important;
	}

	.f-uptext {
		font-size: 9pt !important;
	}

	.btn-rel {
		width: 200px !important;
		height: 250px !important;
	}

	.btn-show-rel {
		background-color: #fff;
		font-size: 9pt;
	}

	.btn-alt,
	[data-toggle="popover"] {
		font-size: 9pt !important;
	}

	#btn_clear {
		float: none;
		margin: 0;
	}

	.trunc-text {
		font-size: 9pt;
	}

	.h-name {
		font-size: 7pt !important;
	}

	/* popup info */
	.h-det-name {
		font-size: 9pt !important;
	}

	.div-det-text {
		font-size: 9pt !important;
	}

	.img-cmp-det {
		width: 200px !important;
	}

	.thumb-cmp-det {
		width: 50px !important;
		height: auto !important;
	}

	/* popup alt */
	.div-popup-alt {
		position: absolute;
		width: 90%;
		left: 10%;
		top: 20% !important;
	}

	.h-alt-title {
		font-size: 13pt !important;
	}

	.img-cmp {
		width: 75px;
		height: 75px;
	}

	.h-name {
		font-size: 9pt !important;
	}

	.fa-delta {
		font-size: 15px !important;
	}

	.h-delta {
		font-size: 11pt !important;
	}

	.a-link {
		font-size: .9em !important;
	}

	#divComp_3 .row {
		margin-left: 0;
		margin-right: 0;
	}
}

.div-cat-wrapper-ext {
	width: 100%;
	overflow-x: scroll !important;
	height: 290px;
}

.div-cat-wrapper-int {
	position: relative !important;
	top: 0;
	left: 0;
	display: grid;
	grid-template-columns: repeat(60, 250px);
	grid-gap: 0px;
}

/* ScrollBar */

/* width */
.div-cat-wrapper-ext::-webkit-scrollbar,
.div-popup-cat::-webkit-scrollbar {
	width: 13px;
}


/* Track */
.div-cat-wrapper-ext::-webkit-scrollbar-track,
.div-popup-cat::-webkit-scrollbar-track {
	background: #fafafa;
	margin-right: 1em;
	width: 15px;
	border-radius: 30px;
}

/* Handle */
.div-cat-wrapper-ext::-webkit-scrollbar-thumb,
.div-popup-cat::-webkit-scrollbar-thumb {
	background: #8888887d;
	border-radius: 10px;
	border: 3px solid #fff;
}

/* Handle on hover */
.div-cat-wrapper-ext::-webkit-scrollbar-thumb:hover,
.div-popup-catt::-webkit-scrollbar-thumb:hover {
	background: #555;
}

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

	/* width */
	.div-cat-wrapper-ext::-webkit-scrollbar {
		background-color: transparent;
	}


	/* Track */
	.div-cat-wrapper-ext::-webkit-scrollbar-track {
		background-color: transparent;
	}

	/* Handle */
	.div-cat-wrapper-ext::-webkit-scrollbar-thumb {
		background-color: transparent;
	}

	/* Handle on hover */
	.div-cat-wrapper-ext::-webkit-scrollbar-thumb:hover {
		background-color: transparent;
	}
}

.tile-info font {
	width: 90%;
	margin: 0 auto;
	left: 5%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}