:root {
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.product_recommend {
 padding-bottom: 100px;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.content {
 max-width: 1220px;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 786px) and (max-width: 1440px){
.content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .home_products .productshow, .home_productimgs .prudimgcontent, .home_about .content, .home_about .imgs, .home_about .imgcontent, .home_nums .content, .home_latest .content, .blog_main .content, .b-news .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content {
 max-width: 786px;
 }}
.flex {
 display: flex;
 }
.product_recommend .box {
 flex-direction: column;
 row-gap: 73px;
 }
.product_recommend .re-i {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 2rem 80px;
 }
.product_recommend .re-i .left {
 flex: 1 1 0%;
 }
.product_recommend strong {
 font-size: 29px;
 font-weight: 700;
 color: rgb(22, 22, 22);
 line-height: 44px;
 max-width: 350px;
 }
.product_recommend p {
 font-size: 15px;
 font-weight: 400;
 line-height: 26px;
 color: rgb(61, 61, 61);
 max-width: 455px;
 margin-top: 27px;
 }
.product_recommend .re-i .rightimg {
 flex: 1.13 1 0%;
 }
.product_recommend .re-i .rightimg.rvideo {
 flex: 1.262 1 0%;
 }
.product_recommend .re-i .video {
 max-width: 689px;
 width: 100%;
 aspect-ratio: 636 / 358;
 border-radius: 10px;
 overflow: hidden;
 position: relative;
 cursor: pointer;
 }
.product_recommend .re-i .video img {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
 }
.product_recommend .re-i .video .video_box_play {
 display: block;
 width: 62px;
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 background: url("https://bluebay-outdoor.com/wp-content/plugins/sytech-fronteditor/sytpl/product_2/assets/img/video-play.svg") center center / contain no-repeat;
 cursor: pointer;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 transition: all 0.3s ease 0s;
 }
.product_recommend .re-i .video .video_box_play:hover {
 transform: translate(-50%, -50%) scale(1.1);
 }
.product_recommend .reverse {
 flex-direction: row-reverse;
 }
.product_recommend .re-i .img {
 max-width: 736px;
 width: 100%;
 aspect-ratio: 613 / 347;
 border-radius: 10px;
 overflow: hidden;
 }
.product_recommend .re-i .img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transition: all 0.3s ease 0s;
 }
.product_recommend .re-i .img:hover img {
 transform: scale(1.03);
 }
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
 .video_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  z-index: 9999;
  padding: 1.2rem;
}
.video_pop.active {
  opacity: 1;
  pointer-events: all;
}
.video_pop.active .pop_content {
  transform: translate(-50%, -50%);
}
.video_pop .mask {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.video_pop .mask .close {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(https://bluebay-outdoor.com/wp-content/plugins/sytech-fronteditor/sytpl/product_2/assets/img/close.svg) no-repeat center / contain;
  position: absolute;
  right: 2rem;
  top: 1rem;
  cursor: pointer;
}
.video_pop .pop_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  transition: all 0.3s;
  width: max-content;
  max-width: 90vw;
  height: 80vh;
  aspect-ratio: 1920/1080;
}
.video_pop .pop_content iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rvideo input {
  border: 1px solid #000;
  display: none;
}
.toplevel_page_sytech_fronteditor .rvideo input {
  display: block;
}
 
@media screen and (max-width: 786px){

.product_recommend {
 padding-bottom: 3rem;
 }
.content {
 padding: 0px 1.2rem;
 }
.product_recommend .box {
 row-gap: 3rem;
 }
.product_recommend .re-i {
 flex-direction: column;
 }
.product_recommend strong {
 font-size: 20px;
 line-height: 1.5;
 }
.product_recommend p {
 font-size: 14px;
 line-height: 1.5;
 margin-top: 1rem;
 }
.product_recommend .re-i .video .video_box_play {
 width: 45px;
 }
}
 
:root {
--bg_color:#2db3e5;
--btnbg_gradient:;
--title_color:#2db3e5;
}
.product_question {
 padding-bottom: 105px;
 padding-top: 31px;
 }
@media screen and (min-width: 786px) and (max-width: 1440px){
.content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1220px){
.content, .home_products .productshow, .home_productimgs .prudimgcontent, .home_about .content, .home_about .imgs, .home_about .imgcontent, .home_nums .content, .home_latest .content, .blog_main .content, .b-news .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content {
 max-width: 786px;
 }}
.center {
 text-align: center;
 }
.product_question .head {
 margin-bottom: 45px;
 }
.head h2 {
 font-size: 46px;
 line-height: 62px;
 font-weight: 700;
 color: rgb(22, 22, 22);
 }
.head h2 {
 color: rgb(22, 22, 22);
 font-size: 46px;
 line-height: 62px;
 font-weight: 700;
 }
ul {
 list-style: none;
 }
.product_question .syeditorlist {
 max-width: 1131px;
 width: calc(100% - 20px);
 margin: 0px auto;
 }
.product_question .syeditorlist .faq {
 margin-bottom: 20px;
 }
.product_question .syeditorlist .faq.active .question {
 background-color: var(--bg_color);
 }
.product_question .syeditorlist .faq.active .question::after {
 opacity: 1;
 }
.product_question .syeditorlist .faq .question {
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 1rem;
 border: 1px solid rgb(228, 228, 228);
 position: relative;
 z-index: 2;
 border-radius: 4px;
 padding: 25px 2.7%;
 background-color: rgb(255, 255, 255);
 transition: all 0.3s ease 0s;
 box-shadow: rgba(159, 159, 159, 0.35) 0px 0px 15px;
 }
.product_question .syeditorlist .faq .question::after {
 border-radius: 4px;
 content: "";
 display: block;
 width: calc(100% + 2px);
 height: calc(100% + 2px);
 position: absolute;
 z-index: -1;
 left: -1px;
 top: -1px;
 transition: all 0.3s ease 0s;
 opacity: 0;
 pointer-events: none;
 background-image: var(--btnbg_gradient);
 }
.product_question .syeditorlist .faq.active .question strong {
 color: rgb(255, 255, 255);
 }
.product_question .syeditorlist .faq .question strong {
 flex: 1 1 0%;
 transition: all 0.3s ease 0s;
 color: rgb(35, 35, 35);
 font-size: 20px;
 font-weight: 700;
 }
.product_question .syeditorlist .faq.active .question span {
 filter: contrast(0) brightness(2);
 transform: rotate(45deg);
 }
.product_question .syeditorlist .faq .question span {
 display: block;
 width: 17px;
 height: 17px;
 background: url("https://bluebay-outdoor.com/wp-content/plugins/sytech-fronteditor/sytpl/product_4/assets/img/qusiocn.svg") center center / contain no-repeat;
 transition: all 0.3s ease 0s;
 }
.product_question .syeditorlist .faq:first-child .answer {
 display: block;
 }
.product_question .syeditorlist .faq .answer {
 color: rgb(112, 112, 112);
 font-size: 16px;
 font-weight: 400;
 line-height: 26px;
 padding: 25px 3% 27px;
 display: none;
 }
.product_question .endcontact {
 margin-top: 62px;
 }
.product_question .endcontact p {
 text-align: center;
 font-size: 16px;
 font-weight: 400;
 color: rgb(104, 104, 104);
 }
a {
 color: var(--title_color);
 text-decoration: none;
 font-size: 1rem;
 }
.product_question .endcontact p a {
 text-decoration: underline;
 color: rgb(45, 179, 229);
 }
 
@media screen and (max-width: 786px){

.product_question {
 padding-top: 3rem;
 padding-bottom: 3rem;
 }
.product_question .head {
 margin-bottom: 2rem;
 }
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }
.head h2 {
 font-size: 22px;
 margin-top: 0.5rem;
 }
.product_question .syeditorlist {
 width: 100%;
 }
.product_question .syeditorlist .faq {
 margin-bottom: 1rem;
 }
.product_question .syeditorlist .faq .question {
 padding: 0.7rem 1.2rem;
 }
.product_question .syeditorlist .faq .question strong {
 font-size: 15px;
 line-height: 1.5;
 font-weight: 600;
 }
.product_question .syeditorlist .faq .question span {
 width: 13px;
 height: 13px;
 }
.product_question .syeditorlist .faq .answer {
 font-size: 13px;
 line-height: 1.7;
 padding: 1rem 1.2rem;
 }
.product_question .endcontact {
 margin-top: 2rem;
 }
.product_question .endcontact p {
 font-size: 12px;
 }
.product_question .endcontact p a {
 font-size: 12px;
 }
}