@font-face {
  font-family: Helvetica;
  src: local(Helvetica), url(../fonts/helvetica.otf) format('opentype');
  font-weight: 400;
}


@font-face {
  font-family: Helvetica;
  src: local(Helvetica Bold), url(../fonts/helvetica-bold.otf) format('opentype');
  font-weight: bold;
}

.nv-main {
  overflow: hidden;
}

body{
  background-color: #000;
  overflow-x: hidden; 
  margin: auto;
}

.nv-boxed-layout {
  overflow-x: hidden; 
  margin-left: auto;
  margin-right: auto;
}
  
:root {
  font-size: 16px;
  color:white;
}

* {
  box-sizing: border-box;
}

.nv-default-top-margin {
  margin-top:1.875rem;
}

.nv-doubled-default-top-margin {
  margin-top:3.75rem;
}

.nv-triple-default-top-margin {
  margin-top:5.625rem;
}

.nv-quadruple-default-top-margin {
  margin-top:7.5rem;
}

.nv-default-bottom-margin {
  margin-bottom: 1.875rem;
}

.nv-doubled-default-bottom-margin {
  margin-bottom:3.75rem;
}

.nv-default-max-width {
  max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

h1, 
h2,
h3,
h4,
h5,
h6,
p {
  margin-top:1.875rem;
  margin-bottom:0px;
  font-family: Helvetica;
}

sup {
font-size: 0.5rem;
}

div,
span,
a {
  font-family: Helvetica; 
}

p {
  color:#eeeeee;
  font-size: 1rem;
  line-height: 1.5;
  font-weight:400;
}

h1 {
  font-weight: 700;
  font-size: 2.5rem;
  color:#76b900;
  line-height: 1.1;
}
  
h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color:#fff; 
  line-height: 1.1;
  text-transform: uppercase;
}
  
h3 {
  font-size: 1.5rem;
  font-weight: 300;
  color:#76b900; 
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}

h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.nv-first-screen .rtx-logo,
.nv-first-screen .nv-gaming-pc-logo {
  height: 3rem;
  width: auto;
}
  
a {
  text-decoration:underline;
  color: #76b900;
  transition: color 0.3s ease;
}

a:hover {
  color: #76d300;
  transition: color 0.4s ease;
}

.nv-table a:hover {
text-decoration:underline;
}

.nv-button {   
  background-color: #76b900;
  border: 1px solid #76b900;
  color: #fff;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
  padding: 0.75rem 1.125rem;
  text-decoration: none;
  text-transform: uppercase;
}

.nv-button:hover{
  color: #fff;
  text-decoration: none;
  background-color: #76d300;
}

.nv-button:active {
  background-color: #76b900;
  box-shadow: inset 0 7px 12px rgba(1,1,1,0.18);
}

.nv-button svg {
  margin-right: 5px;
}

.nv-centered {
  margin-left: auto;
  margin-right: auto;
}

.nv-middle-height-screen {
  display: flex;
align-items: center;
}

.nv-2-columns{
  display: flex;
  justify-content: space-between;
}

.nv-one-half-column {
  max-width: 18.75rem;
  width: calc((100% - 3.75rem) / 2);
}

.nv-align-with-grid-container {
  margin-left: calc(100%/12);
  margin-right: calc(100%/12);
}

.nv-fps-matters-tag {
  font-size: 1.2rem;
  font-weight: 700;
}

/* таблица  с играми*/
.nv-table {
  border: 1px solid #7f7f7f;
  max-width: 95rem;
}

.nv-table-heading-right,
.nv-table-heading-right-bottom-col {
  display: grid;
place-content: center;
border-bottom: 1px solid #7f7f7f;
border-left: 1px solid #7f7f7f;
}

.nv-table-heading-right-bottom-col {
color:#6ca705;
font-weight: bold;
}

.nv-table-videocard {
  border-bottom: 1px solid #7f7f7f;
  border-left: 1px solid #7f7f7f;
  display: grid;
  align-content: center;
  padding-left: 1rem;
  color:#6ca705;
}

.nv-table-game {
  border-top: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  display: grid;
  align-content: center;
  padding-left: 1rem;
}

.nv-table-heading {
  display: grid;
  grid-template-columns: minmax(18.75rem, 1.9fr) minmax(7.1875rem, 1fr) minmax(10rem, 1.4fr) minmax(10rem, 1.4fr) minmax(10rem, 1.4fr);
  grid-template-rows: 2.2rem 2.2rem;
}

