h1 {
  font-size: 32px;
}
@media (max-width: 1920px) {
  h1 {
    font-size: 28px;
  }
}
@media (max-width: 1440px) {
  h1 {
    font-size: 24px;
  }
}

h2 {
  font-size: 30px;
}
@media (max-width: 1920px) {
  h2 {
    font-size: 26px;
  }
}
@media (max-width: 1440px) {
  h2 {
    font-size: 22px;
  }
}

h3 {
  font-size: 28px;
  /*font-weight: 600;*/
}
@media (max-width: 1920px) {
  h3 {
    font-size: 24px;
    /*font-weight: 600;*/
  }
}
@media (max-width: 1440px) {
  h3 {
    font-size: 20px;
    /*font-weight: 600;*/
  }
}

p {
  font-size: 18px;
}
}@media (max-width: 1920px) {
  p {
    font-size: 16px;
  }
}@media (max-width: 1440px) {
  p {
    font-size: 12px;
  }
}

li {
  font-size: 22px;
  font-weight: 400;
}
@media (max-width: 1920px) {
  li {
    font-size: 18px;
  }
}
@media (max-width: 1440px) {
  li {
    font-size: 14px;
  }
}





section {
  margin: auto;
}

.toolbar.toolbar-products {
	display:none;
}

.block-limited {
  width: initial;
  max-width: 1440px;
  /*max-width: 991px;*/
  margin: auto;
}

.block-plate {
  text-align: center;
  background: #efefef;
  width: 80%;
  max-width: 998px;
  /*max-height: 350px;*/
  /*min-height: 150px;*/
  /*text-align: center;*/
  /*padding: 10px;*/
  position: relative;
  top: -100px;
  /*display: flex;*/
  /*flex-direction: column;*/
}

@media (max-width: 767px) {
  .block-plate {
    width: 100%;
  }
}

.block-header {
  background: #708299;
  width: 100%;
  /*max-width: 998px;*/
  max-height: 450px;
  min-height: 250px;
  text-align: center;
  /*position: relative;*/
  /*top: -25px;*/
}

.blocks {
  display: flex;
  /*justify-content: center;*/
  flex-direction: column;
  align-items: center;
  /*margin-top: 50px;*/
}

@media (max-width: 767px) {
  .blocks {
    margin-top: 20px;
  }
}

