@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.page-content{background:#fff;padding:38px;font-size:17px;box-shadow:0 0 15px rgba(0,0,0,.07);min-height:200px;float:left;width:100%}.page-content>h4{font:19px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;margin:0 0 15px 0}.page-content>h3{font:24px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;margin:0 0 15px 0;line-height:28px}@media only screen and (max-width: 767px){.page-content>h3{font-size:22px;line-height:26px}}.page-content>h2{font:28px/34px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;margin:0 0 15px 0}@media only screen and (max-width: 767px){.page-content>h2{font-size:22px;line-height:26px}}.page-content>h1{font:28px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;line-height:32px}@media only screen and (max-width: 767px){.page-content>h1{font-size:22px;line-height:26px}}.page-content mp>h4{font:19px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;margin:0 0 15px 0}.page-content mp>h3{font:24px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;margin:0 0 15px 0;line-height:28px}.page-content mp>h2{font:28px/32px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;margin:0 0 15px 0}.page-content mp>h1{font:28px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f}.page-content mp>ol,.page-content ul{padding:0 20px;margin:15px 0}.page-content mp>ol li,.page-content ul li{margin:5px 0}.page-content mp>ol li a,.page-content ul li a{color:#0080bb}.page-content mp>ol li ol,.page-content mp>ol li ul,.page-content ul li ol,.page-content ul li ul{padding:0 15px}.page-content mp>ol li table,.page-content ul li table{width:100% !important;border:1px solid #eee;margin:20px 0}@media only screen and (max-width: 1023px){.page-content mp>ol li table,.page-content ul li table{overflow:auto;display:inline-block}}.page-content mp>ol li table tr,.page-content ul li table tr{border-bottom:1px solid #eee}.page-content mp>ol li table tr th,.page-content ul li table tr th{padding:10px 20px;border-right:1px solid #eee;color:#0080bb}.page-content mp>ol li table tr th:last-child,.page-content ul li table tr th:last-child{border-right:0}.page-content mp>ol li table tr td,.page-content ul li table tr td{padding:10px 20px;font-size:17px;border-right:1px solid #eee}.page-content mp>ol li table tr td:last-child,.page-content ul li table tr td:last-child{border-right:0}.page-content mp>table{width:100% !important;border:1px solid #eee;margin:20px 0}@media only screen and (max-width: 1023px){.page-content mp>table{overflow:auto;display:inline-block}}.page-content mp>table tr{border-bottom:1px solid #eee}.page-content mp>table tr th{padding:10px 20px;border-right:1px solid #eee;color:#0080bb}.page-content mp>table tr th:last-child{border-right:0}.page-content mp>table tr td{padding:10px 20px;font-size:17px;border-right:1px solid #eee}.page-content mp>table tr td:last-child{border-right:0}.page-content p{font-size:17px;margin:0 0 15px 0}.page-content p:last-child{margin-bottom:0}.page-content p a{color:#00a7e0}.page-content p img{width:auto !important;height:auto !important}@media only screen and (max-width: 767px){.page-content p img{float:none !important;margin:0 auto !important}}@media only screen and (min-width: 768px)and (max-width: 1200px){.page-content p img.right,.page-content p img.left{max-width:230px}}.page-content ol,.page-content ul{padding:0 20px;margin:15px 0}.page-content ol li,.page-content ul li{margin:5px 0}.page-content ol li a,.page-content ul li a{color:#0080bb}.page-content ol li ol,.page-content ol li ul,.page-content ul li ol,.page-content ul li ul{padding:0 15px}.page-content ol li table,.page-content ul li table{width:100% !important;border:1px solid #eee;margin:20px 0}@media only screen and (max-width: 1023px){.page-content ol li table,.page-content ul li table{overflow:auto;display:inline-block}}.page-content ol li table tr,.page-content ul li table tr{border-bottom:1px solid #eee}.page-content ol li table tr th,.page-content ul li table tr th{padding:10px 20px;border-right:1px solid #eee;color:#0080bb}.page-content ol li table tr th:last-child,.page-content ul li table tr th:last-child{border-right:0}.page-content ol li table tr td,.page-content ul li table tr td{padding:10px 20px;font-size:17px;border-right:1px solid #eee}.page-content ol li table tr td:last-child,.page-content ul li table tr td:last-child{border-right:0}.page-content>table{width:100% !important;border:1px solid #eee;margin:20px 0}@media only screen and (max-width: 1023px){.page-content>table{overflow:auto;display:inline-block}}.page-content>table tr{border-bottom:1px solid #eee}.page-content>table tr th{padding:10px 20px;border-right:1px solid #eee;color:#0080bb}.page-content>table tr th:last-child{border-right:0}.page-content>table tr td{padding:10px 20px;font-size:17px;border-right:1px solid #eee}.page-content>table tr td:last-child{border-right:0}.col-2-5{width:265px;float:left}.col-10-5{width:calc(100% - 265px);float:right;padding-left:25px}.col-10-5.left{padding:0 25px 0 0}.col-3-5{width:375px;float:left}.col-9-5{width:calc(100% - 375px);float:right;padding-right:25px}.col-3-5-2{width:306px;float:left}.col-9-5-2{width:calc(100% - 306px);float:right;padding-right:25px}u{color:#0080bb}img.left{margin:0 45px 12px 0}img.right{margin:0 0 12px 45px}.share{border-top:1px solid #eee;margin:15px 0 0 0;padding:15px 0 0 0;display:inline-block;width:100%}@media only screen and (max-width: 767px){.share .float-md-right{width:100%;float:left}}.share .shareList span{display:block;float:left;font:20px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin-right:15px}.share .shareList ul{margin:0;padding:0;float:left}.share .shareList ul li{list-style-type:none;display:inline-block;margin:0 10px 0 0;float:none;width:auto}.share .shareList ul li.whatsapp a{background-position:-191px 0}.share .shareList ul li.facebook a{background-position:6px 0 !important}.share .shareList ul li.twitter a{background-position:-95px 0 !important}.share .shareList ul li.instagram a{background-position:-42px 0 !important}.share .shareList ul li.youtube a{background-position:-189px 3px !important}.share .shareList ul li.linkedin a{background-position:-144px 0 !important}.share .shareList ul li.tiktok a{background-position:-235px 0 !important}.share .shareList ul li a{transition:.2s;display:block;background:url(../images/blog-ico.svg) no-repeat;width:25px;height:25px;background-position:6px 0;background-size:cover}.share .shareList ul li a:hover{transition:.2s;opacity:.3}.share small.date{font:20px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#c8c8c8}span.date{color:#c8c8c8;font-size:13px}.pdf{float:left;width:100%;margin:0 0 30px 0}.pdf a{transition:.3s;background:#2b3484;border-radius:3px;color:#fff;display:block;float:left;padding:8px 30px;border:2px solid transparent;font:18px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.pdf a i{float:right;margin-left:9px;font-size:22px;line-height:27px}.pdf a:hover{transition:.3s;background:transparent;border-color:#1b1e1f;color:#1b1e1f}.rightBanner .img{margin-top:30px}.rightBanner .img:first-child{margin-top:0}.rightBanner h3{font-family:overpass-black,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:20px;color:#1b1e1f;line-height:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:20px 0}@media only screen and (max-width: 767px){.col-2-5{display:none}.col-10-5{padding:0 !important;width:100% !important}.col-9-5,.col-9-5-2{padding:0;width:100% !important}.col-3-5,.col-3-5-2{width:100%;margin:20px 0 0 0}}@media only screen and (max-width: 767px){.page-content{padding:25px !important}.page-content>p{font-size:16px !important;line-height:26px !important}}@media only screen and (min-width: 768px)and (max-width: 1023px){.col-2-5{display:none}.col-10-5{padding:0;width:100% !important}}@media only screen and (min-width: 1024px)and (max-width: 1200px){.col-2-5{width:225px}.col-10-5{width:calc(100% - 225px) !important}}@media only screen and (min-width: 768px)and (max-width: 1200px){.col-9-5,.col-9-5-2{width:calc(100% - 250px) !important}.col-3-5,.col-3-5-2{width:250px !important}.rightBanner{position:sticky;top:130px}.page-content>p{font-size:16px !important;line-height:26px !important}}.tournamentForm .form{background:#121428}.tournamentForm .form label{color:#fff !important}.page-content a.mores.blue{color:#fff !important}.page-content a.mores.blue:hover{color:#1b1e1f !important}
@font-face {
  font-family: "overpass-semibold";
  src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-bold";
  src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-light";
  src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-regular";
  src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-black";
  src: url("../fonts/Overpass-Black.eot");
  src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Credit Card";
  src: url("../fonts/CreditCard.eot");
  src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.blackPage h1,
.blackPage h3.title {
  color: #fff;
}
.blackPage .proItem {
  background: #303030;
}
.blackPage .proItem .text h2,
.blackPage .proItem .text h2 a {
  color: #fff;
}
.blackPage .proItem .text h2:hover,
.blackPage .proItem .text h2 a:hover {
  color: #00e1ff;
}
.blackPage .proItem .text h3 {
  color: #00e1ff;
}
.blackPage .proItem .money sub,
.blackPage .proItem .money u,
.blackPage .proItem .money span {
  color: #fff;
}
.blackPage .proItem .buttons a {
  color: #242729 !important;
}
.blackPage .proItem .buttons a:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}
.blackPage .proItem .buttons .nblue {
  background: #00e1ff !important;
}
.blackPage .proItem .buttons .blue {
  background: #fff !important;
}

.related-h1 {
  font: 21px overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  margin: 5px !important;
}

.moreButton.text-center {
  margin: 0 0 1.5rem 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .moreButton.text-center a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1180px) {
  .moreButton.text-center {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
}
.moreButton.text-center.active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.listing {
  display: inline-block;
  width: 100%;
}
.listing .allListing {
  -webkit-transition: 0.3s;
  transition: 0.3s; /*opacity:0;transform: translateY(50px);*/
}
@media only screen and (min-width: 2000px) {
  .listing .allListing:nth-child(2), .listing .allListing:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.listing .allListing.active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.listing .allListing:first-child {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.listing .allListing:first-child .proItem {
  margin-top: 0;
}

.proItem {
  margin: 25px 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  padding: 20px 50px;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem .col-4 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 30%;
  }
  .proItem .col-8 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 70%;
  }
}
.proItem .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.proItem .texts {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 100px;
}
@media only screen and (max-width: 767px) {
  .proItem .texts {
    max-height: inherit;
    display: block;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem {
    padding: 30px;
  }
  .proItem .texts {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    max-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem {
    position: relative;
    padding: 25px;
  }
  .proItem .col-md-7 {
    position: initial !important;
  }
  .proItem .col-8,
  .proItem .col-4 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 100%;
    position: initial !important;
  }
}
.proItem:nth-child(2) {
  margin-top: 0;
}
.proItem picture {
  height: 330px;
}
.proItem picture:hover img {
  -webkit-transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem picture {
    height: 175px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem picture {
    height: 160px;
    margin-bottom: 20px;
  }
}
.proItem picture img {
  -webkit-transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.proItem picture a {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.proItem picture .giftBag {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 3%;
  right: 7%;
  border-radius: 50%;
}
@media only screen and (min-width: 1201px) and (max-width: 1599px) {
  .proItem picture .giftBag {
    top: 2%;
    right: 5%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem picture .giftBag {
    width: 75px;
    height: 75px;
    top: -18%;
    right: -3%;
  }
}
@media only screen and (max-width: 767px) {
  .proItem picture .giftBag {
    width: 75px;
    height: 75px;
    top: 3%;
    right: 6%;
  }
}
.proItem picture .giftSecond {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 35%;
  right: 7%;
  border-radius: 50%;
}
@media only screen and (min-width: 1201px) and (max-width: 1599px) {
  .proItem picture .giftSecond {
    top: 32%;
    right: 5%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem picture .giftSecond {
    width: 75px;
    height: 75px;
    top: 20%;
    right: -3%;
  }
}
@media only screen and (max-width: 767px) {
  .proItem picture .giftSecond {
    width: 75px;
    height: 75px;
    top: 20%;
    right: 6%;
  }
}
.proItem .text h2,
.proItem .text h2 a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font: 26px/28px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #1B1E1F;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .text h2,
  .proItem .text h2 a {
    font: 23px/26px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .text h2,
  .proItem .text h2 a {
    font-size: 18px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .text h2,
  .proItem .text h2 a {
    font-size: 19px;
    line-height: 20px;
  }
}
.proItem .text h2:hover,
.proItem .text h2 a:hover {
  color: #0080BB;
}
.proItem .text h3 {
  font: 27px/30px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #0080BB;
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .proItem .text h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .text h3 {
    font-size: 22px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .text h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
.proItem .text p {
  font-size: 17px;
}
@media only screen and (min-width: 1px) and (max-width: 1023px) {
  .proItem .text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .text p {
    font-size: 13px;
  }
}
.proItem .all {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .proItem .all {
    text-align: center;
  }
}
.proItem .money {
  position: relative;
  padding-right: 80px;
}
.proItem .money.noDiscount {
  padding-right: 0 !important;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem .money {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money {
    padding-right: 60px;
    display: inline-block;
    text-align: right;
    margin-bottom: 20px;
  }
  .proItem .money small {
    font-size: 15px !important;
  }
  .proItem .money span {
    font-size: 19px !important;
  }
}
.proItem .money small {
  font-size: 20px;
  color: #8f8f8f;
  display: block;
  text-decoration: line-through;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .money small {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .money small {
    font-size: 20px;
  }
}
.proItem .money span {
  font: 26px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: -7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  white-space: nowrap;
}
.proItem .money span sub {
  margin: 0 0 0 5px;
  color: #0080bb;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .proItem .money span sub {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money span sub {
    font-size: 13px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .money span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .money span {
    font-size: 22px;
  }
}
.proItem .money u {
  text-decoration: none;
  display: block;
  color: #0080bb;
  font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .proItem .money u {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money u {
    font-size: 13px;
  }
}
.proItem .money i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-60%);
      -ms-transform: translateY(-60%);
          transform: translateY(-60%);
  font: 25px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-align: center;
  font-style: normal;
  width: 60px;
  display: block;
  text-align: center;
  height: 55px;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .money i {
    width: 45px;
    height: 40px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .money i {
    width: 45px;
    height: 40px;
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money i {
    width: 45px;
    height: 40px;
    font-size: 17px;
  }
}
.proItem .money i b {
  font-weight: 100;
  background: #eb452b;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.proItem .money i:before {
  content: "";
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 12px solid #eb452b;
  position: absolute;
  bottom: -12px;
  left: 0;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem .money i:before {
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-top: 7px solid #eb452b;
    bottom: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money i:before {
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 8px solid #eb452b;
    bottom: -8px;
  }
}
.proItem .buttons {
  padding-left: 50px;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .buttons {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .buttons {
    margin-top: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-top: 0 !important;
  }
  .proItem .buttons a {
    min-width: auto !important;
    width: 100%;
  }
  .proItem .buttons a:first-child {
    margin: 0 5px 0 0 !important;
  }
  .proItem .buttons a:last-child {
    margin: 0 0 0 5px !important;
  }
}
.proItem .buttons a {
  margin: 5px 0;
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .buttons a {
    margin: 3px 0;
    font-size: 16px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .buttons a {
    min-width: 100%;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .buttons a {
    font-size: 12px !important;
  }
}
.proItem .buttons a:first-child {
  margin-top: 0;
}
.proItem .buttons a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff !important;
  color: #1B1E1F !important;
  border-color: #1B1E1F !important;
}
@media only screen and (min-width: 1201px) {
  .proItem img.h-85 {
    height: 85% !important;
  }
}

@media only screen and (max-width: 1180px) {
  .allListing {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
  .allListing picture {
    top: 0 !important;
  }
}
.listPage:last-child .allListing:first-child .proItem {
  margin-top: 0;
}

span.new {
  width: auto;
  height: 28px;
  background: url(../images/blue-new-2.png) no-repeat;
  background-size: cover;
  font: 13px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  padding: 4px 22px 4px 8px;
  position: relative;
  top: -3px;
  display: inline;
  margin-left: 5px;
  background-size: cover !important;
  background-position: right center !important;
  line-height: inherit !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  span.new {
    display: none;
  }
  span.new.mobileActive {
    display: table !important;
    margin: -15px 0 -10px -30px !important;
  }
}
@media only screen and (max-width: 767px) {
  span.new {
    display: none;
  }
  span.new.mobileActive {
    display: table !important;
    margin: -10px 0 11px -25px !important;
  }
}
span.new.campaign-badge {
  background: url(../images/blue-new-3.png) no-repeat;
}

.windowsPro {
  width: 100%;
  text-align: right;
}
@media only screen and (max-width: 340px) {
  .windowsPro {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .windowsPro {
    text-align: left;
    margin-top: 5px;
  }
}
.windowsPro a {
  display: inline-block;
}
.windowsPro img {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 260px;
}

.titleFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}
.titleFlex h1 {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .mobileNoFlex {
    display: inline-block;
    width: 100%;
  }
}

.proItem.bg-white.seoText:last-child {
  margin-bottom: 0 !important;
}

.proItem.bg-white.seoText:nth-child(3) {
  margin-top: 0 !important;
}

@media only screen and (max-width: 767px) {
  .seoSeriesList .more ul {
    overflow: scroll;
    scrollbar-width: none;
  }
  .seoSeriesList .more ul li {
    text-wrap: nowrap;
  }
}

.seoText {
  font-size: 14px;
  margin-top: 25px !important;
  padding: 25px;
}
@media only screen and (max-width: 767px) {
  .seoText {
    padding: 25px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .seoText {
    font-size: 13px;
    padding: 30px;
  }
}
.seoText h1,
.seoText h3,
.seoText h4,
.seoText h5,
.seoText h6 {
  font-size: 15px;
}
.seoText h2 {
  font-size: 20px;
}
.seoText p {
  font-size: 14px;
}
.seoText p small {
  display: block;
  font-size: 14px !important;
}
.seoText p.limited, .seoText p:last-child {
  margin-bottom: 0;
}
.seoText a {
  color: #00A7E0;
}
.seoText ul {
  padding: 0 18px;
  margin: 0;
}
.seoText ul li {
  font-size: 14px;
  padding: 2px 0;
}

@media only screen and (max-width: 1200px) {
  body {
    overflow: auto !important;
  }
  picture {
    -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
            transform: inherit !important;
  }
}
.titleAndSelect {
  margin: 0 0 -25px 0;
  padding: 8px 0;
}
@media only screen and (max-width: 767px) {
  .titleAndSelect {
    margin: 0 0 -15px 0;
  }
}
.titleAndSelect a.mores {
  float: right;
  font-size: 15px;
  padding: 4px 15px !important;
}
@media only screen and (min-width: 601px) {
  .titleAndSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .titleAndSelect .float-md-right {
    width: 250px;
  }
  .titleAndSelect .float-md-left {
    width: calc(100% - 250px);
  }
}
.titleAndSelect .breadcrumb {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .titleAndSelect .float-md-left {
    width: 100%;
  }
  .titleAndSelect .float-md-right {
    width: 100%;
    padding-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .titleAndSelect .float-md-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}@font-face {
  font-family: "overpass-semibold";
  src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-bold";
  src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-light";
  src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-regular";
  src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-black";
  src: url("../fonts/Overpass-Black.eot");
  src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Credit Card";
  src: url("../fonts/CreditCard.eot");
  src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.mockupPage {
  float: left;
  width: 100%;
}
.mockupPage .container-fluid {
  padding: 0;
}
.mockupPage .container-fluid .col-12 {
  padding: 0;
}

.bgWhite {
  background: #fff;
}
.bgWhite .colorList span {
  color: #1B1E1F;
}
.bgWhite > a,
.bgWhite h2,
.bgWhite h3,
.bgWhite h4,
.bgWhite h5 {
  color: #1B1E1F;
}
.bgWhite p {
  color: #1B1E1F;
}
.bgWhite ol li,
.bgWhite ul li {
  color: #1B1E1F !important;
}
.bgWhite ol li i,
.bgWhite ul li i {
  color: #1B1E1F !important;
}

.bgBlack {
  background: #1B1E1F;
}
.bgBlack .colorList span {
  color: #fff;
}
.bgBlack a,
.bgBlack h1,
.bgBlack h2,
.bgBlack h3,
.bgBlack h4,
.bgBlack h5,
.bgBlack p {
  color: #fff;
}
.bgBlack ul li {
  color: #fff;
}
.bgBlack ul li i {
  color: #fff;
}

.bgImages {
  position: relative;
}
.bgImages.bgBlack a,
.bgImages.bgBlack h1,
.bgImages.bgBlack h2,
.bgImages.bgBlack h3,
.bgImages.bgBlack h4,
.bgImages.bgBlack h5,
.bgImages.bgBlack p {
  color: #fff;
}
.bgImages.bgBlack ul li {
  color: #fff;
}
.bgImages.bgBlack ul li i {
  color: #fff;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .bgImages {
    min-height: 500px;
  }
}

.itemGroup {
  max-height: 660px;
  position: relative;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
  height: 45vw;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .itemGroup {
    float: left;
    width: 100%;
    min-height: 39vw;
  }
}
@media only screen and (max-width: 767px) {
  .itemGroup {
    height: auto;
    float: left;
    width: 100%;
    max-height: inherit;
  }
}
.itemGroup .miniH3 {
  margin: -40px 0 30px 0;
}
.itemGroup.verticalTop .divText {
  position: relative;
  padding-top: 50px;
  padding-left: 0;
  height: auto;
}
.itemGroup.verticalTop .col-12 {
  height: 100%;
}
.itemGroup.verticalCenter.tmp_2 .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.itemGroup.verticalCenter .container-fluid {
  display: table;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .itemGroup.verticalCenter .container-fluid {
    display: block;
  }
}
.itemGroup.verticalCenter .col-12 {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .itemGroup.verticalCenter .col-12 {
    display: block !important;
  }
}
.itemGroup.text-center .divText {
  max-width: 1080px;
  margin: 0 auto;
}
.itemGroup.boxTwo .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.itemGroup .container-fluid {
  position: relative;
  height: 100%;
}

.contentImages {
  max-height: 660px;
  height: 44vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .contentImages {
    height: auto;
    width: 100% !important;
    padding: 0;
  }
}
.contentImages picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.contentImages picture img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bgImages {
    overflow: hidden;
  }
}

.backImages {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .backImages {
    margin: 0 !important;
    left: 0;
    bottom: 0;
    position: initial;
    float: left;
    width: 100%;
  }
}
.backImages picture {
  display: block;
  height: 100%;
}
.backImages picture img {
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.divText {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .divText .d-block.float-left.w-100.mt-3 {
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .divText .mores {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .divText .mores {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .divText .detailButton {
    margin: 0 0 1rem 0 !important;
  }
}
.divText .detailButton a {
  margin: 5px 0;
}
.divText .detailButton a .ico {
  padding: 8px 25px;
}
.divText .detailButton a img {
  width: 110px;
}
.divText .detailButton a span {
  padding: 8px 25px;
}
@media only screen and (max-width: 767px) {
  .divText .detailButton a span {
    font-size: 13px;
    line-height: 15px;
  }
}
.divText table {
  width: 100%;
  border: none;
}
.divText table tr {
  border-bottom: 1px solid #cdcdcd;
}
.divText table tr:last-child {
  border: none;
}
.divText table tr td {
  padding: 8px 0;
  font-family: overpass-semibold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media only screen and (max-width: 1200px) {
  .divText table tr td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .divText {
    width: 100% !important;
  }
  .divText .all {
    display: initial !important;
  }
}
.divText p {
  font-size: 16px;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .divText p {
    font-size: 14px;
  }
}
.divText ul,
.divText ol {
  padding: 0 0 0 15px;
  margin: 0;
}
.divText ul li,
.divText ol li {
  margin: 7px 0;
  font-size: 17px;
  color: #fff;
  position: relative;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .divText ul li,
  .divText ol li {
    font-size: 13px;
    margin: 4px 0;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 1023px) {
  .divText ul li,
  .divText ol li {
    font-size: 14px;
    margin: 6px 0;
  }
}
@media only screen and (max-width: 767px) {
  .divText ul li,
  .divText ol li {
    font-size: 14px;
    margin: 5px 0;
  }
}
.divText.float-left .all {
  text-align: right;
}

.colorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 34px;
  margin: 30px 0 0 0;
}
.colorList.tp {
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {
  .colorList {
    text-align: center;
  }
}
.colorList span {
  display: block;
  font-size: 17px;
}
.colorList ul {
  padding: 0;
  margin: 0 12px 0 0;
}
.colorList ul li {
  list-style-type: none;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .colorList ul li {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  .colorList ul li span {
    width: 18px !important;
    height: 18px !important;
  }
}
@media only screen and (max-width: 767px) {
  .colorList ul li {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  .colorList ul li span {
    width: 18px !important;
    height: 18px !important;
  }
}
.colorList ul li input {
  opacity: 0;
  position: absolute;
}
.colorList ul li input:checked + label {
  border-color: #1B1E1F;
  background: #f3f3f3;
}
.colorList ul li label {
  margin: 0;
  border: 1px solid #ddd;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  cursor: pointer;
}
.colorList ul li label img {
  width: 35px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}

.leftOrRight .divText {
  max-height: 660px;
  display: table;
  padding: 30px 5vw;
  height: 44vw;
}
@media only screen and (min-width: 2000px) {
  .leftOrRight .divText {
    padding: 0 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .leftOrRight .divText {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .leftOrRight .divText {
    height: auto;
    display: inherit;
    max-height: inherit;
  }
}
.leftOrRight .divText .all {
  display: table-cell;
  vertical-align: middle;
}
.leftOrRight .contentImages {
  float: left;
}
.leftOrRight .divText {
  float: right;
}

.rightOrLeft .divText {
  max-height: 660px;
  display: table;
  padding: 30px 5vw;
  height: 44vw;
}
@media only screen and (min-width: 2000px) {
  .rightOrLeft .divText {
    padding: 0 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .rightOrLeft .divText {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rightOrLeft .divText {
    height: auto;
    display: inherit;
    max-height: inherit;
  }
}
.rightOrLeft .divText .all {
  display: table-cell;
  vertical-align: middle;
}
.rightOrLeft .contentImages {
  float: right;
}
.rightOrLeft .divText {
  float: left;
}

.h-370 {
  height: 370px;
}

.h-320 {
  height: 320px;
}

.h-210 {
  height: 210px;
}

.boxesList {
  padding: 0 5vw;
}
@media only screen and (min-width: 2000px) {
  .boxesList {
    padding: 0 150px;
  }
}

.miniFullImages {
  margin: 20px auto;
  display: -ms-flexbox;
  -ms-flex-align: center;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .miniFullImages {
    margin: 15px auto;
  }
}
.miniFullImages .allMini {
  width: 100%;
  height: 100%;
}
.miniFullImages picture {
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
}
.miniFullImages picture img {
  max-height: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .miniFullImages picture img {
    max-height: 180px;
  }
}

.figure {
  width: 100%;
  margin: 30px 0;
  position: relative;
  z-index: 2;
}
.figure ul {
  padding: 0;
  text-align: center;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.figure ul li {
  display: inline-block;
  font-size: 23px;
  list-style-type: none;
  margin: 0 5px;
  min-width: 220px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}
.figure ul li.two i {
  font-size: 60px;
  line-height: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .figure ul li.two i {
    font-size: 34px;
    line-height: 45px;
  }
}
.figure ul li.three i {
  font-size: 50px;
  line-height: 58px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .figure ul li.three i {
    font-size: 28px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1320px) {
  .figure ul li.four i {
    font-size: 26px;
    line-height: 31px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1320px) {
  .figure ul li {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .figure ul li {
    font-size: 18px;
    min-width: inherit;
    margin: 0 20px;
  }
}
.figure ul li i {
  display: block;
  font: 32px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 35px;
}
@media only screen and (min-width: 1023px) and (max-width: 1320px) {
  .figure ul li i {
    font-size: 32px;
  }
}

.itemBox {
  padding: 0 10px;
  text-align: left;
}
.itemBox picture img {
  max-height: 220px;
  margin: 0 auto;
  display: block;
  height: auto;
  text-align: center;
}
.itemBox .desc {
  margin: 20px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .itemBox .desc p {
    font-size: 12px !important;
  }
}
.itemBox .desc h1,
.itemBox .desc h2,
.itemBox .desc h3,
.itemBox .desc h4,
.itemBox .desc h5 {
  font: 28px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0 0 10px 0;
  line-height: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .itemBox .desc h1,
  .itemBox .desc h2,
  .itemBox .desc h3,
  .itemBox .desc h4,
  .itemBox .desc h5 {
    font-size: 20px !important;
    line-height: 22px !important;
  }
}
.itemBox .desc p {
  font-size: 14px;
}

.boxes {
  text-align: left;
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .boxes {
    display: block;
  }
}
.boxes .icon {
  float: left;
  max-width: 210px;
  width: 11vw;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .boxes .icon {
    height: 140px;
    width: 150px;
  }
  .boxes .icon h1,
  .boxes .icon h2,
  .boxes .icon h3,
  .boxes .icon h4,
  .boxes .icon h5 {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .boxes .icon picture {
    height: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .boxes .icon picture img {
    max-height: 100%;
  }
}
.boxes .icon picture {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.boxes .img {
  width: 210px;
  height: 160px;
  float: left;
}
.boxes .img picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.boxes .img picture img {
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.boxes .boxText {
  float: left;
  width: calc(100% - 11vw);
  padding: 0 0 0 20px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .boxes .boxText {
    width: calc(100% - 150px);
    padding: 0 0 0 25px;
  }
}
.boxes .boxText h4 {
  font: 30px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 34px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .boxes .boxText h4 {
    font-size: 24px;
    line-height: 28px;
  }
}
.boxes .boxText p {
  font-size: 15px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .boxes .boxText p {
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 1023px) {
  .boxes .boxText p {
    font-size: 14px;
  }
}

.seriBigDetail {
  height: 660px;
  padding: 0 60px;
  position: relative;
}
.seriBigDetail .container-fluid {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 340px) {
  .seriBigDetail .installment a,
  .seriBigDetail button {
    display: block;
  }
}
@media only screen and (max-width: 1200px) {
  .seriBigDetail {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .seriBigDetail {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .seriBigDetail {
    height: auto;
    float: left;
    width: 100%;
  }
  .seriBigDetail .container-fluid {
    padding: 0 !important;
  }
}
.seriBigDetail .textBig {
  position: relative;
  z-index: 2;
  float: right;
}
@media only screen and (max-width: 767px) {
  .seriBigDetail .textBig {
    margin: 30px 0 10px 0;
    height: auto !important;
  }
  .seriBigDetail .textBig h1,
  .seriBigDetail .textBig h2,
  .seriBigDetail .textBig h3,
  .seriBigDetail .textBig h4,
  .seriBigDetail .textBig h5,
  .seriBigDetail .textBig p {
    text-align: left;
  }
  .seriBigDetail .textBig ul {
    padding: 0 !important;
  }
  .seriBigDetail .textBig ul li {
    text-align: left;
  }
}
.seriBigDetail .textBig h1,
.seriBigDetail .textBig h2,
.seriBigDetail .textBig h3 {
  font-size: 17px !important;
  line-height: 20px !important;
  margin: 0 0 10px 0 !important;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: -1px;
}
.seriBigDetail .textBig h1,
.seriBigDetail .textBig h2 {
  color: #0B1F8F;
}
.seriBigDetail .textBig h3 {
  color: #1B1E1F;
}
@media only screen and (min-width: 1600px) {
  .seriBigDetail .textBig h1,
  .seriBigDetail .textBig h2 {
    font-size: 38px !important;
    line-height: 48px !important;
  }
  .seriBigDetail .textBig h3 {
    font-size: 28px !important;
    line-height: 38px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .seriBigDetail .textBig h1,
  .seriBigDetail .textBig h2 {
    font-size: 35px !important;
    line-height: 48px !important;
  }
  .seriBigDetail .textBig h3 {
    font-size: 28px !important;
    line-height: 38px !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
  .seriBigDetail .textBig h1,
  .seriBigDetail .textBig h2 {
    font-size: 32px !important;
    line-height: 48px !important;
  }
  .seriBigDetail .textBig h3 {
    font-size: 28px !important;
    line-height: 38px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .seriBigDetail .textBig h1,
  .seriBigDetail .textBig h2 {
    font-size: 23px !important;
  }
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
  .seriBigDetail .textBig h1,
  .seriBigDetail .textBig h2 {
    font-size: 24px !important;
  }
  .seriBigDetail .textBig h3 {
    font-size: 22px !important;
  }
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
  .seriBigDetail .textBig h1,
  .seriBigDetail .textBig h2,
  .seriBigDetail .textBig h3 {
    font-size: 20px !important;
  }
}
.seriBigDetail .textBig .h1-unset {
  font-size: unset !important;
  line-height: unset !important;
}
.seriBigDetail .textBig .h1-unset .h1 {
  font-size: 38px !important;
  line-height: 48px !important;
}
@media only screen and (max-width: 767px) {
  .seriBigDetail .textBig .h1-unset .h1 {
    font-size: 32px !important;
    line-height: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .seriBigDetail .textBig .h1-unset .h1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
.seriBigDetail .textBig ul li {
  font-size: 15px;
  color: #fff;
  list-style-type: none;
}
@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig ul li {
    font-size: 16px;
  }
}
.seriBigDetail .textBig h4 {
  font-size: 70px;
  line-height: 65px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0 0 40px 0;
}
.seriBigDetail .textBig p {
  font-size: 15px;
  color: #5e5e5e;
  text-align: left;
}
@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig p {
    font-size: 16px;
  }
}
.seriBigDetail .textBig .money {
  position: relative;
  padding-right: 80px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .seriBigDetail .textBig .money {
    margin: 10px 0 1.5rem;
    display: inline-block;
    width: 100%;
  }
}
.seriBigDetail .textBig .money.noDiscount {
  padding-right: 0 !important;
}
@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig .money {
    padding-right: 60px;
  }
}
.seriBigDetail .textBig .money small {
  font-size: 20px;
  color: #8f8f8f;
  display: block;
  text-decoration: line-through;
}
.seriBigDetail .textBig .money span {
  font-size: 26px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: -7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  white-space: nowrap;
}
@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig .money span {
    margin: -10px 0;
  }
}
.seriBigDetail .textBig .money span sub {
  margin: 0 0 0 5px;
  color: #0080bb;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
}
.seriBigDetail .textBig .money u {
  text-decoration: none;
  display: block;
  color: #0080bb;
  font-size: 15px;
}
.seriBigDetail .textBig .money i {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 25px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-align: center;
  font-style: normal;
  width: 60px;
  display: block;
  text-align: center;
  height: 55px;
}
@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig .money i {
    margin-top: 8px;
    width: 50px;
    height: 45px;
    font-size: 20px;
    top: 0;
  }
}
.seriBigDetail .textBig .money i b {
  font-weight: 100;
  background: #eb452b;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seriBigDetail .textBig .money i:before {
  content: "";
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 12px solid #eb452b;
  position: absolute;
  bottom: -12px;
  left: 0;
}
@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig .money i:before {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 10px solid #eb452b;
    bottom: -10px;
  }
}
@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig .buttons .d-block {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    margin: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: white;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  }
  .seriBigDetail .textBig .buttons .d-block a,
  .seriBigDetail .textBig .buttons .d-block button {
    padding: 0 !important;
    width: 100%;
    border-radius: 0;
    font-size: 14px;
    height: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .seriBigDetail .textBig .buttons .rightProduct {
    width: 100%;
  }
  .seriBigDetail .textBig .buttons .rightProduct .dateText {
    border: none !important;
    margin: 0 !important;
    padding: 2px !important;
    font-size: 14px;
  }
  .seriBigDetail .textBig .buttons .rightProduct .dateText span {
    display: block;
  }
  .seriBigDetail .textBig .buttons .installment {
    width: 100%;
    margin: 0 !important;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .seriBigDetail .textBig .buttons {
    text-align: center;
  }
}
.seriBigDetail .textBig .buttons .installment {
  font-size: 14px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .seriBigDetail .textBig .buttons .installment {
    font-size: 12px;
    text-align: center !important;
    margin: 30px 0 10px 0;
  }
}
.seriBigDetail .textBig .buttons .installment a,
.seriBigDetail .textBig .buttons .installment button {
  text-decoration: underline !important;
  color: #0080BB;
}
.seriBigDetail .p-gallery {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.seriBigDetail .p-gallery picture {
  height: 100%;
}
.seriBigDetail .p-gallery i.next {
  cursor: pointer;
  position: absolute;
  font-size: 25px;
  color: #8f8f8f;
  left: 0;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-70%);
      -ms-transform: translateY(-70%);
          transform: translateY(-70%);
}
.seriBigDetail .p-gallery i.prev {
  cursor: pointer;
  position: absolute;
  font-size: 25px;
  color: #8f8f8f;
  right: 0;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-70%);
      -ms-transform: translateY(-70%);
          transform: translateY(-70%);
}
.seriBigDetail .p-gallery .all {
  width: 100%;
  float: left;
}
.seriBigDetail .p-gallery .slider {
  height: 500px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .seriBigDetail .p-gallery .slider {
    height: 300px;
  }
}
@media only screen and (max-width: 400px) {
  .seriBigDetail .p-gallery .slider {
    height: 145px !important;
  }
}
@media only screen and (max-width: 767px) {
  .seriBigDetail .p-gallery .slider {
    height: 245px !important;
  }
}
@media only screen and (max-width: 340px) {
  .seriBigDetail .p-gallery .slider {
    height: 175px !important;
  }
}
.seriBigDetail .p-gallery .slider a {
  cursor: crosshair;
}
.seriBigDetail .p-gallery .slider .slick-list,
.seriBigDetail .p-gallery .slider .slick-track,
.seriBigDetail .p-gallery .slider .slick-slide {
  height: 100%;
}
.seriBigDetail .p-gallery .slider .slick-slide > div {
  height: 100%;
}
.seriBigDetail .p-gallery .slider img {
  max-height: 100%;
}
.seriBigDetail .p-gallery .slider-nav {
  margin: 20px auto 0 auto;
  max-height: 80px;
  height: auto;
  overflow: hidden;
  max-width: 625px;
}
.seriBigDetail .p-gallery .slider-nav .slick-list {
  margin: 0 35px;
}
@media only screen and (max-width: 767px) {
  .seriBigDetail .p-gallery .slider-nav .slick-list {
    margin: 0 18px;
  }
}
.seriBigDetail .p-gallery .slider-nav .slick-current picture {
  border-color: rgba(36, 39, 41, 0.71);
}
.seriBigDetail .p-gallery .slider-nav .slick-slide {
  margin: 0 10px;
}
.seriBigDetail .p-gallery .slider-nav picture {
  border: 1px solid #ebebeb;
  width: 20%;
  height: 73px;
  border-radius: 4px;
  padding: 7px;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seriBigDetail .p-gallery .slider-nav picture img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.seriBigDetail .p-gallery .giftBag {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 5%;
  right: 23%;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .seriBigDetail .p-gallery .giftBag {
    right: 18%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  .seriBigDetail .p-gallery .giftBag {
    top: 10%;
    right: 6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .seriBigDetail .p-gallery .giftBag {
    width: 75px;
    height: 75px;
    top: 3%;
    right: 5%;
  }
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .seriBigDetail .p-gallery .giftBag {
    width: 70px;
    height: 70px;
    top: 2%;
    right: 20%;
  }
}
@media only screen and (min-width: 430px) and (max-width: 500px) {
  .seriBigDetail .p-gallery .giftBag {
    width: 70px;
    height: 70px;
    top: 2%;
    right: 14%;
  }
}
@media only screen and (min-width: 375px) and (max-width: 429px) {
  .seriBigDetail .p-gallery .giftBag {
    width: 60px;
    height: 60px;
    top: 3%;
    right: 15%;
  }
}
@media only screen and (max-width: 374px) {
  .seriBigDetail .p-gallery .giftBag {
    width: 50px;
    height: 50px;
    top: 0%;
    right: 10%;
  }
}
.seriBigDetail .p-gallery .giftWarrantyPackage {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 5%;
  left: 23%;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .seriBigDetail .p-gallery .giftWarrantyPackage {
    left: 18%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  .seriBigDetail .p-gallery .giftWarrantyPackage {
    top: 10%;
    left: 6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .seriBigDetail .p-gallery .giftWarrantyPackage {
    width: 75px;
    height: 75px;
    top: 3%;
    left: 5%;
  }
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .seriBigDetail .p-gallery .giftWarrantyPackage {
    width: 70px;
    height: 70px;
    top: 2%;
    left: 20%;
  }
}
@media only screen and (min-width: 430px) and (max-width: 500px) {
  .seriBigDetail .p-gallery .giftWarrantyPackage {
    width: 70px;
    height: 70px;
    top: 2%;
    left: 14%;
  }
}
@media only screen and (min-width: 375px) and (max-width: 429px) {
  .seriBigDetail .p-gallery .giftWarrantyPackage {
    width: 60px;
    height: 60px;
    top: 3%;
    left: 15%;
  }
}
@media only screen and (max-width: 374px) {
  .seriBigDetail .p-gallery .giftWarrantyPackage {
    width: 50px;
    height: 50px;
    top: 0%;
    left: 10%;
  }
}

h3.title {
  letter-spacing: -1px;
}

.modalActive .fancybox-bg {
  display: none !important;
}
.modalActive .fancybox-content {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}

.videoList {
  padding: 20px 0;
  float: left;
  width: 100%;
}
.videoList .carousel {
  width: 800px;
  margin: 0 auto;
}
.videoList .carousel .videoImage {
  height: 450px;
  background: #eee;
}

.otherModel {
  position: relative;
}

.threeBox .col-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.threeBox .divText {
  margin-bottom: auto !important;
}

@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .blogList picture {
    height: 150px !important;
  }
  .blogList .col-md-3 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 33.3%;
  }
  .blogList .col-md-3:last-child {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .itemGroup.verticalTop .divText {
    padding-top: 0 !important;
  }
  .figure {
    margin: 30px 0 0 0 !important;
  }
  .figure ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .figure ul li {
    min-width: initial !important;
    margin: 0 auto !important;
    font-size: 13px !important;
    padding: 0 5px;
  }
  .figure ul li.four i {
    font-size: 20px;
    line-height: 25px !important;
  }
  .tmp_4 .contentImages {
    height: 100% !important;
  }
  .blogList picture {
    height: 120px !important;
  }
  .blogList .col-md-3 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 33.3%;
  }
  .blogList .col-md-3:last-child {
    display: none;
  }
  .blogList .text span {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .textBig {
    float: left !important;
    width: 100%;
    padding-top: 28px;
  }
  .textBig .money {
    margin-bottom: 0 !important;
  }
  .textBig br {
    display: none;
  }
  .boxesList .col-md-6 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 100%;
    padding: 0;
  }
  .boxesList .col-md-6:last-child .icon,
  .boxesList .col-md-6:last-child .boxes {
    margin-bottom: 0;
  }
  .boxesList .boxes {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 10px 0;
  }
  .boxesList .icon {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .miniFullImages .allMini {
    max-height: inherit !important;
  }
  .miniFullImages .allMini picture {
    max-height: inherit !important;
  }
  .boxesList {
    float: left;
    width: 100%;
    margin: 0 auto !important;
  }
  .boxesList .itemBox {
    padding: 0 !important;
    margin-bottom: 30px;
    float: left;
    width: 100%;
  }
  .tmp6 p {
    font-size: 12px !important;
  }
  .tmp6 p:last-child {
    margin-bottom: 0 !important;
  }
  .itemGroup {
    float: left;
    width: 100%;
    padding: 30px;
  }
  .itemGroup.tmp6 {
    padding: 0 !important;
  }
  .itemGroup.tmp6 .contentImages {
    padding: 0 !important;
  }
  .itemGroup.tmp_10 {
    padding-bottom: 0 !important;
  }
  .itemGroup .divText .all {
    padding: 0 !important;
  }
  .itemGroup p {
    font-size: 13px;
  }
  .itemGroup p small {
    font-size: 13px !important;
  }
  .itemGroup h2 {
    font-size: 25px !important;
    line-height: 32px !important;
  }
  .itemGroup h1,
  .itemGroup h3,
  .itemGroup h4,
  .itemGroup h4,
  .itemGroup h5 {
    font-size: 25px !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 0 10px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .divText {
    max-width: 100% !important;
  }
  .itemGroup p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .figure ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .figure ul li {
    margin: 0 auto;
  }
  .tmp_7-0,
  .tmp_7-1 {
    padding: 30px 0;
  }
  .tmp_7-0 .divText,
  .tmp_7-1 .divText {
    padding-bottom: 0 !important;
  }
  .tmp_7-0 .contentImages,
  .tmp_7-1 .contentImages {
    padding: 0 30px;
  }
  .bgImages {
    background: #1b1e1f;
  }
  .textBig {
    float: left !important;
    width: 100%;
  }
  .textBig br {
    display: none;
  }
  .boxesList .col-md-6:last-child .boxes {
    margin-bottom: 0;
  }
  .boxesList .boxes {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0 10px;
    display: block;
  }
  .boxesList .icon {
    width: 100% !important;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: none;
    margin: 0 auto;
  }
  .boxesList .boxText {
    width: 100% !important;
    padding: 0;
    margin: 20px 0 0 0;
  }
  .backImages {
    height: auto !important;
    margin: 0 !important;
    left: 0;
    bottom: 0;
  }
  .figure {
    margin: 0 0 25px 0 !important;
    position: initial !important;
    padding: 0 12px;
  }
  .figure ul.fourUl {
    display: block !important;
    -ms-flex-wrap: inherit !important;
        flex-wrap: inherit !important;
  }
  .figure ul.fourUl li.two {
    margin: 0 5px !important;
  }
  .figure ul li {
    min-width: initial !important;
    margin: 0 auto !important;
    padding: 0 2px;
  }
  .figure ul li.four {
    font-size: 12px !important;
    line-height: 14px !important;
    width: 50%;
    display: block;
    -webkit-box-flex: inherit !important;
        -ms-flex-positive: inherit !important;
            flex-grow: inherit !important;
    float: left;
    margin: 0 0 5px 0 !important;
    min-height: 50px;
  }
  .figure ul li.four:nth-child(3), .figure ul li.four:nth-child(4) {
    margin-bottom: 0 !important;
  }
  .figure ul li.four i {
    font-size: 15px;
    line-height: 20px;
    max-height: inherit;
    margin-bottom: 2px;
  }
  .figure ul li.three {
    font-size: 12px !important;
    line-height: 14px;
  }
  .figure ul li.three i {
    font-size: 15px;
    line-height: 22px;
    max-height: inherit;
  }
  .figure ul li.two {
    font-size: 13px !important;
    line-height: 17px;
    margin: 0 12px !important;
  }
  .figure ul li.two i {
    font-size: 18px;
    line-height: 23px;
    max-height: inherit;
  }
  .miniFullImages {
    max-height: inherit !important;
    min-height: inherit !important;
    height: auto;
    margin: 20px auto 0 0 !important;
  }
  .miniFullImages .allMini {
    max-height: inherit !important;
  }
  .miniFullImages .allMini picture {
    max-height: inherit !important;
    height: auto;
  }
  .col-12,
  .container-fluid {
    width: 100%;
  }
  .boxesList {
    float: left;
    width: 100%;
    margin: 0 !important;
  }
  .boxesList .col-md-4:last-child .itemBox {
    margin-bottom: 0 !important;
  }
  .boxesList .itemBox {
    padding: 0 !important;
    margin-bottom: 30px;
    float: left;
    width: 100%;
  }
  .itemGroup {
    float: left;
    width: 100%;
  }
  .itemGroup .divText {
    text-align: left !important;
    float: left;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin: 30px 0 !important;
  }
  .itemGroup p {
    font-size: 14px;
  }
  .itemGroup p:last-child {
    margin: 0;
  }
  .itemGroup p small {
    font-size: 14px;
  }
  .itemGroup h1,
  .itemGroup h2,
  .itemGroup h3,
  .itemGroup h4,
  .itemGroup h4,
  .itemGroup h5 {
    font-size: 25px !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 0 13px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .itemGroup .videoImage {
    height: 340px !important;
  }
}
@media only screen and (max-width: 767px) {
  .itemGroup .videoImage {
    height: 155px !important;
  }
  .itemGroup .videoImage i {
    -webkit-transform: translate(-50%, -50%) scale(0.8) !important;
        -ms-transform: translate(-50%, -50%) scale(0.8) !important;
            transform: translate(-50%, -50%) scale(0.8) !important;
  }
  .itemGroup .videoName {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .itemGroup .carousel {
    width: 100%;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .breadcrumb ul li {
    font-size: 14px;
  }
  .tabFixed ul li a {
    font-size: 14px !important;
    padding: 11px 4px !important;
  }
}
.textOrFigure .col-12 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100% !important;
}
.textOrFigure .col-12 .divText {
  margin-bottom: auto;
}

.bgBlue {
  background: #163c6c;
}

.bgGrey {
  background: #f2f2f2;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_10 .figure {
    position: absolute;
    bottom: 20px;
    left: 0;
  }
}

.tmp_10 .figure ul,
.tmp_11 .figure ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.tmp_10 .figure ul li,
.tmp_11 .figure ul li {
  font-size: 22px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
  /*margin:0 1vh;*/
}

.tmp_4 h2 {
  font-size: 52px;
  line-height: 57px;
  margin: 0 0 22px;
}
@media only screen and (min-width: 1023px) and (max-width: 1300px) {
  .tmp_4 h2 {
    font-size: 40px !important;
    line-height: 45px !important;
  }
}
.tmp_4 .contentImages {
  padding-left: 30px;
  padding-top: 30px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .tmp_4 .contentImages {
    padding: 0 20px 20px 20px;
    margin: 0;
  }
}
.tmp_4 .divText {
  padding-right: 40px;
  margin-bottom: 0 !important;
}
.tmp_4 .divText .all {
  padding-left: 5vw;
}
@media only screen and (max-width: 767px) {
  .tmp_4 .divText .all {
    padding: 0;
  }
}
@media only screen and (min-width: 2000px) {
  .tmp_4 .divText .all {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 2000px) {
  .tmp_4 .divText .all {
    padding-left: 150px;
  }
}
.tmp_4 .figure {
  margin: 0;
  position: absolute;
  bottom: 50px;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tmp_4 .figure {
    bottom: 0;
  }
}
.tmp_4 .figure ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tmp_4 .figure ul li {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .tmp_4 {
    height: auto;
    max-height: inherit;
  }
  .tmp_4 .figure {
    position: inherit;
    padding: 40px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tmp_7-1 {
    padding: 0 !important;
  }
  .tmp_4 .divText {
    padding: 20px 30px !important;
  }
  .tmp_4 .figure {
    padding: 0 !important;
  }
}
.multipleCentered {
  float: left;
  width: 100%;
  max-height: 500px;
  height: 40vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .multipleCentered {
    height: auto;
    max-height: inherit;
  }
  .multipleCentered .contentImages {
    padding: 0 !important;
    height: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .multipleCentered {
    display: block;
    height: auto;
    max-height: inherit !important;
  }
}

.leftOrRight.tmp_11 .divText .all {
  padding-left: 5vw;
}
@media only screen and (min-width: 2000px) {
  .leftOrRight.tmp_11 .divText .all {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .leftOrRight.tmp_11 .divText .all {
    padding-left: 0;
  }
}
@media only screen and (min-width: 2000px) {
  .leftOrRight.tmp_11 .divText .all {
    padding-left: 150px;
  }
}

.rightOrLeft.tmp_11 .col-12 {
  display: block;
}
.rightOrLeft.tmp_11 .col-12 .divText .all {
  padding-left: 5vw;
}
@media only screen and (min-width: 2000px) {
  .rightOrLeft.tmp_11 .col-12 .divText .all {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1023px) {
  .rightOrLeft.tmp_11 .col-12 .divText .all {
    padding-left: 0;
  }
}
@media only screen and (min-width: 2000px) {
  .rightOrLeft.tmp_11 .col-12 .divText .all {
    padding-left: 150px;
  }
}
.rightOrLeft.tmp_11 .col-12 .figure {
  position: absolute;
  bottom: 0;
  left: 0;
}

.tmp_3 .boxesList {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .tmp_3 .divText {
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .tmp_3 .divText h4 {
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_3 .divText {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .itemGroup.text-center .divText {
    max-width: 800px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tmp_3 .boxText h1,
  .tmp_3 .boxText h2,
  .tmp_3 .boxText h3,
  .tmp_3 .boxText h4,
  .tmp_3 .boxText h5 {
    font-size: 25px !important;
    line-height: 32px !important;
  }
}
@media only screen and (max-width: 767px) {
  .itemBox .desc {
    max-height: inherit !important;
  }
  .tmp_5 .divText h3 {
    padding-bottom: 0 !important;
  }
  .tmp_7-0 .divText,
  .tmp_7-1 .divText {
    margin-bottom: 0 !important;
  }
}
.tmp_13 .divText .all {
  padding-left: 5vw;
}
@media only screen and (min-width: 2000px) {
  .tmp_13 .divText .all {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_13 .divText .all {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_13 .divText .all {
    padding-left: 0 !important;
  }
}
.tmp_13 .figure {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: calc(50% - 5vw);
}
@media only screen and (max-width: 767px) {
  .tmp_13 .figure {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_13 .figure {
    max-width: 295px !important;
  }
}
.tmp_13 .figure ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tmp_13 .figure ul li {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}
.tmp_13 .figure ul li:first-child {
  text-align: left;
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .tmp_13 .figure ul li:first-child {
    text-align: center !important;
  }
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
  .spaceLi {
    display: none !important;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_3 {
    padding: 60px 0 !important;
  }
}
.tmp_3 {
  height: auto;
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .tmp_3 {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tmp_3 {
    padding: 30px 0;
  }
}

.heightAuto {
  height: auto !important;
  float: left;
  width: 100%;
  margin-top: 25px;
  max-height: initial !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .heightAuto .container-fluid {
    padding: 0;
  }
  .heightAuto .container-fluid .col-12 {
    padding: 0;
  }
}
.heightAuto .paVar {
  padding: 30px;
  height: auto !important;
  min-height: inherit;
}
@media only screen and (max-width: 767px) {
  .heightAuto .paVar {
    padding: 0 30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .heightAuto .paVar {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .heightAuto p {
    font-size: 16px;
    margin: 0 0 20px 0;
  }
}

.tmp_8 {
  height: auto;
  padding: 50px 30px;
}
@media only screen and (max-width: 767px) {
  .tmp_8 {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bgImages p br {
    display: none !important;
  }
}
.textBoxAll {
  font-size: 14px;
}
.textBoxAll h1 {
  font-size: 14px;
  margin: 0 0 0.5rem 0;
  line-height: inherit;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.textBoxAll h2 {
  font-size: 14px;
  margin: 0 0 0.5rem 0;
  line-height: inherit;
  font-weight: 500;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.textBoxAll h3 {
  font-size: 14px;
  margin: 0 0 0.5rem 0;
  line-height: inherit;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.textBoxAll h4 {
  font-size: 14px;
  margin: 0 0 0.5rem 0;
  line-height: inherit;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.textBoxAll h5 {
  font-size: 14px;
  margin: 0 0 0.5rem 0;
  line-height: inherit;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.textBoxAll a.moreBtn {
  color: #0080BB;
  font-size: 14px;
  position: relative;
  top: 1px;
  text-decoration: underline !important;
}
@media only screen and (max-width: 767px) {
  .textBoxAll a.moreBtn {
    display: block;
    padding-left: 0;
  }
}
.textBoxAll p {
  font-size: 14px;
}
.textBoxAll p:last-child {
  margin-bottom: 0;
}
.textBoxAll p a {
  color: #0080bb !important;
  text-decoration: underline !important;
}
.textBoxAll p.limited {
  margin-bottom: 0;
}

/*.windowsLogo{
    width: auto;
    margin: -60px 0 -20px 0;
    &.mobile{
        display: none;
        @media only screen and (max-width : 767px){
            display: flex $i;
        }
    }
    @media only screen and (max-width : 767px){
        display: none;
        margin: -30px 0 -40px 0;
        text-align: center;
        position: initial;
        height: auto;
        align-items: center;
        padding: 0;
        img{
            max-width: 100%;
            max-height: 100%;
        }
    }
}*/
.col-xl-7 .windowsLogo {
  position: absolute;
  left: 20px;
  top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-xl-7 .windowsLogo {
    position: inherit;
    margin: 0 0 -100px 0;
  }
}

.windowsLogo {
  margin: -60px 0 -20px 0;
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.windowsLogo.mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .windowsLogo.mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
@media only screen and (max-width: 767px) {
  .windowsLogo {
    display: none;
    margin: 0 0 -10px 0;
    text-align: center;
    position: initial;
    height: 120px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  .windowsLogo img {
    max-width: 100%;
    max-height: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .tmp_1 {
    padding-bottom: 48vw;
  }
  .tmp_5,
  .tmp_7-2,
  .tmp_7-4,
  .tmp_7-0,
  .tmp_9 {
    height: auto !important;
  }
  .miniFullImages {
    margin-bottom: 0 !important;
    height: auto !important;
    min-height: auto !important;
  }
  .miniFullImages .allMini {
    /*height: 200px;*/
  }
  .miniFullImages .allMini img {
    max-height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*.tmp6{
      height: auto $i;
      min-height: 300px;
      .contentImages,.divText{
          height: 100% $i;
          min-height: 300px;
          img{

          }
      }
  }*/
  .tmp_4 {
    height: auto !important;
  }
  .tmp_4 .multipleCentered {
    min-height: inherit !important;
    height: auto !important;
  }
  .tmp_4 .figure {
    position: initial !important;
  }
  .tmp_11 {
    height: auto;
    min-height: 310px;
  }
  .tmp_11 .container-fluid,
  .tmp_11 .col-12 {
    min-height: 310px;
  }
  .tmp_11 .divText {
    padding: 25px !important;
  }
  .textBoxAll a.moreBtn {
    display: block;
  }
}
.tmp_5 {
  height: auto !important;
  max-height: inherit !important;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .tmp_5 {
    padding: 30px 0 0 0 !important;
  }
}
.tmp_5 .boxesList {
  padding-bottom: 50px;
  display: inline-block;
  width: 100%;
  padding-top: 50px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .tmp_5 .boxesList .itemBox {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .tmp_5 .boxesList {
    padding: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_5 .boxesList {
    padding: 0 30px !important;
  }
}

.tmp_12 .divText {
  height: 100%;
}

.contentImages a {
  display: block;
  margin: 0 auto;
  height: 100%;
}

.tmp_4 .divText {
  margin-bottom: 20px !important;
}

.tmp6 {
  height: auto;
  min-height: 304px;
  max-height: inherit;
}
.tmp6 .contentImages {
  height: 100%;
  max-height: inherit;
}
.tmp6 .divText {
  padding: 0 5vw;
  height: 100%;
  max-height: inherit;
}
.tmp6 .divText:last-child {
  margin-bottom: 0 !important;
}
.tmp6 .col-12 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.tmp6 .alls {
  padding: 20px 0 !important;
}
@media only screen and (max-width: 767px) {
  .tmp6 .alls {
    padding: 0 !important;
  }
}

.tmp_9 {
  height: auto;
  max-height: inherit;
}
.tmp_9 img {
  max-height: 25vw;
}

@media only screen and (max-width: 767px) {
  .divText.desktop {
    display: none !important;
  }
}
.divText.mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .divText.mobile {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .textSpace {
    display: none;
  }
}

.tmp_11 .backImages {
  /* img{
      width: auto $i;
      height: auto $i;
      object-fit: inherit $i;
  }*/
}

@media only screen and (max-width: 767px) {
  .seriBigDetail .textBig .money.noDiscount {
    text-align: center;
  }
}

@media all and (-ms-high-contrast: none) {
  .fancybox-thumbs {
    top: calc(100% - 110px) !important;
    height: 110px !important;
  }
  .seriBigDetail .p-gallery picture {
    display: block !important;
    text-align: center;
    margin: 0 auto;
  }
  .seriBigDetail .p-gallery picture img {
    margin: 0 auto;
  }
}
h2.alternative {
  font-size: 25px !important;
  line-height: 25px !important;
  margin: 0 0 10px 0 !important;
}

h2.bigAlternative {
  font: 60px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 64px;
  margin: 0 0 25px;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  h2.bigAlternative {
    font-size: 38px;
    line-height: 43px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  h2.bigAlternative {
    font-size: 25px !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  h2.bigAlternative {
    font-size: 25px !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 0 13px;
  }
}

.boxFourNew {
  display: inline-block;
  width: 100%;
}
.boxFourNew .row {
  margin: 0 -1px;
}
@media only screen and (max-width: 767px) {
  .boxFourNew .row {
    display: inline-block;
    overflow: auto;
    width: calc(100% + 1px);
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
  }
}
.boxFourNew .col-md-3 {
  padding: 0 1px;
}
@media only screen and (max-width: 767px) {
  .boxFourNew .col-md-3 {
    white-space: nowrap;
    display: table-cell;
    min-width: 230px;
    max-width: 230px;
  }
}
.boxFourNew .listBoxAll .item {
  position: relative;
  overflow: hidden;
}
.boxFourNew .listBoxAll .item:hover img {
  -webkit-transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}
.boxFourNew .listBoxAll .item a {
  color: #1B1E1F;
}
.boxFourNew .listBoxAll .item .names {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.boxFourNew .listBoxAll .item .names h2 {
  font: 37px/45px overpass-semibold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: center;
  padding: 30px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .boxFourNew .listBoxAll .item .names h2 {
    font-size: 25px;
    line-height: 30px;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .boxFourNew .listBoxAll .item .names h2 {
    font-size: 30px;
    line-height: 40px;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .boxFourNew .listBoxAll .item .names h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1340px) {
  .boxFourNew .listBoxAll .item .names h2 {
    font-size: 33px;
    line-height: 38px;
  }
}
.boxFourNew .listBoxAll .item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 425px;
}
@media only screen and (max-width: 767px) {
  .boxFourNew .listBoxAll .item picture {
    height: 253px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .boxFourNew .listBoxAll .item picture {
    height: 265px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .boxFourNew .listBoxAll .item picture {
    height: 345px;
  }
}
.boxFourNew .listBoxAll .item picture img {
  -webkit-transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .boxFourNew .listBoxAll .item picture img {
    max-height: 300px;
  }
}

.tmp_1 h1,
.tmp_1 h2,
.tmp_1 h3,
.tmp_1 h4,
.tmp_1 h5 {
  font-size: 48px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 55px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_1 h1,
  .tmp_1 h2,
  .tmp_1 h3,
  .tmp_1 h4,
  .tmp_1 h5 {
    font-size: 40px;
    line-height: 45px;
  }
}

.tmp_2 h1,
.tmp_2 h2,
.tmp_2 h3,
.tmp_2 h4,
.tmp_2 h5 {
  font-size: 48px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 55px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_2 h1,
  .tmp_2 h2,
  .tmp_2 h3,
  .tmp_2 h4,
  .tmp_2 h5 {
    font-size: 40px;
    line-height: 45px;
  }
}
.tmp_2 p {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .tmp_2 p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tmp_2 p {
    font-size: 16px;
  }
}

.tmp_3 h1,
.tmp_3 h2,
.tmp_3 h3,
.tmp_3 h4,
.tmp_3 h5 {
  font-size: 30px;
  line-height: 34px;
  margin: 0 0 20px 0;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .tmp_3 h1,
  .tmp_3 h2,
  .tmp_3 h3,
  .tmp_3 h4,
  .tmp_3 h5 {
    font-size: 24px !important;
    line-height: 28px !important;
  }
}

.tmp_4 h1,
.tmp_4 h2,
.tmp_4 h3,
.tmp_4 h4,
.tmp_4 h5 {
  font-size: 52px;
  line-height: 57px;
  margin: 0 0 22px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media only screen and (min-width: 1023px) and (max-width: 1300px) {
  .tmp_4 h1,
  .tmp_4 h2,
  .tmp_4 h3,
  .tmp_4 h4,
  .tmp_4 h5 {
    font-size: 40px !important;
    line-height: 45px !important;
  }
}

.tmp_5 h1,
.tmp_5 h2,
.tmp_5 h3,
.tmp_5 h4,
.tmp_5 h5 {
  font-size: 48px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 55px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_5 h1,
  .tmp_5 h2,
  .tmp_5 h3,
  .tmp_5 h4,
  .tmp_5 h5 {
    font-size: 40px;
    line-height: 45px;
  }
}

.tmp6 h1,
.tmp6 h2,
.tmp6 h3,
.tmp6 h4,
.tmp6 h5,
.tmp7 h1,
.tmp7 h2,
.tmp7 h3,
.tmp7 h4,
.tmp7 h5,
.tmp_7-10 h1,
.tmp_7-10 h2,
.tmp_7-10 h3,
.tmp_7-10 h4,
.tmp_7-10 h5,
.tmp_7-8 h1,
.tmp_7-8 h2,
.tmp_7-8 h3,
.tmp_7-8 h4,
.tmp_7-8 h5 {
  font-size: 60px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 64px;
  margin: 0 0 25px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) {
  .tmp6 h1,
  .tmp6 h2,
  .tmp6 h3,
  .tmp6 h4,
  .tmp6 h5,
  .tmp7 h1,
  .tmp7 h2,
  .tmp7 h3,
  .tmp7 h4,
  .tmp7 h5,
  .tmp_7-10 h1,
  .tmp_7-10 h2,
  .tmp_7-10 h3,
  .tmp_7-10 h4,
  .tmp_7-10 h5,
  .tmp_7-8 h1,
  .tmp_7-8 h2,
  .tmp_7-8 h3,
  .tmp_7-8 h4,
  .tmp_7-8 h5 {
    font-size: 52px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp6 h1,
  .tmp6 h2,
  .tmp6 h3,
  .tmp6 h4,
  .tmp6 h5,
  .tmp7 h1,
  .tmp7 h2,
  .tmp7 h3,
  .tmp7 h4,
  .tmp7 h5,
  .tmp_7-10 h1,
  .tmp_7-10 h2,
  .tmp_7-10 h3,
  .tmp_7-10 h4,
  .tmp_7-10 h5,
  .tmp_7-8 h1,
  .tmp_7-8 h2,
  .tmp_7-8 h3,
  .tmp_7-8 h4,
  .tmp_7-8 h5 {
    font-size: 38px;
    line-height: 43px;
  }
}

.tmp_7-6 h1,
.tmp_7-6 h2,
.tmp_7-6 h3,
.tmp_7-6 h4,
.tmp_7-6 h5 {
  font-size: 48px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 55px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_7-6 h1,
  .tmp_7-6 h2,
  .tmp_7-6 h3,
  .tmp_7-6 h4,
  .tmp_7-6 h5 {
    font-size: 40px;
    line-height: 45px;
  }
}

.tmp_8 h1,
.tmp_8 h2,
.tmp_8 h3,
.tmp_8 h4,
.tmp_8 h5 {
  font-size: 48px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 55px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_8 h1,
  .tmp_8 h2,
  .tmp_8 h3,
  .tmp_8 h4,
  .tmp_8 h5 {
    font-size: 40px;
    line-height: 45px;
  }
}

.tmp_9 h1,
.tmp_9 h2,
.tmp_9 h3,
.tmp_9 h4,
.tmp_9 h5 {
  font-size: 48px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 55px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_9 h1,
  .tmp_9 h2,
  .tmp_9 h3,
  .tmp_9 h4,
  .tmp_9 h5 {
    font-size: 40px;
    line-height: 45px;
  }
}

.tmp_10 h1,
.tmp_10 h2,
.tmp_10 h3,
.tmp_10 h4,
.tmp_10 h5 {
  font-size: 48px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 55px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_10 h1,
  .tmp_10 h2,
  .tmp_10 h3,
  .tmp_10 h4,
  .tmp_10 h5 {
    font-size: 40px;
    line-height: 45px;
  }
}

.tmp_11 h1,
.tmp_11 h2,
.tmp_11 h3,
.tmp_11 h4,
.tmp_11 h5 {
  font-size: 60px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 64px;
  margin: 0 0 25px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) {
  .tmp_11 h1,
  .tmp_11 h2,
  .tmp_11 h3,
  .tmp_11 h4,
  .tmp_11 h5 {
    font-size: 52px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_11 h1,
  .tmp_11 h2,
  .tmp_11 h3,
  .tmp_11 h4,
  .tmp_11 h5 {
    font-size: 38px;
    line-height: 43px;
  }
}

.tmp_12 h1,
.tmp_12 h2,
.tmp_12 h3,
.tmp_12 h4,
.tmp_12 h5 {
  font-size: 60px;
  font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 64px;
  margin: 0 0 25px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) {
  .tmp_12 h1,
  .tmp_12 h2,
  .tmp_12 h3,
  .tmp_12 h4,
  .tmp_12 h5 {
    font-size: 52px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .tmp_12 h1,
  .tmp_12 h2,
  .tmp_12 h3,
  .tmp_12 h4,
  .tmp_12 h5 {
    font-size: 38px;
    line-height: 43px;
  }
}@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.itemGroup{margin:0 0 30px 0}.itemGroup:last-child{margin-bottom:0}.listPage{display:inline-block;width:100%;margin:30px 0 0 0}.pricesBoxList{margin-bottom:10px}.pricesBoxList .item{box-shadow:0 10px 15px rgba(0,0,0,.07);background:#fff;padding:18px 0;margin-bottom:20px;float:left;width:100%}.pricesBoxList .item:hover .images picture img{transition:.3s;transform:scale(1.1)}.pricesBoxList .item:hover .text span{transition:.3s;background:#fff;border-color:#1b1e1f;color:#1b1e1f}.pricesBoxList .item .content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:65px;margin-bottom:20px}.pricesBoxList .item .images{padding:0 18px;height:266px;float:left;width:100%}@media only screen and (max-width: 1024px){.pricesBoxList .item .images{height:155px}}.pricesBoxList .item .images picture{display:block;height:100%;overflow:hidden}.pricesBoxList .item .images img{transition:.3s;width:100%;height:100%;object-fit:cover}.pricesBoxList .item .text{padding:25px 18px 0 18px;border-top:1px solid #7070701f;margin:20px 0 10px 0;float:left;width:100%}.pricesBoxList .item .text h3{font-size:36px;color:#1b1e1f}@media only screen and (max-width: 767px){.pricesBoxList .item .text h3{font-size:25px}}.pricesBoxList .item .text p{font-size:15px;color:#8f8f8f}.pricesBoxList .item .text span{transition:.3s;font-size:15px;color:#fff;border-radius:4px;display:inline-block;padding:6px 18px;border:1px solid transparent}@media only screen and (max-width: 1200px)and (min-width: 768px){.multipleCentered{height:auto !important}}@media only screen and (max-width: 1200px)and (min-width: 1023px){.tmp_4 p{font-size:14px !important}}.topBoxes{height:660px;position:relative;margin-bottom:20px}@media only screen and (max-width: 1200px)and (min-width: 1023px){.topBoxes{height:500px}}@media only screen and (max-width: 767px){.topBoxes{height:auto;float:left;width:100%}}@media only screen and (max-width: 1023px)and (min-width: 768px){.topBoxes .mores{font-size:15px}}@media only screen and (max-width: 1023px)and (min-width: 768px){.topBoxes{height:420px}}.topBoxes .images{position:absolute;z-index:-1;width:100%;height:100%}@media only screen and (max-width: 767px){.topBoxes .images{position:initial;height:170px}}.topBoxes .images img{width:100%;height:100%;object-fit:cover}.topBoxes .text{width:50%;float:right;max-width:682px;padding-right:50px;display:flex;align-items:center;height:100%}@media only screen and (max-width: 767px){.topBoxes .text{width:100%;padding:20px;background:#fff}}.topBoxes .text h2{font:60px/64px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}@media only screen and (max-width: 1023px)and (min-width: 768px){.topBoxes .text h2{font-size:35px;line-height:45px}}@media only screen and (max-width: 767px){.topBoxes .text h2{font-size:25px;line-height:35px}}@media only screen and (max-width: 1200px)and (min-width: 1023px){.topBoxes .text h2{font-size:55px;line-height:65px}}.topBoxes .text p{font-size:17px}@media only screen and (max-width: 1023px)and (min-width: 768px){.topBoxes .text p{font-size:14px}}@media only screen and (max-width: 767px){.topBoxes .text p{font-size:12px}}@media only screen and (max-width: 1200px)and (min-width: 1023px){.topBoxes .text p{font-size:15px}}.boxFour .row{margin:0 -10px}@media only screen and (max-width: 1023px)and (min-width: 768px){.boxFour .row{margin:0 -5px}}@media only screen and (max-width: 767px){.boxFour .row{display:inline-block;overflow:auto;width:calc(100% + 12px);-ms-flex-wrap:inherit;flex-wrap:inherit}}.boxFour .col-md-3{padding:0 10px}@media only screen and (max-width: 1023px)and (min-width: 768px){.boxFour .col-md-3{padding:0 5px}}@media only screen and (max-width: 767px){.boxFour .col-md-3{white-space:nowrap;display:table-cell;min-width:230px;max-width:230px}}.boxFour .listBoxAll .item{position:relative;float:left;width:100%;margin-bottom:20px;overflow:hidden}.boxFour .listBoxAll .item:hover img{transition:.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);transform:scale(1.08)}@media only screen and (max-width: 767px){.boxFour .listBoxAll .item{margin-bottom:20px}}.boxFour .listBoxAll .item a{color:#fff}.boxFour .listBoxAll .item .names{position:absolute;width:100%;left:0;top:0}.boxFour .listBoxAll .item .names:before{content:"";background:url(/assets/images/bgfour.svg) no-repeat;position:absolute;width:100%;top:0;height:310px;left:0;background-size:100%;z-index:1}.boxFour .listBoxAll .item .names h2{font:47px/55px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-align:center;margin:40px 0 0 0;position:relative;z-index:1}@media only screen and (max-width: 1023px)and (min-width: 768px){.boxFour .listBoxAll .item .names h2{font-size:28px;line-height:35px}}@media only screen and (max-width: 767px){.boxFour .listBoxAll .item .names h2{font-size:30px;line-height:40px}}.boxFour .listBoxAll .item picture img{transition:.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);max-height:100%;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 767px){.boxFour .listBoxAll .item picture img{max-height:300px}}.homeListingPage,.boxFive{margin-bottom:20px;display:inline-block;width:100%}.boxFive .row{margin:0 -10px}@media only screen and (max-width: 1023px)and (min-width: 768px){.boxFive .row{margin:0 -5px}}@media only screen and (max-width: 767px){.boxFive .row{display:inline-block;overflow:auto;width:calc(100% + 12px);-ms-flex-wrap:inherit;flex-wrap:inherit}}.boxFive .col-md-2-5{max-width:20%;padding:0 10px;width:20%}@media only screen and (max-width: 1023px)and (min-width: 768px){.boxFive .col-md-2-5{padding:0 5px}}@media only screen and (max-width: 767px){.boxFive .col-md-2-5{white-space:nowrap;display:table-cell;min-width:210px;max-width:210px}}.boxFive .listBoxAll .item{transition:.3s;position:relative;float:left;width:100%;margin-bottom:20px;height:32vw;background:#303030;max-height:522px}@media only screen and (max-width: 767px){.boxFive .listBoxAll .item{height:300px;margin-bottom:0}}.boxFive .listBoxAll .item:hover{transition:.3s;background:#1b1e1f}.boxFive .listBoxAll .item:hover .images img{transition:.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);transform:scale(1.08)}.boxFive .listBoxAll .item a{color:#fff}.boxFive .listBoxAll .item .names{float:left;width:100%}.boxFive .listBoxAll .item .names h2{font:2vw/2.2vw overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-align:center;margin:40px 0 0 0;position:relative;z-index:1;padding:0 10px}@media only screen and (min-width: 2000px){.boxFive .listBoxAll .item .names h2{font-size:36px;line-height:45px}}@media only screen and (max-width: 1023px)and (min-width: 768px){.boxFive .listBoxAll .item .names h2{margin:30px 0 0 0}}@media only screen and (max-width: 767px){.boxFive .listBoxAll .item .names h2{font-size:20px;padding:0 20px;line-height:25px;white-space:normal}}.boxFive .listBoxAll .item .images{position:absolute;bottom:0;left:0;width:100%;height:100%;display:table}.boxFive .listBoxAll .item .images picture{height:auto;margin:0 auto;display:table-cell;vertical-align:bottom;overflow:hidden}.boxFive .listBoxAll .item .images picture img{transition:.3s cubic-bezier(0.41, 0.75, 0.41, 0.74);max-height:100%;max-width:100%;width:100%}.titleAndSelect{margin:0 0 -25px 0;padding:8px 0}@media only screen and (max-width: 767px){.titleAndSelect{margin:0 0 -15px 0}}.titleAndSelect a.mores{float:right;font-size:15px;padding:4px 15px !important}@media only screen and (min-width: 601px){.titleAndSelect{display:flex;align-items:center;justify-content:space-between}.titleAndSelect .float-md-right{width:250px}.titleAndSelect .float-md-left{width:calc(100% - 250px)}}.titleAndSelect .breadcrumb{margin:0;padding:0}@media only screen and (max-width: 600px){.titleAndSelect .float-md-left{width:100%}.titleAndSelect .float-md-right{width:100%}}@media only screen and (max-width: 600px){.titleAndSelect .float-md-right{display:flex}}@media only screen and (min-width: 768px)and (max-width: 1200px){.tmp_4 .figure{padding-bottom:0 !important}}@media only screen and (min-width: 1200px)and (max-width: 1320px){.multipleCentered{height:auto !important}}@media only screen and (min-width: 1201px){.tmp_4 h3,.tmp_4 h4{font-size:48px !important;line-height:55px !important;margin:0 0 20px 0 !important}}