/* Code tidied up by ScrapBook */
.header-menu { color: rgb(255, 255, 255); background: rgb(35, 35, 35) url("../images/logo_new.jpg") no-repeat scroll center center / auto 40px; }
.header-menu .wrap { padding: 20px; }
.header-menu ul > li { display: inline-block; margin: 0px 30px; font-size: 12px; line-height: 1em; }
.header-menu ul > li::before { content: ""; display: inline-block; height: 1em; margin: 0px 8px 0px 0px; border-left: 2px solid rgb(32, 174, 198); vertical-align: bottom; }
.header-menu ul > li a { color: rgb(255, 255, 255); text-transform: uppercase; text-decoration: none; }
.header-menu ul > li a:hover { color: rgb(32, 174, 198); }

.section-hero { height: 490px; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("../images/bg-top_new.jpg") no-repeat scroll center 0px; background-size: cover; }
.section-hero .wrap { padding: 20px 40px; }
.section-hero .hero-left { position: relative; float: left; width: 50%; }
.section-hero h1.title { width: 52%; height: auto; padding-bottom: 20px; font-size: 44px; line-height: 1.1em; color: #fff; text-shadow: 0px 2px 10px rgba(0,0,0,1), 0px 2px 20px rgba(0,0,0,1); }
.section-hero h1.title > span { display: block; font-weight: 700; word-spacing: 7px; letter-spacing: 3px; font-size: 26px; line-height: 1.4em; color: rgb(32, 174, 198); text-shadow: 1px 1px 3px rgba(0,0,0,1); margin-bottom: 10px;}
.section-hero h1.title > small { font-size: 34px; font-weight: 800; letter-spacing: 2px; }
.section-hero .sale { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); font-weight: 700; font-size: 22px; line-height: 1em; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,1); }
.section-hero .sale > strong { font-size: 1.2em; vertical-align: bottom; }
.price-box { padding: 6px; border: 1px solid rgba(32, 174, 198, 0.8); border-radius: 8px; overflow: hidden; }
.price-box > span { display: block; float: left; width: 50%; padding: 6px 0px 2px; text-align: center; text-transform: uppercase; font-size: 44px; line-height: 1em; color: rgb(255, 255, 255); text-shadow: 1px 1px 4px rgba(0,0,0,1); }
.price-box > span small { font-size: 0.6em; }
.price-box > span.price-old-wrap { font-weight: 300; text-decoration: line-through; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; color: #ddd; }
.price-box > span.price-new-wrap { font-weight: 700; background: rgb(32, 174, 198) none repeat scroll 0% 0%; }
.section-hero .price-box { margin: 20px 20px 0px; }
.section-hero .hero-right { float: right; width: 50%; margin: -100px 0px 0px; padding: 0px 0px 0px 60px; }
.section-hero .list { padding: 6px; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 8px; }
.section-hero .list ul, .section-hero .list .form { padding: 30px 20px 40px; background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%; border-radius: 8px; backdrop-filter: blur(5px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); }
.section-hero .list ul > li { position: relative; height: auto; min-height: 64px; margin: 0px 0px 20px; padding: 12px 10px 12px 75px; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; text-shadow: 1px 1px 4px rgba(0,0,0,1); box-shadow: 0 2px 10px rgba(0,0,0,0.6); border-radius: 8px; display: flex; align-items: center; line-height: 1.3em;}

.section-hero .list ul > li::before { content: ""; position: absolute; display: block; width: 64px; height: 64px; top: 50%; transform: translateY(-50%); left: 0px; background-size: cover; background-position: center; border-radius: 8px; overflow: hidden; }
.section-hero .list ul > li:nth-child(1)::before { background-image: url("../images/b1-icon-1_new.jpg"); }
.section-hero .list ul > li:nth-child(2)::before { background-image: url("../images/b1-icon-2_new.jpg"); }
.section-hero .list ul > li:nth-child(3)::before { background-image: url("../images/b1-icon-3_new.jpg"); }

.section-hero .button-m { margin-top: -40px; }
.section-hero .timer { text-align: center; }
.section-hero .timer > p { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,1); }
.section-hero .input-b { margin: 0px auto 16px; }

