/******************************  Generic Styles  *****************************/
/*============================================================================= Major Colors ===========================================================================*/
/*============================================================================= TYPOGRAPHY ===========================================================================*/
/* first for Internet Explorer < 9 */
@font-face { font-family: DINPro; font-style: normal; font-weight: normal; src: url("../fonts/DINWebPro.eot"); -webkit-font-smoothing: antialiased; }

@font-face { font-family: DINPro; font-style: normal; font-weight: lighter; src: url("../fonts/DINWebPro-Light.eot"); -webkit-font-smoothing: antialiased; }

@font-face { font-family: DINPro; font-style: normal; font-weight: bold; src: url("../fonts/DINWebPro-Bold.eot"); -webkit-font-smoothing: antialiased; }

@font-face { font-family: GeForce; font-style: normal; font-weight: bold; src: url("../fonts/geforce_bold-webfont.eot"); -webkit-font-smoothing: antialiased; }

/* then for WOFF-capale browsers */
@font-face { font-family: DINPro; font-style: normal; font-weight: normal; src: url("../fonts/DINWebPro.woff") format("woff"); -webkit-font-smoothing: antialiased; }

@font-face { font-family: DINPro; font-style: normal; font-weight: lighter; src: url("../fonts/DINWebPro-Light.woff") format("woff"); -webkit-font-smoothing: antialiased; }

@font-face { font-family: DINPro; font-style: normal; font-weight: bold; src: url("../fonts/DINWebPro-Bold.woff") format("woff"); -webkit-font-smoothing: antialiased; }

@font-face { font-family: GeForce; font-style: normal; font-weight: bold; src: url("../fonts/geforce_bold-webfont.woff") format("woff"); -webkit-font-smoothing: antialiased; }

/* */
/* modal */
.modal-body { padding: 0px 75px; }

.modal-close { cursor: pointer; }

.modal-close-icon { background-color: black; cursor: pointer; display: block; float: right; height: 33px; width: 33px; }

.modal-footer { color: white; padding: 15px; }

.modal-header { border-bottom: 1px solid black; padding: 10px 15px; }

.modal-header .title { float: left; font-size: 18px; line-height: 27px; }

.modal-window { background-color: black; border: 1px solid black; border: 1px solid rgba(0, 0, 0, 0.3); display: none; overflow: auto; position: absolute; z-index: 1001; }

#window-mask { background-color: black; display: none; left: 0; position: absolute; top: 0; z-index: 1000; }

form { margin: 0; }

