/** Shopify CDN: Minification failed

Line 1509:73 Unexpected "}"

**/
a, a:focus, a:hover {
	text-decoration:none
}
*, body, img {
	margin:0;
	padding:0
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, nwsection, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, nwsection {
	display:block
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:'';
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
* {
	box-sizing:border-box
}
a {
	outline:0;
	border:none;
}
a:focus {
	outline:0;
	border:none;
}
a:hover {
	outline:0;
	border:none;
}
button {
	outline:0;
	border:none;
}
button:hover {
	outline:0;
	border:none;
}
button:focus {
	outline:0;
	border:none;
}
.spacer {
	clear:both;
	line-height:0;
	font-size:0
}
img {
	border:0;
	height:auto;
	max-width:100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:normal !important;
}
select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
body {
	  font-family: "Libre Franklin", sans-serif;
	font-weight: normal;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	width:auto;
}
.justify-content-between {
	justify-content:space-between;
}
.align-items-center {
	align-items:center;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.both-padding {
	padding:0 15px;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.p-0 {
	padding:0 !important;
}
.pt-0 {
	padding-top:0 !important;
}
.pt-2 {
	padding-top:8px !important;
}
.pb-0 {
	padding-bottom:0 !important;
}
.pb-2 {
	padding-bottom:8px !important;
}
.pt-3 {
	padding-top:16px !important;
}
.pb-3 {
	padding-bottom:16px !important;
}
.m-0 {
	margin:0 !important;
}
.mt-0 {
	margin-top:0 !important;
}
.mt-2 {
	margin-top:8px !important;
}
.mb-0 {
	margin-bottom:0 !important;
}
.mb-2 {
	margin-bottom:8px !important;
}
.mt-3 {
	margin-top:16px !important;
}
.mb-3 {
	margin-bottom:16px !important;
}
.text-center {
	text-align:center !important;
}
.text-left {
	text-align:left !important;
}
.text-right {
	text-align:right !important;
}
.dm-none {
	display:none !important;
}
.dm-block {
	display:block !important;
}
.dm-flex {
	display:flex !important;
}
.position-relative {
	position:relative;
}
.headingone {
	font-size:28px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:100%;
}
.subheading {
	font-size:16px;
	line-height:120%;
	margin-top:10px;
	text-transform:capitalize;
}
.container {
	padding:0 15px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	min-height: auto;
}
.nwsection {
	padding: 30px 0;
}
.rowgap {
	margin-top:30px;
}
strong{font-weight: 600;}


/**------------------Accordion Css start--------------*/
.accordion {
	width:100%;
	margin: 0 auto;
}
.acc {
	margin: 0px 0 8px 0;
	padding: 20px 22px;
	border-radius: 16px;
border: 1.5px solid rgba(47, 118, 105, 0.25);
background:  #FFF;
  }

.acc:last-child {
	margin: 0;
  }

.acc-head {
	position: relative;
	display:flex;
	align-items:center;
	cursor: pointer;
	background:transparent;
	border-radius: 5px;
	gap: 15px;
	flex-wrap: wrap;
}
.acc-head h6 {
	color: #131313;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; 
	width:89%;
	letter-spacing: -0.36px;

}
.acc-content {
	display: none;
	padding:12px 0 0 0;
}
.accordion-header-icon {
	font-size: 0;
	background: url(faqplus.png) right center no-repeat;
	width:14px;
	height:16px;
	background-size:cover;
}
.active .accordion-header-icon {
	background: url(faqminus.png) right center no-repeat;
	width:14px;
	height:16px;
	background-size:cover;
}
.acc-content p {
	color: #131313;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	margin-top: 10px;
letter-spacing: -0.32px;
}

.acc-content ul li{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 180%;
	opacity: 0.8;
	list-style: disc;
	list-style-position: inside;
}
.acc-content ul{margin: 15px 0	;}

/**------------------Accordion Css end--------------*/
.productfaq{margin-top: 32px;}


















.marquee-container {
	width: 100%;
	overflow: hidden;
	display: flex;
	white-space: nowrap;
	position: relative;
}
.marquee {
	display: inline-block;
	animation: marquee 50s linear infinite;
	padding: 0 50px;
}
.marquee-container {
	white-space: nowrap;
}
.marquee-item {
color: #2F7669;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height:130%;
display:inline-flex;
align-items: center;
justify-content: center;
letter-spacing: -0.28px;
gap: 10px;
margin: 0 50px;

}

  @keyframes marquee {
  from {
  transform: translateX(0%);
  }
  to {
  transform: translateX(-100%);
  }
  }

.topusp{background: rgba(47, 118, 105, 0.15); padding:8px 0 4px;}

.mainproduct img{
	width: 100%;
	display: block;
	border-radius:0 0 16px 16px;
	height:370px;
	object-fit:cover;
}
.thumbproduct {
	max-width: 90%;
	margin: -32px auto 0;
}
.thumbproduct img{
	border-radius: 8px;
	border: 3px solid #fff;
	cursor: pointer;
	height:60px;
		object-fit:cover;
}
.thumbproduct .swiper-slide-thumb-active img{
border: 3px solid  #2F7669;
}
.swiper-button-next::after{display: none !important;}
.swiper-button-prev::after{display: none !important;}
.slidersec .swiper-button-next{
	width: 48px;
	height: 48px;
	right: -24px;
	display: none;
}
.slidersec .swiper-button-prev{
	width: 48px;
	height: 48px;
	left: -24px;
	display: none;
}
.productmain{
	background:  #F7F7F7;
	padding-top: 0;
}
.productmainleft.both-padding{padding: 0;}

.ratingsec {
	display: flex;
	align-items: center;
	gap: 8px;
}
.ratingsec span{
	color: #131313;
font-size: 12px;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.28px;
}
.ratingsec span a{
		color: #131313;
		text-decoration: underline;
}

.prdtitle{
	color: #131313;
font-size: 24px;
font-weight: 600;
line-height: 110%; 
letter-spacing: -0.64px;
margin: 10px 0;
}
.oldprice{
	color: #131313;
font-size: 16px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.36px;
text-decoration: line-through;
opacity: .5;
}
.nwprice{
		color: #131313;
font-size: 16px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.36px;
}
.savebubble {
	border-radius: 4px;
	background: #EC3319;
	padding: 6px 10px;
	text-align: center;
	display: inline-flex;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.prdpricewrap {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.boadmay{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 0;
}
.boadmay p{
color: #131313;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.28px;
}
.prdlist {
	border-radius: 8px;
	background: rgba(47, 118, 105, 0.15);
	padding:13px 20px;
	margin: 15px 0;
}
.prdlist ul li{
	background: url(listicon.png) no-repeat left center;
	background-size: 20px 20px;
color: #131313;
font-size: 12px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.28px;
padding-left: 28px;
padding-top: 7px;
padding-bottom: 7px;
}
.lengthbundlebox {
	border-radius: 8px;
	border: 1.5px solid rgba(47, 118, 105, 0.25);
	background: #fff;
	padding: 16px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.lengthbundlebox h3{
	color:#131313;
font-size: 14px;
font-weight: 600;
line-height: 130%; 
letter-spacing: -0.32px;
}
.lengthbundlebox h3 span{
	font-weight: 400;
}
.lengthbundlebox p{
	color: #2F7669;
font-size: 12px;
font-weight: 600;
line-height: 130%; 
letter-spacing: -0.28px;
}
.lengthbundlebox input{
	width: 100%;
	display: block;
	height: 100%;
	z-index: 9;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	opacity: 0;
}
.lengthbundlewrap{
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.lengthbundlebox.active{
border: 2px solid #EC3319;
}
.onlineinstantsave {
	border-radius: 12px;
	border: 1px solid #FDE68A;
	background: rgba(253, 230, 138, 0.25);
	padding:16px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
	flex-wrap: wrap;
}
.onlinecoupon {
	border-radius: 4px;
	border: 1px solid #FDE68A;
	background:  #FFF;
	padding: 8px 12px;
	color: #2F7669;
	font-size: 12px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.onlinecontent p{
	color: #131313;
font-size: 12px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.28px;
}
.onlinecontent {
	width: 65%;
}

.primarybtn{
	border-radius: 100px;
background:#EC3319;
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color:  #FFF;
font-size: 14px;
font-weight: 600;
line-height: 130%;
letter-spacing: 1.6px;
text-transform: uppercase;
cursor: pointer;
  font-family: "Libre Franklin", sans-serif;
}
.prdbtngroup{
	margin-top: 20px;
}
.primarybtn:hover{background: #000; color:#fff !important;}
.prdbadgewrap {
	margin: 30px 0;
}
.comparetable table tr {
	background: transparent;
}
.wrapper--bottom {
	padding: 0;
}

.prdbadgewrap ul{
	display: flex;
	align-items: start;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}
.prdbadgewrap p{
color: #131313;
font-size: 10px;
font-weight: 600;
line-height: 130%; 
letter-spacing: 1.2px;
text-transform: uppercase;
margin-top:10px;
}
.prdbadgewrap ul li{
	width: 33%;
}

.prdlookbundle{
	background: url(/cdn/shop/files/lookbundlebg.jpg?v=1786010528) no-repeat center center;
	background-size: cover;
	padding: 30px 15px;
	border-radius: 16px;
}
.prdlookbundle h2{
	text-align: center;
	color: #fff;
font-size: 24px;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.64px;
}
.prdlookbundle h3{
	color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.32px;
margin-top: 8px;
margin-bottom:20px;
text-align: center;
}
.lookindividual {
	border-radius: 4px;
	background:#fff;
	padding: 12px;
	text-align: center;
	margin-top: 20px;
	color:#EC3319;
font-size: 12px;
font-weight: 600;
line-height: 130%; 
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 15px;
}
.seconderybtn{
	border-radius: 100px;
border: 2px solid #fff;
background: rgba(255, 255, 255, 0.05);
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 130%;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.seconderybtn:hover{
	background: #fff;
	color:#EC3319;
}
.lookbundleslider {margin-top: 15px; margin-right: -15px !important;}
.lookbunimg img{
	width: 100%;
	display: block;
	border-radius: 18px;
}
.lookbuncontent{
	padding-top: 15px;
}
.singlerating {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}
.lookbuncontent h5 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -0.36px;
}
.lookprice{
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.32px;
margin-top: 10px;
}
.lookbuncontent select{
	border-radius: 8px;
border: 1.5px solid rgba(47, 118, 105, 0.25);
background: #fff url(dropdown.png) no-repeat 97% center;
width: 100%;
padding: 8px;
color:  #131313;
font-size: 14px;
font-weight: 400;
line-height: 130%; 
letter-spacing: -0.32px;
background-size: 11px 14px;
margin-top: 10px;
}
.qtydiv {
	border-radius: 8px;
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 150px;
	height: 49px;
}
.lookboxfooter form {
	width: 100%;
}
.qtydiv .btnqty {
	font-size: 14px;
	color: #000;
	cursor: pointer;
	background: transparent;
	padding: 11px;
}
.quantity-selector {
	width: 40px;
	background: none;
	color: #131313;
	text-align: center;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	height: 30px;
	margin: 0;
	border: 0;
  font-family: "Libre Franklin", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 18.2px */
letter-spacing: 1.4px;
text-transform: uppercase;
}
.quantity-selector:focus{
	outline: 0;
	border: 0;
	box-shadow: none;
}
.lookboxfooter {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 15px;
}
.lookbundleslider .swiper-button-next {
	width: 48px;
	height: 48px;
	display: none;
}
.lookbundleslider .swiper-button-prev {
	width: 48px;
	height: 48px;
	display: none;
}

.realtimevideo{margin-top: 50px; margin-left: -15px !important; margin-right: -15px;}
.realtimevideo h2{
color:#2F7669;
font-size:24px;
font-weight: 600;
line-height: 110%; 
letter-spacing: -0.64px;
text-align: center;
margin-bottom: 30px;
}

.playicon {
	width: 55px;
	height: 55px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	cursor: pointer;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.realvideobox video{
	width: 100%;
	display: block;
	border-radius: 16px;
	height: 440px;
	object-fit: cover;
}




.prdsinglereview {
	border-radius: 16px;
	border: 1.5px solid rgba(47, 118, 105, 0.50);
	padding: 20px;
	margin-top: 20px;
}
.prdsinglereview p{
color: #131313;
font-size: 14px;
font-weight: 400;
line-height: 130%; 
letter-spacing: -0.32px;
}

.prdsinglereview h6{
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
	color: #131313;
font-size: 12px;
font-weight: 600;
line-height: 130%; 
letter-spacing: -0.28px;
}
.prdsinglereview h6 span{font-weight: 500;}

.bestsellerbadge {
	border-radius: 4px;
	background: #2F7669;
	padding: 8px 12px;
	position: absolute;
	top: 12px;
	right: 12px;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.productmaincontent {
	padding-top: 25px;
}
.acc-content p {
	font-size: 16px;
	margin-top: 12px;
}

.title-heading{
	color: #2F7669;
font-size: 32px;
font-weight: 600;
line-height: 110%; 
letter-spacing: -0.8px;
}
.title-subheading{
	color:#131313;
font-size: 16px;
font-weight: 500;
line-height: 130%;
margin-top: 15px;
letter-spacing: -0.36px;
}
.stepcount {
	border-radius: 4px;
	background: rgba(47, 118, 105, 0.15);
	display: block;
	margin: 0 0 10px 0;
	width: 90px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:  #2F7669;
	font-size: 10px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.stepcon h3{
	color: #131313;
font-size: 16px;
font-weight: 600;
line-height: 130%; 
letter-spacing: -0.36px;
}
.stepcon p{
	color:  #131313;
font-size: 14px;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.32px;
margin-top: 4px;
}
.simplestep{
	background: url(stepsecbg.png) no-repeat center center;
	background-size: cover;
}
.stepbox{
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 32px;
position: relative;
}
.stepboxicon img{
	width: 104px;
}
.simplestep .stepouter:first-child .stepbox {
	margin-top: 0;
}


.stepbox::after {
content: "";
  position: absolute;
  border-top: 2px dashed #2F7669;
  width: 75%;
  right: 0;
  height: 1px;
  top: 110px;
  left: 0;
}

.simplestep .rowgap .stepouter:last-child .stepbox::after{display: none;}

.stepboxicon {
	position: relative;
	z-index: 9;
}
.stepcon {
	width: 69%;
	padding-left: 18px;
}


.stepbox::after {
  content: "";
  position: absolute;
  border-top: 2px dashed #2F7669;

  width: 31%;
  right: 0;
  height: 1px;
  top: 100%;
  left: 0;
  transform: rotate(90deg);
}

.onlinesavesec{
	background: url(payonlinebg.jpg) no-repeat center center;
	background-size: cover;
}
.onlinesavesec .title-heading{
	color:  #131313;
}
.onlinesavesec .title-subheading{
	color:  #131313;
}
.onlinecodebtn {
	border-radius: 12px;
	border: 2px dashed #FDE68A;
	background: #FFF;
	max-width: 400px;
	margin: 22px auto;
	text-align: center;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
}
.onlinecodebtn p{
	color:  #131313;
font-size: 14px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.28px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
flex-direction: column;
}

.onlinecodebtn p span{
	color:#2F7669;
font-size: 20px;
font-weight: 700;
line-height: 130%; 
letter-spacing: 2.4px;
text-transform: uppercase;
display: block;
}
.onlinesavesec .btnwrap {
	max-width: 400px;
	margin: 0 auto;
	width:100%;
}
.comfortsec{background:  #F7F7F7;}
.text-white{color: #fff !important;}

.missionsec{
background:  #2F7669;
}
.missioncontent p{
	color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 130%; 
margin-top: 0;
letter-spacing: -0.32px;
}
.missionbanner img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.mobmissionbanner {
	margin: 0 -15px;
}
.mobmissionbanner img{
	width: 100%;
	display: block;
}
.elitstandaerdouter {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}
.elitestanderdbox {
	width: 100%;
	border-radius: 16px 16px 0 0;
	border-right: 2px solid #2F7669;
	border-left: 2px solid #2F7669;
	border-top: 2px solid #2F7669;
	position: relative;
}
.elitestanderdbox::after{
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15%, #FFF 100%);
width: 103%;
  height: 270px;
  position: absolute;
  bottom: 0;
  left: -3px;
}


.elitestandimg img{
	width: 100%;
	display: block;
	border-radius: 13px 13px 0 0;
}
.elitestandcontent {
	padding: 6px 20px 20px 20px;
	position: relative;
	z-index: 9;
}
.elitestandcontent h3{
	color: #2F7669;
font-size: 20px;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.48px;
}
.elitestandcontent p{
	color: #131313;
font-size: 14px;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.32px;
margin-top: 10px;
}

.comparesec{
	background: url(comparebg.jpg) no-repeat center center;
	background-size: cover;
}
.comparetable table {
	width: 100%;
}
.comparetable table tr td{
	padding: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.comparetable table tr td:first-child{
	color: #FFF;
font-size: 14px;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.36px;
padding: 12px 6px;
}
.comparetable table tr td p{
	color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.32px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.comparetable table tr td p span{display: none;}
.comparetable table tr td p img{width: 16px;}
.comparetable table tr:last-child td{border-bottom: 0;}

.comparetable table tr td:nth-child(2){
	background: #fff;
		border-bottom: 1px solid rgba(19, 19, 19, 0.15);;
}
.comparetable table tr td:nth-child(2) p{
	color: #131313;
	font-weight: 600;
}
.comparetable table tr td:nth-child(2) p img{width: 32px; display: block;}
.tablelogo img {
	width: 132px;
	margin: 0 auto;
}
.comparetable table tr th{
	color:  #FFF;
text-align: center;
font-size: 8px;
font-weight: 600;
line-height: 130%; 
letter-spacing: 1.2px;
text-transform: uppercase;
opacity: .5;
vertical-align: baseline;
padding:0 10px 10px 10px;
}
.comparetable table tr th:nth-child(2){
	width: 272px;
}
.comparetable{max-width: 1024px; margin: 0 auto;}
.comparetable table tr th:first-child{width: 37%;}

.comparetable table tr:first-child td:nth-child(2){
	border-radius: 8px 8px 0 0;
}
.comparetable table tr:last-child td:nth-child(2){
	border-radius: 0 0 8px 8px;
}

.ratingbtngroup .primarybtn{
	max-width: 400px;
	margin: 0 auto;
	background: #fff;
	color: #131313;
}
.ratingbtngroup .ratingsec span{color: #fff;}
.ratingbtngroup .ratingsec span a{color: #fff;}
.ratingbtngroup .ratingsec{justify-content: center; margin-top: 12px;}
.ratingbtngroup .primarybtn:hover{
	background: #EC3319;
	color: #fff;
}
.homeownerbadge ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
.homeownerbadge img{display: block; margin: 0 auto;}
.homeownerbadge ul li{
	width: 21%;
	text-align: center;
}
.ownvideosec img{
	width: 100%;
	display: block;
	border-radius: 16px;
}
.ownvideosec video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 16px;
}

.faqwrap{
	background: url(faqbg.jpg) no-repeat center center;
	background-size: cover;
}
.faqcon{margin-top:25px;}

.footerbanner{
background: linear-gradient(180deg, #2F7669 62.4%, rgba(47, 118, 105, 0.00) 84.96%);
padding-bottom: 0;
}
.footbanbadge ul {
	display: flex;
	align-items: center;
	gap: 30px;
	margin: 24px 0;
	text-align: center;
	justify-content: center;
}
.footbanbadge ul li span{
	color:  #FFF;
text-align: center;
font-size: 12px;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.28px;
display: block;
margin-top: 5px;
}


.footbancontent .onlineinstantsave{
	max-width: 400px;
}
.footbancontent .onlinecontent p{
	color: #fff;
}

.footbancontent .onlinecontent {
width: 65%;
}

.footbancontent .btnwrap{
	max-width: 400px;
	margin: 25px 0;
}
.footbancontent .prdsinglereview{
border-radius: 16px;
border: 1.5px solid rgba(255, 255, 255, 0.50);
}
.footbancontent .prdsinglereview p{color: #fff;}
.footbancontent .prdsinglereview h6{color: #fff;}

.footerbanbg img{
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}
.footerbanbg {
	margin-top: -70px;
}
.footbancontent{position: relative; z-index: 9;}

.comfortbox {
	border-radius:5px;
	/* border: 2px solid #2F7669; */
	background: #FFF;
	padding: 24px 32px;
	position: relative;
	
}
.comfortborder{
	padding: 2px;
	border-radius: 8px;
	margin-top: 8px;
background: linear-gradient(to right,  #2f7669 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.comfortborder.comforticonright{
background: linear-gradient(to right,  #ffffff 0%,#2f7669 100%); 

}

.comforttune {
	border-radius: 8px;
	border: 1px solid #FDE68A;
	background: rgba(253, 230, 138, 0.25);
	padding: 16px;
	margin-top: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.comforttune h5{
	color:  #131313;
font-size: 12px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.28px;
width: 84%;
}
.comfortcontent h3{
	color:  #131313;
font-size: 14px;
font-weight: 600;
line-height: 130%; 
letter-spacing: -0.32px;
}
.comfortcontent p{
		color:  #131313;
font-size: 12px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.28px;
margin-top: 3px;
}
.comforticonleft .comforticonbox {
	width: 48px;
	height: 48px;
	position: absolute;
	left: -24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.comforticonright .comforticonbox{
	left: inherit;
	right: -24px;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.comfortban img{
	width: 100%;
	height: 100%;
	display: block;
}

/* .comforticonleft::after{
	content: "";
	background: rgba(47, 118, 105, 0);
	position: absolute;
	width: 100%;
	right: 0;
	height: 100%;
	top: 0;
} */


.comfortratingbtngroup .primarybtn {
	max-width: 400px;
	margin: 0 auto;
}
.comfortratingbtngroup .ratingsec{
	justify-content: center;
	margin-top: 12px;
}
.comfortban {
	margin: 18px 0 6px;
}
.comforttotalouter {
	max-width: 90%;
	margin: 0 auto;
}

.pdpinclude {
	border-radius: 8px;
	background: rgba(47, 118, 105, 0.15);
	padding: 12px;
	margin-top: 20px;
}
.pdpinclude h3{
	color:  #131313;
font-size: 12px;
font-weight: 600;
line-height: 130%;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 15px;
}
.pdpinclude ul li{
	color:#131313;
font-size: 12px;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.28px;
background: url(includeicon.png) no-repeat left center;
background-size: 16px 16px;
padding-left: 22px;
padding-top: 5px;
padding-bottom: 5px;
}
.pdpinclude ul li strong{
	border-radius: 4px;
background:  #2F7669;
color:  #FFF;
font-size: 8px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: 1px;
text-transform: uppercase;
padding: 4px 8px;
display: inline-flex;
margin-left: 8px;
}



.pdpstickybtn {
	border-top: 2px solid  #2F7669;
	background:  #F7F7F7;
	padding: 10px 0;
	position: fixed;
	width: 100%;
	z-index: 99;
	bottom: 0;
	opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 0.3s ease;
}
.pdpstickybtn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.hffooter.sticky-footer-visible {
    padding-bottom: 170px;
}
.stickywrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stickybtnleft {
	width: 60%;
}
.stickybtnright{
    width: 40%;
}
.stickybtnleft h3{
    color: #131313;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 115%;
letter-spacing: -0.28px;
}
.stickybtnleft ul{
    display: flex;
    align-items: center;
    gap:3px;
    flex-wrap: wrap;
    margin-top: 6px;
}
.stickybtnleft ul li{
    border-radius: 4px;
border:2px solid rgba(47, 118, 105, 0.25);
background: #FFF;
padding: 6px 4px;
color: #131313;
font-size: 9px;
font-weight: 700;
line-height: 130%; 
letter-spacing: 0.8px;
text-transform: uppercase;
position: relative;
width: 63px;
  text-align: center;
}
.stickybtnleft ul li input{
    width: 100%;
  display: block;
  height: 100%;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
}
.stickybtnleft ul li.active{
border: 2px solid  #EC3319;
}
.stickybtnright .primarybtn {
	font-size: 12px;
}

.swiper{padding:0 !important;}
.stickybtnright .primarybtn {
	flex-direction: column;
	width: 100%;
	letter-spacing: normal;
	line-height: 120%;
}

.realtimevideoslider .swiper-button-next{ z-index:999;}
.realtimevideoslider .swiper-button-prev{ z-index:999;}

.homeowner{ padding-left:15px !important; padding-right:15px !important;}}

 @media only screen and (min-width :400px) {
}
@media only screen and (min-width :480px) {
}
@media only screen and (min-width :576px) {
.container{max-width: 540px;}
}
 @media only screen and (min-width :768px) {
.text-md-center {
 text-align:center !important;
}
.text-md-left {
 text-align:left !important;
}
.text-md-right {
 text-align:right !important;
}
.dm-md-none {
display:none !important;
}
 .dm-md-block {
display:block !important;
}
 .dm-md-flex {
display:flex !important;
}
 .justify-content-md-start {
justify-content:start !important;
}
.justify-content-md-center {
justify-content:center !important;
}
.justify-content-md-end {
justify-content:end !important;
}
 .container {
max-width:750px
}
.nwsection {
 padding:40px 0;
}
.rowgap {
 margin-top:40px;
}
.marquee-item {
font-size: 14px;
}
.topusp{ padding:12px 0;}

.productmainleft{
-ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.productmainright{
-ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.productmaincontent {
	max-width: 504px;
	margin-left: auto;
	padding-top: 0;
}



.bestsellerbadge {
	padding: 8px 12px;
	top: 20px;
	right: 20px;
	font-size: 12px;
}
.productmainleft.both-padding{padding: 0 15px;}
.thumbproduct {
	margin: -22px auto 0;
}
.ratingsec span{
font-size: 14px;
}
.prdtitle{
font-size: 32px;
margin: 18px 0;
}
.oldprice{
font-size: 18px;
}
.nwprice{
font-size: 18px;
}
.savebubble {
	padding: 8px 12px;
	font-size: 12px;
}
.prdlist ul li{
font-size: 14px;
}
.prdlist {
	margin: 25px 0;
}
.lengthbundlebox h3{
font-size: 16px;
}
.lengthbundlebox p{
font-size: 14px;
}
.lengthbundlebox {
	padding: 20px;
}
.onlineinstantsave {
	padding: 20px;
}
.onlinecontent p{
font-size: 14px;
}
.onlinecontent {
	width: 71%;
}
.primarybtn{
height: 60px;
font-size: 16px;
}
.prdsinglereview p{
font-size: 16px;
}

.prdsinglereview h6{
font-size: 14px;
}
.prdsinglereview {
	padding: 32px;
	margin-top: 32px;
}
.prdbadgewrap p{
font-size: 12px;
}
.prdbadgewrap {
	margin: 50px 0;
}

.prdlookbundle h2{
font-size: 32px;
}
.prdlookbundle h3{
font-size: 16px;
}

.seconderybtn{
height: 60px;
font-size: 16px;
}
.lookbundleslider .swiper-button-next {
	display: block;
}
.lookbundleslider .swiper-button-prev {
	display: block;
}
.lookbuncontent h5 {
	font-size: 18px;
}
.lookprice{
font-size: 16px;
margin-top: 15px;
}
.lookbuncontent select{
padding: 15px;
font-size: 16px;
margin-top: 18px;
}
.qtydiv {
	height: 58px;
}
.acc {
	padding: 24px 32px;
  }
.acc-head h6 {
	font-size: 18px;
	width:90%;

}
.realtimevideo h2{
font-size: 32px;
}

.realtimevideoslider::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
  width: 40%;
	height: 100%;
background: linear-gradient(270deg, #F7F7F7 0%, rgba(247, 247, 247, 0.00) 100%);
z-index: 99;
}
.realtimevideoslider::after{
		content: "";
	position: absolute;
	top: 0;
	left: 0;
  width: 40%;
	height: 100%;
	z-index: 99;
background: linear-gradient(270deg, #F7F7F7 0%, rgba(247, 247, 247, 0.00) 100%);
transform: rotate(180deg);
}

.realtimevideo {
	margin-left: 0;
	margin-right: 0;
}
.stepouter {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.title-heading{
font-size: 40px;
}
.title-subheading{
font-size: 18px;
}
.stepboxicon img{
	width:200px;
	margin: 0 auto;
}
.stepcount {
	margin: 20px auto;
	width: 98px;
	height: 29px;
	font-size: 12px;
}
.stepcon h3{
font-size: 18px;
}
.stepcon p{
font-size: 16px;
margin-top: 8px;
}
.stepboxicon {
	position: relative;
	z-index: 9;
	margin: 0 auto;
}

.stepbox::after {
content: "";
  position: absolute;
  border-top: 2px dashed #2F7669;
  width: 70%;
  right: 0;
  height: 1px;
  top: 110px;
  left: 0;
  margin: 0 auto;
  transform: inherit;
}
.stepbox{position: inherit; margin: 0;}
.stepcon {
	width: 100%;
	padding-left: 0;
	text-align: center;
}
.onlinecodebtn p span{
font-size: 24px;
}
.onlinecodebtn p{flex-direction: row;}

.onlinecodebtn {
	margin: 32px auto;
}

.missioncontent{
	max-width: 608px;
	position: relative;
	z-index: 9;
	padding: 70px 0;
}
.missionbanner {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.missionsec{
background: linear-gradient(90deg, #2F7669 29.1%, rgba(47, 118, 105, 0.00) 68.09%);
}
.missioncontent p{
font-size: 16px;
margin-top: 15px;
}
.elitestanderdbox {
	width: 48%;
}
.elitestandcontent h3{
font-size: 24px;
}
.elitestandcontent p{
font-size: 16px;
}

.comparetable table tr td:first-child{
font-size: 18px;
padding: 24px 0;
}
.comparetable table tr th{
font-size: 12px;
padding:0 20px 20px 20px;
}
.comparetable table tr:first-child td:nth-child(2){
	border-radius: 24px 24px 0 0;
}
.comparetable table tr:last-child td:nth-child(2){
	border-radius: 0 0 24px 24px;
}
.comparetable table tr td{
	padding: 24px 25px;
}
.comparetable table tr th:first-child{width: 28%;}
.homeownerbadge ul li{
	width: 12%;
}
.footbancontent{
	max-width: 577px;
	position: relative;
	z-index: 9;
}
.footerbanbg{
	width: 475px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
.footerbanner{
background: linear-gradient(90deg, #2F7669 38.44%, rgba(47, 118, 105, 0.00) 72.3%);
}
.footbanbadge ul li span{
font-size: 14px;
}
.footbanbadge ul {
	gap: 35px;
	text-align: center;
	justify-content: start;
}
.footbancontent .onlinecontent {
width: 69%;
}
.pdpinclude {
	padding: 24px;
}
.pdpinclude ul li{
font-size: 14px;
}
.pdpinclude ul li span{
font-size: 10px;
}

.stickybtnleft h3{
font-size: 16px;
}
.stickybtnleft ul li{
font-size: 10px;
width: 120px;
}
.stickybtnleft ul{
    gap:8px;
    margin-top: 10px;
}
.stickybtnright{
    width: 35%;
}
.stickybtnright .primarybtn {
	font-size: 14px;
}
.pdpstickybtn {
padding: 15px 0;
}
.mainproduct img{
	border-radius: 16px;
	height:300px;
    object-fit: cover;
}
.thumbproduct img{
	height: 40px;
  object-fit: cover;
}


}
@media only screen and (min-width :992px) {
 .container {
max-width:970px
}
.text-lg-center {
 text-align:center !important;
}
.text-lg-left {
 text-align:left !important;
}
.text-lg-right {
 text-align:right !important;
}
.dm-lg-none {
display:none !important;
}
 .dm-lg-block {
display:block !important;
}
 .dm-lg-flex {
display:flex !important;
}
.justify-content-lg-start {
justify-content:start !important;
}
.justify-content-lg-center {
justify-content:center !important;
}
.justify-content-lg-end {
justify-content:end !important;
}
.missionbanner {
	width: 74%;
}
.elitestanderdbox {
	width: 32%;
}

.comparetable table tr td p span{display: block; width:86%;}
.comparetable table tr th:first-child{width: 20%;}
.footerbanbg{
	width: 645px;
}









}
@media only screen and (min-width :1200px) {
 .container {
max-width:1170px
}
.text-xl-center {
 text-align:center !important;
}
.text-xl-left {
 text-align:left !important;
}
.text-xl-right {
 text-align:right !important;
}
.dm-xl-none {
display:none !important;
}
 .dm-xl-block {
display:block !important;
}
 .dm-xl-flex {
display:flex !important;
}
.justify-content-xl-start {
justify-content:start !important;
}
.justify-content-xl-center {
justify-content:center !important;
}
.justify-content-xl-end {
justify-content:end !important;
}
.nwsection {
 padding:50px 0;
}
.rowgap {
 margin-top:50px;
}
.productmainleft{
-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.productmainright{
-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.slidersec .swiper-button-next{
	display: block;
}
.slidersec .swiper-button-prev{
	display: block;
}
.thumbproduct {
	margin: -52px auto 0;
}
.onlinecontent {
	width: 76%;
}
.prdlookbundle{
	padding: 40px 30px;
}
.lookbundleslider {margin-top: 30px; margin-right: -30px !important;}
.acc-head h6 {
	width:93%;
}
.faqleftouter{
	-ms-flex: 0 0 41%;
    flex: 0 0 41%;
    max-width: 41%;
}
.faqrightouter{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.faqcon{margin-top: 0;}
.footerbanbg{
	width: 976px;
}
.comfortleftouter{
	-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.comfortrightouter{
	-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.comfortban {
	position: absolute;
	width: 320px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
		-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.comfortcontent h3{
font-size: 16px;
}
.comfortcontent p{
font-size: 14px;
}
.comforttune h5{
font-size: 14px;
width: 87%;
}
.comforttotalouter {
	max-width: 100%;
	margin: 0 auto;
}
.comfortbox {
	/* margin-top: 16px; */
}


.mainproduct img{
	border-radius: 16px;
	height: 590px;
    object-fit: cover;
}
.thumbproduct img{
	height: 100px;
  object-fit: cover;
}

.stickybtnright .primarybtn {
	flex-direction: row;
}



}
@media only screen and (min-width :1280px) {
.container {
max-width:1250px
}
.nwsection {
 padding:70px 0;
}
.rowgap {
 margin-top:70px;
}
}