.section-features { background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("../images/bg-exp_new.jpg") no-repeat scroll center 0px; background-size: cover; }
.section-features .wrap { padding: 50px 40px 70px; background: rgba(0,0,0,0.6); border-radius: 12px; margin-top: 40px; margin-bottom: 40px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); }
.section-features .title > span { color: rgb(32, 174, 198); font-weight: 700; }
ul.benefits-list { text-align: center; }
.section-features .benefits-list > li { width: 33%; display: inline-block; vertical-align: top; padding: 0 10px; }

.section-features .benefits-list > li::before { content: ""; display: block; width: 136px; height: 134px; margin: 0px auto 20px; background-size: cover; background-position: center; border-radius: 50%; overflow: hidden; }
.section-features .benefits-list > li:nth-child(1)::before { background-image: url("../images/b2-icon-1_new.jpg"); }
.section-features .benefits-list > li:nth-child(2)::before { background-image: url("../images/b2-icon-2_new.jpg"); }
.section-features .benefits-list > li:nth-child(3)::before { background-image: url("../images/b2-icon-3_new.jpg"); }

.section-features .benefits-list h3 { padding: 0px 0px 5px; font-size: 16px; text-transform: uppercase; color: rgb(32, 174, 198); font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,1); }
.section-features .benefits-list p { font-size: 14px; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,1); font-weight: 500; }

.section-specs { background: rgb(32, 174, 198) none repeat scroll 0% 0%; }
.section-specs h2.title { float: left; width: 560px; padding: 0px 80px 0px 0px; color: rgb(4, 89, 104); }
.section-specs h2.title > span { display: block; padding: 0px 0px 0px 40px; color: rgb(255, 255, 255); font-weight: 700; }
.section-specs .pic-1 { display: block; float: left; margin: -30px 0px 30px; border-radius: 8px; max-width: 450px;}

.section-specs .list > li { margin: 8px 0px; padding: 5px 10px 5px 40px; font-size: 18px; line-height: 1.4em; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320aec6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat scroll 12px 10px / 16px 16px; }
.section-specs .list > li:nth-child(2n) { background-color: rgba(0, 0, 0, 0.1); }
.section-specs .spec-1 { padding: 0px 0px 0px 540px; }
.section-specs h3.title { position: relative; clear: both; margin: 50px 0px 30px; text-align: left; }
.section-specs h3.title::before { content: ""; position: absolute; width: 100%; height: 2px; top: 50%; left: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 1; }
.section-specs h3.title > span { position: relative; margin: 0px 0px 0px 40px; padding: 0px 20px; font-size: 24px; color: rgb(255, 255, 255); background: rgb(32, 174, 198) none repeat scroll 0% 0%; z-index: 10; }
.section-specs .pic-2 { display: block; float: right; border-radius: 8px; max-width: 450px; }
.section-specs .spec-2 { padding: 10px 540px 0px 0px; }