.block-image {
  background: #fff;
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.block-p {
  color: #636363;
  font-size: 12px;
  height: 4em;
}

.block-item {
  text-align: left;
  margin: 15px 0px;
}

.block-row {
  margin: 30px;
  position: relative;
  top: -75px;
}

.block-heading {
  margin: 5px 0px;
  font-size: 16px;
  font-weight: 600;
  color: #636363;
}

.block-intro-p {
  color: #fff;
  font-size: 16px;
}

.block-intro-h2 {
  color: #000;
  font-size: 24px;
}

@media (max-width: 767px) {
  h2.block-intro-h2 {
    font-size: 24px;
  }
}

.intro-heading {
  /*text-align: center;*/
  /*background: #ffffff;*/
  /*position: relative;*/
  /*top: -100px;*/
  margin-top: 50px;
  margin-bottom: 227px;
}

.overlay-div {
  /*text-align: center;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*flex-direction: column;*/
}

.overlay-div img:hover {
  /*filter: blur(5px);*/
}

.photo-gallery-main .item img {
  width: 200px;
  /*height: 200px;*/
  margin: 25px;
}

.photo-gallery-mini .item img {
  width: 15vw;
  /*height: 50px;*/
}

@media (min-width: 1200px) {
  .photo-gallery-mini .item img {
    width: 8vw;
    /*height: 50px;*/
  }
}

.buttons-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.right-block {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .right-block {
    margin: 0;
  }
}

.row.photos {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 767px) {
  .row.photos {
    justify-content: center;
  }
}

.photo-gallery-mini .item {
  margin: 3px;
  border: solid #ccc 1px;
}

.photo-gallery-mini h2 {
  font-size: 1em;
  font-weight: 600;
}

@media (max-width: 767px) {
  .photo-gallery-mini h2 {
    text-align: center;
  }
}

.product-main-image {
  height: 100%;
  min-height: 50vh;
}

@media (max-width: 767px) {
  .product-main-image {
    height: 100%;
    min-height: 50vh;
  }
}

.product-header-block {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: #cccccc;
}

.parallax-window {
  min-height: 400px;
  background: transparent;
}

.parallax {
  /* background-image: url("/media/wysiwyg/cougarwork/products/150-pro-blackwhite/Pro-Premium-and-Ergonomics-Desktop-1.jpg"); */
  /* max-height: 50vh; */
  /* min-height: 500px; */
  /* width: 100%; */
  /* height: 50vw; */
  background-attachment: fixed;
  background-position-x: left;
  background-size: cover;
  background-repeat: no-repeat;
}

.parallax, .parallax-block .center-block {
  max-height: 50vh;
  min-height: 500px;
  width: 100%;
  height: 50vw;
}

@media (max-width: 767px) {
  .parallax {
    min-height: 50vh;
  }
}

.fixed-bg {
  /* background-image: url("/media/wysiwyg/cougarwork/products/150-pro-blackwhite/Superior-Memory-Keypad-2.jpg"); */
  min-height: 50vh;
  width: 100%;
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1200px) {
  .fixed-bg {
    /*background-image: url("/Superior-Memory-Keypad-2.jpg");*/
    min-height: 50vw;
    /*width: 100%;*/
    /*background-attachment: fixed;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
  }
}

.parallax-block .right-block {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  color: #fff;
  float: right;
  width: 70vw;
  /*height: 600px;*/
  margin-top: 100px;
  margin-right: 25px;
}

.parallax-block .center-block {
  display: flex;
  color: #000000;
  /* height: 70vw; */
  position: relative;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  padding-bottom: 100px;
}

.parallaxbox {
  /*width: 143em;*/
}

.features-icon {
  margin-right: 15px;
}

.block-downloads .features-icon {
  color: #fccb00;
  margin-right: 5px;
  font-size: 14px;
}

.block-collapse .collapse-icon {
  color: #313437;
  margin-right: 0px;
  font-size: 36px;
  position: relative;
}

.block-chess .side-block {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  background-color: #eeeeee;
  flex-direction: column;
  min-height: 30vw;
  justify-content: center;
}

@media (max-width: 767px) {
  .block-chess .side-block {
    min-height: 50vh;
  }
}

.center-block p {
  /*max-width: 70%;*/
}

.block-chess .row {
  display: flex;
  justify-content: center;
  margin: 0;
}

@media (max-width: 767px) {
  .block-chess .row {
    flex-direction: column;
  }
}

.side-block-steps .row {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
  .side-block-steps .row {
  }
}

section.block-chess {
  /*max-width: 1440px;*/
  margin: auto;
  /*margin-bottom: 50px;*/
}

section.photo-gallery-mini {
  text-align: center;
}

.photo-gallery-mini .container {
  /*margin: auto;*/
}

@media (max-width: 767px) {
  .side-block.second {
    order: 1;
  }
}

.side-block .inner {
  margin: 50px;
}

@media (max-width: 767px) {
  .side-block .inner {
    margin: 10px;
  }
}

.side-block-steps {
  background: #8194ad;
  padding: 25px 10px;
}

.side-block-steps img {
  border: 0px;
  border-radius: 15px;
}

.side-block-steps h3 {
  text-align: center;
}

.side-block-steps p {
  font-size: 14px;
}

@media (max-width: 991px) {
  .side-block-steps p {
    display: none;
  }
}

.side-block-steps .inner {
}

.cd-handle {
}

.img-comp-container {
  margin: 100px 0px;
}

.yellow-block .row {
  /*max-width: 991px;*/
  margin: 8px auto;
  padding: 30px 10px;
  background-color: #fccb00;
  /*text-align: center;*/
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 991px) {
  .yellow-block .row {
    /*max-width: 991px;*/
    /*margin: 8px auto;*/
    /*padding: 30px 10px;*/
    /*background-color: #fccb00;*/
    /*text-align: center;*/
    display: block;
    /*flex-direction: row;*/
    /*align-items: center;*/
  }
}

.yellow-block .text-center {
  padding-bottom: 25px;
}

.block-downloads {
  margin-bottom: 50px;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.block-downloads p {
  text-align: center;
}

.block-downloads .heading-icon {
  width: auto;
  height: 100px;
  color: #fccb00;
}

.block-intro {
  margin: 50px 10px 100px;
}

@media (max-width: 991px) {
  .block-intro {
    margin: 50px 10px 50px;
  }
}

@media (max-width: 767px) {
  .block-intro {
    margin: 25px 10px 25px;
  }
}

.download-header {
  color: #fccb00;
  font-weight: 800;
  margin: 0px 0px 75px 0px;
}

.collapse-row {
  width: 100%;
  height: 50px;
  background: #ddd;
  display: flex;
  justify-content: space-between;
  border: solid 1px #cccccc;
  margin-top: 10px;
  align-items: center;
  font-weight: 600;
}

.collapse-row:focus, .collapse-row:active, .collapse-row:hover {
  background-color: #ddd;
  /*background-position: 0 -15 px;*/
  box-shadow: 0px 0px 10px rgb(190,190,190);
  border: solid 1px #cccccc;
}

.collapse-row:active:hover {
  background-color: #ddd;
  border: solid 1px #cccccc;
}

.collapse-row.collapsed {
  background-color: #ddd;
}

.collapse-row h3 {
  /*margin: 0;*/
  /*padding: 0;*/
  /*text-align: right;*/
}

element.style {
}

.collapse-row-heading {
  margin: 0;
  padding: 0;
  color: #000000;
  margin: 0;
  padding: 0;
  text-align: left;
}

.collapse-row.collapsed .collapse-icon {
  transform: rotate(90deg);
  transition-duration: 0.5s;
}

.collapse-icon {
  transform: rotate(0deg);
  transition-duration: 0.5s;
}

section.block-collapse {
  padding: 15px;
}

.collapse .row {
  border-bottom: solid 2px #fccb00;
  margin: 0px 15px;
  padding: 8px 3;
}

.collapse p {
  margin: 15px 0px;
}

.collapse.in {
  border: solid 1px #cccccc;
}

.collapse ul {
  padding: 0;
  margin: 0;
}

.list-block p {
  font-size: 18px;
}

.list-block li {
  font-size: 16px;
}

.photo-gallery-main {
}

.parallax-block {
  /*min-height: 50vw;*/
}

@media (max-width: 767px) {
  .col-sm-6 {
    width: 100%;
    max-width: 100%;
  }
}

/* main#maincontent {
    padding: 0;
    overflow: hidden;
    min-width: 100vw;
} */

.page-main {
  padding: 0px;
  max-width: 100vw;
}

ol.products.list.items.product-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-banner {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  color: #eeeeee;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 75vh;
  margin-top: 50px;
}

.header-banner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 50vh;
}

.catalog-prod-image {
  display: flex;
  height: 30vh;
  max-height: 25vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /*background-color: #fff;*/
  align-items: stretch;
  /*flex-direction: column;*/
  border: solid 5px #fff;
  /*margin: 15px;*/
}

.category-list {
}

.catalog-prod {
  background-color: #cfcfcf;
  padding: 25px;
  /*display: flex;*/
}

.catalog-prod-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}

.catalog-prod-image-inn {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition-duration: 0.5s;
  opacity: 0;
}

.catalog-prod-image-inn:hover {
  background-color: #00000050;
  opacity: 1;
  transition-duration: 0.5s;
}

.catalog-prod-image-inn p {
  font-size: 1em;
  color: #fff;
}

.catalog-prod-title p, .catalog-prod-title h3 {
  margin: 0px 5px;
}

.center-block {
  /* margin-top: 50px; */
  /* margin-bottom: 100px; */
}

.center-block h1 {
  color: #fccb00;
  margin: 30px 0px;
}

.catalog-prod-image-inn h3 {
  color: #fccb00;
}