.banner {
  color: #fff;
  padding: 2.6875rem 0;
  background: -webkit-gradient(linear, left top, right top, from(#497ac9), to(#5cc9cd));
  background: linear-gradient(to right, #497ac9, #5cc9cd);
}
.banner h1 {
  font-size: 2.25rem;
  font-weight: 800;
}
.banner p {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.banner p.writing {
  margin-bottom: 0;
  margin-top: 1rem;
}
@media (max-width: 900px) {
  .banner {
    text-align: center;
  }
}
.gotobuy a {
  display: inline-flex;
  padding: 13px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#497ac9), to(#5cc9cd));
  background: linear-gradient(to right, #497ac9, #5cc9cd);
  box-shadow: 2px 2px 8px rgba(27, 88, 161, 0.4);
}
.gotobuy a:hover {
  box-shadow: none;
  opacity: 0.8;
}
.price {
  font-weight: 800;
}
.price *::after {
  content: ' €';
}
.price .old {
  font-size: 1.125rem;
  color: #bcbcbc;
  text-decoration: line-through;
  text-decoration-color: #fc6965;
}
.price .new {
  font-size: 1.875rem;
  color: #f9b046;
  margin-left: 10px;
}
.single * {
  transition: 200ms linear;
}
.single .flex-container {
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0;
  border-bottom: 2px solid;
  box-sizing: border-box;
  border-image: -webkit-linear-gradient(left, #497ac9 0%, #5cc9cd 100%) 5;
}
@media (max-width: 1080px) {
  .single .flex-container {
    padding: 3rem 15px;
  }
}
@media (max-width: 1080px) and (max-width: 900px) {
  .single .flex-container {
    flex-direction: column;
    align-items: unset;
  }
}
.single .pro {
  flex: 0 0 28%;
  text-align: center;
}
.single .pro .pic {
  height: 11.875rem;
  overflow: hidden;
  margin-bottom: 10px;
}
.single .pro .pic img {
  height: 8.3125rem;
  -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 0.1));
  -moz-box-reflect: below 0 -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 0.1));
}
.single .pro .state .title {
  font-size: 20px;
  color: #595757;
  font-family: thin;
}
.single .pro .state .version {
  font-size: 16px;
  color: #727171;
  margin: 10px 0;
  font-family: thin;
}
.single .pro .state .win-mac a {
  font-size: 20px;
  color: #727171;
}
.single .pro .state .win-mac a:hover {
  color: #26acff;
}
.single .links {
  flex: 0 0 70%;
  display: flex;
  flex-direction: column;
}
.single .links .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #e7e7e7;
  padding-bottom: 1rem;
}
.single .links .item:not(:last-child) {
  margin-bottom: 20px;
}
.single .links .item .info {
  flex: 0 0 63%;
}
.single .links .item .info .name {
  font-size: 20px;
  color: #595757;
  font-weight: 800;
  margin-bottom: 10px;
}
.single .links .item .info .desc {
  font-size: 16px;
  color: #727171;
  margin-bottom: 10px;
}
.single .links .item .info .desc.hook {
  display: flex;
  text-align: left;
}
.single .links .item .info .desc.hook::before {
  content: '';
  display: block;
  flex: 0 0 1rem;
  height: 1rem;
  border: 1px solid #497ac9;
  border-radius: 2px;
  background: url(img/buy/hook.svg) no-repeat center center;
  background-size: 90%;
  margin-right: 6px;
  position: relative;
  top: 4px;
}
.single .links .item .cart {
  flex: 0 0 28%;
  text-align: center;
}
.single .links .item .cart .price {
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .single .links .item {
    flex-direction: column;
    text-align: center;
    padding: 2rem 0;
    margin-bottom: 0!important;
  }
}
.combination {
  margin-top: 3rem;
}
.combination * {
  transition: 200ms linear;
}
.combination .title {
  font-size: 20px;
  font-weight: 800;
  color: #595757;
  margin-bottom: 2rem;
}
.combination .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 900px) {
  .combination .content {
    flex-direction: column;
    align-items: unset;
  }
}
.combination .pro {
  flex: 0 0 73%;
  background-color: #fff;
  padding-right: 20px;
  border-right: 2px solid;
  box-sizing: border-box;
  border-image: -webkit-linear-gradient(left, #497ac9 0%, #5cc9cd 100%) 5;
  position: relative;
}
.combination .pro::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid #5cc9cd;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -15px;
  top: calc(50% - 10px);
  z-index: -1;
}
.combination .pro .box {
  margin-left: 20px;
  border: 1px solid transparent;
  background-color: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  position: relative;
}
.combination .pro .box::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 5px;
  background: linear-gradient(155deg, #497ac9, #5cc9cd);
  z-index: -1;
}
.combination .pro .box:not(:last-child) {
  margin-bottom: 15px;
}
.combination .pro .box .news {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  border-radius: 5px;
  background-color: #fff;
}
.combination .pro .box .news .top {
  display: flex;
  align-items: center;
  flex: 0 0 65%;
}
.combination .pro .box .news .top::before {
  content: '';
  display: inline-block;
  flex: 0 0 20px;
  height: 20px;
  border-radius: 2px;
  margin-right: 10px;
  border: 1px solid #5cc9cd;
}
.combination .pro .box .news .top .name {
  font-size: 16px;
  color: #727171;
}
.combination .pro .box .news .price .old {
  font-size: 0.875rem;
}
.combination .pro .box .news .price .new {
  font-size: 1.5rem;
}
.combination .pro .box.fa {
  margin-left: 0;
}
.combination .pro .box.fa .news .top::before {
  flex: 0 0 26px;
  height: 26px;
}
.combination .pro .box.fa .news .top .name {
  font-size: 20px;
  color: #595757;
  font-weight: 800;
  margin-bottom: 4px;
}
.combination .pro .box.fa .news .top .desc {
  font-size: 16px;
  color: #727171;
}
.combination .pro .box:hover {
  cursor: pointer;
}
.combination .pro .box.choose {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.combination .pro .box.choose .news .top::before {
  background: url(img/buy/hook-combine.svg) no-repeat center center;
  background-size: 90%;
}
.combination .cart {
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.combination .cart .price {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .combination .pro {
    margin-bottom: 40px;
    padding-right: 0;
    padding-bottom: 20px;
    border-right: none;
    border-bottom: 2px solid;
  }
  .combination .pro::after {
    right: unset;
    top: unset;
    left: calc(50% - 10px);
    bottom: -24px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 14px solid #5cc9cd;
  }
  .combination .pro .box {
    margin-left: 0;
  }
  .combination .pro .box .news {
    flex-direction: column;
    align-items: unset;
  }
  .combination .pro .box .news .price {
    text-align: center;
    margin-top: 10px;
  }
  .combination .cart {
    text-align: center;
  }
  .combination .cart .price {
    justify-content: center;
  }
}
.discount {
  margin-top: 3rem;
}
.discount * {
  transition: 200ms linear;
}
.discount .title {
  font-size: 20px;
  font-weight: 800;
  color: #595757;
  margin-bottom: 2rem;
}
.discount .title span {
  font-size: 2.25rem;
  color: #f9b046;
}
@media (max-width: 900px) {
  .discount .title {
    text-align: center;
  }
}
.discount .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .discount .content {
    flex-direction: column;
  }
  .discount .content .item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.discount .content::after {
  content: '';
  flex: 0 0 30%;
}
.discount .content .item {
  flex: 0 0 30%;
  line-height: 1.6;
  text-align: center;
  padding: 30px 20px;
  border: 1px solid transparent;
  background-color: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  position: relative;
  box-shadow: 2px 2px 8px rgba(27, 88, 161, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.discount .content .item:hover {
  box-shadow: none;
}
.discount .content .item::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 5px;
  background: linear-gradient(155deg, #497ac9, #5cc9cd);
  z-index: -1;
}
.discount .content .item .name {
  font-size: 18px;
  color: #595757;
  font-weight: 800;
}
.discount .content .item .desc,
.discount .content .item .desc-discount {
  font-size: 16px;
  color: #7a7a7a;
}
.discount .content .item .desc-discount {
  margin: 10px 0;
}
.discount .content .item .desc {
  margin-bottom: 10px;
}
.discount .content .item .gotobuy a {
  line-height: normal;
}
.support-careful {
  padding: 3rem 0;
}
.support-careful .title {
  font-size: 24px;
  color: #595757;
  font-weight: 800;
}
@media (max-width: 900px) {
  .support-careful .title {
    text-align: center;
  }
}
.support-careful .support {
  display: flex;
  flex-wrap: wrap;
}
.support-careful .support .payment {
  display: flex;
  flex-wrap: wrap;
}
.support-careful .support .payment img {
  width: 62px;
  height: 30px;
}
@media (max-width: 900px) {
  .support-careful .support {
    flex-direction: column;
  }
  .support-careful .support .title {
    margin-bottom: 2rem;
  }
  .support-careful .support .payment {
    justify-content: center;
  }
  .support-careful .support .payment img {
    margin-bottom: 10px;
  }
}
.support-careful .careful {
  margin-top: 2rem;
}
.support-careful .careful .title {
  margin-bottom: 2rem;
}
.support-careful .careful .list {
  color: #7a7a7a;
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}
.support-careful .careful .list:not(:last-child) {
  margin-bottom: 10px;
}
.support-careful .careful .list::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7a7a7a;
  position: absolute;
  left: 0;
  top: 8px;
}
.guarantee .flex-container {
  padding: 3rem 0;
  justify-content: space-between;
  border-top: 2px solid;
  box-sizing: border-box;
  border-image: -webkit-linear-gradient(left, #497ac9 0%, #5cc9cd 100%) 5;
}
@media (max-width: 1080px) {
  .guarantee .flex-container {
    padding: 3rem 15px;
  }
}
@media (max-width: 1080px) and (max-width: 900px) {
  .guarantee .flex-container {
    flex-direction: column;
  }
  .guarantee .flex-container .box:not(:last-child) {
    margin-bottom: 10px;
  }
}
.guarantee .flex-container .box {
  flex: 0 0 30%;
}
.guarantee .flex-container .box img {
  height: 35px;
  margin: 14px 0;
}
.guarantee .flex-container .box .title {
  color: #3e3a39;
  font-size: 18px;
  font-weight: 800;
}
.guarantee .flex-container .box p {
  color: #7a7a7a;
  font-size: 16px;
  line-height: 1.8;
}
.article {
  padding: 5rem 0 3rem;
}
.article * {
  transition: 200ms linear;
}
.article .container {
  padding: 3rem 0;
  border-top: 2px solid;
  box-sizing: border-box;
  border-image: -webkit-linear-gradient(left, #497ac9 0%, #5cc9cd 100%) 5;
}
@media (max-width: 1080px) {
  .article .container {
    padding: 3rem 15px;
  }
}
@media (max-width: 1080px) and (max-width: 900px) {
  .article .container .row {
    flex-direction: column;
  }
  .article .container .row .box:not(:last-child) {
    margin-bottom: 10px;
  }
}
.article .title {
  font-size: 2.25rem;
  color: #595757;
  font-weight: 800;
  margin-bottom: 2rem;
}
.article .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 4%;
}
.article .row::before,
.article .row::after {
  display: none;
}
.article .row .box {
  flex: 0 0 49%;
  padding: 0;
}
.article .row .box p a {
  font-size: 16px;
  color: #7a7a7a;
  display: block;
  padding-left: 20px;
  position: relative;
}
.article .row .box p a::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7a7a7a;
  position: absolute;
  left: 0;
  top: 8px;
}
.article .row .box p a:hover {
  color: #26acff;
}
.article .row .box p a:hover::before {
  background-color: #26acff;
}
.article .row .box p:not(:last-child) {
  margin-bottom: 10px;
}