a { color: #76b900; text-decoration: none; }

html, button, input, select, textarea { color: #0d0d0d; }

html, button, input, select, textarea { font-family: sans-serif; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }

button, input { line-height: normal; }

button, input, select, textarea { /* font-size: 100%; */ margin: 0; vertical-align: baseline; }

input::-moz-focus-inner { border: 0; padding: 0; }

#notify-form { /*background: url("../img/notify-popup-bg.png") repeat scroll 0 0;*/ background: black; border: 1px solid #76b900; border-radius: 5px 5px 5px 5px; font-size: 1em; padding: 25px 25px 5px; width: 438px; -webkit-box-shadow: 2px 2px 7px #0d0d0d; -moz-box-shadow: 2px 2px 7px #0d0d0d; box-shadow: 2px 2px 7px #0d0d0d; /* display:none; */ }

.notify { /* background: none repeat scroll 0 0 transparent; border: medium none; display: none; height: 700px; position: absolute; right: -8px; top: 28px; width: 517px; */ position: absolute; z-index: 1000; }

.close { font-size: .9em; position: absolute; right: 35px; text-transform: uppercase; top: 5px; z-index: 2000; }

.note a { color: inherit; text-decoration: none; }

#notify-form .formLine { clear: both; line-height: 40px; margin: 10px 0; text-align: right; }

#notify-form .formLine label { float: left; text-transform: uppercase; }

#notify-form .formLine input { /* background-color: #262626; */ background: transparent; border: 1px solid #76b900; border-radius: 5px 5px 5px 5px; color: silver; height: 28px; padding: 0 5px; width: 71%; }

#notify-form .formLine select { background-color: #0d0d0d; border: 1px solid #76b900; border-radius: 5px 5px 5px 5px; color: silver; padding: 7px; }

.note { /*background: url("../img/btn-bullet-gr.png") no-repeat scroll 0 2px transparent;*/ color: #76b900; padding-left: 15px; }

#notify-form .formLine .note { /*background: url("../img/btn-bullet-gr.png") no-repeat scroll left center transparent;*/ float: left; font-size: 0.7em; }

#notify-form .formLine input[type="submit"] { color: #76b900; font-size: 0.8em; height: 27px; text-transform: uppercase; width: 120px; }

.submit-bttn { line-height: 1em; margin: 0; padding: 0; text-align: center; vertical-align: top; }

#notify-bttn, #notify-bttn:active { border: none; outline: none; }

#notify-form .formMessages { color: #76b900; margin: 15px 0; }

#notify-form .formLine input.error, #notify-form .formLine select.error { border-color: red; }

.notify-iframe iframe { border: medium none; height: 100%; width: 100%; }

.notify-iframe { background: none repeat scroll 0 0 transparent; border: medium none; display: none; position: absolute; /* right: 225px;*/ top: 185px; width: 517px; height: 700px; z-index: 9999; }

#notify-me a { border: 0; outline: 0; }

div.signup { font-size: 13px; font-family: DINPro, Arial, sans-serif; line-height: 1.4; /*text-align:center !important;*/ text-transform: none; }

#rate-this-page { /* RATING STYLES */ }
#rate-this-page .more-info.close { right: 20px; top: auto; }
#rate-this-page form { color: silver; font-family: DINPro, Arial, sans-serif; text-align: left; }
#rate-this-page form#shieldRateThisPage { display: block !important; }
#rate-this-page form .error { border: 1px solid #76b900 !important; }
#rate-this-page .left { float: left; padding: 10px; }
#rate-this-page .left textarea { height: 75px; margin: 5px 0; max-height: 75px; max-width: 300px; }
#rate-this-page .left input, #rate-this-page .left textarea { margin: 5px 0; width: 300px; }
#rate-this-page .left input:focus, #rate-this-page .left textarea:focus { outline: 5px auto #76b900; outline-offset: -2px; }
#rate-this-page div.notice { color: silver; font-size: 10px; margin-top: 10px; }
#rate-this-page .right { float: right; padding: 10px; }
#rate-this-page table { margin: 15px 0; }
#rate-this-page td { padding: 6px 1px; text-align: right; }
#rate-this-page .button { float: right; margin-top: 2px; }
#rate-this-page .content { background: black; height: 245px; width: 576px; }
#rate-this-page input[type="date"], #rate-this-page input[type="datetime"], #rate-this-page input[type="datetime-local"], #rate-this-page input[type="email"], #rate-this-page input[type="month"], #rate-this-page input[type="number"], #rate-this-page input[type="password"], #rate-this-page input[type="search"], #rate-this-page input[type="tel"], #rate-this-page input[type="text"], #rate-this-page input[type="time"], #rate-this-page input[type="url"], #rate-this-page input[type="week"], #rate-this-page select, #rate-this-page textarea { -moz-box-sizing: border-box; background-clip: padding-box; background-color: #404040; border-color: #595959 #404040; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: silver; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 13px; height: 1.8em; margin: 0; outline: 0 none; padding: 2px 3px; text-align: left; vertical-align: top; }
#rate-this-page input[type="date"][disabled], #rate-this-page input[type="datetime"][disabled], #rate-this-page input[type="datetime-local"][disabled], #rate-this-page input[type="email"][disabled], #rate-this-page input[type="month"][disabled], #rate-this-page input[type="number"][disabled], #rate-this-page input[type="password"][disabled], #rate-this-page input[type="search"][disabled], #rate-this-page input[type="tel"][disabled], #rate-this-page input[type="text"][disabled], #rate-this-page input[type="time"][disabled], #rate-this-page input[type="url"][disabled], #rate-this-page input[type="week"][disabled], #rate-this-page select[disabled], #rate-this-page textarea[disabled] { background-color: silver; }
#rate-this-page #formMessages { background: black; border: 1px solid #76b900; color: #76b900; display: none; width: 99%; }
#rate-this-page #formMessages ul { margin: 10px 0 !important; padding-left: 10px; }
#rate-this-page #formMessages ul li { list-style: none; }
#rate-this-page .formMessages { background: black; border: 1px solid #76b900; color: #76b900; display: none; margin-bottom: 5px; padding: 10px; }
#rate-this-page .formMessages p { margin-bottom: 0 !important; }
#rate-this-page .dropDown.error { border: 1px solid #76b900; }
#rate-this-page .rating-select { background-color: #404040; border-color: #595959 #404040; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; cursor: pointer; height: 12px; width: 130px; }
#rate-this-page .rating-select .option.off { border-right: 1px solid black; float: left; height: 12px; width: 12px; }
#rate-this-page .rating-select .option.on { background: #76b900; border-right: 1px solid #253900; }
#rate-this-page .rating-select .option.hover { background: #262626; border-right: 1px solid black; }

@media screen and (min-width: 618px) and (max-width: 850px) { .rate-this-page-form { width: 90%; }
  #rate-this-page .content { height: auto; width: auto; }
  #rate-this-page .left { width: 48%; }
  #rate-this-page .left, #rate-this-page .right { padding-left: 0; padding-right: 0; }
  #rate-this-page .left input, #rate-this-page .left textarea, #rate-this-page .right input, #rate-this-page .right textarea { max-width: 100%; width: 100%; }
  #rate-this-page .left input.button, #rate-this-page .left textarea.button, #rate-this-page .right input.button, #rate-this-page .right textarea.button { width: auto; }
  #rate-this-page .rating-select { margin-left: 30px; }
  #rate-this-page .more-info.close { right: 10px; top: auto; } }
@media screen and (min-width: 320px) and (max-width: 617px) { #rate-this-page .content { height: auto; width: auto; }
  #rate-this-page .left, #rate-this-page .right { float: none; padding-bottom: 0; padding-top: 0; }
  #rate-this-page .button { margin-top: 0; }
  #rate-this-page table { width: 100%; }
  #rate-this-page td { text-align: left; }
  #rate-this-page .more-info.close { top: auto; } }
/*=============================================================================
	User Guide ===========================================================================*/
.pull-center { float: center; }

.font-bold { font-weight: bold; }

.green-color-nv { color: #76b900; }

.italic { font-style: italic; }

.user-guide p { font-size: 1.2em; line-height: 1.5em; }

.user-guide-list a:link { color: #999; }

.user-guide-list { font-size: 1.4em; line-height: 1.5em; list-style-type: none; margin-left: -40px; margin-top: -5px; }

.user-guide-sub-list { margin-left: 30px; }

.user-guide-list a:hover { color: #fff; }

.user-guide-list a:visited { color: #777; }

.border-light-top-black-silver { border-top: 1px solid #414141; box-shadow: 0 -1px black; }

.border-light-top-black-silver a:hover { color: #fff; }

.border-light-bottom-black-silver { border-top: 1px solid #414141; box-shadow: 0 -1px black; }

.border-light-bottom-black-silver a:hover { color: #fff; }

.border-light-top-bottom-black-silver { border-top: 1px solid #414141; border-bottom: 1px solid #414141; box-shadow: 0 -1px black; }

.border-light-top-bottom-black-silver a:hover { color: #fff; }

.rightside { float: right; margin-top: -5px; text-align: right; }

.padding-top-bottom { padding: 10px 0px; }

.graycolor a { color: #afafaf; }

.graycolor span { text-align: center; vertical-align: -13px; vertical-align: -6px\9; padding-left: 10px; font-size: 1.8em; padding-right: 10px; line-height: 18px; }

.in-the-box-container { float: left; text-align: center; font-size: 2em; }

.in-the-box-container img { max-width: 250px; }

.in-the-box-container .img2 { padding-top: 76px; }

.in-the-box-container .img3 { padding-top: 63px; }

.tip { background-color: #000000; border-radius: 6px; display: inline-block; width: 100%; }

.tip-icon { background-color: #76b902; border-radius: 4px 0 0 4px; display: inline-block; width: 85px; height: 75px; float: left; position: relative; text-align: center; vertical-align: middle; }

.tip-icon-img { left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; top: 50%; width: 50px; }

.tip-copy { float: left; font-size: 20px; height: 51px; line-height: 18px; padding: 12px; width: 1030px; }

.table-black-color { background-color: #151617; }

.table-control-image { border-left: 1px solid #2c3237; border-right: 1px solid #2c3237; border-top: 1px solid #2c3237; border-bottom: 1px solid #2c3237; padding: 0px 10px; }

.table-control-desc { border-right: 1px solid #2c3237; border-top: 1px solid #2c3237; border-bottom: 1px solid #2c3237; padding: 0px 10px; }

.margin-left-arrow { margin-left: -10px; }

.image-width { max-width: 98px; width: 40px; }

.backgroundcolorvalue { z-index: -1; }

.stretch-img { width: 100%; max-width: 1066px; }

.image-scale-width { width: 95%; max-width: 320px; }

.advanced-wi-fi-image-scale { width: 99%; max-width: 559px; }

.screen-capture-image-scale { width: 95%; max-width: 580px; }

.user-guide-description { width: 48%; margin-right: 5px; }

.image-pcconnect-scale-width { width: 98%; max-width: 403px; }

.image-scale { width: 100%; max-width: 1159px; }

.tegrazone-image-scale { width: 98%; max-width: 869px; }

.tegrazone-rightside-image-scale { width: 74%; max-width: 869px; margin-top: 20px; }

.comment-img-scale { width: 100%; height: 100%; max-width: 42px; max-height: 40px; }

.green-list-style { list-style: url("/images/user-guide/gree-list-style.png"); float: left; font-size: 1.2em; line-height: 1.5em; margin-left: -11px; }

.green-list-style li { padding-bottom: 10px; }

.green-list-number-style { list-style: decimal; float: left; font-size: 1.2em; line-height: 1.5em; margin-left: -11px; }

.green-list-number-style li { padding-bottom: 10px; }

.green-list-circle-style { list-style: circle; float: left; }

.green-list-circle-style li { padding-bottom: 10px; }

ul .list-heading { list-style: none; margin-left: -20px; }

.list-margin-top { margin-top: -30px; }

.list-custom-margin-top { margin-top: -10px; }

.verticalline { border-left: 1px solid #999; }

.image-align-top { vertical-align: text-top; }

.image-align-middle { vertical-align: middle; }

.table-tip-image { background: #76B900; vertical-align: top; padding: 21px 14px 0px 14px; border-radius: 6px 0px 0px 6px; }

.table-tip-desc { background: #000000; vertical-align: top; padding: 0px 14px 0px 14px; border-radius: 0px 6px 6px 0px; }

.anchor-top { position: relative; top: -120px; }

.border-black { background-color: #000000; display: inline-block; width: 100%; }

.black-color-container { background-color: #000000; }

/*****************************************************************************/
/* Dropdown control */
.selectBox-dropdown { width: 50px; position: relative; border: solid 1px #333; height: 24px; text-decoration: none !important; color: #fff; outline: none; vertical-align: middle; background: url('/images/selectbox/selector_background.jpg?1404289665') repeat-x !important; display: inline-block !important; cursor: default; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left !important; padding-left: 0 !important; }

.selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666; }

.selectBox-dropdown .selectBox-label { width: 100%; padding: 0.3em 0.5em; display: inline-block; white-space: nowrap; overflow: hidden; }

.selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; background: url('/images/selectbox/selector_button_expand_new.jpg?1404289665') 50% center no-repeat; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Dropdown menu */
.selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; border: solid 1px #333; /* should be the same border width as .selectBox-dropdown */ background: #272a2e; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); overflow: auto; }

/* Inline control */
.selectBox-inline { width: 250px; outline: none; border: solid 1px #333; background: #272a2e; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; }

.selectBox-inline:focus { border-color: #333; }

/* Options */
.selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; text-align: left; color: #fff; font-size: 12px !important; text-decoration: none; }

.selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; }

.selectBox-options LI.selectBox-hover A { background-color: #4b5056; }

.selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; }

.selectBox-options LI.selectBox-selected A { background-color: #4b5056; }

.selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; }

/* Disabled state */
.selectBox.selectBox-disabled { color: #888 !important; }

.selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; }

.selectBox-inline.selectBox-disabled { color: #888 !important; }

.selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; }

/***************************  Site Specific Styles  **************************/
/*============================================================================= GRID http://gridulator.com/ Width: 1280px Columns: 8 Column width: 110px Gutter: 40px Margin: 60px ===========================================================================*/
.grid-1 { width: 110px; }

.grid-2 { width: 260px; }

.grid-3 { width: 410px; }

.grid-4 { width: 560px; }

.grid-5 { width: 710px; }

.grid-6 { width: 860px; }

.grid-7 { width: 1010px; }

.grid-8 { width: 1160px; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 { margin: 0 40px 10px 0; float: left; display: block; }

.grid-container { margin: auto; max-width: 1160px; width: 1160px; }

.row { clear: both; width: 100%; }

/*****************************************************************************/
/******************************  Global Styles  ******************************/
body { background-color: black; color: #9a9a9a; font-family: DINPro, Arial, sans-serif; font-size: 100%; height: 100%; line-height: 1.4em; overflow-x: hidden; width: 100%; }

.anchordisable { pointer-events: none; cursor: default; color: #9a9a9a; }

.silvercolor { color: #9a9a9a; }

.whitecolor { color: white; }

.hide-overflow-x { overflow-x: hidden; }

ul.no-list-style { list-style: none; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

* html .clearfix, *:first-child + html .clearfix { zoom: 1; }

/********************************  Sprites  **********************************/
.knowledge-base-sprite, .support-item .icon-community, .support-item .icon-download, .support-item .icon-info, .support-item .icon-question-mark { background: url('/images/knowledge-base-s2532b5a11c.png') no-repeat; }

.more-info-sprite, .beta-note .base-message.extended ~ i.more-info, i.more-info, i.more-info.close { background: url('/images/more-info-se185b6ed23.png') no-repeat; }

.navigation-gallery-sprite, .gallery-container > div .gallery-scroll.previous, .gallery-container > div .gallery-scroll.next { background: url('/images/navigation-gallery-s4dc650dfa5.png') no-repeat; }

.navigation-mobile-sprite, .nav-menu-container .nav-menu-toggle, .nav-menu-container.active .nav-menu-toggle, #back-to-top .arrow-up, .modal-close-icon { background: url('/images/navigation-mobile-s8c43b89f58.png') no-repeat; }

.press-quote-sprite { background: url('/images/press-quote-s8027e97406.png') no-repeat; }

/* TODO: clean this up */
/*******************************  Background  ********************************/
.border-top-black-silver { border-top: 1px solid #414141; box-shadow: 0 -2px black; }

.black-bg-color { background-color: black; }

.divider-line { background: url("/images/divider-line.png") no-repeat center top; border: none; height: 2px; margin: 0 auto .5em; background-size: contain; }

.hero-placeholder { height: 512px; margin: 0 auto; max-width: 702px; max-height: 512px; position: relative; width: 100%; }

.main-bg-color { background-color: #262626; }

.spotlight-bg-img { background: #262626; }

/**********************************  Misc  ***********************************/
.not-desktop { display: none !important; }

.not-phone { display: inherit !important; }

.not-tablet { display: inherit !important; }

.only-desktop { display: inherit !important; }

.only-phone { display: none !important; }

.only-tablet { display: none !important; }

.pointer { cursor: pointer; }

/**********************************  Text  ***********************************/
h1, h2, h3, h4, h5, h6 { font-family: GeForce, Arial, sans-serif; line-height: 1em; margin-top: .5em; }

h1, h2 { font-size: 2.3em; }

h1.green-nv, h2.green-nv { margin-bottom: .1em; }

h1.home-title { font-family: GeForce, Arial, sans-serif; font-size: 2.13em; /*margin-bottom: .8em;*/ }

dt { font-size: 1.5em; font-weight: bold; line-height: 1.25em; }

dt > h2 { font-size: 1em; }

dd { margin: -10px 0 0 0; }

.dinpro { font-family: DINPro, Arial, sans-serif; }

.green-nv { color: #76b900; font-family: DINPro, Arial, sans-serif; font-size: 1.8em; }

.one-em { font-size: 1em; }

.margin-zero { margin: 0px; }

.small { font-size: 80%; line-height: 1em; }

.superscript { font-size: .5em; line-height: 1em; position: relative; top: -7px; }

.upcase { text-transform: uppercase; }

.white { color: white; }

::selection { background: #76b900; color: white; text-shadow: none; }

/***********************  Hardcoded Overrides by Randy  **********************/
.grid-4 p, .grid-5 p { margin-top: 0em; font-size: 1.1em; }

/*******************************  Navigation  ********************************/
.brand { margin: 20px 0 10px 0; }

.nav-menu-container { cursor: pointer; display: none; float: right; position: relative; top: 16px; }
.nav-menu-container .nav-menu-toggle { background-position: 0 -53px; display: block; height: 42px; width: 42px; }
.nav-menu-container.active { background-color: black; left: 8px; padding: 14px 14px 16px 14px; top: 15px; }
.nav-menu-container.active .nav-menu-toggle { background-position: 0 -20px; display: block; height: 33px; width: 33px; }

#nav-fixed .grid-1 { position: relative; }
#nav-fixed .grid-1 div { position: absolute; right: 0; }

#nav-fixed.javascript { background-color: #262626; box-shadow: 0 0 10px 1px black; left: 0; position: fixed; padding-top: 15px; top: 0px; width: 100%; /*z-index: 20;*/ z-index: 999; }
#nav-fixed.javascript .nav-list { margin: 10px 0 0 0; }
#nav-fixed.javascript .nav-list ul { font-size: 1em; }
#nav-fixed.javascript li.shield-logo-fixed-nav { display: block !important; width: 100px; }
#nav-fixed.javascript li.shield-logo-fixed-nav img { width: 100px; }
#nav-fixed.javascript .buy-now { height: 39px; margin-top: 0; text-align: right; }

.nav-list ul { font-size: 1.25em; list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
.nav-list ul.mobile-list { top: -10px; }
.nav-list ul li.shield-logo-fixed-nav { display: none !important; }
.nav-list ul li { float: left; /*margin-right: 4.310344827586%;*/ margin-right: 26px; }
.nav-list ul li a { color: #9a9a9a; text-decoration: none; }
.nav-list ul li a:hover { color: white; }
.nav-list ul li.active { border-bottom: 2px solid #76b900; }
.nav-list ul li.active a { color: white; }
.nav-list ul li a[href="/demo-shield/"], .nav-list ul li a[href="/buy-now/"] { color: #76b900; }
.nav-list ul li:last-child.active { border-bottom: 2px solid white; }
.nav-list ul li:last-child.active a { color: #76b900; }

#header .buy-now { height: 39px; margin-top: -13px; text-align: right; }

.buy-now img.only-desktop { margin-left: 15%; }

/******************************  Main Content  *******************************/
.flash-message { background: black; border: 1px solid #76b900; border-radius: 5px; color: #ccc; font-size: 1em; padding: 10px 25px 5px; }

.unstyled-list { list-style: none; padding: 0; }

.list-item-3-2-1-col { float: left; margin-bottom: 10px; width: 33%; }

.field-height { height: 54px; }

#back-to-top { text-align: right; }
#back-to-top div { padding: 15px 0; }
#back-to-top .arrow-up { background-position: 0 0; display: inline-block; height: 20px; margin: 0 0 5px 5px; vertical-align: middle; width: 15px; }

.beta-note { border: 1px solid #76b900; border-radius: 5px; background: #1e1e1e; font-size: .85em; padding: 10px 15px 10px 10px; }
.beta-note .base-message.extended ~ i.more-info { background-position: 0 0; }
.beta-note i.more-info { left: 5px; position: relative; top: 7px; }
.beta-note .extended-message { display: none; border-top: 1px solid #343434; padding-top: 5px; margin-top: 5px; }
.beta-note .extended-message.active { display: block; }

#featured-games, #featured-apps { background-size: auto 100%; }
#featured-games h3, #featured-apps h3 { margin: 0; padding: 0; }

.hero-image-sub-container { height: 90px; }

.feature-game-desc-container, .feature-app-desc-container { float: right; display: inline; width: 75%; padding-left: 5%; }

.feature-game-desc-container a, .feature-app-desc-container a { color: #9a9a9a; }

.feature-game-desc-container p a, .feature-app-desc-container p a { color: #76b900; }

.feature-game-icon, .feature-app-icon { width: 100%; max-width: 110px; max-height: 110px; }

.feature-game-icon-container, .feature-app-icon-container { float: left; display: inline; width: 20%; }

.feature-pc-game-icon, .feature-pc-app-icon { width: 100%; max-width: 110px; max-height: 156px; }

.feature-game-screen, .feature-app-screen { width: 100%; }

.feature-list { padding-left: 20px; }
.feature-list li { float: left; margin-right: 5%; padding-bottom: 15px; width: 45%; }

.feature-list-android { padding-left: 20px; }
.feature-list-android li { margin-right: 5%; padding-bottom: 15px; width: 100%; }

.featured-videos .video-container iframe { height: 400px; width: 100%; }
.featured-videos .video-title { font-size: 110%; font-weight: bold; }
.featured-videos .video-description { cursor: pointer; font-size: .85em; padding: 5px; }
.featured-videos .video-description.active { border: 1px solid #76b900; border-radius: 2px; color: white; padding: 4px; }
.featured-videos .video-description.active a { color: white !important; }

.features-page .green-nv { margin-left: 1%; }

.gallery-page-image { background: black; float: left; margin: 1%; margin-bottom: 10px; padding: 2%; text-align: center; width: 27%; }
.gallery-page-image p { height: 80px; }
.gallery-page-image img { max-width: 98%; cursor: default; }

.main-content { padding-top: 1.5em; }

.home-page-top { padding-top: 2em; }

i.more-info { background-position: 0 -24px; cursor: pointer; display: inline-block; height: 24px; width: 24px; }

i.more-info.close { background-position: 0 0; }

.notify-me-modal { display: none; z-index: 3; }

.pc-streaming-container, .play-pc-system-req-container, .pop-up-req-container { display: none; position: relative; }

.pc-streaming-container.with-room-for-cream { margin-bottom: 3.5em !important; }

.pc-streaming, .play-pc-system-req, .pop-up-req { background: black; padding: 0 15px; position: absolute; top: -140px; }

.pc-streaming { top: -210px; }

.pc-streaming-content, .system-requirements-list { color: white; margin: 2em; }
.pc-streaming-content p, .system-requirements-list p { width: 85%; }

.modal-close-icon { background-position: 0 -20px; }

.pc-streaming-content .modal-close-icon, .system-requirements-list .modal-close-icon { position: relative; top: -8px; }

.play-pc-system-req .green-nv { margin: 0.5em 0 0 0; }

.pre-loaded-games { background: #1e1e1e; border-radius: 5px; padding: 10px; }
.pre-loaded-games > div { margin-right: 20px; }
.pre-loaded-games .tegrazone-game-icon { vertical-align: middle; width: 60px; }
.pre-loaded-games .tegrazone-game-name { font-size: 100%; }

.press-quote { float: left; margin-left: 1%; margin-right: 1%; width: 48%; }
.press-quote .author { margin: 0; color: #76b900; font-size: .85em; }
.press-quote .author-name:before { color: #9a9a9a; content: "\2013 "; }
.press-quote .quote { margin: 0; }
.press-quote .quote:after { content: "\201D"; }
.press-quote .quote:before { content: "\201C"; }

.row:last-child .press-quote:last-child .quote:after { content: ' " Award'; }

.press-quote-styled { float: left; margin-left: 1%; margin-right: 1%; width: 48%; }
.press-quote-styled .quote-image { width: 100%; }

.rate-this-page-container { margin-bottom: 5px; position: relative; }
.rate-this-page-container .rate-this-page-button { background: #76b900; background: linear-gradient(to bottom, #76b900, #355300); border: 1px solid #253900; border-top: 0; color: white; cursor: pointer; font-size: .85em; padding: 0 5px; position: absolute; top: -30px; }
.rate-this-page-container .rate-this-page-form { background: black; border: 1px solid #76b900; border-bottom: 0; bottom: 32px; display: none; padding: 15px; position: absolute; z-index: 2; }

.shield-feature { float: left; margin: 1%; width: 31%; }
.shield-feature p { font-size: 1.1em; }
.shield-feature img { width: 98%; }

.shield-marketing { /* todo: remove ie8 hack */ }
.shield-marketing > div:first-child h2 { margin-top: 146px; }
.shield-marketing > div:first-child p { margin: 0px; }
.shield-marketing > div:nth-child(2) { background: url("/images/featured-games-in-background.png") no-repeat center; padding-bottom: 50px; padding-top: 50px; margin-top: -20px; /* todo: remove ie8 hack */ }
.shield-marketing > div:nth-child(2) h2 { margin-top: 25px; }
.shield-marketing > div:nth-child(2) img.with-description { float: right; margin-right: 25px; width: 65% \9; }
.shield-marketing > div:first-child + * { background: url("/images/featured-games-in-background.png") no-repeat center; padding-bottom: 50px; padding-top: 50px; margin-top: -20px; /* todo: remove ie8 hack */ }
.shield-marketing > div:first-child + * h2 { margin-top: 25px; }
.shield-marketing > div:first-child + * img.with-description { float: right; margin-right: 25px; width: 65% \9; }
.shield-marketing > div:nth-child(3) div:first-child img { width: 100%; }
.shield-marketing > div:nth-child(3) div { margin-top: 10px; }
.shield-marketing > div:nth-child(3) div h2 { margin-top: 195px; }
.shield-marketing h2 { color: white; font-size: 1.25em; font-weight: normal; margin-bottom: 0; margin-top: 75px; }
.shield-marketing img.entertainment-icons { margin: 1%; max-width: 75px; width: 16%; }
.shield-marketing img.with-description { width: 100% \9; }

.shield-entertainment-marketing { /* h1 { color: $green_nv; font-size: 1.25em; font-weight: bold; margin-bottom: 0; margin-top: 75px; }*/ /* todo: remove ie8 hack */ }
.shield-entertainment-marketing > div:first-child h1 { margin-top: 0.6em; }
.shield-entertainment-marketing > div:first-child p { margin: 1em 0; }
.shield-entertainment-marketing h2 { color: white; font-size: 1.25em; font-weight: normal; margin-bottom: 0; margin-top: 75px; }
.shield-entertainment-marketing h2 sup { top: -0.3em; }
.shield-entertainment-marketing > div:last-child h2 { margin-top: 230px; }
.shield-entertainment-marketing p { margin: 0px; }
.shield-entertainment-marketing img.entertainment-icons { margin: 1%; max-width: 75px; width: 16%; }
.shield-entertainment-marketing img.with-description { width: 100%; width: 100% \9; }

.shield-accessories-hardware h2 { color: white; font-size: 1.25em; font-weight: normal; margin-bottom: 0; margin-top: 25px; }
.shield-accessories-hardware h2 sup { top: -0.3em; }
.shield-accessories-hardware p { margin: 3px 0px 0px; }
.shield-accessories-hardware ul { margin: 7px 0px 0px; }

.tegra-accessories h2 { margin-top: 10px; }
.tegra-accessories p { margin: 3px 0px 0px; }

#rotator > li { list-style-type: none; }

.shield-specs-table { width: 100%; }
.shield-specs-table td { border: 1px solid #414141; padding: 5px; width: 50%; }
.shield-specs-table .category { color: white; }
.shield-specs-table .std { background: #1e1e1e; }

.support-item { float: left; font-size: 16px; padding: 0 1%; text-align: center; width: 28%; }
.support-item .icon { height: 110px; margin: 0 auto; width: 100px; }
.support-item .icon-community { background-position: 0 -110px; }
.support-item .icon-download { background-position: 0 -330px; }
.support-item .icon-info { background-position: 0 0; }
.support-item .icon-question-mark { background-position: 0 -220px; }
.support-item .title { color: white; font-family: DINPro, Arial, sans-serif; font-size: 1.4em; margin: 0; text-transform: uppercase; }
.support-item .content { font-size: 1em; margin-top: 5px; }

.support-divider { border-color: #2f363b transparent black transparent; border-style: solid; border-width: 1px; }

.all-tegrazone-games { float: left; height: 175px; text-align: center; width: 102px; }
.all-tegrazone-games .tegrazone-game-icon { padding: 5px 15px; width: 72px; }

.system-requirements-list ul { margin: 0; padding: 0; }

.video-update { float: left; margin: 1%; width: 31%; }
.video-update p { height: 70px; margin: 0 auto; }
.video-update iframe { height: 250px; width: 100%; z-index: -1; }

.view-more { max-width: 1160px; margin: 0 auto; padding-bottom: 15px; text-align: right; }

span.x150 { font-size: 150%; }

/*****************************  Image Gallery  *******************************/
.gallery-container h3 { margin-bottom: 10px; }
.gallery-container > div { background: url("/images/gallery-background.png") no-repeat center top; background-size: cover; position: relative; outline: 0 none; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.gallery-container > div::selection { background: transparent; }
.gallery-container > div .gallery-scroll { border: 0; cursor: pointer; display: block; height: 74px; margin-top: -29px; outline: 0; position: absolute; text-decoration: none; top: 50%; width: 40px; }
.gallery-container > div .gallery-scroll[disabled="disabled"] { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
.gallery-container > div .gallery-scroll.previous { background-position: 0 -74px; left: 0; }
.gallery-container > div .gallery-scroll.next { background-position: 0 0; right: 0; }
.gallery-container .gallery-images-container { margin-left: 60px; margin-right: 60px; overflow: hidden; }
.gallery-container .gallery-images-container .gallery-images { height: 148px; margin-left: auto; margin-right: auto; padding: 0; width: 99999px; }
.gallery-container .gallery-images-container .gallery-images li { display: inline-block; list-style: none; margin: 4px; }
.gallery-container .gallery-images-container .gallery-images li img { border: 1px solid #414141; }

.full-image { display: none; max-width: 1024px; }

.full-image.showing { display: block; }

.thumbnail-image { cursor: pointer; }

/******************************  WTB Content  *******************************/
.wtb-individual-results { display: none; text-align: left; }
.wtb-individual-results ul { margin: 0; padding: 0; }
.wtb-individual-results ul li { display: block; float: left; line-height: 1.2em; margin: 0; margin-bottom: 1.5em; margin-right: 2%; min-height: 120px; padding: 0; width: 23%; }
.wtb-individual-results ul li address { font-style: normal; }

.wtb-logos img { margin-right: 5%; }

#wtb-results { background-color: #1b1b1b; min-height: 75px; padding: 2%; margin: 2% 0; border-radius: 5px; border: 1px solid #131313; border-bottom: 1px solid #2a2a2a; text-align: center; }
#wtb-results #wtb-prompt { font-size: 1.5em; }

.selectBox .selectBox-dropdown { margin-bottom: 5px; }
.selectBox .selectBox-dropdown .selectBox-label { padding: 0 0.5em !important; color: #999; }

/********************************  Footer  ***********************************/
#footer { border-top: 2px solid #76b900; color: silver; padding: 25px 0; width: 100%; }
#footer .social-icons { padding-top: 10px; }
#footer .social-icons > div { float: left; margin-right: 2%; min-width: 90px; /*	max-width: 90px;*/ }
#footer .social-icons > div:first-child { margin-top: -2px; }
#footer .nvidia-logo { text-align: right; }
#footer .nvidia-logo img { width: 169px; }
#footer .copyright { font-size: .75em; text-align: center; }
#footer .copyright a { color: silver; }
#footer .copyright a:hover { color: white; }

/****************************  Responsive Styles  ****************************/
/*============================================================================= Responsive Grid ===========================================================================*/
.grid-1 { width: 9.48275862069%; }

/* 110px */
.grid-2 { width: 22.413793103448%; }

/* 260px */
.grid-3 { width: 35.344827586207%; }

/* 410px */
.grid-4 { width: 48.275862068966%; }

/* 560px */
.grid-5 { width: 61.206896551724%; }

/* 710px */
.grid-6 { width: 74.137931034483%; }

/* 860px */
.grid-7 { width: 87.068965517241%; }

/* 1010px */
.grid-8 { width: 100%; }

/* 1160px */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 { margin: 0 3.44% 1% 0; }

.grid-container { width: 90%; }

iframe[name^="google_conversion_frame"] { display: none; }

/*****************************************************************************/
/*======================== main responsive breakpoint ========================*/
@media screen and (max-width: 1280px) { .width-90 { width: 90%; } }
/*=================== phone landscape to tablet landscape ====================*/
/*@media screen and (min-width: 851px) and (max-width: 1024px) {*/
/*}*/
@media screen and (min-width: 850px) and (max-width: 1280px) { .wtb-individual-results ul li { margin-bottom: 1.5em; min-height: 135px; width: 31%; } }
/*=================== phone portrait to tablet landscape ====================*/
@media screen and (min-width: 320px) and (max-width: 1024px) { /**************************** Main Navigation  *****************************/
  .nav-menu-container { display: block; } }
/*=================== phone landscape to tablet landscape ====================*/
@media screen and (min-width: 641px) and (max-width: 1024px) { /*********************************  Misc  **********************************/
  .not-desktop { display: inherit !important; }
  .not-phone { display: inherit !important; }
  .not-tablet { display: none !important; }
  .only-desktop { display: none !important; }
  .only-phone { display: none !important; }
  .only-tablet { display: inherit !important; }
  /**************************** Main Navigation  *****************************/
  .brand { float: left; margin: 15px 0; }
  .nav-list ul { background-color: black; display: none; left: -8%; position: relative; padding: 2.5% 0; width: 151%; }
  .nav-list ul li { float: left; margin-left: 6%; padding: 10px 0; width: 38%; }
  .nav-list ul li.active { border-bottom: none; }
  .nav-list ul li.active a { color: white; }
  .nav-list ul li a { text-transform: none; }
  .nav-list ul li:last-child.active { border-bottom: none; }
  /*****************************  Main Content  ******************************/
  .featured-videos .description-container, .featured-videos .video-container { width: 100%; }
  .featured-videos .video-description { float: left; padding: 1% 2%; width: 29.33%; }
  .featured-videos .video-description.active { padding: .95% 1.66%; }
  .gallery-page-image { width: 42%; }
  .gallery-page-image p { height: 80px; }
  .gallery-page-image img { width: 98%; }
  .home-page-top { padding-top: 0; }
  h1.home-title { font-size: 1.85em; margin-top: 0; }
  .list-item-3-2-1-col { width: 50%; }
  .play-pc-system-req { top: -490px; }
  .shield-feature { width: 46%; }
  .shield-feature img { width: 100%; }
  .shield-marketing > div:first-child h2 { margin-top: 32px; }
  .shield-marketing > div:nth-child(3) div { margin-top: 0px; }
  .shield-marketing > div:nth-child(3) div h2 { margin-top: 145px; }
  .shield-marketing h2 { margin-top: 10px; }
  .shield-marketing img.with-description { width: 100%; }
  .shield-marketing > div:nth-child(2) img.with-description { margin-right: 1px; }
  .shield-entertainment-marketing > div:nth-child(3) div { margin-top: 0px; }
  .shield-entertainment-marketing h2 { margin-top: 10px; }
  .shield-entertainment-marketing h1 { margin-top: 20px; }
  .shield-entertainment-marketing p { margin-bottom: 1em; }
  .shield-entertainment-marketing img.with-description { width: 100%; }
  .shield-entertainment-marketing > div:last-child h2 { margin-top: 125px; margin-left: 20px; }
  .shield-entertainment-marketing > div:last-child p { margin-left: 20px; }
  .video-update { width: 46%; margin-bottom: 30px; }
  .video-update p { height: 95px; }
  .tegrazone-game-icon { padding: 5px 13px; }
  .in-the-box-container img { max-width: 150px; }
  .in-the-box-container { text-align: center; font-size: 1.4em; }
  .in-the-box-container .img2 { padding-top: 45px; }
  .in-the-box-container .img3 { padding-top: 35px; }
  .user-guide-description { width: 100%; }
  /******************************  WTB Content  *******************************/
  .wtb-individual-results ul li { float: left; margin-bottom: 0.9em; min-height: 123px; width: 48%; }
  /*******************************  Footer  **********************************/
  #footer .nvidia-logo img { width: 100%; }
  #footer .copyright { font-size: 0.667em; }
  #footer .copyright span { display: block; } }
/*============================= Tablet portrait ============================*/
@media screen and (min-width: 768px) and (max-width: 850px) { h1.home-title { width: 200%; } }
/*=================== Phone landscape to tablet portrait ====================*/
/*@media screen and (min-width: 481px) and (max-width: 850px) {*/
@media screen and (min-width: 641px) and (max-width: 850px) { .hero-desc-container { width: 100%; }
  .hero-image-container { text-align: right; width: 100%; } }
/*========================== Phone upto Landscape ===========================*/
/*@media screen and (min-width: 320px) and (max-width: 480px) {*/
@media screen and (min-width: 320px) and (max-width: 640px) { /********************************  GRID  ***********************************/
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 { width: 100%; }
  /*********************************  Misc  **********************************/
  .not-desktop { display: inherit !important; }
  .not-phone { display: none !important; }
  .not-tablet { display: inherit !important; }
  .only-desktop { display: none !important; }
  .only-phone { display: inherit !important; }
  .only-tablet { display: none !important; }
  /****************************  Main Navigation  ****************************/
  .brand { float: left; margin: 15px 0; }
  .nav-list ul { background-color: black; display: none; left: -6%; position: relative; padding: 2.5% 0; width: 112%; }
  .nav-list ul li { float: none; margin-left: 3%; padding: 10px; }
  .nav-list ul li.active { border-bottom: none; }
  .nav-list ul li.active a { color: white; }
  .nav-list ul li a { text-transform: none; }
  .nav-list ul li:last-child.active { border-bottom: none; }
  /*****************************  Main Content  ******************************/
  .feature-list li { float: none; width: 100%; }
  .featured-videos .video-container iframe { height: 180px; }
  .gallery-container .gallery-images-container { margin-left: -245px; margin-right: 0; }
  .gallery-page-image, .shield-feature, .video-update { float: none; width: 95%; }
  .gallery-page-image p, .shield-feature p, .video-update p { height: auto; }
  .home-page-top { padding-top: 0; }
  .home-title.green-nv { font-size: 1.5em; margin-top: 0.8em; }
  .pc-streaming { left: -3%; top: -445px; padding-left: 0; }
  .pc-streaming-content { margin-left: 0; padding-left: 20px; }
  .play-pc-system-req { left: -3%; top: -340px; }
  .play-pc-system-req h2 { font-size: 185%; line-height: 120%; }
  .play-pc-system-req ul { padding-left: 0; }
  .play-pc-system-req ul li { margin-bottom: 10px; }
  .press-quote { float: none; margin-bottom: 0; margin-top: 30px; width: 98%; }
  .press-quote-styled { float: none; margin-bottom: 0; margin-top: 50px; width: 98%; }
  .shield-feature.first { margin-top: 25px; }
  .shield-feature p { margin-bottom: 50px; }
  .shield-feature.last p { margin-bottom: 0; }
  .shield-entertainment-marketing > div:first-child { background-position: center 40px; background-size: 150% 50%; padding-bottom: 0; }
  .shield-entertainment-marketing > div:first-child img { max-width: 451px; width: 120%; float: right; margin-right: -18%; }
  .shield-entertainment-marketing > div:nth-child(2) > div:nth-child(2) img { max-width: 724px; width: 118%; float: left; margin-left: -5.5%; }
  .shield-entertainment-marketing > div:nth-child(3) > div:nth-child(2) img { max-width: 538px; width: 120%; float: right; margin-right: -18%; }
  .shield-entertainment-marketing > div:last-child h2 { margin-top: 10px; }
  .shield-entertainment-marketing > div:last-child img { max-width: 542px; float: left; margin-left: -20%; width: 120%; }
  .shield-entertainment-marketing h2 { margin-top: 10px; }
  .shield-entertainment-marketing h1 { margin-top: 10px; }
  .shield-entertainment-marketing p { margin-bottom: 1em; }
  .shield-entertainment-marketing img.with-description { width: 98%; float: right; }
  .shield-marketing > div:first-child { /*img.with-description { width: 65%; }*/ }
  .shield-marketing > div:first-child h2 { margin-top: 10px; }
  .shield-marketing > div:first-child > div:first-child { text-align: center; }
  .shield-marketing > div:nth-child(2) { background-position: center 40px; background-size: 150% 30%; padding-bottom: 0; }
  .shield-marketing > div:nth-child(2) h2 { margin-top: 75px; }
  .shield-marketing > div:nth-child(2) img.with-description { margin-right: 50px; max-width: 459px; }
  .shield-marketing > div:nth-child(2) > div:nth-child(2) { margin-top: -50px; }
  .shield-marketing > div:nth-child(3) div { margin-top: 10px; }
  .shield-marketing > div:nth-child(3) > div:first-child { text-align: center; }
  .shield-marketing > div:nth-child(3) > div:first-child img.with-description { max-width: 560px; }
  .shield-marketing > div:nth-child(3) > div:nth-child(2) h2 { margin-top: -20px; }
  .shield-marketing h2 { margin-top: 10px; }
  .shield-marketing h1 { margin-top: 10px; }
  .shield-marketing img.with-description { width: 100%; }
  .shield-specs-table td { float: left; width: 100%; }
  .shield-specs-table td.category { background: #1e1e1e; }
  .shield-specs-table td.specification { background: #262626; }
  .video-update { margin-bottom: 0px; }
  .video-update iframe { height: 250px; width: 100%; }
  .video-update .video-description { margin: 0; }
  .tegrazone-game-icon { padding: 5px 13px; }
  .in-the-box-container { float: center; }
  .in-the-box-container .img2 { padding-top: 0px; }
  .in-the-box-container .img3 { padding-top: 0px; }
  .user-guide-description { width: 100%; }
  /******************************  WTB Content  *******************************/
  .wtb-individual-results ul li { float: none; margin-bottom: 0.9em; min-height: 0; width: 100%; }
  /*******************************  Footer  **********************************/
  #footer { /* hardcode different widths for current like counts */ }
  #footer .social-icons > div { margin-bottom: 10px; margin-right: 0; width: 33%; }
  #footer .social-icons #facebook-like-button { width: 30%; }
  #footer .social-icons #twitter-tweet-button { width: 37%; }
  #footer .social-icons #google-plus-one-button { width: 30%; }
  #footer .nvidia-logo { margin-bottom: 10px; }
  #footer .copyright { margin-bottom: 10px; }
  #footer .copyright span { display: block; } }
/*============================ Shield landscape ============================*/
@media screen and (max-width: 640px) { .list-item-3-2-1-col { width: 100%; }
  .unstyled-list { padding-left: 10px; }
  .support-item { width: 48%; } }
/*============================= Phone portrait =============================*/
/*============================ iPhone landscape ============================*/
@media screen and (max-width: 568px) { .shield-marketing > div:nth-child(2) img.with-description { float: none; margin-right: 25px; } }
/*============================ Phone landscape =============================*/
/*====================== What is this breakpoint for? =======================*/
@media screen and (max-width: 360px) { .user-guide-description { width: 100%; }
  .wtb-individual-results ul li { float: none; margin-bottom: 0.9em; min-height: 0; width: 100%; } }
/*============================= Phone portrait =============================*/
@media screen and (max-width: 320px) { .all-tegrazone-games { font-size: 90%; width: 95px; }
  .gallery-page-image, .shield-feature, .video-update { width: 95%; }
  .hero-placeholder > div:nth-child(2) img { margin-left: 15%; width: 100%; }
  .pc-streaming { top: -370px; }
  .play-pc-system-req { top: -245px; }
  .pre-loaded-games .tegrazone-game-name { font-size: 90%; }
  .rate-this-page-container .rate-this-page-form { left: -16px; width: 99%; }
  #rate-this-page .left input, #rate-this-page .left textarea { width: 100%; }
  .in-the-box-container { float: center; }
  .in-the-box-container img { width: 80%; }
  .in-the-box-container .img2 { padding-top: 0; }
  .in-the-box-container .img3 { padding-top: 0; }
  .tegrazone-rightside-image-scale { margin-top: 0; max-width: 869px; width: 99%; }
  .user-guide-description { width: 100%; } }
/*****************************  Important Styles  ****************************/
/******************************  Important  **********************************/
/*********************************  Grid  ************************************/
.grid-1.alpha, .grid-2.alpha, .grid-3.alpha, .grid-4.alpha, .grid-5.alpha, .grid-6.alpha, .grid-7.alpha, .grid-8.alpha { margin-left: 0px; }

.grid-1.omega, .grid-2.omega, .grid-3.omega, .grid-4.omega, .grid-5.omega, .grid-6.omega, .grid-7.omega, .grid-8.omega { margin-right: 0px; }

/*.alpha { margin-left: 0px !important; }*/
/*.omega { margin-right: 0px !important; }*/
/**********************************  Misc  ***********************************/
.full-width { width: 100%; }

/********************************  Alignment  ********************************/
.absolute { position: absolute; }

.margin-right { margin-right: 5%; }

.no-margin-bottom { margin-bottom: 0; }

.no-margin-left { margin-left: 0; }

.no-margin-right { margin-right: 0; }

.no-margin-top { margin-top: 0; }

.pull-left { float: left; }

.pull-right { float: right; }

.relative { position: relative; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

/*****************************************************************************/
/*****************************************************************************/
/*****************************  Store Locator  ****************************/
/*** RESULTS LISTINGS ***/
.address-details { margin: 0 0 20px 0; padding: 15px 0 0 10px; background: url("/images/where-to-buy/divider.gif") top repeat-x; }
.address-details .left { width: 50%; float: left; min-width: 320px; }
.address-details .right { float: left; }
.address-details .distance { float: left; min-width: 70px; color: #fff; text-align: center; font-size: 1.1em; }
.address-details .markerIcon { cursor: pointer; float: left; width: 29px; height: 34px; overflow: hidden; background-image: url("http://maps.gstatic.com/mapfiles/markers2/marker_sprite.png"); background-repeat: no-repeat; background-position: top left; }
.address-details .address-info { float: left; width: 50%; font-size: 1em; color: #afafaf; }
.address-details .location-features { margin: 0; padding: 0; float: left; width: 45%; font-size: 1em; list-style: disc outside url("/images/where-to-buy/checkbox.png"); color: #afafaf; }
.address-details .location-features li { padding: 0; margin-bottom: 0.5em; margin-left: 25px; }
.address-details .directionsLink { float: right; width: 50%; font-size: 1em; text-align: center; }
.address-details span { display: block; }
.address-details .name { font-weight: bold; }

.map-results { margin-bottom: 2em; }

.locator-options .left { float: left; min-width: 50%; }
.locator-options .left .map-search-input { width: 15em; }
.locator-options .right { float: left; min-width: 40%; margin-left: 1.5em; }
.locator-options .right label { margin-right: 1em; margin-left: 0.5em; font-size: 0.9em; }
.locator-options .right label span { margin-left: 30px; line-height: 27px; }

/*** MAP OVERRIDES ***/
.customInfoWindow { width: 200px; height: 100%; color: #000; font-size: 0.8em; line-height: 1.2em; }

.map-container { width: 100%; min-height: 300px; margin-bottom: 20px; }

/**************** MEDIA QUERIES **************/
/** Force 100% width for main content when side image is removed **/
@media screen and (max-width: 1024px) { .grid-6 { width: 100%; } }
/** only set minimum widths and margins for some items when above 360px width **/
@media screen and (min-width: 360px) { .map-container { min-width: 300px; }
  .address-details .left .distance, .address-details .left .markerInfo { margin-right: 1em; }
  .address-details .right { min-width: 320px; width: 50%; } }
/** re-set widths of results when wrapping to 2 rows for screens under 525px in width **/
@media screen and (max-width: 525px) { .address-details .left { width: 100%; }
  .address-details .left .address-info { width: 50%; }
  .address-details .right { width: 100%; } }
/** re-set widths of results when wrapping to 2 rows for screens between 525px and 720px in width **/
@media screen and (min-width: 525px) and (max-width: 720px) { .address-details .left { width: 100%; }
  .address-details .left .address-info { width: 70%; }
  .address-details .right { width: 100%; } }
/** reset margin on checkbox options up to 980, add margin when going to 2 rows in results **/
@media screen and (max-width: 980px) { .locator-options .right { margin-left: 0; }
  .address-details .left { margin-bottom: 1em; } }
/*** FORM STYLES ***/
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label { display: inline-block; height: 25px; background: url("/images/where-to-buy/check-boxes.png") left top no-repeat; cursor: pointer; vertical-align: middle; white-space: nowrap; margin-top: 20px; }

input[type="checkbox"]:checked + label { background: url("/images/where-to-buy/check-boxes.png") left -25px no-repeat; }

input[type="image"] { position: relative; top: 13px; margin-left: 1em; }

.map-search-input { line-height: 26px; background-color: #282b30; border: 1px solid #9a9a9a; color: #999; padding: 0.25em; margin-right: 1em; }

#radiusSelect { width: 100px; }

/*****************************************************************************/
/*****************************  Refreshed Home Page  ****************************/
.intro, .home-page-section { padding: 0; margin: 0; font-size: 14px; line-height: 1.4em; position: relative; min-height: 299px; }
.intro sup, .home-page-section sup { font-size: 0.5em; }

.slide_2 { background: black url(/images/home-page-sections/shield-built-for-gamers.jpg) no-repeat fixed center center; }

.slide_2 { background: black url(/images/home-page-sections/shield-built-for-gamers-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

.slide_1 { background: black url(/images/home-page-sections/shield-tablet-for-android-gamers.jpg) no-repeat fixed center center; }

.slide_1 { background: black url(/images/home-page-sections/shield-tablet-for-android-gamers-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

.slide_4 { background: black url(/images/home-page-sections/halflife2-portal-on-shield-devices.jpg) no-repeat fixed center center; }

.slide_4 { background: black url(/images/home-page-sections/halflife2-portal-on-shield-devices-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

.slide_3 { background: black url(/images/home-page-sections/trine2-on-shield-tablet.jpg) no-repeat fixed center center; }

.slide_3 { background: black url(/images/home-page-sections/trine2-on-shield-tablet-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

.slide_5 { background: black url(/images/home-page-sections/skylanders-on-shield-tablet.jpg) no-repeat fixed center center; }

.slide_5 { background: black url(/images/home-page-sections/skylanders-on-shield-tablet-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

.play_PC { background: black url(/images/home-page-sections/play-android-lifestyle.jpg) no-repeat fixed center center; }

.play_PC { background: black url(/images/home-page-sections/play-android-lifestyle-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

.android_gaming { background: black url(/images/home-page-sections/wireless-controller.jpg) no-repeat fixed center center; }

.android_gaming { background: black url(/images/home-page-sections/wireless-controller-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

.entertainment { background: black url(/images/home-page-sections/shield-movie-watching.jpg) no-repeat fixed center center; }

.entertainment { background: black url(/images/home-page-sections/shield-movie-watching-IE8.jpg) no-repeat fixed center center\9; /* hack for ie8 */ }

/** this is overridden by JS for touch-based devices **/
.carousel, .android_gaming, .entertainment, .play_PC { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.home-page-section { max-width: 100% !important; text-align: center; color: #efefef; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.home-page-section .header-text-right, .home-page-section .header-text-left { text-align: left; position: absolute; width: 40%; top: 15% \9; /* hack for ie8 */ display: block; }
.home-page-section .header-text-left h3, .home-page-section .header-text-right h3 { padding-top: 10px; text-align: center; }
.home-page-section .header-text-left h3 a, .home-page-section .header-text-right h3 a { border: 2px solid #76b900; padding: 10px; }
.home-page-section .header-text-left { left: 10%; }
.home-page-section .header-text-right { right: 5%; }
.home-page-section h1, .home-page-section h2 { margin: 0; padding: 0; text-transform: uppercase; text-align: left; }
.home-page-section .spacing { display: block; margin-top: 10px; }
.home-page-section .bold_header { color: #76b900; display: inline; font-weight: 600; letter-spacing: -1px; }
.home-page-section .geforce-heading { color: #76b900; display: inline; font-weight: bold; text-align: left !important; line-height: 65px; }
.home-page-section .block-text { background-color: rgba(0, 0, 0, 0.4); background-image: url(/images/home-page-sections/bg-black-40-percent.png) \9; /*ie8 hack*/ text-align: left; }
.home-page-section p.block-text { font-weight: 400; margin-top: 10px; }
.home-page-section .slide-link { /*content: " ";*/ font-size: 0px; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; display: block; }
.home-page-section .quotes img { display: inline-block; margin-top: 8%; margin-top: 0\9; /*ie 8 hack */ width: 95%; }

/** white box buttons **/
.white-box-bttn { padding: .8em 1.6em .7em; font-size: 1.4em; text-transform: uppercase; color: #fff; display: inline-block; border: 2px solid #76b900; font-weight: bold; text-decoration: none; letter-spacing: 1px; }

.white-box-bttn:hover, .white-box-bttn:active { color: #fff; }

.white-box-bttn:hover { background-color: #76b900; }

.white-box-bttn:active { background: #4ea100; /* Old browsers */ background: -moz-linear-gradient(top, #4ea100 0%, #76b900 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ea100), color-stop(100%, #76b900)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4ea100 0%, #76b900 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4ea100 0%, #76b900 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4ea100 0%, #76b900 100%); /* IE10+ */ background: linear-gradient(to bottom, #4ea100 0%, #76b900 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea100', endColorstr='#76b900',GradientType=0 ); /* IE6-9 */ }

/** carousel **/
#carousel-wrapper { position: relative; }
#carousel-wrapper .carousel { position: absolute; top: 0; left: 0; display: none; width: 100%; -moz-outline-style: none; outline: none; }
#carousel-wrapper .carousel a:visited, #carousel-wrapper .carousel a:hover, #carousel-wrapper .carousel a:active, #carousel-wrapper .carousel a:focus { -moz-outline-style: none; outline: none; }
#carousel-wrapper #slide_1.carousel { display: block; }

.carousel-control { z-index: 3; font-size: 0px; height: 80px; width: 80px; background-color: rgba(255, 255, 255, 0.6); background-color: #333333 \9; /* ie 8 hack */ opacity: 0.6; position: absolute; top: 45%; left: 0; cursor: pointer; text-align: center; }
.carousel-control:hover { background-color: rgba(255, 255, 255, 0.7); background-color: #444444 \9; /* ie 8 hack */ opacity: 0.7; }
.carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right { background: url(/images/home-page-sections/arrows.png) no-repeat -4px -2px; display: inline-block; width: 19px; height: 29px; margin-top: 25px; }
.carousel-control .icon-chevron-left { margin-right: 7px; }
.carousel-control .icon-chevron-right { background-position: -26px -2px; margin-left: 7px; }

.carousel-control.right { right: 0; left: auto; }

#carousel-pips { text-align: center; position: absolute; z-index: 2; bottom: 5%; right: 0; left: 0; }
#carousel-pips .pip { background: url(/images/home-page-sections/arrows.png) no-repeat -6px -40px; display: inline-block; width: 20px; height: 20px; vertical-align: center; margin: 0 5px 0 5px; padding: 0; font-size: 0; content: ' '; cursor: pointer; }
#carousel-pips .pip.active { background-position: -29px -40px; }

/** section navigation **/
.divider-bttn { position: absolute; bottom: -20px; left: 0; right: 0; text-align: center; z-index: 2; }
.divider-bttn a { background-color: #76b900; border-color: #FFFFFF; color: #FFFFFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: inline-block; font-size: 1.2em; font-weight: 500; line-height: 1.4em; margin-bottom: 0; padding: 8px 12px; text-align: center; vertical-align: middle; white-space: nowrap; transition: all 0.4s ease 0s; text-decoration: none; -moz-box-shadow: 1px 1px 2px 0px #111; -webkit-box-shadow: 1px 1px 2px 0px #111; box-shadow: 1px 1px 2px 0px #111; }
.divider-bttn a:hover { transition: all 0.4s ease 0s; outline: none; background-color: #3F8417; }
.divider-bttn .icon-angle-down, .divider-bttn .icon-angle-up { background: url(/images/home-page-sections/arrows.png) no-repeat -55px -3px; display: inline-block; width: 24px; height: 16px; vertical-align: baseline; margin: 0; position: relative; top: 2px; padding: 0; font-size: 0; }
.divider-bttn .icon-angle-up { background: url(/images/home-page-sections/arrows.png) no-repeat -55px -22px; }

.divider-bttn.up { display: none; }

.go-top { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: 1em; right: 0.7em; color: #FFFFFF; font-size: 1.3em; padding: 5px; position: fixed; text-decoration: none; z-index: 3; transition: all 0.2s ease 0s; }
.go-top:visited { outline: none; }
.go-top:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); outline: none; }
.go-top:active { outline: none; }
.go-top:focus { outline: none; }

/** slide-specific overrides **/
#slide_2, #slide_1, #slide_4, #slide_3, #slide_5 { background-position: 95% 20px; }
#slide_2 .slide-link .header-text-left, #slide_1 .slide-link .header-text-left, #slide_4 .slide-link .header-text-left, #slide_3 .slide-link .header-text-left, #slide_5 .slide-link .header-text-left { top: 5%; left: 10%; font-size: 14px; width: 45%; }

#slide_2 .slide-link .header-text-left h2, #slide_1 .slide-link .header-text-left h2, #slide_4 .slide-link .header-text-left h2, #slide_3 .slide-link .header-text-left h2, #slide_5 .slide-link .header-text-left h2 { font-size: 1.4em; line-height: 1.2em; font-weight: 200; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); font-family: DINPro, Arial, sans-serif; }
#slide_2 .slide-link .header-text-left .bold_header, #slide_1 .slide-link .header-text-left .bold_header, #slide_4 .slide-link .header-text-left .bold_header, #slide_3 .slide-link .header-text-left .bold_header, #slide_5 .slide-link .header-text-left .bold_header { font-size: 2.125em; line-height: 1em; font-family: GeForce, Arial, sans-serif; }

#play_PC .header-text-right, #entertainment .header-text-right { top: auto; bottom: 5%; }
#play_PC .header-text-left, #entertainment .header-text-left { top: auto; bottom: 5%; }

/** misc **/
.divider-line.section-divider { margin: 0 !important; }

.disclaimer { font-size: 0.8em; padding-left: 0.5em; padding-top: 12px; }

/** ##################################### **/
/** ######### mobile-specific ########### **/
/** ##################################### **/
/** small-ish phones (likely portrait) **/
@media screen and (max-width: 320px) { .slide_2 { background-image: url(/images/home-page-sections/shield-built-for-gamers_portrait.jpg) !important; background-size: 100%; }
  .slide_1 { background-image: url(/images/home-page-sections/shield-tablet-for-android-gamers_portrait.jpg) !important; background-size: 100%; }
  .slide_4 { background-image: url(/images/home-page-sections/halflife2-portal-on-shield-devices_portrait.jpg) !important; background-size: 100%; }
  .slide_3 { background-image: url(/images/home-page-sections/trine2-on-shield-tablet_portrait.jpg) !important; background-size: 100%; }
  .slide_5 { background-image: url(/images/home-page-sections/skylanders-on-shield-tablet_portrait.jpg) !important; background-size: 100%; }
  #slide_2 .slide-link .header-text-left, #slide_1 .slide-link .header-text-left, #slide_4 .slide-link .header-text-left, #slide_3 .slide-link .header-text-left, #slide_5 .slide-link .header-text-left { top: auto; top: 2%; left: 2%; font-size: 14px; width: 98%; }
  #slide_2 .slide-link .header-text-left h2, #slide_1 .slide-link .header-text-left h2, #slide_4 .slide-link .header-text-left h2, #slide_3 .slide-link .header-text-left h2, #slide_5 .slide-link .header-text-left h2 { font-size: 1.1em; line-height: 1em; font-weight: 200; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); font-family: DINPro, Arial, sans-serif; }
  #slide_2 .slide-link .header-text-left .bold_header, #slide_1 .slide-link .header-text-left .bold_header, #slide_4 .slide-link .header-text-left .bold_header, #slide_3 .slide-link .header-text-left .bold_header, #slide_5 .slide-link .header-text-left .bold_header { font-size: 1.1em; line-height: 1em; font-family: GeForce, Arial, sans-serif; }
  .custom-pc-game, .custom-pc-game-span { display: none; }
  .home-page-section .header-text-left, .home-page-section .header-text-right { left: 5%; width: 90%; }
  .home-page-section .header-text-left p, .home-page-section .header-text-right p { font-size: 1em; line-height: 1.2em; }
  .home-page-section .geforce-heading { font-size: 1.5em; line-height: 32px; }
  .intro h1 { margin: 0.5em 1.2em; font-size: 1.7em; line-height: 1.1em; left: 10%; right: 10%; top: 40%; }
  .carousel-control { width: 35px; height: 50px; }
  .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right { margin-top: 10px; }
  #android_gaming .header-text-right { top: 5%; }
  #play_PC .header-text-left { bottom: 2%; }
  #entertainment .header-text-right { top: 25%; } }
/** large-ish phones (portrait) AND NOT SHIELD **/
@media screen and (min-width: 321px) and (max-width: 639px) and (orientation: portrait) { .home-page-section .header-text-left, .home-page-section .header-text-right { left: 5%; } }
/** large-ish phones (either landscape or portrait) AND SHIELD **/
@media screen and (min-width: 321px) and (max-width: 640px) { #slide_2 .slide-link .header-text-left { top: auto; top: 2%; left: 2%; font-size: 12px; width: 81%; }
  #slide_1 .slide-link .header-text-left { top: auto; top: 2%; left: 2%; font-size: 12px; width: 81%; }
  #slide_4 .slide-link .header-text-left { top: auto; top: 2%; left: 2%; font-size: 12px; width: 81%; }
  #slide_3 .slide-link .header-text-left { top: auto; top: 2%; left: 2%; font-size: 12px; width: 81%; }
  #slide_5 .slide-link .header-text-left { top: auto; top: 2%; left: 2%; font-size: 12px; width: 81%; }
  .intro, .home-page-section { min-height: 302px !important; max-height: 560px !important; }
  #slide_2, #slide_1, #slide_4, #slide_3, #slide_5 { background-position: 55% 20px; }
  #slide_2 .slide-link .header-text-left h2, #slide_1 .slide-link .header-text-left h2, #slide_4 .slide-link .header-text-left h2, #slide_3 .slide-link .header-text-left h2, #slide_5 .slide-link .header-text-left h2 { width: 98%; font-size: 1.4em; line-height: 1.2em; }
  #slide_2 .slide-link .header-text-left .bold_header, #slide_1 .slide-link .header-text-left .bold_header, #slide_4 .slide-link .header-text-left .bold_header, #slide_3 .slide-link .header-text-left .bold_header, #slide_5 .slide-link .header-text-left .bold_header { font-size: 1.4em; line-height: 1.2em; font-family: GeForce, Arial, sans-serif; }
  .custom-pc-game, .custom-pc-game-span { display: none; }
  .home-page-section .header-text-left, .home-page-section .header-text-right { width: 90%; }
  .home-page-section .header-text-left p, .home-page-section .header-text-right p { font-size: 1em; line-height: 1.2em; }
  .home-page-section .geforce-heading { font-size: 1.5em; line-height: 32px; }
  .intro .header-text-left h1 { width: 90%; left: 5%; right: 5%; }
  .intro h1 { margin: 0.5em 1.2em; font-size: 1.2em; line-height: 1em; top: 40%; left: 10%; right: 10%; }
  .carousel-control { width: 50px; height: 50px; }
  .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right { margin-top: 10px; }
  #android_gaming .header-text-right, #android_gaming .header-text-left { top: 5%; }
  #play_PC .header-text-left, #play_PC .header-text-right { bottom: 2%; }
  #entertainment .header-text-left, #entertainment .header-text-right { bottom: 5%; top: auto; } }
@media screen and (min-width: 321px) and (max-width: 390px) { .intro, .home-page-section { min-height: 302px !important; max-height: 440px !important; }
  .slide_1 { background-image: url(/images/home-page-sections/shield-tablet-for-android-gamers_portrait.jpg) !important; background-position: 55% -90px !important; }
  .slide_2 { background-image: url(/images/home-page-sections/shield-built-for-gamers_portrait.jpg) !important; background-position: 55% -20px !important; }
  .slide_3 { background-image: url(/images/home-page-sections/trine2-on-shield-tablet_portrait.jpg) !important; background-position: 55% -90px !important; }
  .slide_4 { background-image: url(/images/home-page-sections/halflife2-portal-on-shield-devices_portrait.jpg) !important; background-position: 55% -20px !important; }
  .slide_5 { background-image: url(/images/home-page-sections/skylanders-on-shield-tablet_portrait.jpg) !important; background-position: 55% -90px !important; }
  #slide_2 .slide-link .header-text-left, #slide_1 .slide-link .header-text-left, #slide_4 .slide-link .header-text-left, #slide_3 .slide-link .header-text-left, #slide_5 .slide-link .header-text-left { top: auto; top: 2%; left: 2%; font-size: 14px; width: 81%; }
  #slide_2 .slide-link .header-text-left h2, #slide_1 .slide-link .header-text-left h2, #slide_4 .slide-link .header-text-left h2, #slide_3 .slide-link .header-text-left h2, #slide_5 .slide-link .header-text-left h2 { font-size: 1.1em; line-height: 1em; font-weight: 200; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); font-family: DINPro, Arial, sans-serif; }
  #slide_2 .slide-link .header-text-left .bold_header, #slide_1 .slide-link .header-text-left .bold_header, #slide_4 .slide-link .header-text-left .bold_header, #slide_3 .slide-link .header-text-left .bold_header, #slide_5 .slide-link .header-text-left .bold_header { font-size: 1.1em; line-height: 1em; font-family: GeForce, Arial, sans-serif; } }
/** phones (landscape only) && SHIELD **/
@media screen and (min-width: 321px) and (max-width: 640px) and (orientation: landscape) { .custom-pc-game, .custom-pc-game-span { display: block; }
  #slide_2 .slide-link .header-text-left, #slide_1 .slide-link .header-text-left, #slide_4 .slide-link .header-text-left, #slide_3 .slide-link .header-text-left, #slide_5 .slide-link .header-text-left { width: 81%; }
  .home-page-section .header-text-left, .home-page-section .header-text-right { top: 5%; width: 50%; }
  .home-page-section .header-text-left { left: 5%; }
  .home-page-section .header-text-right { right: 5%; }
  .home-page-section .quotes img { width: 70%; }
  #entertainment .header-text-right { top: 17%; } }
/** portrait fixes for quote widths/vertical position **/
@media screen and (min-width: 320px) and (orientation: portrait) { .home-page-section .quotes img { margin-top: 35%; width: 100%; } }
/** phone up to tablets **/
@media screen and (max-width: 1280px) { .divider-bttn { display: none; } }
/** tablets (portrait only) **/
@media screen and (min-width: 768px) and (orientation: portrait) { #slide_2 .slide-link .header-text-left h2, #slide_1 .slide-link .header-text-left h2, #slide_4 .slide-link .header-text-left h2, #slide_3 .slide-link .header-text-left h2, #slide_5 .slide-link .header-text-left h2 { font-size: 1.250em; line-height: 1em; font-weight: 200; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); font-family: DINPro, Arial, sans-serif; }
  #slide_2 .slide-link .header-text-left .bold_header, #slide_1 .slide-link .header-text-left .bold_header, #slide_4 .slide-link .header-text-left .bold_header, #slide_3 .slide-link .header-text-left .bold_header, #slide_5 .slide-link .header-text-left .bold_header { font-size: 1.250em; line-height: 1em; font-family: GeForce, Arial, sans-serif; }
  .slide_1 { background-image: url(/images/home-page-sections/shield-tablet-for-android-gamers.jpg) !important; background-position: 55% 20% !important; background-size: 100% auto !important; }
  .slide_2 { background-image: url(/images/home-page-sections/shield-built-for-gamers.jpg) !important; background-position: 55% 30% !important; background-size: 100% auto !important; }
  .slide_3 { background-image: url(/images/home-page-sections/trine2-on-shield-tablet.jpg) !important; background-position: 55% 20% !important; background-size: 100% auto !important; }
  .slide_4 { background-image: url(/images/home-page-sections/halflife2-portal-on-shield-devices.jpg) !important; background-position: 55% 30% !important; background-size: 100% auto !important; }
  .slide_5 { background-image: url(/images/home-page-sections/skylanders-on-shield-tablet.jpg) !important; background-position: 55% 30% !important; background-size: 100% auto !important; }
  #slide_2 .slide-link .header-text-left, #slide_1 .slide-link .header-text-left, #slide_4 .slide-link .header-text-left, #slide_3 .slide-link .header-text-left, #slide_5 .slide-link .header-text-left { width: 75%; }
  .home-page-section .header-text-left, .home-page-section .header-text-right { top: 10%; width: 45%; }
  .home-page-section .header-text-left { left: 5%; }
  .home-page-section .header-text-right { right: 5%; } }
/** tablets (landscape only) **/
@media screen and (min-width: 768px) and (orientation: landscape) { #slide_2 .slide-link .header-text-left, #slide_1 .slide-link .header-text-left, #slide_4 .slide-link .header-text-left, #slide_3 .slide-link .header-text-left, #slide_5 .slide-link .header-text-left { width: 75%; }
  .home-page-section .quotes img { margin-top: 15%; width: 60%; } }
/* #### All Mobile Devices - Portrait #### */
@media screen and (orientation: portrait) { .intro, .home-page-section { min-height: 302px; max-height: 420px; }
  .slide_2 { background-image: url(/images/home-page-sections/shield-built-for-gamers_portrait.jpg); }
  .slide_1 { background-image: url(/images/home-page-sections/shield-tablet-for-android-gamers_portrait.jpg); background-position: 55% 60% !important; }
  .slide_4 { background-image: url(/images/home-page-sections/halflife2-portal-on-shield-devices_portrait.jpg); }
  .slide_3 { background-image: url(/images/home-page-sections/trine2-on-shield-tablet_portrait.jpg); background-position: 55% 60% !important; }
  .slide_5 { background-image: url(/images/home-page-sections/skylanders-on-shield-tablet_portrait.jpg); background-position: 55% 60% !important; }
  .custom-pc-game, .custom-pc-game-span { display: none; }
  .play_PC { background-image: url(/images/home-page-sections/play-android-lifestyle_portrait.jpg); }
  .android_gaming { background-image: url(/images/home-page-sections/wireless-controller_portrait.jpg); }
  .entertainment { background-image: url(/images/home-page-sections/shield-movie-watching_portrait.jpg); } }
/** ##################################### **/
/** ######### desktop-specific ########## **/
/** ##################################### **/
@media screen and (min-width: 1260px) { .intro, .home-page-section { height: 500px; }
  #slide_2 .slide-link .header-text-left, #slide_1 .slide-link .header-text-left, #slide_4 .slide-link .header-text-left, #slide_3 .slide-link .header-text-left, #slide_5 .slide-link .header-text-left { width: 60%; }
  .slide_2, .slide_4 { background-size: auto !important; background-position: 50% 70px !important; }
  .home-page-section .header-text-left, .home-page-section .header-text-right { top: 20%; width: 40%; /*text-align:center;*/ }
  .home-page-section .header-text-left p, .home-page-section .header-text-right p { font-size: 20px; line-height: 24px; /*text-align:center;*/ }
  .home-page-section .header-text-left h3 a, .home-page-section .header-text-right h3 a { padding: 15px 35px 15px 33px; font-size: 1em; outline: 0; } }
@media screen and (min-width: 1430px) { .slide_1, .slide_3, .slide_5 { background-size: auto; background-position: 50% 40% !important; }
  .slide_2, .slide_1, .slide_4, .slide_3, .slide_5, .intro, .home-page-section { min-height: 630px !important; max-height: 780px !important; } }
/** start at tablet, up to desktop **/
@media screen and (min-width: 769px) and (max-width: 1279px) { .home-page-section .header-text-left, .home-page-section .header-text-right { top: 20%; }
  .slide_3, .slide_2, .slide_1, .slide_4, .slide_5, .slide_6, .intro, .home-page-section { min-height: 630px !important; max-height: 780px !important; } }
@media screen and (min-width: 769px) and (max-width: 810px) { .slide_3, .slide_2, .slide_1, .slide_4, .slide_5, .slide_6, .intro, .home-page-section { min-height: 630px !important; max-height: 1000px !important; }
  .slide_1, .slide_3, .slide_5 { background-size: auto; background-position: 50% 80px; } }
@media screen and (min-width: 960px) and (max-width: 965px) { .home-page-section { background-position: 50% 0px !important; } }
/** surface && nexus 7**/
@media screen and (min-width: 1280px) and (orientation: landscape) { /*.slide_1  { background-size: auto; background-position: 50% 50% !important; }*/
  .home-page-section .quotes img { width: 60%; } }
/*****************************************************************************/