html { background: #000; }
body { font-family: 'Roboto', sans-serif; color: #fff; overflow-x: hidden; width: 100vw; /*background-color:#161415;*/ background: #000; }

.main { font-family: 'Roboto', sans-serif; font-size: 16px; color: #ddd; display: grid; justify-content: center; grid-gap: 20px }

.MainContent { margin-bottom: 5rem; }

.main h1:last-child,
main h2:last-child,
main h3:last-child,
main h4:last-child,
main h5:last-child { margin-bottom: 0; }

.main a { color: #f5ac2f; overflow-wrap: break-word; word-wrap: break-word; text-decoration: none; }

.main a:hover { color: #FFF; }
h1,
h2,
h3,
h4,
h5,
h6 { color: #fff; }

.forPanel1,
.forPanel2 { display: grid; grid-gap: 5px; /*width: 700px; */ padding: 14px; border: 1px solid #444; border-radius: 4px; background: #0e0d0d; }

.MC-search { /*background: url(https://images.evga.com/concept/images/graphics/2018new/newadd/Product_BG2.jpg)*/ overflow: hidden; padding-top: 0px; background-position: center; width: 100vw; height: 700px; margin-bottom: 10px; border-bottom: 2px solid #444; background: url(https://images.evga.com/common/header/FAQ_Header_bg.jpg); background-size: cover; background-position: center; }

.sub-MC-Search { display: flex; justify-content: space-between; align-items: center; flex-direction: column; width: 100vw; height: 100%; position: relative; }

.faq-header-icon { width: 100%; max-width: 396px; }

input.MC-searchText { width: 400px; padding: 15px 37px; width: 20vw; background: rgba(0, 0, 0, 0.6); border: none; border-radius: 7px; color: #d7d7d7; font-weight: 900; transition: all 0.7s ease 0s; box-shadow: inset 0 0 1px 1px #000000; }

.search-container { position: absolute; bottom: 17%; }

.search-icon { position: absolute; bottom: 18%; left: 1%; width: 30px; }

.top-recent-faq { display: grid; grid-template-columns: 0.35fr 0.35fr; justify-content: center; grid-column-gap: 70px; }

.top-recent-faq h4 { color: #fff; text-transform: uppercase; font-size: 2rem; text-align: center; }

#ctl00_mcTopics { display: grid; grid-template-columns: repeat(4, auto); justify-content: center; margin-bottom: 20px; grid-gap: 25px; }

.mc-topics { width: 300px; height: 100px; border: 1px solid #444; border-radius: 4px; display: flex; justify-content: center; text-align: center; align-items: center; transition: .2s; background: #0e0d0d; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.28); }

    .mc-topics h5,
    .mc-topics div {
        font-size: 1.8rem;
        text-transform: uppercase;
        color: #f5ac2f;
    }

.MC-div a::before { content: "+ "; color: #fff; font-size: 1.4rem; }

.mc-topics:hover { border-color: #FF9800; cursor: pointer; color: #FF9800; user-select: none; transition: .2s; }

.mainSite-body { border: 1px solid #444; border-radius: 4px; align-items: center; padding: 20px; background: #0e0d0d; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.71); font-size: 15px; color: #fff; }
.mainSite-body input[type="image"] { width: 80%; }
h1.hTitle::before { content: "Q: "; }

.main-wrap { display: grid; /* justify-content: center; */ margin: 0 auto; width: 60vw; grid-gap: 20px; }

hr { width: 100%; }

ul { list-style: none; }

.breadcrumb { grid-area: brd; }

.breadcrumb ol,
.breadcrumb ul { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; }

.breadcrumb li { align-items: center; display: flex; }

.breadcrumb a { align-items: center; display: flex; justify-content: center; padding: 0 .75em; color: #fff; text-transform: uppercase; }

.breadcrumb li.is-active a { color: #f5ac2f; cursor: default; }

.breadcrumb li + li::before { color: #b5b5b5; content: "\0002f"; }
.nav-wrap { display: grid; justify-content: start; grid-template-areas: ". brd ."; grid-template-columns: 12%; }

.breadcrumb a:hover { color: #eee; text-decoration: underline; }

.breadcrumb a { font-size: 1.1rem; }

.mainSite-body p > img, .mainSite-body img { margin: 0 auto; display: block; width: 80%; border: 1px solid rgb(91, 91, 91); border-radius: 2px; }

.mainSite-body p { text-indent: 17px; }

.right-div { float: right; }

@media (max-width: 1450px) {
	.forPanel1, .forPanel2 { width: auto; }

	#mcTopics { grid-template-columns: repeat(2, auto); }

	.top-recent-faq h4 { font-size: 1.5rem; }

	.main h2 { font-size: 1.7rem; }

	.MC-div a { font-size: 14px; }

	input.MC-searchText { width: 30vw; }

	input.MC-searchText:focus { width: 40vw }
}

@media (max-width: 1300px) {
	.mc-topics { width: auto; }
}

@media (max-width: 1100px) {
    .mc-topics h5,
    .mc-topics div {
        font-size: 1.3rem;
    }
}

@media (max-width: 900px) {
	.main-wrap { width: 90vw; }
	input.MC-searchText { width: 50vw; }
	input.MC-searchText:focus { width: 60vw }
}

@media (max-width: 700px) {
	.top-recent-faq { grid-template-columns: minmax(80vw,90vw); }

	#ctl00_mcTopics { grid-template-columns: repeat(1,auto); }

	.mc-topics { width: 300px; height: auto; }

	#FAQsearch { width: 90%; }
}

@media (max-width: 500px) {
	input.MC-searchText { width: 80vw; }
	input.MC-searchText:focus { width: 90vw }
}

.MC-Search-title { text-align: center; }
.h2-cat { text-align: center; text-transform: uppercase; font-size: 2rem; }
.faqView-related { display: flex; grid-gap: 20px; }
a.print-faq { color: #eee; font-weight: 700; cursor: pointer; }
a.print-faq:hover { color: #f5ac2f; }
.viewfaq-grid { display: grid; margin-bottom: 10px; }

.faqView-related h5 { text-transform: uppercase; }

.is-small { font-size: small; text-indent: 2.5px; }
.faqView-related-links,
.faqView-related-faqs { border: 1px solid #444; border-radius: 4px; display: flex; padding: 20px; flex-direction: column; font-size: 1.1rem; background: #0e0d0d; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.71); width: 100% }

.viewfaq-grid a { font-size: 15px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.autocomplete { background: rgba(22, 20, 21, 0.84); z-index: 1000; font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; box-sizing: border-box; border: 1px solid rgba(50, 50, 50, 0.6); line-height: 3; display: grid; overflow-x: hidden; text-overflow: ellipsis; box-shadow: 0 2px 1px 3px black; transition: .25s; }
div#rdAutoComplete { transition: all 0.7s ease 0s; }
div.RadAutoCompleteBox_BlackMetroTouch .racTokenList { padding: 8px 37px; background: rgba(0, 0, 0, 0.6); border: none; border-radius: 7px; color: #d7d7d7; font-weight: 600; transition: all 0.7s ease 0s; box-shadow: inset 0 0 1px 1px #000000; max-height: 43px; }
div.RadAutoCompleteBoxPopup_BlackMetroTouch { background: rgba(0, 0, 0, 0.85); font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #d7d7d7; }
div.RadAutoCompleteBox_BlackMetroTouch .racToken { border-color: transparent; color: #fff; background-color: transparent; }
.RadAutoCompleteBox_BlackMetroTouch:focus-within { width: 35vw !important; transition: all 0.7s ease 0s; }
div.RadAutoCompleteBox_BlackMetroTouch .racTokenList.racHovered, div.RadAutoCompleteBox_BlackMetroTouch .racTokenList.racFocused { background-color: rgba(0, 0, 0, 0.6); }
div.RadAutoCompleteBoxPopup .racItem { padding: 8px 9px }
.autocomplete * { font: inherit; }

.autocomplete > div { padding: 0 4px; }

.autocomplete .group { background: rgba(22, 20, 21, 0.84); }

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected, div.RadAutoCompleteBoxPopup_BlackMetroTouch .racItemHovered { cursor: pointer; border-left: 4px solid #ffa100; padding-left: 10px; transition: .25s; background: rgba(26, 61, 139, 0.45); }

.MC-searchText:focus { width: 35vw; }

.autocomplete > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
strong.match-text { font-weight: 700; color: mediumspringgreen; }

.main-body table, .main-body td, .main-body th { border: 1px solid; padding: 13px; }

#main_content { display: grid; grid-template-rows: repeat(5, auto); grid-row-gap: 2em; font-size: 1.25em; }

._li { display: list-item; }
.section { display: grid; grid-row-gap: 2em; justify-content: space-evenly; padding: 15px; margin-left: auto; margin-right: auto; }

.section > div { text-indent: 2em; margin-top: 1.5%; }

.section > h2 { padding-left: 25px; border-left: 5px solid; background: -webkit-linear-gradient(to right, rgba(140, 155, 187, 0.11) 0%,rgba(14, 14, 14, 0.02) 100%); background: linear-gradient(to right, rgba(140, 155, 187, 0.11) 0%,rgba(14, 14, 14, 0.02) 100%); }

.nt { margin-left: 5%; }
.tolft, .ptImg { margin-left: 2%; }

._ofFour { grid-row-gap: 1.8em; }

.innerOf { display: grid; }

._it { font-style: italic; color: #181818; font-weight: 600; }

#main_content img.ptImg, #main_content img { display: block; box-shadow: -3px -3px 17px rgba(0, 0, 0, 0.45), 3px 3px 17px rgba(0, 0, 0, 0.45); border-radius: 10px; border: 1px solid #eee; max-width: 100%; }

input[type="image"] { width: 80%; }
._I,
.answ { margin-left: 2em; }

.svgg { box-shadow: -3px -3px 17px rgba(0, 0, 0, 0.45), 3px 3px 17px rgba(0, 0, 0, 0.45); border-radius: 10px; border: 1px solid #eee; }

.logo { border-radius: 10px; user-select: none; }
.terms-grid > div { display: grid; grid-template-columns: 110px auto; margin-bottom: 30px; padding: 10px; }

.terms-grid { padding: 14px; border: 1px solid #444; border-radius: 4px; background: #0e0d0d; padding: 5px; }

.terms-title { border-bottom: 4px solid #444; font-size: 1.5rem; text-transform: uppercase; }

.nv { width: 100%; text-align: center; background-color: #f5ac2f; }
.nv > ul { display: flex; justify-content: center; margin: 0; }
.nv > a, 
.nv > ul > li > a 
    { display: inline-block; width: 200px; text-align: center; padding: 15px 20px; color: black; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid transparent; border-bottom: 0; font-weight: 900; }

.nv > a, 
.nv > ul > li > a.is-current 
    { z-index: 3; border-color: #444; background: #e8873f; }

.nv > a:hover,
.nv > ul > li > a:hover
    { background: rgba(14, 13, 13, 0.92); color: #f5ac2f; }

.term-letter { font-weight: 700; color: #f5ac2f; font-variant: all-petite-caps; }

.term-letter::first-letter { font-size: 22px; font-variant: normal; }
#ctl00_faqNameTaken { font-size: 1.4rem; }

#ctl00_faqNameTaken a { color: orange; text-decoration: underline }
#ctl00_MainContent_HyperLink1:hover { color: #fff; text-decoration: underline; cursor: pointer; }

.mainSite-body p, .mainSite-body div, .mainSite-body span, .mainSite-body a, .mainSite-body li, .mainSite-body { font-size: 16px; line-height: 1.75; }

.mainSite-body p { margin-bottom: 2.5em; }