@font-face {
font-family: 'Klavika Bold';
src: url('/fonts/Klavika-Bold.woff');
}
@font-face {
font-family: 'Klavika Light';
src: url('/fonts/Klavika-Light.woff');
}
section#main.main-ind{
	padding: 0;
  	overflow: unset;
}
/****************WARFRAME SECTION*****************/
.body-warframe {
  padding: 60px 0;
  background-color: #000;
}
.body-warframe img{
	max-width: fit-content;
}
table tbody tr:nth-child(odd){
    background-color: transparent;
}
.section-wrapper {
  display: flex;
  width: 100%;
  max-width: 1460px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.Warframe.section-content {
  display: flex;
  min-height: 420px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  background-color: #000;
}
.section-content.Warframe {
  background-image: url('/images/landing/amd/ryzen5000g/Warframe-module-bg.jpg');
  background-position: 60% 40%;
  background-repeat: no-repeat;
  background-color: #000;
  min-height: 446px; /* actual height */
}
.Warframe .section-wrapper .content-box {
  max-width: 650px;
  padding: 0px 30px 0px 30px;
}
.section-content.Warframe p.header {
  color: #fff;
  font-family:Klavika,sans-serif;
  font-weight: 500;
  line-height: 44px;
  font-size: 36px;
  margin-bottom: 25px;
  margin-top: 10px;
}
.section-content.Warframe p.disclaimer {
  color: #fff;
  font-family:Klavika,sans-serif;
  font-weight: 300;
  line-height: 10px;
  font-size: 10px;
}
.Warframe table {
  border: none;
  border-collapse: collapse;
  color: #ffffff;
  text-align: center;
}
.Warframe table tr.chart-header {
  font-size: 14px;
  line-height: 14px;
  font-family:Klavika,sans-serif;
  font-weight: bold;
}
.Warframe table tr.chart-body {
  font-size: 11px;
  line-height: 20px;
  background-color: #000;
}
.Warframe table.chart {
  margin-left: 30px;
}
.Warframe table.chart td {
  color: #ffffff;
  padding: 10px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 130px;
}
.Warframe table.chart td:first-child {
  border-left: none;
}
.Warframe table.chart td:last-child {
  border-right: none;
}
.Warframe table.chart tr:first-child {
  background-color: #c2652f;
}
.Warframe table.chart tr:last-child {
  background-color: #000;
  border-top: 2px solid #fff;
}
.Warframe table.chart-footer {
  text-align: left;
  margin-top: 10px;
}
.Warframe table.chart-footer td:first-child {
  padding-right: 20px;
}

@media (max-width: 530px) {
	table td, table th {
    padding: 2px;
	}
}

@media (max-width: 550px) {
  	br.hide-break {
    display: none;
  }
}

@media (max-width: 700px) {
  table, tbody, td, th, thead, tr {
    display: revert;
	}
  table tr td {
    border: 0;
  }
  table tr td:last-of-type {
    border: 0;
    overflow: visible;
  }
}
@media (max-width: 900px) {
.Warframe .section-wrapper .content-box {
    background-color: rgba(0,0,0,0.6);
	}
}
/****************WARFRAME SECTION ENDS*****************/
/*******PRODUCT-CARDS******/
.products{
    padding-top: 0;
    animation: Fade 2s ease;
    margin-top: 40px;
}
.product .column-ind-holder .column-ind-header {
    background: #f16827;
    border-radius: 5px 5px 0 0;
  }
.product .column-ind-holder .column-content .product-image-holder .product-image img{
  width: 200px;
  height: auto;
}
.product .column-ind-holder .column-content {
    border-radius:5px;
    padding: 0 0 20px 0!important;
    background: #1f1f1f;
    border: none;
}
.product .column-ind-holder .column-ind-header h3 {
  color: #ffffff;
  font-weight:normal;
}
.product .column-ind-holder .column-content .products-points-holder ul li {
  font-size: 14px;
  color: #ffffff;
}
.product .column-ind-holder .column-content .config_button_holder .btn {
  background-color: #f16827;
  border-color: #f16827;
  color: #ffffff;
}
.product .column-ind-holder .column-content .products-points-holder {
    padding: 5px 20px 20px 20px;
    background-color: #1f1f1f;
    margin-top: 0;
}
.product .column-ind-holder .column-content .products-points-holder ul li:before{
    color: #f16827;
}
.product .column-ind-holder .column-content .from-inc-price{
    color: #ffffff;
   margin: 0 20px;
}
.product .column-ind-holder .column-content .from-inc-price span {
    color: #f16827;
}
.product .column-ind-holder .column-content .config_button_holder .btn:hover{
    color: #ffffff;
    background-color: #e04800;
    border-color: #e04800;
}
.product .config_button_holder{
    margin: 0 20px;
    margin-top: auto;
}
.product .column-ind-holder .column-content .product-image-holder .product-image{
    padding-top: 20px;
   height: auto;
}
.landing-container{
	max-width:1920px;
	margin:0 auto;
}
.landing-container h1,.landing-container h2,.landing-container h3{
	font-family:Klavika,sans-serif;
	font-weight:700;
	font-size:50px;
	color:#000;
	text-transform:uppercase;
	margin:0;
	line-height:1.2
}
.landing-container h2{
	font-size:28px;
	font-weight:400;
	text-transform:none;
	margin-bottom:10px
}
.landing-container h3{
	font-size:28px;
	font-weight:400;
	margin-bottom:20px
}
.landing-container p{
	font-family:'Open Sans';
	font-size:16px;
	color:#000;
	line-height:1.5
}
.landing-container sup{
	vertical-align: super;
	font-size:10px;
	line-height:1.5;
	
}
.landing-button{
	font-family: 'Montserrat';
	font-weight: bold;
	text-transform:uppercase;
	background-color:#f16827;
	color:#fff;
	text-align:center;
	font-size:16px;
	padding:15px 20px;
	width:auto;
	cursor:pointer;
	margin-top:20px;
	display:inline-block
}
.landing-button:hover{
	background-color:#e04800
}
.amd-page-wrapper {
	background-image: url('/images/landing/amd/ryzen5000g/hero-ryzen.jpg');
	background-color: #000;
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 1100px;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}
.intro-section {
	position: relative;
	min-height: 1100px;
	margin-right: auto;
}
.amd-header {
    position: absolute;
    background: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,1) 30%,rgba(255,255,255,.9) 51%,rgba(255,255,255,.95) 69%,rgba(255,255,255,.8) 90%,rgba(255,255,255,.75) 100%);
    padding: 30px;
	left:0;
	bottom: 140px;
    max-width: 820px;
	margin-left: 110px;
}
.amd-logo img {
	width: 120px;
	padding-top: 20px;
}
.arrow img {
	position: absolute;
	width: 80px;
	margin-top: 30px;
	margin-left: -110px;
}
.main-content-1 {
	background-image: url('/images/landing/amd/ryzen5000g/intro-bg.jpg');
	background-color: #000;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.main-content-1 .landing-container {
	max-width: 1440px;
}
.main-content-4 {
	background-image: url('/images/landing/amd/ryzen5000g/product-skus-footer-bg.jpg');
	background-color: #000;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.main-content-4 .landing-container {
	max-width: 1440px;
}
.intro-text {
	padding: 60px 40px;
}
.intro-text p {
	font-family:Klavika,sans-serif;
	font-weight:400;
	font-size:24px;
	color: #fff;
	text-align: center;
}
.footer-text {
	padding-top: 60px;
  	padding-bottom: 20px;
}
.footer-text p {
	font-family:Klavika,sans-serif;
	font-weight:700;
	font-size:28px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
}
.main-content-2 {
	background-color: #000;
}
.main-content-2 .landing-container {
	display: flex;
	flex-direction: row-reverse;
	align-items:center;
}
.main-content-3 {
	background-color: #000;
}