.section-extra { background: rgba(0, 0, 0, 0) url("../images/bg-exp_new.jpg") no-repeat scroll center 0px; background-size: cover; }
.section-extra h2.title { color: rgb(255, 255, 255); }
.section-extra h2.title > span { font-weight: 700; color: rgb(243, 178, 24); }
.section-extra .exp-cont { position: relative; width: 90%; margin: 80px auto 0px; padding: 30px; background: rgb(255, 255, 255) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e0e0e0'%3E%3Cpath d='M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z'/%3E%3C/svg%3E") no-repeat scroll 95% 8% / 40px; }
.section-extra .exp-cont::before { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: -7px; left: -7px; padding: 6px; border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: content-box; }
.section-extra .exp-cont > img { position: relative; display: block; float: left; margin: -80px 20px 0px 0px; border-radius: 8px;}
.section-extra .exp-cont > h3 { padding: 0px 0px 20px; text-transform: uppercase; }
.section-extra .exp-cont > h3 small { text-transform: none; font-weight: 400; }
.section-extra .exp-cont > p { text-align: justify; }

.section-video .wrap { padding: 40px 0px; }
.section-video .title { margin: 0px auto 10px; }
.section-video .title > span { color: rgb(32, 174, 198); font-weight: 700; }
.section-video .video-container { position: relative; width: 80%; height: 360px; margin: 0px auto 50px; overflow: hidden; background: rgb(0, 0, 0) none repeat scroll 0% 0%; outline: 8px solid rgb(236, 236, 236); }
.video-container iframe, .video-container object, .video-container embed { position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; }
.section-video .img-cont > img { display: block; float: left; width: 47%; margin: 0px 1.5%; border-radius: 8px; object-fit: cover;}
.section-video .button-m { margin-top: 40px; }

.section-reviews { background: rgb(32, 174, 198) none repeat scroll 0% 0%; }
.section-reviews .wrap { padding: 40px 0px 50px; }
.section-reviews h2.title { color: rgb(4, 89, 104); }
.section-reviews h2.title > span { color: rgb(255, 255, 255); font-weight: 700; }
.section-reviews .rev-slider {  }
.section-reviews .rev-item { float: left; width: 30.33%; margin: 100px 1.5% 0px; padding: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 8px;}
.section-reviews .rev-item > div { margin: -100px auto 0px; padding: 6px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; width: 150px; height: 150px; background: #fff;}
.section-reviews .rev-item > div img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.section-reviews .rev-item > h3 { padding: 15px 0px 10px; text-transform: uppercase; text-align: center; font-size: 16px; }
.section-reviews .rev-item > p { height: 180px; font-weight: 300; text-align: center; }

.section-delivery .wrap { padding: 50px 0px 70px; }
.section-delivery .title > span { color: rgb(243, 178, 24); font-weight: 700; }
.section-delivery .deliv > li { float: left; width: 50%; padding: 0px 25px; text-align: center; }

.section-delivery .deliv > li::before { content: ""; display: block; width: 236px; height: 151px; margin: 0px auto 20px; background-size: cover; background-position: center; border-radius: 12px; overflow: hidden; }
.section-delivery .deliv > li:nth-child(1)::before { background-image: url("../images/b7-icon-1_new.jpg"); }
.section-delivery .deliv > li:nth-child(2)::before { background-image: url("../images/b7-icon-2_new.jpg"); }

.section-delivery .deliv p { font-size: 14px; }
.copyright { padding: 20px 0px; text-align: center; color: rgba(255, 255, 255, 0.8); font-size: 14px; line-height: 1.3em; background: rgb(35, 35, 35) none repeat scroll 0% 0%; }
.copyright .mob-vis { display: none; }

@media screen and (max-width: 959px) {
  .wrap { width: 640px; padding: 40px 20px; }
  .section-hero .list ul > li { font-size: 13px; }
  .header-menu { display: none; }
  .section-hero { height: 534px; background: rgba(0, 0, 0, 0) url("../images/bg-top-640_new.jpg") no-repeat scroll center 0px; background-size: cover; }
  .section-hero .wrap { padding: 0px; }
  .section-hero h1.title { width: 100%; height: auto; line-height: 0.65em; padding-bottom: 20px; }
  .section-hero h1.title > span { padding: 8px 0px 35px; line-height: 1em; color: rgb(255, 255, 255); text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
  .section-hero .sale { left: 50%; transform: translateX(-50%); top: -15px; font-size: 16px; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,1); }
  .price-box > span { float: none; width: 100%; font-size: 40px; }
  .section-hero .price-box { margin: 20px 35px 0px; }
  .section-hero .hero-right { margin: 0px; padding: 0px 10px 0px; }
  .section-hero .list { padding: 0px; border: 0px none; }
  .section-hero .list ul, .section-hero .list .form { padding: 15px; background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%; border-radius: 8px; backdrop-filter: blur(5px); box-sizing: border-box; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); }
  .section-hero .button-m { margin-top: 0px; }
.section-features .wrap { padding: 50px 40px 70px; background: rgba(0,0,0,0.6); border-radius: 12px; margin-top: 40px; margin-bottom: 40px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); }
  .section-features .benefits-list > li { margin-bottom: 40px; padding: 0px 10px; width: 32%; }
  .section-features .benefits-list h3 { font-size: 14px; }
  .section-specs h2.title { float: none; width: 100%; margin: 0px 0px 20px; padding: 0px; }
  .section-specs h2.title > span { padding: 0px; }
  .section-specs .pic-1, .section-specs .pic-2 { float: none; margin: 0px auto; width: 100%; }
  .section-specs .list { float: none; width: 80%; margin: 0px auto; padding: 20px 0px 0px; }
  .section-specs .list > li { padding-left: 45px; }
  .section-specs h3.title { text-align: center; }
  .section-specs h3.title > span { margin: 0px; }
  .section-extra { background: rgba(0, 0, 0, 0) url("../images/bg-exp-640_new.jpg") no-repeat scroll center 0px; background-size: cover; }
  .section-video .video-container { width: 100%; }

  .section-reviews .slick-arrow { display: inline-block; position: absolute; width: 24px; height: 36px; cursor: pointer; z-index: 99; bottom: 0px; background-size: contain; background-repeat: no-repeat; opacity: 0.5; transition: all 0.2s ease 0s; }
  .section-reviews .slick-prev { left: 30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  .section-reviews .slick-next { right: 30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  .section-reviews .slick-arrow:hover { opacity: 1; }
  .section-reviews .slick-dots { padding: 30px 0px 0px; text-align: center; }
  .section-reviews .slick-dots li { display: inline-block; width: 18px; height: 18px; margin: 0px 5px; border-radius: 50%; background: rgb(17, 129, 149) none repeat scroll 0% 0%; cursor: pointer; }
  .section-reviews .slick-dots li.slick-active { background: rgb(4, 89, 104) none repeat scroll 0% 0%; transition: all 0.2s ease 0s; }
  .section-reviews .slick-dots li > button { display: none; }
  .section-reviews .rev-item { margin: 100px 15px 0px;  }

  .section-delivery .wrap { padding: 40px 0px; }
  .section-delivery .deliv { text-align: center; }
  .section-delivery .deliv > li { display: inline-block; float: none; width: 240px; margin: 0px 30px 30px; padding: 0px; vertical-align: top; }
  .section-delivery .deliv > li:last-child { margin-bottom: 0px; }
}

@media only screen and (min-width: 640px) and (max-width: 969px) {
  .section-reviews .rev-item {
    margin: 100px 1.5% 0px;
  }
}

.footer {
    padding: 20px 0;
    text-align: center;
}

.footer p {
    margin: 10px 0;
}

.footer a {
    text-decoration: underline;
}

.section-features h2.title {
  color: beige;
}

@media screen and (max-width: 639px) {
  .wrap { width: 320px; padding: 40px 10px; }
  h2.title { font-size: 22px; line-height: 1.4em; }
  .section-hero { height: auto; background: rgba(0, 0, 0, 0) url("../images/bg-top-320_new.jpg") no-repeat scroll left 45% top 0px; background-size: cover; }
  .section-hero h1.title { width: 100%; height: auto; line-height: 1.1em; padding-bottom: 20px; font-size: 32px; }
  .section-hero h1.title > small { font-size: 26px; }
  .section-hero h1.title > span { padding: 5px 0px 10px; font-size: 22px; letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0,0,0,1); color: rgb(32, 174, 198); font-weight: 700; }
  .section-hero .hero-left { float: none; width: auto; padding: 10px 0px 0px; text-align: center; }
  .section-hero .sale { left: 50%; transform: translateX(-50%); top: -15px; font-size: 16px; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,1); }
  .section-hero .sale > b { display: none; }
  .section-hero .sale > strong { vertical-align: baseline; line-height: 1em; }
  .section-hero .price-box { margin-top: 0px; }
  .section-hero .hero-right { float: none; width: auto; padding: 14px 0px 18px; }
  .section-hero .list ul { padding: 0px 10px; }
  .section-features h2.title { color: #fff; text-shadow: 0px 2px 10px rgba(0,0,0,1), 0px 2px 20px rgba(0,0,0,1); }
.section-features h2.title > span { display: block; text-shadow: 0px 2px 10px rgba(0,0,0,1), 0px 2px 20px rgba(0,0,0,1); color: rgb(32, 174, 198); }
  .section-features .benefits-list > li { float: none; width: auto; }
  .section-specs .list { width: 100%; }
  .section-extra { background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgb(2, 6, 54) 0%, rgb(31, 36, 88) 100%) repeat scroll 0% 0%; }
  .section-extra .exp-cont { width: 100%; padding: 30px 15px; }
  .section-extra .exp-cont > h3 { clear: both; padding-top: 20px; }
  .section-video .title > span { display: block; }
  .section-video .video-container { outline: medium none; height: 220px; }
  .section-video .img-cont > img { float: none; width: auto; margin: 20px auto 0px; }
  .section-reviews h2.title { margin-bottom: 20px; }
  .section-reviews .slick-prev { left: 20%; }
  .section-reviews .slick-next { right: 20%; }
  .section-delivery .deliv > li { display: block; margin: 0px auto 30px; }
  .countbox { padding-bottom: 40px; }
  .copyright .mob-hid { display: none; }
  .copyright .mob-vis { display: inline; }
}