.nv-table-heading-left {
  grid-column: 1/3;
  grid-row:1/3;
display: grid;
place-content: center;
}

.nv-table-heading-right {
  grid-column: 3/6;
  grid-row:1/2;
}

.nv-table-content {
  display: grid;
  grid-template-columns: minmax(18.75rem, 1.9fr) minmax(7.1875rem, 1fr) minmax(10rem, 1.4fr) minmax(10rem, 1.4fr) minmax(10rem, 1.4fr);
  grid-template-rows: repeat(8, 2.2rem);
}

.nv-fps-start {
  grid-row: span 8;
  place-content: center;
  display: grid;
}

.nv-14-rows .nv-fps-start {
  grid-row: span 14;
}

.nv-14-rows .nv-table-content {
  grid-template-rows: repeat(14, 2.2rem);
}

.nv-light-gray-bkg{
background-color: #404040;
}

.nv-dark-gray-bkg{
background-color: #262626;
}

/* конец стилей таблицы */

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

.nv-shop-picture {
  height: 11.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  }
  

.lap-name {
  margin-bottom: 1rem;
  margin-top: 1.25rem;
  color:#76b900;
  font-size: 1.3125rem;
  line-height: 1.5rem;
}

.shop-now .nv-one-half-column .nv-button {
  margin-top:1.875rem;
}

#greenLine {
  display: flex;
  justify-content: center;
}

.nv-footer-logo {
text-align:center;
}

.nv-footer-logo img{
  width: 8rem;
  height: 2.615rem;
}

.nv-text-that-nobody-reads{
  color: #666;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1rem;
  margin-top: 1.875rem;
}

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

@media only screen and (max-width:479px) {
  .nv-grid-12-columns {
    display: grid;
    grid-template-columns: repeat(12, minmax(1.875rem, 1fr));
    grid-template-rows: repeat(auto-fill, minmax(2.5rem, 1fr));
  }

  .nv-second-screen .nv-grid-text {
    grid-column: 2/12;
    grid-row: 2/5;
  } 

  .nv-second-screen img {
    margin-top: 1rem;
  }
  
  }

