@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
}
/****x3d section****/
#featx3d{
	padding: 0;
	overflow: hidden;
}
#featx3d .x3d-img{
	background-image: url(/images/landing/amd/amd-7000/amd_ryzen_X3d.jpg);
	background-size: cover;
	background-position: 50%;
	padding: 60px 35px;
}
.x3d-img img{
	display: block;
}
.amd-arrow{
	max-width: 100px;
}
#featx3d h2{
	font-family: 'klavika Bold';
	color: #ffffff;
	font-size: 50px;
}
#featx3d .lg-container{
	max-width: 2560px;
}
.x3d-title{
	margin: 40px 0;
}

/*** PCS products ***/
.configure-btn{
	font-size: 16px;
}
#specs{
    text-align: center;
    background-color: #f16827;
    margin: 0;
    display: block;
}
#specs p{
    font-family: klavika-web-condensed, sans-serif;
	font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2;
    margin: 0;
    padding: 15px 0;
}

.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: #000000;
	border-left: 1px solid	#4d4d4d;
	border-right: 1px solid	#4d4d4d;
	border-bottom: 1px solid #4d4d4d;
}
.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: #000000;
  	margin-top: 0;
}
.product .column-ind-holder .column-content .products-points-holder ul li:before{
  	color: #f16827;
	background-color: #000;
}
.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;
}

/**fonts**/
.landing-wrapper h1, .landing-wrapper h2{
    font-family: klavika-web-condensed, sans-serif;
    text-transform: uppercase;
	font-weight: 700;
    line-height: 1.0;
}
#feat1 h1{
	font-size: 80px;
	padding-top: 100px;
}
#feat1 h2{
	font-size: 42px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#feat2 h2, #feat3 h2, #feat3a h2, #feat4 h2{
	font-size: 40px;
	text-transform: none;
	padding-bottom: 20px;
}
#feat2 p, #feat3 p, #feat3a p, #feat4 p{
	font-size: 23px;
	text-transform: none;
}
#intro p{
   font-family: klavika-web-condensed, sans-serif;
  	max-width: 1000px;
}
#outro p{
	font-size: 14px;
	text-align: left;
}
sup {
  vertical-align: super;
  font-size: 12px;
}
.landing-wrapper h1{
    font-size: 50px;
}
.landing-wrapper h2{
	font-weight: 400;
    font-size: 30px;
}
.landing-wrapper section p{
	  font-family: klavika-web-condensed, sans-serif;
 	 color: #ffffff;
  	font-size: 23px;
}
.landing-container{
    max-width: 1170px;
    margin: 0 auto;
}
.lg-container{
    max-width: 1920px;
    margin: 0 auto;
}
.landing-button{
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 40px;
    background-color: #f16827;
    color: #ffffff;
    margin-top: 20px;
	margin-bottom: 50px;
}
.landing-button:hover {
    background-color: #e04800;
}
.pcs__row{
    display: flex;
    gap: 20px;
}
#feat3 .pcs__row, #feat3a .pcs__row{
	flex-direction: row-reverse;
}

/**columns**/
.pcs_col-2{
    width: 50%;
}
#feat1 .pcs_col-2 {
	margin: auto 0 auto auto;
}
#feat2 .pcs_col-2, #feat3 .pcs_col-2, #feat3a .pcs_col-2, #feat4 .pcs_col-2 {
	padding: 200px 0;
}
.col_inner{
    padding: 20px;
}
.feature{
    padding: 40px;
    background-color: #000;
}
/**feat1**/
#feat1{
    background: url('/images/landing/amd/amd-7000/Hero-Ryzen7000.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 920px;
    color: #fff;
}
#feat1-mob, #feat2-mob, #feat3-mob, #feat3a-mob, #feat4-mob {
	display: none;
}
#mobile-button {
	display: none;
}
#intro {
    background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 28px;
}
#feat2 {
	background: url('/images/landing/amd/amd-7000/Feature1-bg-ROW.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 60% 50%;
    background-color: #000;
	color: #fff;
}
/**feat3**/
#feat3 {
	background: url('/images/landing/amd/amd-7000/Feature2-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
    background-color: #000;
	color: #fff;
}
/**feat3a**/
#feat3a {
	background: url('/images/landing/amd/amd-7000/Feature2a-bg3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
    background-color: #000;
	color: #fff;
}
/**feat4**/
#feat4 {
    background: url('/images/landing/amd/amd-7000/Feature3-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 60% 50%;
    background-color: #000;
	color: #fff;
}
#outro {
    background-color: #000;
	background: url('/images/landing/amd/amd-7000/footer-bg.jpg');
	background-size: cover;
	background-position: 50% 20%;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	font-size: 24px;
}
#outro img{
	padding: 100px 0;
}
.landing-disclaimer {
  font-family: 'Open Sans' !important;
  font-size:10px !important;
  font-color:#ffffff !important;
  margin-top:30px !important;
}
@media screen and (max-width: 1920px){
  	#feat3a {
      background-position:36% 50%;
  }
}
@media screen and (max-width: 1170px){
  #featx3d .x3d-img{
		background-image: none;
		padding: 0;
	}
	.amd-arrow{
		max-width: 75px;
	}
	.feature {
		padding: 0;
	}
    .pcs__row{
        flex-wrap: wrap;
    }
    .pcs_col-2{
        width: 100%;
		padding: 0 40px;
    }
	#feat1, #feat2, #feat3, #feat4{
		background: none;
		background-color: #000;
		padding: 0;
	}
	#feat2 .pcs_col-2, #feat3 .pcs_col-2, #feat3a .pcs_col-2 #feat4 .pcs_col-2 {
		padding: 0 40px 40px 40px;
	}
	#intro {
		padding: 80px;
	}
	#outro {
		padding: 40px;
	}
	#feat1 h1{
		font-size: 72px;
		padding: 0;
		margin-top: -200px;
	}
	#feat1 h2{
		font-size: 36px;
		padding-bottom: 40px;
	}
	#feat1-mob, #feat2-mob, #feat3-mob, #feat3a-mob, #feat4-mob{
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#mobile-button {
		display: inline-block;
		margin-top: 50px;
	}
	#desktop-button {
		display: none;
	}
	#outro img {
    padding: 70px 0;
	}

}
@media screen and (max-width: 720px){
    .pcs__row{
        flex-wrap: wrap;
    }
    .pcs_col-2{
        width: 100%;
    }
	#feat1 {
		text-align: center;
	}
	#desktop-button {
		display: inline-block;
	}
	#mobile-button {
		display: none;
	}
	#feat1 h1{
		font-size: 62px;
		padding: 0;
		margin-top: -80px;
	}
	#feat1 h2{
		font-size: 32px;
		padding-bottom: 40px;
	}
	#intro {
		padding: 40px;
	}
}