.feedback {
  width: 75px;
  height: 70px;
  position: fixed;
  right: 0;
  top: 15%;
  display: flex;
  align-items: center;
  background: #fff;
  padding-left: 10px;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
  cursor: pointer;
  z-index: 1000;
}

.popup-window {
  display: none;
  width: 300px;
  position: fixed;
  right: 0;
  top: 15%;
  padding: 35px 20px 40px;
  background: rgb(32, 174, 198);
  border-radius: 5px;
  z-index: 2000;
}

.popup-window form {
  width: 100%;
}

.popup-window .input-b {
  margin: 0px auto 16px;
}

.popup-window input {
  font-size: 15px;
}

.popup-window .button-m {
  width: 100%;
}

.close {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 27px;
  height: 27px;
  background-color: rgb(32, 174, 198);
  cursor: pointer;
}

.close:before {
  content: "";
  background: #fff;
  width: 20px;
  height: 1px;
  position: absolute;
  top: 13px;
  left: 4px;
  transform: rotate(-45deg);
}

.close:after {
  content: "";
  background: #fff;
  width: 20px;
  height: 1px;
  position: absolute;
  top: 13px;
  left: 4px;
  transform: rotate(45deg);
}

label {
  color: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
}

@keyframes animateBtn {
  0% { left: -140%; }
  50% { left: 140%; }
  100% { left: 140%; }
}

.button-m {
position: relative;
overflow: hidden;
}

.button-m:before {
  display: block;
  content: '';
  width: 140%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
  position: absolute;
  top: 0;
  left: -140%;
  animation: animateBtn 2s infinite;
}

@media(max-width:480px) {
  .section-hero h1.title > span { padding: 5px 0px 0px; font-size: 18px; text-shadow: 1px 1px 3px rgba(0,0,0,1); color: rgb(32, 174, 198); font-weight: 700; margin-bottom: 0px; }
  .section-hero h1.title { width: 100%; height: auto; line-height: 1.1em; padding-bottom: 20px; font-size: 26px; }
}