.main-content-3 .landing-container {
	display: flex;
	align-items: center;
}
.col-text {
	max-width: 45%;
	max-height: 100%;
	padding: 40px;
}
.col-text h2 {
	font-size:32px;
	font-weight:700;
	text-transform:none;
	margin-bottom:10px;
	color: #fff;
}
.col-text p {
	font-size:18px;
	color: #fff;
	text-align: left;
}
.col-image img {
	max-height: 100%;
	max-width: 100%;
	display: block;
}
.separator {
	max-width: 1920px;
	padding: 10px 0;
	border-bottom: 1px solid gray;
}
.specs {
	max-width: 1920px;
	margin-top: 20px;
	padding: 5px 0;
	background-color: #f16827;
	font-family:Klavika,sans-serif;
	text-transform: uppercase;
	font-weight:700;
	font-size:36px;
	color: #fff;
	text-align: center;
}

.rec-specs {
  background-color: #121212;
  padding: 40px 0;
}
.terms {
  padding: 40px 0;
}
.terms p {
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 10px;
	color: #fffefe;
	text-align: left;
	max-width: 1920px;
	padding-top: 5px;
	line-height: 1.5;
}

.mob-image {
	display: none;
}


@media screen and (max-width:1460px){
	.main-content-2 .landing-container {
	display: block;
	}
	.main-content-3 .landing-container {
	display: block;
	}
	.col-text {
	max-width: 100%;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
	}
	.col-text p {
    text-align: center;
	}
	.terms p {
	padding-left: 40px;
	padding-right: 40px;
	font-size: 12px;
	}
}

@media screen and (max-width:1300px){
	.intro-section {
	min-height: 0;
	width: 100%;
	height: 100%;
	}
	.mob-image {
	display: block;
	}
	.mob-image img{
	width: 100%;
	}
	.arrow img {
	display: none;
	}
	.amd-page-wrapper {
	background-image: none;
	background-color: #000;
	min-height: 0;
	}
	.amd-header {
	position: relative;
    background: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,1) 30%,rgba(255,255,255,.9) 51%,rgba(255,255,255,.95) 69%,rgba(255,255,255,.8) 90%,rgba(255,255,255,.75) 100%);
    padding: 30px;
    max-width: 100%;
	left: 0;
	bottom: 0;
	margin-left: 0;
	}
	.amd-logo img {
	padding-top: 0;
	}
	.landing-container h1,.landing-container h2,.landing-container h3{
	line-height:1;
	padding-bottom: 20px;
	}
	.landing-button{
	font-size:20px;
	padding:20px 25px;
	}
	.footer-text {
	padding-top: 20px;
	padding-bottom: 20px;
	}
}