html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
sup { vertical-align: super; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; }
html { background: #000; height: 100%; margin: 0; padding: 0; position: relative; }
body { background-color: #161415; color: #fff; font: 14px Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體"; line-height: 1.4; margin: 0; padding: 0; position: relative; /*width: 100%; height: 100%;*/ z-index: 1; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #fcfcfc; text-decoration: none; }
a:hover { text-decoration: none; color: #fff; }
abbr { border-bottom: 1px dotted #fff; cursor: help; }
blockquote { margin: 20px 50px; border: 1px solid #ccc; padding: 20px; }
h1 { color: #fcfcfc; font-size: 24px; font-weight: 700; }
h2 { color: #fcfcfc; font-size: 20px; }
img { border: 0; }
.checkbox { margin-right: 5px; position: absolute; visibility: hidden; }
.checkbox + label span { background: url("/common/checkbox.png") left top no-repeat; cursor: pointer; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; width: 25px; height: 25px; }
.checkbox:checked + label span { background: url("/common/checkbox.png") 0 -25px no-repeat; }
input[type="email"], input[type="text"], input[type="number"], input[type="password"], select, textarea { background-color: #161415; border: 1px solid #444; color: #fff; font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體"; padding: 5px 10px; vertical-align: middle; }
input[type="email"]:disabled, input[type="text"]:disabled, input[type="password"]:disabled, select:disabled, textarea:disabled { color: #777; }
.scroll-text { display: none; }
.news-text { display: none; }
.carousel { background-color: #242424; display: none; }
.carousel .row { padding: 25px 1em; overflow: hidden; max-width: 1300px; margin: 0 auto; }
.carousel .row .column-3 { padding: 0; width: 22%; margin: 0 1.5%; text-align: center; transition: 0.3s; -moz-transition: 0.3s; overflow: hidden; }
.carousel .row .column-3:hover { position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 10px 25px rgba(0, 0, 0, 0.35), 0 100px 50px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 10px 25px rgba(0, 0, 0, 0.35), 0 100px 50px rgba(0, 0, 0, 0.2); }
/* pc-square/mobile-rectangle */
.carousel .row .column-3 .column-img { padding: 0 10%; }
.carousel .row .column-3 img { opacity: 1 !important; transform: scale(1.2); transition: 0.4s; }
.carousel .row .column-3:hover img { transform: scale(1.3); }
select { background-image: url("/filesImages/common/dd_arrow.png"); background-position: right 5px top -23px; background-repeat: no-repeat; background-size: 10px; padding-top: 4px; padding-right: 20px; padding-bottom: 3px; -moz-appearance: none; -webkit-appearance: none; }
.mail { width: 80%; }
select:disabled { background-position: right 5px bottom 9px; }
select::-ms-expand { display: none; }
ul { margin: 10px 25px; list-style: disc; }
ol { margin: 10px 25px; list-style: decimal; }
ul li, ol li { margin: 2px 0; font-size: 0.9rem; }
ul > li > ul { margin: 0 25px; list-style: circle; }
ol > li > ol { margin: 0; list-style: lower-alpha; }
ul li ul li, ol li ol li { margin: 0; }
:focus { -moz-outline-style: none; outline-style: none; }
.message { color: #fff; display: block; font-weight: 700; margin: 20px 0; padding: 20px 10px; text-align: center; }
.message-important { background: #a40000; }
.message-information { background: #cd950c; }
.message-note { background: #0c3c43; }
.message-success { background: #60b100; border: 1px solid #274700; }
#EVGAHeaderBG { background: URL("/images/common/header.jpg") top center no-repeat; height: 103px; }
#EVGAHeader, #EVGAContent, #EVGAFooter { margin: 0 auto; position: relative; clear: both; }
/* Header CSS */
#EVGAHomeLink { display: block; text-indent: -9999em; height: 48px; width: 200px; position: absolute; top: 28px; left: 0; }
#mainLogin { position: absolute; right: 5px; top: 5px; }
#regionSelect { position: absolute; right: 5px; top: 38px; }
#regionSelect ul { margin: 0; list-style: none; }
#regionSelect ul li { width: 150px; float: left; text-align: right; margin-left: 20px; }
#mainSearch { position: absolute; right: 5px; top: 77px; z-index: 1; }
#mainSearch .searchBox { background-color: #999; border: 0px; height: 20px; width: 150px; font-size: 1.1em; padding: 0 3px; line-height: 20px; }
#navTop { margin: auto; max-width: 1600px; position: relative; height: 30px; z-index: 1000; }
#navTop #navLeftArrow { position: absolute; left: 10px; top: 40px; cursor: pointer; z-index: 9999; }
#navTop #navRightArrow { position: absolute; right: 10px; top: 40px; cursor: pointer; z-index: 9999; }
#navTopShare { position: absolute; top: 125px; right: -100px; text-align: center; }
/* Global Content CSS */
#EVGAContent { padding-bottom: 1px; }
#backgroundOverlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none; z-index: -1; }
#languages { position: absolute; top: 275px; right: -100px; z-index: 9999; }
#languages ul { list-style: none; margin: 0; padding: 0; }
#languages ul li { margin: 5px 0px; padding: 5px; border: 1px solid #666; background: #fff; }
#languages ul li a { color: #000; font-weight: bold; }
.terms { font-size: 0.7rem; text-align: center; }
/* Dropdown Menu */
header { background: rgba(26, 26, 26, 0.8); border-top: 1px solid #444; border-bottom: 1px solid #444; margin-top: 0; padding: 11px 0px 11px 0px; position: relative; width: 100%; z-index: 2000; }
/* Navigtion menu v1 : margin-top: 20px; padding: 17px 0 15px; */
header.float-over { position: relative; }
header:after { clear: both; content: " "; display: table; }
.evga-logo-box { display: inline-flex; position: absolute; top: 12px; left: 2%; text-align: left; z-index: 2; }
.evga-logo-box img { vertical-align: middle; margin-top: 6px; }
.evga-logo-box a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 2px;}
.cbp-hrmenu { font-size: 15px; margin-top: 10px; }
.cbp-hrmenu a { color: #cccccc; display: inline-block; font-weight: 400; padding: 10px 15px; text-decoration: none; }
.cbp-hrmenu ul { list-style: none; margin: 0; padding: 0; top: 150px; left: 0; text-align: center; }
.cbp-hrmenu > ul > li { display: inline-block; font-size: 1.0rem; }
.cbp-hrmenu > ul > li > a:hover,
.cbp-hrmenu > ul > li > button:hover { color: #ffffff; }
.cbp-hrmenu > ul > li > a:focus-visible,
.cbp-hrmenu > ul > li > button:focus-visible {outline: 2px dashed #fff; border-radius: 25px; }
.cbp-hrsub { background: rgba(0, 0, 0, 0.9); display: none; position: absolute; left: 0; width: 100%; z-index: 9999; }
.cbp-hrsub h4 { color: #ffffff; font-size: 12px; font-weight: 700; padding: 2em 0 0.6em; margin: 0; text-transform: uppercase; }
.cbp-hrsub .headingTitle {color: #ffffff; font-size: 12px; font-weight: 700; padding: 2em 0 0.6em; margin: 0; text-transform: uppercase;}
.cbp-hropen > a { color: #cccccc; }
.cbp-hropen .cbp-hrsub { display: block; padding-bottom: 3em; top: 77px; }
.cbp-hrsub a,
.cbp-hrsub button { padding: 2px 5px 2px 0; }
.cbp-hrsub-inner { margin: 0 auto 0 28%; max-width: 70em; width: 100%; }
.cbp-hrsub-inner ul li { font-size: 12px; line-height: 16.8px; }
.cbp-hrsub-inner ul li a,
.cbp-hrsub-inner ul li button { color: #c7c7c7; }
.cbp-hrsub-inner ul li button { background:none; border:0; }
.cbp-hrsub-inner:before, .cbp-hrsub-inner:after { content: " "; display: table; }
.cbp-hrsub-inner:after { clear: both; }
.cbp-hrsub-inner li a, .cbp-hrsub-inner li a:hover { color: #fff; }
.cbp-hrsub-inner-column { float: left; padding: 0 2em 0; width: 25%; text-align: left; }
.cbp-hrsub-inner-column ul { text-align: left; }
.cbp-hrsub-inner-column li { font-size: 12px; }
.cbp-hrsub-inner-column li a { color: #c7c7c7; }
.cbp-hrsub-inner-column li a:hover,
.cbp-hrsub-inner-column li button:hover{ color: #ffffff; }
.cbp-hrmenu > ul > li.cbp-login { display: none; }
.cbp-login .cbp-hrsub { background: none; display: block; position: relative; text-align: center; }
.cbp-login .cbp-hrsub a { display: block; padding: 10px 15px; }
.cbp-login .cbp-hrsub a:hover { color: #ffb330; }
/* nav bottom line */
.cbp-hrmenu > ul > li > button { background:none; cursor:pointer; color: #cccccc; display: inline-block; font-weight: 400; padding: 10px 15px; font-size: unset; border:0; }
.cbp-hrmenu > ul > li > a,
.cbp-hrmenu > ul > li > button { position: relative; padding: 0 -10% 0 -10%; transition: .2s; }
.cbp-hrmenu > ul > li > a::after,
.cbp-hrmenu > ul > li > button::after { content: ""; display: block; position: absolute; width: 75%; height: 1px; left: 13%; bottom: 15%; transform: scaleX(0) translateX(-50%) translateX(50%); background-color: #ffffff; transition: all 0.2s ease-out; }
.cbp-hrmenu > ul > li > a:hover::after,
.cbp-hrmenu > ul > li > button:hover::after{ content: ""; display: block; position: absolute; width: 75%; height: 1px; left: 13%; bottom: 15%; transform: scaleX(1) translateX(-50%) translateX(50%); background-color: #ffffff; transition: all 0.2s ease-out; }
.cbp-hrmenu > ul > li > a.navActive,
.cbp-hrmenu > ul > li > button.navActive { color: #fff; font-weight: 600; }
.cbp-hrmenu > ul > li > a:not(.navActive),
.cbp-hrmenu > ul > li > button:not(.navActive){ transform: scale(0.875); transform-origin: center; }
.cbp-hrmenu > ul > li > a.navActive::after,
.cbp-hrmenu > ul > li > button.navActive::after{ content: ""; display: block; position: absolute; width: 75%; height: 1px; left: 13%; bottom: 15%; transform: scaleX(1) translateX(-50%) translateX(50%); background-color: #ffffff; transition: all 0.2s ease-out; }
/* menu background color */
.menu-subcat { position: relative; }
/*.menu-subcat:hover { background: #000000; border: 1px solid #fff; border-right: none; left: -6px; padding-left: 5px; }
.menu-subcat:hover ul { border: 1px solid #fff; }
.menu-subcat:hover .subcat-list { display: block; }*/
.menu-subcat.show { background: #000000; border: 1px solid #fff; border-right: none; left: -6px; padding-left: 5px; }
.menu-subcat .subcat-list { background: #000000; border: 1px solid #000000; display: none; position: absolute; top: -1px; left: 90%; width: 100%; z-index: 1; }
.menu-subcat ul.show { display: block; border: 1px solid #fff;}
.subcat-list li { padding-left: 16px; position: relative; left: -1px; width: 100%; }
.subcat-list li:first-child { background: #000000; border-left: none; }
.cbp-hrmenu > ul > li.cbp-country { display: none; }
.cbp-country .cbp-hrsub { padding-top: 2em; padding-bottom: 2em; }
/* products link picture hide */
.pl-grid-info p img { display: none; }
/* products background hide */
.grid-item-outer .grid-item .pl-grid-image { background-image: none !important; }
/* Grid View */
.grid-item-outer .grid-item .pl-grid-image img { width: 250px; height: 250px; }
.pl-list .group-container .list-item .pl-list-image { background-image: none !important; }
/* List View */
.pl-list .group-container .list-item .pl-list-image img { width: 250px; height: 250px; }
/* Product menu */
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
.t-col-lg-2 { width: 16.66667% !important; }
}
/* 1row 6col */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.t-col-md-2 { width: 20% !important; }
}
/* 1row 5col */
@media only screen and (max-width: 768px) and (min-width: 401px) {
.t-col-sm-2 { width: 25% !important; }
}
/* 1row 4col */
@media only screen and (max-width: 400px) {
.t-col-xs-4 { width: 33.33334% !important; }
}
/* 1row 3col */
.t-col { padding-left: 5px !important; padding-right: 5px !important; }
.footer { background-color: rgb(0, 0, 0); padding-top: 40px; text-align: center; margin: 0 auto; }
.secure .footer { padding-top: 0; }
.space-p { padding: 10px 0; }
.footer-block { max-width: 1100px; padding: auto 0; margin: 0 auto; }
.footer-column { display: inline-block; width: 15%; margin-right: 3%; text-align: left; vertical-align: top; }
.footer-block .footer-column:last-of-type { margin-right: 0; }
.footer-column a { color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 5px; }
.footer-column a:hover { color: #fff; font-size: 12px; margin-bottom: 5px; text-decoration: none; }
.footer-column .current { display: block; padding: 20px 0px; }
.footer-column .current a { color: #fff; font-size: 14px; }
.footer-column > a { text-decoration: underline; color: #ffb330; }
.footer-column > a:hover { text-decoration: underline; }
.footer-icons { margin-top: 25px; margin-bottom: 10px; }
.footer-icons a { border-radius: 2px; display: inline-block; font-size: 28px; line-height: 36px; width: 36px; height: 36px; text-align: center; }
.footer-icons a:hover { color: #fff; border-radius: 2px; display: inline-block; font-size: 28px; line-height: 36px; width: 36px; height: 36px; text-align: center; }
.footer-menu { color: #fff; text-transform: uppercase; display: none; }
.footer-dropdown { display: block; margin: auto; text-transform: uppercase; }
.footer-more, .footer-closetext { display: none; }
.footer-morelink { color: #f4a600; cursor: pointer; font-size: 12px; text-decoration: underline; display: block; }
.footer-morelink:hover { color: #fcfcfc; text-decoration: none; }
.fa-globe:before { content: "\f0ac"; }
/* fontawesome */
.fa, .fas { font-weight: 900; font-family: "Font Awesome 5 Free"; }
.footer-bottom { max-width: 100%; margin: 0 auto; background: #000; font-size: 12px; padding: 2% 3% 2% 3%; padding-bottom: 100px; justify-content: space-between; }
.footer-bottom a { color: #999; padding-right: 5px; padding-left: 5px; text-decoration: none; }
.footer-bottom a:hover { color: #fff; }
.footer-bottom ul { margin: 0; text-transform: uppercase; }
.footer-bottom li { border-right: 1px solid #ccc; display: inline-block; }
.footer-bottom li:last-child, .footer-bottom .footer-evgalogo { border-right: none; }
.footer-rightitem { border-left: 1px solid #ccc; }
.footer-evgalogo img { max-width: 130px; vertical-align: middle; }
.footer-copyright { font-size: 10px; color: #757575; display: block; margin-top: 5px; }
.search { padding: 0; margin: 0; }
.search-box { display: inline-flex; position: absolute; top: 20px; right: 3%; text-align: right; z-index: 2; }
.search-box .input-search { background: url("/filesImages/common/Icon_Search.png") no-repeat 10px 5px rgba(0, 0, 0, 0); border: none; border-radius: 20px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0), 0 1px 3px rgba(0, 0, 0, 0) inset; color: #d7d7d7; font-weight: 700; transition: all 0.7s ease 0s; width: 50px; padding: 10px 10px 10px 50px; }
.search-box .input-search:focus { background: url("/filesImages/common/search-dark.png") no-repeat 10px 10px #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; color: #404040; width: 200px; padding-left: 30px; }
.search-box .input-search:focus-visible {outline: none;}
.search-box .search-CloseIcon { display: none; opacity: 1; position: absolute; top: 14px; right: 9px; width: 25px; height: 22px; border: 0; padding: 0; cursor: pointer; transition: 0.5s; background: url("/filesImages/common/icon-searchclose.png") no-repeat; }
.button-search { position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0; }
.search-box .navigation-search-button:focus-visible {outline: 2px dashed #fff; border-radius: 2rem;}
.search-box .login-box a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 5px;}
.search-box .login-box .login-text:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 5px;}
.login-text { cursor: pointer; color: #fff; font-size: 18px; margin-top: 5px; }
.login-text:hover { color: #fff; }
.inverted-triangle { margin: 0 0 0 140px; padding: 0; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #666666 transparent; }
.login-box { margin: 5px 0 0 5px; position: relative; }
.login-box .button { margin: 0; }
.login-popup-box { display: none; margin: 16px 0 0 0; position: absolute; right: 0px; }
.login-popup { border-radius: 3px; display: inline-block; }
.login-popup .btn-a { background-color: #666666; width: 170px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; font-size: 17px; }
.login-popup a { padding: 0; }
.login_arrow { padding: 1px 3px 1px 3px; }
/* ICON_USER animation */
/* #svg-login .contrast {-webkit-animation: contrast 3s cubic-bezier(0.4, 0, 0.2, 1) infinite; animation: contrast 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
@-webkit-keyframes contrast {from {opacity: 0;} to {opacity: 1;}}
@keyframes contrast {from {opacity: 0;} to {opacity: 1;}} */
/* footer icon update */
.globe-language { display: flex; align-items: center; }
.globe-icon { margin-right: 8px; }
/* CSS3 background parallax scrolling */
.parallaxBG { background: url("/filesImages/concept/images/2019NewW/products/sky05.jpg") center center no-repeat; min-height: 100vh; background-attachment: fixed; background-size: cover; }
#scene { position: relative; overflow: hidden; width: 100%; height: 100%; margin: auto; display: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* For IE */
/* #scene {position: static; overflow: hidden; width: 100%; height: 100%; margin: auto;} */
#layer-wrap { position: absolute; left: 0; top: -30% !important; height: 100%; display: flex; align-items: stretch; margin: 0 25%; }
.layer-wrap-en { width: 130%; }
/* 5items-108.5% 6items-130% 7items-151.5% 8items-173% 9items-195% */
.layer-wrap-tw, .layer-wrap-cn, .layer-wrap-asia, .layer-wrap-au, .layer-wrap-eu, .layer-wrap-br, .layer-wrap-jp, .layer-wrap-latam, .layer-wrap-de, .layer-wrap-fr, .layer-wrap-ru { width: 108.5%; }
}
#layer-wrap { position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: stretch; margin: 0 25%; }
.layer-wrap-en { width: 130%; }
.layer-wrap-tw, .layer-wrap-cn, .layer-wrap-asia, .layer-wrap-au, .layer-wrap-eu, .layer-wrap-br, .layer-wrap-jp, .layer-wrap-latam, .layer-wrap-de, .layer-wrap-fr, .layer-wrap-ru { width: 108.5%; }
.col-hb { position: relative; width: 100%; display: flex; margin: 0 5px; align-items: center; transform: scale(1.00); }
.hb-txt .hb-name, .hb-txt .hb-description, .hb-txt .hb-btn { position: absolute; cursor: default; border: 0 solid #fff; z-index: 2; transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition-delay: 0; }
@font-face { font-family: 'Staatliches'; src: url('/filesImages/common/fonts/Staatliches-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; src: url('/filesImages/common/fonts/OpenSans-Regular.ttf') format('truetype'); }
.hb-c .hb-txt .hb-name { opacity: 1; font-size: 2.7143em; text-shadow: 0px 1px 7px black; bottom: 50px; color: #fff; font-family: "Staatliches", Arial, Helvetica, sans-serif, "微軟正黑體"; }
.hb-c .hb-txt .hb-description { opacity: 1; font-size: 0.857em; text-shadow: 0px 1px 7px black; line-height: 1.4; color: #dbdbdb; bottom: 20px; font-family: "Open Sans", Arial, Helvetica, sans-serif, "微軟正黑體"; }
.hb-c .hb-txt .hb-btn { opacity: 0; font-size: 1.0714em; text-align: center; color: rgb(46, 46, 46); box-shadow: 0px 1px 7px black; background-color: #dbdbdb; border-radius: 50px; line-height: 30px; width: 120px; height: 30px; bottom: -10px; font-family: "Open Sans", Arial, Helvetica, sans-serif, "微軟正黑體"; }
.hb-c:hover .hb-name, .hb-c:hover .hb-description, .hb-c:hover .hb-btn { transition: 300ms cubic-bezier(0.7, 0, 0.3, 1); cursor: pointer; opacity: 1; }
.hb-c:hover .hb-name { transition-delay: 0ms; bottom: 105px; }
.hb-c:hover .hb-description { transition-delay: 40ms; bottom: 73px; }
.hb-c:hover .hb-btn { transition-delay: 60ms; bottom: 30px; }
@media (max-width: 1750px) {
.hb-c .hb-txt .hb-name { font-size: 2.5em; }
}
@media (max-width: 1600px) {
.hb-c .hb-txt .hb-name { font-size: 2.3em; }
}
@media (max-width: 1600px) {
.hb-c .hb-txt .hb-name { font-size: 2.0em; }
}
@media (max-width: 1400px) {
.hb-c .hb-txt .hb-name { font-size: 1.8em; }
.hb-c .hb-txt .hb-description { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 0px center; transform-origin: 0px center; }
}
@media (max-width: 1300px) {
.hb-c .hb-txt .hb-description { -webkit-transform: scale(0.75); transform: scale(0.75); }
}
@media (max-width: 1200px) {
.hb-c .hb-txt .hb-name { font-size: 1.6em; }
}
#layer-wrap a .hb-c .hb-txt { padding: 0 30px; }
#layer-wrap a .hb-c { position: absolute; width: 100%; height: auto; display: block; max-width: 406px; min-width: 100%; transition: 0.2s ease; color: white; overflow: hidden; box-shadow: 0px 5px 7px 0px black; }
#layer-wrap a .hb-c:after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: block; border: 0px solid #fff; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); opacity: 1; -webkit-transition: 0.2s ease; transition: 0.2s ease; }
#layer-wrap a .hb-c:hover:after { opacity: 1; background-color: rgba(0, 0, 0, 0); border: 4px solid #fff; -webkit-transition: 0.35s ease; transition: 0.2s ease; }
#layer-wrap a .hb-c img { display: block; padding: 0px; width: 100%; height: 100%; top: 0; left: 0; transform: scale(1); background-size: cover; background-position: 50% 50%; transition: 0.35s ease; }
#layer-wrap a .hb-c:hover img { transform: scale(1.05); transition: 0.35s ease; }
/* Waterfall Information */
.product-story .picture, .waterfall-info .picture { width: 100%; }
.product-story .picture img, .waterfall-info .picture img { width: 100%; display: block; }
.separateRow { width: 100%; font-size: 0px; padding: 5px 0; }
.max-width-1100 { max-width: 1100px; }
.max-width-1100, .max-width-1300, .max-width-1200 { margin: 0 auto; }
.separateRow > * { box-sizing: border-box; display: inline-block; font-size: 16px; vertical-align: top; }
.separateRow .separate-1-3 { width: 33.333%; }
.separateRow .separate-2-3 { width: 66.666%; }
.waterfall-info { background: linear-gradient(270deg, #242424 27%, #090909 77%); background: -moz-linear-gradient(270deg, #242424 27%, #090909 77%); background: -webkit-linear-gradient(270deg, #242424 27%, #090909 77%); background: -o-linear-gradient(270deg, #242424 27%, #090909 77%); padding: 65px 1em; /*padding-bottom: 20px;*/ display: none; }
.waterfall-info .separate-7-12, .waterfall-info .separate-6-12, .waterfall-info .separate-5-12 { padding: 0px 5px; }
.separateRow .separate-7-12 { width: 58.333%; }
.waterfall-info .more { position: relative; }
.separateRow .separate-5-12 { width: 41.666%; }
.separateRow .separate-6-12 { width: 50%; }
.waterfall-info .separate-7-12 .picture, .waterfall-info .separate-6-12 .picture, .waterfall-info .separate-5-12 .picture { overflow: hidden; }
.margin-bottom-12 { margin-bottom: 12px; }
.waterfall-info .content { transition: 0.3s; top: 42px; white-space: nowrap; }
.waterfall-info .three-of .content { top: 4px; }
.waterfall-info .content, a.see-more, a.download { color: #ffffff; position: absolute; text-align: center; left: 50%; transform: translateX(-50%); }
.waterfall-info .content .title { font-size: 28px; font-weight: 600; margin-bottom: 2px; }
.waterfall-info .content .description { font-size: 18px; font-weight: 200; margin-bottom: 10px; }
.waterfall-info a.download { transition: 0.3s; display: inline-block; bottom: 17%; }
.waterfall-info a.see-more { bottom: 17%; }
.waterfall-info a.see-more, .waterfall-info a.download { padding: 8px 26px; font-size: 18px; background-color: #4d09d6 !important; cursor: pointer; opacity: 0; transition: 0.3s; }
.waterfall-info a.see-more:hover, .waterfall-info a.download:hover { background-color: #811ece !important; }
.separate-5-12 > .more:hover a.see-more, .separate-6-12 > .more:hover a.see-more, .separate-7-12 > .more:hover a.see-more { opacity: 1; bottom: 18%; }
.separate-5-12 > .more:hover a.download, .separate-6-12 > .more:hover a.download, .separate-7-12 > .more:hover a.download { opacity: 1; bottom: 18%; }
/* label.more-purple {text-align: center; margin: 20px auto 0px auto; width: 50px; cursor: pointer; display: block;}
.waterfall-info .more-purple .picture .seemore {color:#712aff; padding-bottom: 7px; margin-left: -11px; white-space: nowrap; font-size: 17px; font-weight: 700;}
.waterfall-info .more-purple .picture {-webkit-animation: MoreButtonMove 1s cubic-bezier(0.4, 0, 0.2, 1) infinite; animation: MoreButtonMove 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
@-webkit-keyframes MoreButtonMove {0% {transform: translateY(-5px);} 40% {transform: translateY(5px);} 100% {transform: translateY(-5px);}}
@keyframes MoreButtonMove {0% {transform: translateY(-5px);} 40% {transform: translateY(5px);} 100% {transform: translateY(-5px);}}
#check-purple {display: none;} */
.rwd-product { display: none; }
/* Mobile version of product story */
.rwd-separateRow { display: none; }
/* Mobile version of waterfall*/
.parallaxVideo { margin-bottom: -5px; }
.disNon { display: none !important; }
.disBlock { display: block !important; }
.ipadProHeight { height: 100% !important; }
/* Website Products - Triangle Block */
.column-3 { position: relative; text-align: center; transition: 0.3s; cursor: pointer; right: 0; overflow: hidden; }
.column-3 svg.three { position: absolute; top: 0px; right: 0px; opacity: 0; z-index: 999; transition: 0.7s; transform: translate(50%, -50%); }
.column-3 svg.three text { font-size: 19px; font-weight: bold; fill: #111; transform-origin: 0px 0px; text-align: center; display: block; white-space: nowrap; }
.column-3:hover svg.three { transform: translate(0%, 0%); opacity: 1; }
/* Mobile version - Hot Block */
.rwd-pNew { display: none; position: absolute; background: #4d0ad6; color: #fff; font-size: 0.75rem; z-index: 1; top: 10%; left: 50%; transform: translate(-50%, -10%); border: 1px solid transparent; border-radius: 0.35rem; font-weight: 700; padding: 0.1rem 0.4rem; box-sizing: border-box; white-space: nowrap; }
.ddmenu-box { display: none; margin-top: 0px; margin-right: 0px; text-align: right; }
.ddmenu-button { color: #fff; }
.button { background-color: #4a4a4a; border: 1px solid #4a4a4a; color: #fff; cursor: pointer; padding: 4px 20px; text-transform: uppercase; vertical-align: middle; }
.button:hover { background-color: #986700; border: 1px solid #f5ac2f; color: #fff; }
button.slick-autoplay-toggle-button {display: none;}
section#rotators button.slick-autoplay-toggle-button {display: block; left: initial; right: 15px;}
@media (min-width: 1601px) {
.evga-logo-box img.logoIntelligent { display: block; margin-top: 6px; }
.evga-logo-box img.logoWhite { display: none; }
}
@media (max-width: 1600px) {
.evga-logo-box img.logoIntelligent { display: none; }
.evga-logo-box img.logoWhite { display: block; margin-top: -3px; }
}
@media (min-width: 1101px) {
.cbp-hrmenu > ul { display: block !important; }
/* .cbp-hrsub {top: 84px;} */
.footer-column p { width: 180px; margin-bottom: 0em; }
}
@media (max-width: 1100px) {
/* .slick-slide {max-width: 100%; height: calc(100vh - 66px);} 20200730 */
.slick-slide { max-width: 100%; width: 100%; height: 100%; }
.slider-image { width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move; }
.slider-image.mobile { background-size: cover; display: none; }
header { margin-top: 0; height: 67px; }
header.float-over { position: relative; height: 67px; }
.evga-logo-box { position: absolute; text-align: center; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; }
.evga-logo-box img { width: 100%; height: 100%; margin-top: 0 !important; }
.cbp-hrmenu > ul { background: #222; display: none; position: absolute; top: 80px; left: 0; text-align: center; width: 100%; z-index: 1000; }
.cbp-hrmenu > ul > li { border-bottom: 1px dotted #555; display: block; text-align: center; }
.cbp-hrmenu > ul > li > a,
.cbp-hrmenu > ul > li > button { display: block; padding: 25px; width:100%; }
.cbp-hrmenu > ul > li > a:hover,
.cbp-hrmenu > ul > li > button:hover { color: #ffffff; }
.cbp-hrmenu > ul > li > a::after,
.cbp-hrmenu > ul > li > button::after{ content: ""; display: none; }
.cbp-hrmenu > ul > li > a:hover::after,
.cbp-hrmenu > ul > li > button:hover::after{ content: ""; display: none; }
.cbp-hrmenu > ul > li > a.navActive,
.cbp-hrmenu > ul > li > button.navActive{ color: #fff; font-weight: 400; }
.cbp-hrmenu > ul > li > a:not(.navActive),
.cbp-hrmenu > ul > li > button:not(.navActive){ transform: scale(1.0); transform-origin: initial; }
.cbp-hrmenu > ul > li > a.navActive::after,
.cbp-hrmenu > ul > li > button.navActive::after{ content: ""; display: none; }
.cbp-hrmenu > ul > li.cbp-login { display: block; }
.cbp-hrmenu > ul > li.cbp-country { display: none; }
.cbp-hrsub { text-align: left; }
.cbp-hropen > a { color: #ffffff; position: relative; }
.cbp-hrmenu .cbp-hropen .cbp-hrsub { position: relative; top: 0px; padding-bottom: 0; }
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner { max-width: 100%; }
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column { float: none; width: 100%; text-align: left; padding: 0; }
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column h4 { padding: 2em 3em; border-bottom: 1px solid rgb(30, 30, 30); }
.cbp-hrsub .headingTitle { padding: 2em 3em; border-bottom: 1px solid rgb(30, 30, 30); }
/* .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column h4::before {font-family: "FontAwesome"; content: "\f067"; float: right;} */
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul { width: 100%; margin: 0; padding: 0; text-align: left; background-color: rgb(45, 45, 45); }
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li { border-bottom: 1px solid rgb(60, 60, 60); }
/* #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(2), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(3), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(4), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(5), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(6), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(7), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(8), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(9), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(10), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(11), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(12), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(13), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(14), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(15), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(16) {display: none;} */
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li a { display: block; padding: 13px 3em; }
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li ul li { border-bottom: 0px solid rgb(60, 60, 60); padding: 0 3em; }
.cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li ul li a { color: #a5a5a5; }
.cbp-login .cbp-hrsub a { display: block; padding: 25px; }
.search-box { top: 13px; right: 0%; }
.login-box { display: none; }
.ddmenu-box { display: block; text-align: left; padding-left: 0px; position: absolute; top: 13%; z-index: 1; }
.cbp-hrmenu > ul { top: 63px; }
.footer-bottom { padding: 3% 5% 2% 5%; padding-bottom: 100px; }
.menu-subcat:hover { background: none; border: none; border-right: none; left: 0; padding-left: 0; }
.menu-subcat .subcat-list { background: none; border: none; display: block; position: relative; top: 0; left: 0; }
.menu-subcat button { display: none; }
.subcat-list li { padding-left: 16px; position: relative; left: 0; }
.subcat-list li:first-child { background: none; }
.homestory-item .Button_text_R { width: 100% !important; right: -20% !important; top: 35% !important; background-size: Contain !important; background-position: center !important; background-repeat: no-repeat !important; }
.homestory-item .Button_text_L { width: 100% !important; left: -20% !important; top: 35% !important; background-size: Contain !important; background-position: center !important; background-repeat: no-repeat !important; }
.rwd-product { display: block; }
/* Mobile version of product story */
#scene { display: none; }
/* Parallax scrolling */
.waterfall-info { padding: 20px 1em; }
.waterfall-info a.see-more, .waterfall-info a.download { opacity: 1; }
.homestory-item { height: 200px !important; }
.homestory-item .Button-rwd { height: 200px; }
.homestory-item .Button-rwd .Button_text1 { font-size: 36px; position: absolute; left: 50%; transform: translate(-50%, 120px); z-index: 91; font-family: "Staatliches", Arial, Helvetica, sans-serif, "微軟正黑體"; text-shadow: black 0.1em 0.1em 0.2em; white-space: nowrap; }
.homestory-item .Button-rwd .Button_text2 { font-size: 15px; position: absolute; left: 50%; transform: translate(-50%, 165px); line-height: 21px; z-index: 91; font-family: "Open Sans", Arial, Helvetica, sans-serif, "微軟正黑體"; color: rgba(200, 200, 200, 1); text-shadow: black 0.1em 0.1em 0.2em; white-space: nowrap; }
.homestory-item .Button-rwd .Button_img { height: 300px; width: 100%; }
.homestory-item .Button-rwd .Button_img img { max-width: 100%; width: auto; height: auto; object-fit: contain; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.waterfall-info .content { top: 20px; }
.waterfall-info .content .title { font-size: 25px; }
.waterfall-info .content .description { font-size: 16px; }
.waterfall-info a.see-more, .waterfall-info a.download { padding: 5px 32px; font-size: 16px; white-space: nowrap; }
}
@media (max-width: 1000px) {
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { max-width: 100%; width: 100%; }
/* .slick-slide {max-width: 100%; height: 100%;}
.slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
.footer-bottom { padding-bottom: 120px; }
}
@media (max-width: 900px) {
/* .slick-slide {max-width: 100%; height: 100%;}
.slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
.carousel .row { width: 100%; display: block; text-align: center; }
.slick-dots { bottom: 10px !important; }
.footer { padding-top: 0px; }
.footer-bottom { padding-bottom: 120px; }
.footer-column { margin-right: 0; width: 100%; }
.footer-column p, .footer-morelink { text-align: center; margin-bottom: 0em; }
.fcol-item1, .fcol-item2, .fcol-item3, .fcol-item4, .fcol-item5, .fcol-item6, .fcol-item7 { display: none; }
/* RWD menu */
.fcol-item1 p, .fcol-item2 p, .fcol-item3 p, .fcol-item4 p, .fcol-item5 p, .fcol-item6 p, .fcol-item7 p { padding: 16px; border-top: 1px solid #444; background-color: #222; }
.footer-column .current { border-top: 1px solid #444; display: block; font-size: 14.4px; padding: 24px 0px; text-align: center;}
.footer-column .fcol6 .current { border-bottom: 1px solid #444; }
.footer-column a { font-size: 14px; color: #a5a5a5; padding: 1.5em 3em; border-top: 1px dotted #555; display: block; background-color: #222; margin: 0;}
.footer-column a:hover { font-size: 14px; color: #a5a5a5; padding: 1.5em 3em; border-top: 1px dotted #555; display: block; background-color: #222; margin: 0; }
.footer-column ul li { margin: 0; }
.footer-menu { display: block; text-align: center; padding-bottom: 20px; }
.footer-icons { margin: 0px !important; }
.footer-icons a { font-size: 24px; }
.footer-icons p { border-top: 0px solid #444; border-bottom: 1px solid #444; }
.footer-column > a { font-size: 20px; }
.mail-box { padding-bottom: 30px; text-align: center; }
.mail { width: 50%; }
.space-p { display: none; }
}
@media (max-width: 851px) {
.carousel .row .column-3 { width: 22%; float: left; }
/* .slick-slide {width: 100%; height: calc(100vh - 66px) !important;} */
/* .slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
.three { display: none; }
.rwd-pNew { display: block; }
/* pc-square mobile-rectangle */
.carousel .row .column-3 .column-img { padding: 0; margin-bottom: -20%; }
.carousel .row .column-3 .column-img img { opacity: 1 !important; transform: scale(1); transition: 0.5s; }
.carousel .row .column-3:hover .column-img img { transform: scale(1); }
.waterfall-info .content { top: 15px; }
.waterfall-info .content .title { font-size: 22px; }
.waterfall-info a.see-more, .waterfall-info a.download { padding: 4px 32px; }
}
@media (max-width: 700px) {
.homestory-item .Button_text_R { right: -10% !important; }
.homestory-item .Button_text_L { left: -10% !important; }
.waterfall-info .content { top: 10px; }
.waterfall-info .content .title { font-size: 21px; }
.waterfall-info a.see-more, .waterfall-info a.download { padding: 3px 32px; }
}
@media (max-width: 600px) {
/* .slick-slide {max-width: 100%; height: 100%;}
.slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
.carousel .row { width: 100%; display: block; text-align: center; }
.carousel .row .column-3 { max-width: 600px; width: 50%; margin: 0 auto; transition: 0.3s; -moz-transition: 0.3s; overflow: hidden; }
/* .carousel .row .column-3:hover {box-shadow: 0 0 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);} */
.search-box { top: 13px; right: 0%; }
.search-box .input-search { background: url("/filesImages/common/Icon_Search.png") no-repeat 10px 20px rgba(0, 0, 0, 0); border: none; border-radius: 0px; box-shadow: 0 0px 0 rgba(255, 255, 255, 0), 0 1px 3px rgba(0, 0, 0, 0) inset; color: #d7d7d7; font-weight: 700; transition: all 0.7s ease 0s; width: 50px; height: 67px; padding: 10px 10px 10px 50px; margin-top: -15px; font-size: 18px; }
.search-box .input-search:focus { background: url("/filesImages/common/Icon_Search_Gray.png") no-repeat 20px 20px #fff; color: #404040; box-shadow: 0 0px 0 rgba(255, 255, 255, 0), 0 1px 3px rgba(0, 0, 0, 0) inset; width: 100vw; height: 67px; margin-top: -15px; border-radius: 0px; padding-left: 60px; padding-right: 50px; }
select { background-position: right 14px top -17px; background-size: 13px; padding: 0px; }
/* Select-language drop-down arrow */
.footer-bottom ul li { font-size: 12px; }
.footer-bottom a { padding: 5px; }
.footer-bottom { flex-direction: column; padding: 0; padding-bottom: 100px; }
.header-country { width: 100%; padding: 20px; overflow: hidden; }
.footer-copyright { margin: 20px 0; }
.footer-column .fcol6 .current { border-bottom: 0px solid #444; }
.footer-icons p:last-child { border-bottom: 0px solid #444; }
.globe-icon { display: none; }
.rwd-product { display: block; }
/* Mobile version of product story */
#scene { display: none; }
/* Parallax scrolling */
.waterfall-info { padding: 20px 1em; }
.rwd-separateRow { display: block; }
/* Mobile version of waterfall*/
.separateRow { display: none; }
/* .more-purple {display: none !important;} */
.waterfall-info .content { top: 30px; }
.waterfall-info .content .title { font-size: 28px; }
.waterfall-info .content .description { font-size: 18px; }
.waterfall-info a.see-more, .waterfall-info a.download { padding: 8px 26px; font-size: 18px; }
.separate-5-12 > .more:hover a.see-more, .separate-7-12 > .more:hover a.see-more, .separate-5-12 > .more:hover a.download, .separate-7-12 > .more:hover a.download { bottom: 17%; }
.rwd-separateRow { width: 100%; font-size: 0px; margin: -10px 0; }
.rwd-separateRow > * { box-sizing: border-box; display: inline-block; font-size: 16px; vertical-align: top; }
.waterfall-info .rwd-separateRow .separate-5-12 { width: 100%; padding: 5px 0px; overflow: hidden; }
.waterfall-info .rwd-separateRow .separate-6-12 { width: 100%; padding: 5px 0px; overflow: hidden; }
.waterfall-info .rwd-separateRow .separate-7-12 { width: 100%; padding: 5px 0px; overflow: hidden; }
.rwd-separateRow a.see-more, .rwd-separateRow a.download { padding: 4px 35px; font-size: 15px; white-space: nowrap; bottom: 10%; }
.rwd-separateRow .more:hover a.see-more, .rwd-separateRow .more:hover a.download { bottom: 10%; }
}
@media (max-width: 500px) {
/* Mobile version concept text adjustment */
.homestory-item .Button_text_R { right: 5px !important; }
.homestory-item .Button_text_L { left: 5px !important; }
}
@media (max-width: 450px) {
/* .slick-slide {max-width: 100%; width: 100%; height: 63vh !important;} 20200730 */
.slider-image { width: auto; height: 100%; background: center center no-repeat; background-size: cover; cursor: move; /*display: none !important;*/ }
.slider-image.mobile { background-size: cover; /*display: block !important;*/ }
.slick-arrow { display: none !important; }
.carousel .row .column-3 { padding: 2px 2px 0px 0px; }
.carousel .row { padding: 0px 0px 2px 2px; background-color: #242424;}
.column-3 svg.three { display: none; }
.carousel .row .column-3 img { margin: 0; }
.p-0 { padding: 0 !important; }
.bg-c46 { background: #464646 !important; }
.footer-bottom { font-size: 10px; margin-left: -2%; padding-bottom: 120px; }
}
.mcontainer:before, .mcontainer:after, .row:before, .row:after { display: table; content: " "; }
.mcontainer:after, .row:after { clear: both; }
.row { margin-left: -1em; margin-right: -1em; }
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 { position: relative; min-height: 1px; padding-right: 1em; padding-left: 1em; }
@media (min-width: 851px) {
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11 { float: left; }
.column-1 { width: 8.333333333333332%; }
.column-2 { width: 16.666666666666664%; }
.column-3 { width: 25%; }
.column-4 { width: 33.33333333333333%; }
.column-5 { width: 41.66666666666667%; }
.column-6 { width: 50%; }
.column-7 { width: 58.333333333333336%; }
.column-8 { width: 66.66666666666666%; }
.column-9 { width: 75%; }
.column-10 { width: 83.33333333333334%; }
.column-11 { width: 91.66666666666666%; }
.column-12 { width: 100%; }
.column-push-0 { left: auto; }
.column-push-1 { left: 8.333333333333332%; }
.column-push-2 { left: 16.666666666666664%; }
.column-push-3 { left: 25%; }
.column-push-4 { left: 33.33333333333333%; }
.column-push-5 { left: 41.66666666666667%; }
.column-push-6 { left: 50%; }
.column-push-7 { left: 58.333333333333336%; }
.column-push-8 { left: 66.66666666666666%; }
.column-push-9 { left: 75%; }
.column-push-10 { left: 83.33333333333334%; }
.column-push-11 { left: 91.66666666666666%; }
.column-pull-0 { right: auto; }
.column-pull-1 { right: 8.333333333333332%; }
.column-pull-2 { right: 16.666666666666664%; }
.column-pull-3 { right: 25%; }
.column-pull-4 { right: 33.33333333333333%; }
.column-pull-5 { right: 41.66666666666667%; }
.column-pull-6 { right: 50%; }
.column-pull-7 { right: 58.333333333333336%; }
.column-pull-8 { right: 66.66666666666666%; }
.column-pull-9 { right: 75%; }
.column-pull-10 { right: 83.33333333333334%; }
.column-pull-11 { right: 91.66666666666666%; }
.column-offset-0 { margin-left: 0; }
.column-offset-1 { margin-left: 8.333333333333332%; }
.column-offset-2 { margin-left: 16.666666666666664%; }
.column-offset-3 { margin-left: 25%; }
.column-offset-4 { margin-left: 33.33333333333333%; }
.column-offset-5 { margin-left: 41.66666666666667%; }
.column-offset-6 { margin-left: 50%; }
.column-offset-7 { margin-left: 58.333333333333336%; }
.column-offset-8 { margin-left: 66.66666666666666%; }
.column-offset-9 { margin-left: 75%; }
.column-offset-10 { margin-left: 83.33333333333334%; }
.column-offset-11 { margin-left: 91.66666666666666%; }
}
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.lc { text-transform: lowercase; }
.uc { text-transform: uppercase; }
.f100 { font-weight: 100; }
.f200 { font-weight: 200; }
.f300 { font-weight: 300; }
.f400 { font-weight: 400; }
.f500 { font-weight: 500; }
.f600 { font-weight: 600; }
.f700 { font-weight: 700; }
.f800 { font-weight: 800; }
.f900 { font-weight: 900; }
.italic { font-style: italic; }
#cookiebar { display: none; position: fixed; bottom: 0; left: 0; padding: 1em; width: 100%; background-color: #222; border-top: 1px solid #555; color: goldenrod; font-weight: bold; text-align: center; z-index: 9999; }
#cookiebar table { margin: auto; max-width: 800px; }
.slider { height: 500px; }
.slider li { background-position: 50% 0; background-size: cover; height: 100%; }
.slider-text { background: rgba(0, 0, 0, 0.2); padding: 10px; position: absolute; top: 400px; left: 15px; }
#slider1_container { overflow: hidden; position: relative; width: 100% !important; height: 500px; }
.loading-section { position: absolute; top: 0px; left: 0px; }
.loading-overlay { background-color: #000; display: block; filter: alpha(opacity=70); opacity: 0.7; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.loading-icon { background: url(/img/loading.gif) no-repeat center center; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.slides-container { cursor: move; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 500px; }
.news-text { position: relative; background: #131313; padding: 1em; }
.news-text a { color: #fff; text-decoration: none; }
.news-text a:hover { color: #ccc; text-decoration: underline; }
.news-heading { color: #ffb330; font-size: 16px; font-weight: 700; }
.carousel { padding: 0 1em; }
.carousel img { display: block; width: 100%; max-width: 100%; height: auto; opacity: 0.5; transition: all 0.5s ease 0s; }
.carousel img:hover { opacity: 1; transition: all 0.5s ease 0s; }
.homestory-item { height: 260px; position: relative; }
/* ticker */
#ticker { z-index: 99; position: absolute; top: 85px; width: 100%; background-color: rgba(28, 28, 28, 0.8); overflow: hidden; }
#ticker ul { margin: 0; padding: 0; height: 36px; list-style: none; }
#ticker ul li { margin: 0; padding: 1px; color: goldenrod; font-size: 12px; font-weight: bold; text-align: center; }
#ticker a { color: goldenrod; }
.homestory-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; opacity: 0.5; transition: all 0.5s ease 0s; width: 100%; height: 100%; }
.homestory-item { border-top: 2px solid #555; }
.homestory-item:last-child { border-bottom: 2px solid #555; }
.homestory-item:hover .homestory-bg { opacity: 1; transition: all 0.5s ease 0s; }
.homestory-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.homestory-text { max-width: 100%; position: absolute; top: 25%; left: 5%; }
.homestory-text.right { left: auto; right: 5%; }
span.homestory-bg.graphics-card { background-position: top center; }
/*.product-story img {border-top: 2px solid #555; display: block; max-width: 100%; height: auto; opacity: 0.5; transition: all 0.5s ease 0s;}
.product-story img:hover {opacity: 1; transition: all 0.5s ease 0s;}
.product-story a:last-child img {border-bottom: 2px solid #555;}*/
/* .evga-home {max-width: 1680px; margin: auto;} */
.slick-slider { overflow: hidden; }
.slider-image { background-position: center center; background-repeat: no-repeat; background-size: auto 100%; cursor: move; position: relative; width: 100%; height: 450px; }
.slider-image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.slider-image-text { max-width: 100%; position: absolute; }
.slider-image-text.x-left { left: 5%; }
.slider-image-text.x-center { left: 0; right: 0; margin-left: auto; margin-right: auto; }
.slider-image-text.x-right { right: 5%; }
.slider-image-text.y-center { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.slider-image-text.y-top-5 { top: 5%; }
.slider-image-text.y-top-10 { top: 10%; }
.slider-image-text.y-top-20 { top: 20%; }
.slider-image-text.y-top-30 { top: 30%; }
.slider-image-text.y-top-40 { top: 40%; }
.slider-image-text.y-top-50 { top: 50%; }
.slider-image-text.y-top-60 { top: 60%; }
.slider-image-text.y-top-70 { top: 70%; }
.slider-image-text.y-top-80 { top: 80%; }
.slider-image-text.y-bottom-5 { bottom: 5%; }
.slider-image-text.y-bottom-10 { bottom: 10%; }
.slider-image-text.y-bottom-20 { bottom: 20%; }
.slider-image-text.y-bottom-30 { bottom: 30%; }
.slider-image-text.y-bottom-40 { bottom: 40%; }
.slider-image-text.y-bottom-50 { bottom: 50%; }
.slider-image-text.y-bottom-60 { bottom: 60%; }
.slider-image-text.y-bottom-70 { bottom: 70%; }
.slider-image-text.y-bottom-80 { bottom: 80%; }
.slider-image-text.x-middle { margin: auto; left: 0; right: 0; }
.slick-arrow { cursor: pointer; display: block; margin-top: 0; overflow: hidden; position: absolute; top: 0; width: 100px; height: 100%; z-index: 999; }
.slick-nav { background: url(/img/a21.png) no-repeat; margin-top: -35px; position: absolute; top: 50%; width: 55px; height: 55px; }
.slick-prevarrow { left: 0; }
.slick-nextarrow { right: 0; }
.slick-prevarrow .slick-nav { background-position: -3px -33px; left: 5px; border: 0; cursor: pointer;}
.slick-nextarrow .slick-nav { background-position: -63px -33px; right: 5px; border: 0; cursor: pointer;}
.slick-prevarrow:hover .slick-nav { background-position: -123px -33px; }
.slick-nextarrow:hover .slick-nav { background-position: -183px -33px; }
.slick-dots { display: block; list-style: none; padding: 0; position: absolute; bottom: 25px; text-align: center; width: 100%; margin: 10px 0; }
.slick-dots li { cursor: pointer; display: inline-block; margin: 0 5px; padding: 0; position: relative; width: 20px; height: 20px; background-color: rgb(0 0 0); border-radius: 10px; }
.slick-dots li button { background: url(/img/b21.png) no-repeat -5px -5px; border: 0; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 5px; width: 20px; height: 20px; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:before { font-size: 0; line-height: 35px; position: absolute; top: 0; left: 0; text-align: center; width: 35px; height: 35px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button { background-position: -65px -5px; color: #fff; }
/* Story */
.sub-nav { background: #3E3E3E; border-bottom: 2px solid #DADADA; overflow: hidden; padding: 1px; position: relative; }
.sub-nav .evga-logo-box { line-height: 50px; padding: 0 15px; visibility: hidden; }
.subnav-main { float: left; margin: 0; overflow: hidden; width: 65%; list-style-type: none; }
.subnav-main li { border-right: 1px solid #2B2B2B; color: #838383; cursor: pointer; float: left; font-size: 15px; font-weight: 700; margin: 0; padding: 15px; text-transform: uppercase; }
.subnav-main li:first-child { border-left: 1px solid #2B2B2B; }
.subnav-main .nav-active { background: #2C2A2B; border-top: 2px solid #fff; color: #fff; }
.sub-nav .home-icon { height: 30px; max-width: none; vertical-align: middle; width: 123px; }
.sub-nav .dropdown { display: none; position: absolute; top: 50%; right: 25px; margin-top: -16px; }
.sub-nav { z-index: 999; }
.is-sticky .sub-nav { overflow: visible; width: 100%; }
.is-sticky .sub-nav .evga-logo-box { visibility: visible; }
.is-sticky .dropdown { display: block; }
.subicon { background: url("/img/story/subMenu-icon.png") no-repeat; cursor: pointer; display: block; width: 34px; height: 35px; }
.subicon:hover { background-position: 0 -35px; }
.dropdown-subnav { background: #333; border: 1px solid #555; display: none; font-size: 12px; font-weight: 700; margin-top: 20px; position: absolute; top: 100%; right: -5px; text-align: right; width: 200px; }
.dropdown-subnav ul { border-bottom: 5px solid #ccc; list-style: none; margin: 0; padding: 10px; }
.dropdown-subnav li { padding: 5px 0; text-transform: uppercase; }
.dropdown-open .dropdown-subnav { display: block; }
.arrow-box { background: #333; border-top: 1px solid #555; border-right: 1px solid #555; position: absolute; top: -10px; right: 10px; transform: rotate(-45deg); width: 20px; height: 20px; }
.main-story img { max-width: 100%; height: auto; }
.main-story .gallery-section img { max-width: initial; width: 100%; }
.conceptstory-bg { background-position: center center; background-repeat: no-repeat; /*background-size: cover;*/ display: block; opacity: 0.5; transition: all 0.5s ease 0s; width: 100%; height: 100%; }
.conceptstory-item { height: 622px; position: relative; }
.conceptstory-item:last-child { border-bottom: none; }
.conceptstory-item:hover .conceptstory-bg { opacity: 1; transition: all 0.5s ease 0s; }
.conceptstory-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.conceptstory-text { position: absolute; top: 25%; left: 9%; }
.conceptstory-text.right { left: auto; right: 6%; }
.conceptstory-text p { color: #fff; margin-top: 5px; max-width: 400px; }
.seespec-link { background: rgba(100, 103, 106, 0.5); display: block; max-width: 250px; padding: 5px 10px; text-align: center; }
.conceptstory-text a { color: rgb(255,255,255); text-decoration: none; font-size: 15px; }
.conceptstory-text a:hover { color: #ffb330; }
.features-block { margin: 4px auto; max-width: 1542px; }
.features-block .row { margin: 0 0 4px 0; }
.features-block .row > div { padding: 0 2px; }
.conceptstory-feature { background-position: center center; background-repeat: no-repeat; border: 1px solid #323232; height: 434px; opacity: 0.5; position: relative; transition: all 0.5s ease 0s; }
.conceptstory-feature:hover { opacity: 1; }
.csf-text { position: absolute; left: 30px; bottom: 7%; max-width: 75%; }
.csf-text.right { left: auto; right: 30px; }
.csf-header { border-bottom: 1px solid #888; margin-bottom: 15px; }
.full .csf-text { max-width: 33%; }
.gallery-section { margin-bottom: 10px; }
.slick-slider-storygallery { border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 0 41px; position: relative; }
.slick-slider-storygallery .slick-slide { border-left: 1px solid #555; border-right: 1px solid #555; margin-right: -1px; position: relative; }
.slick-slider-storygallery span { font-size: 15px; font-weight: 500; text-transform: uppercase; margin: 15px 10px 0 20px; position: absolute; width: 85%; }
.slick-arrow.gallery { background: rgba(51, 51, 51, 0.4); transition: all 0.3s ease 0s; width: 40px; }
.slick-arrow.gallery:hover { background: rgba(51, 51, 51, 0.8); }
.gallery-nav { display: block; margin-top: -20px; position: absolute; top: 50%; width: 41px; height: 41px; }
.slick-prevarrow .gallery-nav { background: url("/img/story/nav.png") no-repeat 0 0; left: 5px; }
.slick-nextarrow .gallery-nav { background: url("/img/story/nav.png") no-repeat 0 -41px; right: 0; }
.gallery-popup .fancybox-skin { background: #363636; border-radius: 0; }
.gallery-popup .fancybox-title { font-size: 14px; color: #fff; font-weight: 400; margin-bottom: 10px; padding-top: 0; }
.products-section { background: #fff; border-top: 2px solid #F1F1F1; padding: 40px 20px; }
.products-section p { color: #000; margin-top: 10px; }
.products-inner { margin: auto; max-width: 1400px; }
.products-group { list-style: none; margin-top: 40px; overflow: hidden; }
.products-group li { float: left; margin-right: 1%; width: 24.25%; }
.products-group li:last-child { margin-right: 0; }
.story-video { border: 2px solid #fff; display: block; margin: 25px 0; width: 250px; height: 150px; }
.productstory-header { height: 466px; position: relative; }
.productstory-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; }
/*.productstory-text-header {position: absolute; width:50%; min-height:25%; top: 40%; right:0; padding:1%; background-color:rgba(0 ,0 ,0 ,0.3);}*/
.productstory-text-header { position: absolute; width: 35%; min-height: 25%; top: 45%; right: 0; padding: 1%; background-color: rgba(0,0,0,0.5); }
.productstory-text { margin-left: 10px; width: 90%; font-size: 0.9em; line-height: 1.4em; padding-right: 5%; }
.productstory-text2 { width: 90%; font-size: 0.9em; line-height: 1.4em; padding-right: 5%; }
.techstory .productstory-text-header { background: none; padding: 0; top: 25%; }
.tech-heading { display: block; margin-bottom: 30px; margin-left: -90px; }
.tech-subheading { margin-left: 0px; }
.techstory p { color: #fff; margin-top: 15px; max-width: 450px; }
.acxstory-item { height: 856px; }
.acxstory-item .conceptstory-text { top: 5%; }
@media (max-width: 1000px) {
.clearfix { margin-top: 0px; }
.csf-text { max-width: 98%; }
/* Concept page */
}
@media (max-width: 900px) {
.slider-image-text { display: block; margin: auto; position: relative; top: 0% !important; left: 0 !important; right: 0 !important; text-align: center; max-width: 98%; }
.slider-image-text:first-of-type { padding-top: 15%; }
.slider-image-text.hide { display: none !important; }
.news-text .column-3 { margin-bottom: 10px; }
.carousel img { margin: 10px auto; }
.homestory-bg.graphics-card { background-position: 40% 0; }
.homestory-bg.motherboards { background-position: 15% 0; }
.homestory-bg.power-supply { background-position: 75% 50%; }
/*.product-story img {overflow: hidden; width: 1600px; height: 261px;}*/
.conceptstory-text { top: 20%; left: 5% !important; right: auto !important; width: 90%; }
.story-video { display: block; margin: 25px auto; }
.seespec-link { max-width: 100%; }
.productstory-text-header { top: 35%; left: 5%; right: auto !important; width: 90%; padding: 2%; }
.products-group li { margin-right: 0; margin-bottom: 5px; text-align: center; width: 100%; }
.full .csf-text { max-width: 75%; left: 10px; }
.csf-text { left: 10px; }
/* Concept page */
}
@media (max-width: 800px) {
.sticky-wrapper { display: none; }
.homestory-text { left: 2.5%; right: 2.5%; max-width: 95%; }
}
/* Login style on Home website*/
#regbar, #regbar2 { background-color: rgba(26, 26, 26, 0.8); }
#navthing, #navthing2 { position: absolute; font-size: 11px; top: 0; right: 3.1%; z-index: 9999; }
#navthing h2, #navthing2 h2 { padding: 0px; color: #cccccc; text-align: right; font-size: 13px; font-weight: 400; padding: 34px 0px 10px 10px; }
fieldset { border: none; }
#wrap .login, #wrap2 .login { position: relative; width: 120px; display: none; z-index: 9980; top: 20x; right: 0; }
/*.arrow-up {
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #736e71;
right: 4%;
position: absolute;
top: -9px;
}*/
.formholder { background: rgba(26, 26, 26, 0.8); width: 120px; border-radius: 3px; padding-top: 0; border: 1px solid #736e71; font-size: 12px; }
.formholder input[type="email"]:focus, .formholder input[type="password"]:focus { outline: none; box-shadow: 0 0 1px 1px #1abc9c; }
.formholder input[type="submit"] { background: #4a4a4a; padding: 3px; font-size: 12px; display: block; width: 100%; border: none; color: #fff; border-radius: 2px; border: 1px solid #736e71; cursor: pointer; }
.formholder input[type="submit"]:hover { background: #986700; border: 1px solid #f5ac2f; }
.randompad { padding: 13px; }
.orange { color: #ffb330; }
.footer-social { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); margin-top: 20px; vertical-align: middle; line-height: 10px; }
.footer-icons { margin-top: 10px; }
@media (min-width:1921px) {
.news-text { max-width: 1920px; margin: auto; }
.carousel { max-width: 1920px; margin: auto; }
.product-story { max-width: 1920px; margin: auto; }
}
@media (max-width: 1299px) {
#navthing h2, .login, .formholder, .arrow-up { display: none; }
#navthing2 h2, .login, .formholder, .arrow-up { display: none; }
}
@media (max-width: 850px) {
header.float-over { position: initial; }
.row-ticker { display: none; }
.news-text { padding: 1em; }
.news-text .row { margin: 0; }
.news-text .column-3 { padding: 0; }
.news-text .column-3:last-child { margin-bottom: 0; }
}
@media (max-width: 1279px) {
.evga-logo-box { width: auto; }
}
@media (max-width: 1200px) {
/* .evga-logo-box {display: none;} */
}
@media (max-width: 1100px) {
.evga-logo-box { display: initial; }
#ticker { display: none; }
}
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/* Keyboard focus indicator main site*/
.MainContent a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.search-box .login-popup a:focus-visible .btn-a {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.MainContent .rightArrows a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 10px;}
.MainContent input:focus-visible {outline: 1px dashed #fff; border-radius: 2rem; outline-offset: 1px;}
.MainContent select:focus {box-shadow: 0 0 3pt 2pt #fff;}
.footer-block a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.footer-bottom select:focus {box-shadow: 0 0 3pt 2pt #fff;}
.footer-bottom a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.carousel .column-img a:focus-visible img {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: -25px;}
#slides .slide a:focus-visible .body {outline: 2px dashed #fff; outline-offset: 15px;}
/* SR */
.sr-only { border:0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; width: 1px; overflow: hidden; position: absolute !important; word-wrap: normal !important;}
/* header */
header.float-over {position: relative;}
.slick-slide {width: 100%; height: calc(100vh - 78px); overflow: hidden; margin: 0; padding: 0;}
.slider-image {width: 100%; height: 100%; min-height: 100%; min-height: -webkit-fill-available; min-height: -moz-fill-available; background: center center no-repeat; background-size: cover; cursor: move; display: block;}
.slider-image.mobile {background-size: cover; display: none;}
.slick-dots li button:focus-visible {outline: 3px dashed #fff;}
.slick-current .slider-image a:focus-visible {outline: 3px dashed #fff; outline-offset: -30px;}
.scroll-top {bottom: 20px; right: -20px; font-size: 20px; height: 40px; position: fixed; text-align: center; width: 40px; z-index: 999; cursor: pointer; transition: .7s; border-radius: 50%; line-height: 40px; color: #fff; background-color: #4d0ad6; opacity: 0; visibility: hidden;}
.scroll-top:hover {cursor: pointer; background-color: #5c17e6;}
.scroll-top:active {background-color: #6b26f5;}
.scroll-top.show {right: 20px; opacity: 1; visibility: visible;}
.d-flex {display: flex;}
.flex-row {flex-direction: row;}
.align-items-center {align-items: center;}
.justify-content-center {justify-content: center;}
.homestory-item{height: 450px; position: relative; border-top: 2px solid #555; overflow: hidden;}
.Button-rwd{width: 100%; height: 450px; text-align: center; }
.GraphicCard{background-image: url('/filesimages/Concept/images/homebanner/GraphicCard_BG.jpg');}
.Motherboard{background-image: url('/filesimages/Concept/images/homebanner/Motherboard_BG.jpg');}
.Power{background-image: url('/filesimages/Concept/images/homebanner/Power_BG.jpg');}
.Other{background-image: url('/filesimages/Concept/images/homebanner/Other_BG.jpg');}
.Laptop{background-image: url('/filesimages/Concept/images/homebanner/Laptop_BG.jpg');}
.Case{background-image: url('/filesimages/Concept/images/homebanner/Case_BG.jpg');}
.CLC{background-image: url('/filesimages/Concept/images/homebanner/CLC_BG.jpg');}
.Audiocard{background-image: url('/filesimages/Concept/images/homebanner/Audiocard_BG.jpg');}
.Button_text_R{width: 400px; height: 75px; display: block; position: absolute; top: 180px; right:100px; z-index: 101;}
.Button_img_R{height: 450px; display: block; position: absolute; right:10px; overflow: hidden; z-index: 100;}
.Button_img_R img {width: 1807px; height: 450px; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; transition: all 2s; opacity: 0.5;}
.Button_img_R img:hover {width: 1903px; height: 474px; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1;}
.Button_text_L{width: 400px; height: 75px; display: block; position: absolute; top: 180px; left:100px; z-index: 101;}
.Button_img_L{height: 450px; display: block; position: absolute; left:10px; overflow: hidden; z-index: 100;}
.Button_img_L img {width: 1807px; height: 450px; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; transition: all 2s; opacity: 0.5;}
.Button_img_L img:hover {width: 1903px; height: 474px; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1;}
.Button_img_Laptop{right:-150px;}
@media screen and (max-width: 1600px){.Button_img_R{right:-50px;} .Button_img_L{left:-100px;}}
@media screen and (max-width: 1500px){.Button_img_R{right:-200px;} .Button_img_L{left:-200px;} .Button_img_Motherboard{left:-300px;} .Button_img_Laptop{right:-300px;}}
@media screen and (max-width: 1300px){.Button_img_Motherboard{left:-350px;} .Button_img_Laptop{right:-350px;}}
@media screen and (max-width: 1200px){.Button_img_R{right:-150px; z-index: 90;} .Button_img_L{left:-150px; z-index: 90;}}
@media screen and (max-width: 1000px){.homestory-item{height: 300px;} .Button_img_R{right:-150px;} .Button_img_R img{width: 1204px; height: 300px;} .Button_img_L{left:-150px;} .Button_img_L img{width: 1204px; height: 300px;}}
@media (min-width: 1100px) {
/* .slick-slide {max-width: 100%; height: calc(100vh - 66px);} */
}
@media (max-width: 1200px) {
.slider-image {display: none;}
.slider-image.mobile {display: block;}
}
@media screen and (orientation: portrait) {
.slider-image {display: none !important;}
.slider-image.mobile {display: block !important;}
}
@media screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation: landscape) {
.slick-slide {width: 100%; height: calc(100vw * 1610/4430);}
.slider-image {display: block !important;}
.slider-image.mobile {display: none !important;}
}
@media (max-width: 450px) {
.slick-slide {max-width: 100%; width: 100%; height: 63vh !important;}
}
a {text-decoration: none; color: inherit;}
:focus-visible {outline: 2px dashed #fff;}
:focus:not(:focus-visible) {outline: none;}
@keyframes animStar { from {transform: translateY(0px);} to {transform: translateY(-2000px);}}
/* Where To Buy */
.main-wtb {margin-top: 20px;}
.main-wtb .RadTabStrip {background: #000;}
.main-wtb .RadTabStrip .rtsLevel {background: none;}
.main-wtb .RadTabStrip .rtsLI .rtsLink {background: #3A3839; border-top: none; border-right: 1px solid #555; border-bottom: 1px solid #777; border-left: none; color: #fff; font-weight: 700; padding: 6px 0 6px 8px;}
.main-wtb .RadTabStrip .rtsLI .rtsLink.rtsSelected {background: #242223; border: 1px solid #777; border-bottom: none; padding-top: 8px;}
.main-wtb .RadTabStrip .rtsLI.rtsLast .rtsLink {border-right: none;}
.main-wtb .RadTabStrip .rtsLI.rtsLast .rtsLink.rtsSelected {border-right: 1px solid #777;}
.wtb-list {background: #242223; border: 1px solid #777; border-top: none; min-height: 500px; padding: 40px 20% 40px 20%;}
.wtb-list h2 {border-bottom: 1px solid #fff; color: #fff; font-weight: 700; margin: 0 auto 10px; text-align: center; width: 90%;}
.wtb-list table {margin-bottom: 25px;}
.wtb-list td {text-align: center; width: 33%;}
.wtb-company {color: #fff; margin-bottom: 15px; text-align: center;}
/** Skip to main content link */
.skip-to-content {
padding: 8px;
position: absolute;
background: #fff;
left: 50%;
height: 30px;
color: #333;
text-decoration: none;
transform: translate(-50%, -100%);
transition: transform 0.3s;
z-index: 2001;
}
.skip-to-content:hover {
color: #000;
}
.skip-to-content:focus {
transform: translate(-50%, 0%);
}
.skip-to-content:focus-visible {
outline-offset: 1px;
outline: -webkit-focus-ring-color auto 1px;
}
/* about */
.main {
margin: 20px auto;
max-width: 1080px;
}
.main a {
color: #ffb330;
}
.main h2 {
background: #2E2C2D;
font-weight: 700;
margin: 20px 0 5px;
padding: 5px 10px;
}
.main h3 {
font-size: 16px;
font-weight: 700;
}
.main-top {
padding: 10px 0;
}
.evga-logo {
float: left;
margin-left: 50px;
}
.address {
font-size: 20px;
line-height: 51px;
text-align: center;
}
.contact {
margin: 0;
}
.contact > div {
padding: 0;
}
.company {
text-align: right;
}
.main .press-release {
color: #fff;
}
.press-release-date {
color: #ffb330;
display: inline-block;
text-align: right;
width: 80px;
}