@media only screen and (min-width:480px) and (max-width:767px) {
.nv-grid-12-columns {
  display: grid;
  grid-template-columns: repeat(12, minmax(2.5rem, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(2.5rem, 1fr));
}
}

@media only screen and (max-width:767px) {

h1 {
  margin-top:1.875rem;
  font-size: 2.5rem;
}

h3 {
  font-size: 1.5rem;
}

.nv-one-half-column {
  width:100%;
}
.nv-invisible-on-mobile {
  display:none;
}

.nv-first-screen .nv-gaming-pc-logo {
  grid-column: 2/6;
  grid-row: 9/10;
  height: auto;
  width: 100%;
  margin-bottom: 1.875rem;
}

.nv-first-screen .rtx-logo {
  grid-column: 2/6;
  grid-row: 10/11;
  height: auto;
  width: 100%;
}

.nv-first-screen .nv-right-side-picture {
  grid-column: 1/13;
  grid-row: 1/5;
}

.nv-first-screen .nv-left-side-text-column {
  grid-column: 2/12;
  grid-row: 3/9;
  margin-bottom: 1.875rem;
}  

.nv-second-screen .nv-left-side-text-column {
  grid-column: 2/12;
  grid-row: 1/9;
}

.nv-second-screen .nv-right-side-picture {
  grid-column: 2/12;
  grid-row: 9/11;
}

.nv-ray-tracing .nv-right-side-picture {
  grid-column: 1/13;
  grid-row: 1/11;
}

.nv-ray-tracing .nv-left-side-text-column {
  grid-column: 2/12;
  grid-row: 1/11;
  align-self: center;
}

.nv-fps-matters .nv-left-side-picture{
  grid-column: 1/13;
  grid-row: 1/5;
}

.nv-fps-matters .nv-right-side-text-column {
  grid-column: 2/12;
  grid-row: 5/10;
}

}

  @media only screen and (min-width:768px) {

    .nv-invisible-on-tablet-and-higher {
      display:none;
    }

    .nv-grid-12-columns {
      display: grid;
      grid-template-columns: repeat(12, minmax(5rem, 1fr));
      column-gap: 1.25rem;
    }    

    .nv-right-side-picture {
      grid-column: 4/12;
      grid-row: 1/2;
    }

    .nv-left-side-picture {
      grid-column: 2/10;
      grid-row: 1/2;
    }


    .nv-left-side-text-column {
      grid-column:2/7;
      grid-row: 1/2;
    }

    
.nv-right-side-text-column {
  grid-column:7/12;
  grid-row: 1/2;
}

.nv-first-screen {
  align-items: center;
}


.nv-first-screen .rtx-logo {
  grid-column: 10/12;
  grid-row: 1/2;
  place-self: end;
}

.nv-first-screen .nv-gaming-pc-logo {
grid-column: 2/6;
grid-row: 1/2;
align-self: end;
}

.nv-middle-vertical-alignment {
  align-items: center;
}


.nv-second-screen .nv-left-side-text-column {
  grid-row: 2/3;
}

.nv-second-screen .nv-right-side-picture {
  grid-column: 6/13;
  grid-row: 2/3;
}

.nv-ray-tracing .nv-right-side-picture {
  grid-column: 5/13;
}

.nv-fps-matters .nv-left-side-picture {
  grid-column: 1/7;
}

.nv-universal-recommendation h2 {
  text-align: center;
}

    .nv-instead-of-br{
      width:100%;
      display:block;
      }

}

@media only screen and (min-width:768px) and (max-width:1023px) {

  .nv-one-half-column {
     padding: 0 10px;
     width:70%;
   }

   .nv-second-screen .nv-left-side-text-column,
   .nv-ray-tracing .nv-left-side-text-column {
    grid-column: 2/8;
   }

   .nv-ray-tracing .nv-right-side-picture {
    grid-column: 2/13;
   }  
   }
 
   @media only screen and (min-width:768px) and (max-width:1199px) {
     .nv-grid-12-columns {
       grid-template-columns: repeat(12, minmax(2.8rem, 1fr));
     }

     .nv-first-screen .nv-right-side-picture {
      grid-column: 3/13;
      grid-row: 1/4;
     }

     .nv-first-screen .rtx-logo,
     .nv-first-screen .nv-gaming-pc-logo {
     grid-row: 2/4;
     }

     .nv-second-screen .nv-grid-text {
      grid-column: 7/12;
     }

     h1 {
      font-size: 2.25rem;
  }
      }

      /* @media only screen and (min-width:1280px) and (max-width:1439px) {
      .nv-second-screen p,
.nv-ray-tracing p,
.nv-fps-matters p {
  font-size: 1.1rem;
}
      } */
 
   @media only screen and (min-width:768px) and (max-width:1439px) {
   .nv-first-screen p {
     max-width:22.5rem‬;
   }
 
   .nv-second-screen p {
     max-width: 33rem;
     }
 }

@media only screen and (max-width:1023px) {

  .nv-fps-matters h2,
  .nv-universal-recommendation h2 {
    font-size: 1.5rem;
  }

  .nv-boxed-layout {
    /* width:90%; */
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
  }

  .nv-centered-mobile {
    display: block;
    margin-left:auto;
    margin-right: auto;
    text-align:center;
  }

  .nv-2-columns{
    flex-direction: column;
  }

.nv-one-half-column, 
#greenLine {
  margin-top:3.75rem;
}

.nv-one-half-column:first-of-type {
  margin-top:0rem;
}
}

@media only screen and (min-width:1024px) {
.nv-2-columns {
  margin-left: 25%;
  margin-right: 25%;
}
}

@media only screen and (max-width:1199px) {

.nv-boxed-layout {
	/* width:90%; */
  overflow-y: hidden;
}

.nv-table {
  overflow-x: scroll;
}

#greenLine,
#infoFooter{
  display: block;
 
}
 

#greenLine img{
  width: 100%!important;
}

#infoFooter {
  color: #666;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center!important;
  margin: auto;    
}
}

@media only screen and (min-width:1200px) {
 
  .nv-boxed-layout {
    max-width: 71.25rem;
    min-width: 60.25rem;
  }
}


@media only screen and (min-width:1440px) and (max-width:1919px) {
  :root {
    font-size: 21px;
}
.nv-grid-12-columns {
  grid-template-columns: repeat(12, minmax(4rem, 1fr));
}

.nv-boxed-layout {
  min-width: 45rem;
}
}

@media only screen and (min-width:1920px) and (max-width:2559px) {
  :root {
    font-size: 23px;
}

.nv-boxed-layout {
  max-width: 60rem;
  min-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}
}

@media only screen and (min-width:2560px)  {
  :root {
    font-size: 26px;
}

.nv-boxed-layout {
  max-width: 70rem;
  min-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}
}