DESKTOP PC CUSTOM Intel i9-13900k 128GB RAM 1TB SSD HDMI MM8.50.81, body { font-family: “Market Sans”, Arial, sans-serif; }
#af0{display:none;}
!–M#s0-14–
html {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smooth: always;
}
body {
font-family: ‘Roboto’, sans-serif;
color: #000;
font-size: 16px;
line-height: 1.4;
margin: 0;
background-color: #f3f3f3;
}
*,
:after,
:before {
box-sizing: border-box;
}
:focus {
outline: none !important;
}
img {
vertical-align: middle;
max-width: 100%;
}
.wrapper {
margin: 0 auto;
}
.header {
position: relative;
height: 170px;
background: url(https://gradezoo.magicmicro.com/static/version1703844176/frontend/Qdigital/MagicMicro/en_US/QD_gradezoo/images/header_img.jpg) no-repeat;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-size: cover;
}
.logo {
position: relative;
z-index: 1;
margin-left: 68px;
}
.logo img {
width: 113px;
height: 52px;
}
.info_list {
list-style: none;
padding: 0;
margin: 0 0 0 25.5%;
color: #00cfdd;
font-family: ‘Quantico’, sans-serif;
}
.info_list > li {
padding-left: 23px;
margin-bottom: 6px;
position: relative;
}
.info_list > li:last-child {
margin-bottom: 0;
}
.info_list > li:before {
content: “”;
width: 9px;
height: 15px;
background: url(https://gradezoo.magicmicro.com/static/version1703844176/frontend/Qdigital/MagicMicro/en_US/QD_gradezoo/images/arrow_r.svg) no-repeat;
position: absolute;
left: 3px;
margin-top: -1px;
top: 50%;
transform: translateY(-50%);
}
.contact > span {
display: block;
font-size: 38px;
color: #fff;
font-family: ‘Quantico’, sans-serif;
line-height: 1;
position: relative;
}
.contact svg {
position: absolute;
right: 100%;
top: 50%;
margin-right: 9px;
transform: translateY(-50%);
}
.container {
width: 1326px;
margin: 0 auto;
}
.tabs {
background-color: #e4e4e4;
position: relative;
height: 62px;
}
.tab > label {
font-size: 16px;
width: 116px;
border-top: 4px solid transparent;
position: absolute;
top: 0;
text-align: center;
padding: 17px 0 19px;
cursor: pointer;
}
.tab_content {
display: none;
position: relative;
top: 80px;
padding: 4px 0 100px;
}
.clearfix:after {
display: block;
content: “”;
clear: both;
}
.tab [type=radio] {
display: none;
}
.tab > [type=radio]:checked + label + .tab_content {
display: block;
}
.tab > [type=radio]:checked + label {
background-color: #f3f3f3;
border-top-color: #e80202;
}
#tab_2 + label {
margin-left: 116px;
}
#tab_3 + label {
margin-left: 232px;
}
#tab_4 + label {
margin-left: 348px;
}
#tab_5 + label {
margin-left: 464px;
}
#tab_6 + label {
margin-left: 580px;
}
#tab_7 + label {
margin-left: 696px;
}
.product_cover {
padding: 40px 34px 0 150px;
text-align: center;
}
.product_name {
font-weight: 700;
margin-bottom: 18px;
font-size: 36px;
font-family: ‘Quantico’, sans-serif;
}
.product_cover {
width: 49%;
float: left;
}
.product_description {
float: left;
width: 51%;
}
.help_text {
font-size: 14px;
font-weight: 700;
line-height: 14px;
color: #b9b9b9;
margin-top: 21px;
}
.help_text > span {
color: #e80202;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 13px;
border-spacing: 3px;
border-collapse: separate;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 2px 9px;
vertical-align: top;
font-size: 14px;
font-weight: 300;
min-width: 225px;
}
.table > tbody > tr:nth-child(odd) > td {
background-color: rgba(228, 228, 228, .4);
}
.table > tbody > tr > td:nth-child(odd) {
color: #5a5a5a;
}
.table > tbody > tr > td:nth-child(even) {
color: #000411;
}
.price {
color: #e80202;
font-size: 30px;
font-weight: 700;
font-family: ‘Quantico’, sans-serif;
margin-bottom: 7px;
}
.title {
color: #000720;
font-size: 24px;
font-weight: 700;
margin-bottom: 28px;
font-family: ‘Quantico’, sans-serif;
}
.title span,
.title svg {
display: inline-block;
vertical-align: middle;
}
.title svg {
margin-right: 4px;
}
.title_pl svg {
margin: -5px 12px 0 0;
}
.title img {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.title_pl {
margin: 33px 0 14px;
}
.components_group {
margin-top: 33px;
width: 64.7%;
}
.product_item_img {
margin-bottom: 72px;
}
.product_item_img:last-child {
margin-bottom: 0;
}
.component_item {
background-color: transparent;
padding: 34px 18px 34px 147px;
min-height: 131px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-top: 1px solid #dbdbdb;
}
.component_item:last-child {
border-bottom: 1px solid #dbdbdb;
}
.component_img {
position: absolute;
left: 0;
top: 0;
height: 120px;
width: 120px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
margin: 5px;
}
.component_img img {
max-width: 100%;
max-height: 100%;
margin-top: -1px;
}
.component_category {
font-size: 17px;
color: #666;
margin-bottom: 9px;
font-family: ‘Quantico’, sans-serif;
}
.link {
color: #969696;
font-size: 13px;
font-weight: 300;
margin-left: 10px;
}
.link:hover {
text-decoration: none;
}
.link img {
margin: -2px 5px 0 0;
}
.component_text {
width: 100%;
}
.component_details {
font-size: 18px;
position: relative;
padding-right: 70px;
}
.component_name span{
font-size: 17px;
}
.component_info {
display: none;
}
.component_text_radio–main,
.component_text_radio–more {
display: none;
}
.component_text_btn–main,
.component_text_btn–more {
display: block;
}
.component_text_btn–more {
height: 26px;
line-height: 24px;
padding: 0 29px 0 10px;
border: 1px solid #dbdbdb;
border-radius: 0 0 3px 3px;
position: absolute;
top: -1px;
right: 0;
font-size: 14px;
background-color: #fff;
z-index: 1;
cursor: pointer;
}
.component_text_btn–main {
height: 24px;
width: 24px;
pointer-events: none;
font-size: 14px;
position: absolute;
right: 1px;
top: 0;
z-index: 2;
line-height: 12px;
text-align: center;
cursor: pointer;
}
.component_text_btn–main span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
}
.component_text_btn–main span:before,
.component_text_btn–main span:after {
border-color: inherit;
height: 10px;
width: 1px;
border-left: 1px solid #dbdbdb;
content: “”;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.component_text_btn–main span:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.component_text_btn–main span:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.component_text_radio–more:checked ~ .component_text_btn–main {
pointer-events: auto;
}
.component_text_radio–more:checked ~ .component_text_btn–main span:before,
.component_text_radio–more:checked ~ .component_text_btn–main span:after {
border-color: #000;
}
.component_text_radio–more:checked ~ .component_text_btn–main:hover span:before,
.component_text_radio–more:checked ~ .component_text_btn–main:hover span:after {
border-color: #fff;
}
.component_text_radio–more:checked ~ .component_text_btn–main:hover span {
background-color: #e80202;
}
.component_text_radio–main:checked ~ .component_text_btn–main,
.component_text_radio–more:checked ~ .component_text_btn–more {
}
.component_text_radio–main:checked ~ .component_details,
.component_text_radio–more:checked ~ .component_info {
display: block;
}
.component_text_radio–main:checked ~ .component_info,
.component_text_radio–more:checked ~ .component_details {
display: none;
}
.change_link {
position: absolute;
right: 0;
top: 3px;
}
.bot_btn {
text-align: right;
margin-top: 35px;
}
.text {
font-size: 14px;
line-height: 1.25;
color: #000720;
width: 55%
}
.selected_red {
color: #cc1707;
}
.selected_blue {
color: #0087e2;
}
.text p {
margin: 0 0 17px;
}
.text p:last-child {
margin-bottom: 27px;
}
.text a {
color: #005f9e;
text-decoration: underline;
}
.text a:hover,
.text a:focus {
color: #005f9e;
text-decoration: none;
}
.contact_list > li {
margin: -13px 37px 0 0;
line-height: 1.7;
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
.contact_list > li:last-child {
margin-right: 0;
}
.contact_list strong {
font-weight: 500;
display: block;
font-size: 16px;
}
.verified_text {
font-family: ‘Quantico’, sans-serif;
font-size: 12px;
color: #000651;
max-width: 90px;
display: inline-block;
vertical-align: middle;
line-height: 1.4;
margin-left: 11px;
}
.labels_list {
position: absolute;
top: 70px;
left: 0;
}
.labels_list > img {
margin: -8px 0 0 -5px;
}
.years_label {
font-size: 20px;
padding: 21px 15px 15px;
}
.lifetime_label {
font-size: 16px;
padding: 18px 15px 5px;
}
.lifetime_label span {
font-size: 10px;
}
.years_label span {
font-size: 9px;
}
.banner_label span {
…
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smooth: always;
}
body {
font-family: ‘Roboto’, sans-serif;
color: #000;
font-size: 16px;
line-height: 1.4;
margin: 0;
background-color: #f3f3f3;
}
*,
:after,
:before {
box-sizing: border-box;
}
:focus {
outline: none !important;
}
img {
vertical-align: middle;
max-width: 100%;
}
.wrapper {
margin: 0 auto;
}
.header {
position: relative;
height: 170px;
background: url(https://gradezoo.magicmicro.com/static/version1703844176/frontend/Qdigital/MagicMicro/en_US/QD_gradezoo/images/header_img.jpg) no-repeat;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-size: cover;
}
.logo {
position: relative;
z-index: 1;
margin-left: 68px;
}
.logo img {
width: 113px;
height: 52px;
}
.info_list {
list-style: none;
padding: 0;
margin: 0 0 0 25.5%;
color: #00cfdd;
font-family: ‘Quantico’, sans-serif;
}
.info_list > li {
padding-left: 23px;
margin-bottom: 6px;
position: relative;
}
.info_list > li:last-child {
margin-bottom: 0;
}
.info_list > li:before {
content: “”;
width: 9px;
height: 15px;
background: url(https://gradezoo.magicmicro.com/static/version1703844176/frontend/Qdigital/MagicMicro/en_US/QD_gradezoo/images/arrow_r.svg) no-repeat;
position: absolute;
left: 3px;
margin-top: -1px;
top: 50%;
transform: translateY(-50%);
}
.contact > span {
display: block;
font-size: 38px;
color: #fff;
font-family: ‘Quantico’, sans-serif;
line-height: 1;
position: relative;
}
.contact svg {
position: absolute;
right: 100%;
top: 50%;
margin-right: 9px;
transform: translateY(-50%);
}
.container {
width: 1326px;
margin: 0 auto;
}
.tabs {
background-color: #e4e4e4;
position: relative;
height: 62px;
}
.tab > label {
font-size: 16px;
width: 116px;
border-top: 4px solid transparent;
position: absolute;
top: 0;
text-align: center;
padding: 17px 0 19px;
cursor: pointer;
}
.tab_content {
display: none;
position: relative;
top: 80px;
padding: 4px 0 100px;
}
.clearfix:after {
display: block;
content: “”;
clear: both;
}
.tab [type=radio] {
display: none;
}
.tab > [type=radio]:checked + label + .tab_content {
display: block;
}
.tab > [type=radio]:checked + label {
background-color: #f3f3f3;
border-top-color: #e80202;
}
#tab_2 + label {
margin-left: 116px;
}
#tab_3 + label {
margin-left: 232px;
}
#tab_4 + label {
margin-left: 348px;
}
#tab_5 + label {
margin-left: 464px;
}
#tab_6 + label {
margin-left: 580px;
}
#tab_7 + label {
margin-left: 696px;
}
.product_cover {
padding: 40px 34px 0 150px;
text-align: center;
}
.product_name {
font-weight: 700;
margin-bottom: 18px;
font-size: 36px;
font-family: ‘Quantico’, sans-serif;
}
.product_cover {
width: 49%;
float: left;
}
.product_description {
float: left;
width: 51%;
}
.help_text {
font-size: 14px;
font-weight: 700;
line-height: 14px;
color: #b9b9b9;
margin-top: 21px;
}
.help_text > span {
color: #e80202;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 13px;
border-spacing: 3px;
border-collapse: separate;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 2px 9px;
vertical-align: top;
font-size: 14px;
font-weight: 300;
min-width: 225px;
}
.table > tbody > tr:nth-child(odd) > td {
background-color: rgba(228, 228, 228, .4);
}
.table > tbody > tr > td:nth-child(odd) {
color: #5a5a5a;
}
.table > tbody > tr > td:nth-child(even) {
color: #000411;
}
.price {
color: #e80202;
font-size: 30px;
font-weight: 700;
font-family: ‘Quantico’, sans-serif;
margin-bottom: 7px;
}
.title {
color: #000720;
font-size: 24px;
font-weight: 700;
margin-bottom: 28px;
font-family: ‘Quantico’, sans-serif;
}
.title span,
.title svg {
display: inline-block;
vertical-align: middle;
}
.title svg {
margin-right: 4px;
}
.title_pl svg {
margin: -5px 12px 0 0;
}
.title img {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.title_pl {
margin: 33px 0 14px;
}
.components_group {
margin-top: 33px;
width: 64.7%;
}
.product_item_img {
margin-bottom: 72px;
}
.product_item_img:last-child {
margin-bottom: 0;
}
.component_item {
background-color: transparent;
padding: 34px 18px 34px 147px;
min-height: 131px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-top: 1px solid #dbdbdb;
}
.component_item:last-child {
border-bottom: 1px solid #dbdbdb;
}
.component_img {
position: absolute;
left: 0;
top: 0;
height: 120px;
width: 120px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
margin: 5px;
}
.component_img img {
max-width: 100%;
max-height: 100%;
margin-top: -1px;
}
.component_category {
font-size: 17px;
color: #666;
margin-bottom: 9px;
font-family: ‘Quantico’, sans-serif;
}
.link {
color: #969696;
font-size: 13px;
font-weight: 300;
margin-left: 10px;
}
.link:hover {
text-decoration: none;
}
.link img {
margin: -2px 5px 0 0;
}
.component_text {
width: 100%;
}
.component_details {
font-size: 18px;
position: relative;
padding-right: 70px;
}
.component_name span{
font-size: 17px;
}
.component_info {
display: none;
}
.component_text_radio–main,
.component_text_radio–more {
display: none;
}
.component_text_btn–main,
.component_text_btn–more {
display: block;
}
.component_text_btn–more {
height: 26px;
line-height: 24px;
padding: 0 29px 0 10px;
border: 1px solid #dbdbdb;
border-radius: 0 0 3px 3px;
position: absolute;
top: -1px;
right: 0;
font-size: 14px;
background-color: #fff;
z-index: 1;
cursor: pointer;
}
.component_text_btn–main {
height: 24px;
width: 24px;
pointer-events: none;
font-size: 14px;
position: absolute;
right: 1px;
top: 0;
z-index: 2;
line-height: 12px;
text-align: center;
cursor: pointer;
}
.component_text_btn–main span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
}
.component_text_btn–main span:before,
.component_text_btn–main span:after {
border-color: inherit;
height: 10px;
width: 1px;
border-left: 1px solid #dbdbdb;
content: “”;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.component_text_btn–main span:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.component_text_btn–main span:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.component_text_radio–more:checked ~ .component_text_btn–main {
pointer-events: auto;
}
.component_text_radio–more:checked ~ .component_text_btn–main span:before,
.component_text_radio–more:checked ~ .component_text_btn–main span:after {
border-color: #000;
}
.component_text_radio–more:checked ~ .component_text_btn–main:hover span:before,
.component_text_radio–more:checked ~ .component_text_btn–main:hover span:after {
border-color: #fff;
}
.component_text_radio–more:checked ~ .component_text_btn–main:hover span {
background-color: #e80202;
}
.component_text_radio–main:checked ~ .component_text_btn–main,
.component_text_radio–more:checked ~ .component_text_btn–more {
}
.component_text_radio–main:checked ~ .component_details,
.component_text_radio–more:checked ~ .component_info {
display: block;
}
.component_text_radio–main:checked ~ .component_info,
.component_text_radio–more:checked ~ .component_details {
display: none;
}
.change_link {
position: absolute;
right: 0;
top: 3px;
}
.bot_btn {
text-align: right;
margin-top: 35px;
}
.text {
font-size: 14px;
line-height: 1.25;
color: #000720;
width: 55%
}
.selected_red {
color: #cc1707;
}
.selected_blue {
color: #0087e2;
}
.text p {
margin: 0 0 17px;
}
.text p:last-child {
margin-bottom: 27px;
}
.text a {
color: #005f9e;
text-decoration: underline;
}
.text a:hover,
.text a:focus {
color: #005f9e;
text-decoration: none;
}
.contact_list > li {
margin: -13px 37px 0 0;
line-height: 1.7;
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
.contact_list > li:last-child {
margin-right: 0;
}
.contact_list strong {
font-weight: 500;
display: block;
font-size: 16px;
}
.verified_text {
font-family: ‘Quantico’, sans-serif;
font-size: 12px;
color: #000651;
max-width: 90px;
display: inline-block;
vertical-align: middle;
line-height: 1.4;
margin-left: 11px;
}
.labels_list {
position: absolute;
top: 70px;
left: 0;
}
.labels_list > img {
margin: -8px 0 0 -5px;
}
.years_label {
font-size: 20px;
padding: 21px 15px 15px;
}
.lifetime_label {
font-size: 16px;
padding: 18px 15px 5px;
}
.lifetime_label span {
font-size: 10px;
}
.years_label span {
font-size: 9px;
}
.banner_label span {
…
, , Magic Micro
Reviews
Clear filtersThere are no reviews yet.