@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000000;
	text-align:center;
	font-family: 'SF Pro Text';
	font-weight:400;
	overflow-x:hidden;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:inherit; text-decoration:none;}
a:hover {}
img {border:none;}
li {list-style:none;}
*{box-sizing:border-box;}
.img-full{max-width:100%;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

/* @font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Bold.woff2') format('woff2'),
        url('../fonts/SFProText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Semibold.woff2') format('woff2'),
        url('../fonts/SFProText-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Regular.woff2') format('woff2'),
        url('../fonts/SFProText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Medium.woff2') format('woff2'),
        url('../fonts/SFProText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Light.woff2') format('woff2'),
        url('../fonts/SFProText-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Heavy.woff2') format('woff2'),
        url('../fonts/SFProText-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} */
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Regular.woff2') format('woff2'), /* Modern browsers */
         url('../fonts/SFProText-Regular.woff') format('woff'), /* Fallback for older browsers */
         url('../fonts/SFProText-Regular.ttf') format('truetype'); /* Additional fallback */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Medium.woff2') format('woff2'), /* Modern browsers */
         url('../fonts/SFProText-Medium.woff') format('woff'), /* Fallback for older browsers */
         url('../fonts/SFProText-Medium.ttf') format('truetype'); /* Additional fallback */
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Bold.woff2') format('woff2'), /* Modern browsers */
         url('../fonts/SFProText-Bold.woff') format('woff'), /* Fallback for older browsers */
         url('../fonts/SFProText-Bold.ttf') format('truetype'); /* Additional fallback */
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Semibold.woff2') format('woff2'), /* Modern browsers */
         url('../fonts/SFProText-Semibold.woff') format('woff'), /* Fallback for older browsers */
         url('../fonts/SFProText-Semibold.ttf') format('truetype'); /* Additional fallback */
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}





/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width:1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

    .rowcontent {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

/*==========TOP SECTION==============*/
.top-header{
	background:#000; 
	float:left;
	width:100%;
	text-align:center;
	padding:5px 0;
	}
.top-header p{
	float:left;
	width:100%;
	font-size:17px;
	color:#fff;
	letter-spacing:0.5px;
	font-weight:600;	
	}
.top-header p span{ color:#ffcc00;}	
.top-header p img{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 7px 0 4px;
	}	

/*==========HAEDER==============*/
.header{
	float:left;
	width:100%;
	text-align:center;
	padding:7px 0;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	position:relative;	
	}
.logo{
	float:left;
	margin-top:2px;
    width: 300px;
	}	
.ship-info{
	display:inline-block;
	vertical-align:middle;
	margin:30px 0 0 90px;
	}	
.header-lft{
	float:right;
	}
.header-lft li{
	float:left;
	width:100%;
	text-align:left;
	}
.header-lft li img{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;	
	}	
.header-lft li p{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:20px;
	color:#1f1a17;
	}
.header-lft li p span{font-weight:600;}	


.crl{ clear: both; height: 10px; }
.modal-dialog {
  max-width: 600px; /* Adjust modal width as needed */
  }

.modal-content {
    height: 80vh; /* Sets a fixed height based on viewport height */
}

.modal-body {
    max-height: calc(80vh - 120px); /* Adjust based on modal header/footer height */
    overflow-y: auto; /* Enables vertical scrolling */
}					
	
/*==============BANNER===============*/
.banner{
	float:left;
	width:100%;
	overflow:hidden;
	padding:40px 0 60px;
	}
.bnr-top-head{
	float:left;
	width:100%;
	font-size:38px;
	line-height:40px;
	color:#000;
	font-weight:500;
	}	
.bnr-list{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	margin-top:10px;
	}	
.bnr-list li{
	display:inline-block;
	vertical-align:middle;
	padding:0 7px;
	}
.bnr-list li img{
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;	
	}
.bnr-list li p{
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	line-height:20px;
	color:#000;
	}				
.bnr-left{
	float:left;
	width:42%;
	text-align:center;
	position:relative;
	margin-top:25px;
	}
.prod-slide{
	float:left;
	width:100%;
	position:relative;
	}
	
.bnr-lft-list{
	float:left;
	width:100%;
	margin-top:40px;
	}
.bnr-lft-list li{
	float:left;
	width:33.33%;
	padding:0 2px;
	text-align:center;
	}
.bnr-lft-list li img{
	display:block;
	margin:0 auto;
	}
.bnr-lft-list li p{
	float:left;
	width:100%;
	font-size:15px;
	line-height:22px;
	color:#1f1a17;
	margin-top:10px;
	}

/*==============BANNER RIGHT===============*/		
.bnr-rght{
	float:right;
	width:54%;
	text-align:left;
	position:relative;
	}	
.bnr-subhd{
	float:left;
	width:100%;
	font-size: 21px;
    line-height:25px;
    color: #eb5a03;
	font-weight:500;	
	}	
.bnr-hdng{
	float:left;
	width:100%;
	font-size: 49px;
    line-height:49px;
    color: #1f1a17;
	font-weight:bold;
	}
.prd-rat{
	float:left;
	width:100%;
	margin-top:15px;
	border-bottom:1px solid #dddddd;
	padding-bottom:12px;
	}
.str{
	display:inline-block;
	vertical-align:middle;
	}
.revi-img{
	display:inline-block;
	vertical-align:middle;
	margin:0 4px 0 5px;
	}
.prd-rat p{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	color:#1f1a17;	
	}	
.prd-det-disc{
	float:left;
	width:100%;
	font-size: 18px;
    line-height:26px;
    color: #1f1a17;
	margin-top:10px;
	}
.bnr-rgt-points{
	float:left;
	width:100%;
	margin-top:10px;
	border-bottom:0px solid #dddddd;
	padding-bottom:22px;	
	}
.bnr-rgt-points li{
	float:left;
	width:100%;
	text-align:left;
	color:#1f1a17;
	font-size:18px;
	line-height:20px;
	letter-spacing:0.3px;
	font-weight:500;
	margin-top:12px;
	padding-left:20px;
	position:relative;
	}
.bnr-rgt-points li:after{
	content:'';
	position:absolute;
	left:0;
	width:6px;
	height:6px;
	background:#494949;
	border-radius:50%;
	left:4px;
	top:6px;
	}					
.priceBox{
	float:left;
	width:100%;
	background:#f8f8f8;
	border-radius:12px;
	padding:10px 12px;
	margin-top:22px;
	}	
.deal-txt{
	float:left;
	width:115px;
	/* height:100%; */
	line-height:103px;
	text-align:center;
	border:1px dashed #7f7f7f;
	border-radius:12px;
	font-size:33px;
	color:#1f1a17;
	font-weight:bold;
	text-transform:uppercase;
	}		
.price-det{
	float:right;
	width: calc(100% - 115px);
	padding-left: 20px;
	}
.cart-table{
	float:left;
	width:100%;
	color: #1f1a17;
	font-size:19px;
	padding:5px 0;
	}
	
.buy-row-list{
	float:left;
	width:100%;
	margin-top:22px;
	border-bottom:1px solid #dddddd;
	padding-bottom:20px;	
	}
.buy-row-list li{
	float:left;
	width:50%;
	text-align:left;
	position:relative;
	padding-left:42px;
	}
.buy-row-list li:before{
    content: '';
    border-right: 1px solid #c5c5c5;
    top: 12px;
    bottom: 5px;
    right: 58px;
    position: absolute;
	}	
.buy-row-list li:last-child:before{ display:none;}		
.buy-row-list li .shp-icns{
	position:absolute;
	top:0;
	left:0;
	}	
.buy-row-list li span{
	float:left;
	width:100%;
	font-size:18px;
	color:#1f1a17;
	font-weight:500;
	}
.buy-row-list li p{
	float:left;
	width:100%;	
	font-size:16px;
	line-height:22px;
	color:#1f1a17;
	margin-top:5px;
	}	
.rev-tk{
	display:inline-block;
	vertical-align:middle;
	margin:-1px 0 0 2px;
	}							


.form-container{
	float:left;
	width:100%;
	}
.form-heading{
	float: left;
	font-weight:500;
	color: #1f1a17;
	font-size: 22px;
	line-height: 26px;
	text-align: left;
	font-weight:600;
	margin-top:30px;
	}
.form-subheading{
	float:left;
	width:100%;
	color: #0876ce;
	font-size:17px;
	text-align:left;
	margin-top:4px;
	}
	
.field-container{
	float:left;
	width:100%;
	position:relative;
	margin:18px 0 0 0;
	}
.field-container.fl{float:left;}
.field-container.fr{float:right;}
.field-container.half-fld{width:49%;}
.field-container.zip-flds{width:30%;}
.field-container.drop-fld{width:33%; margin-left:2%;}
.field-container.exp-fields{width:33%; margin-right:2%;}


input.input-flds, select.selcet-fld{
	float:left;
	width:100%;
	outline:none;
	border:1px solid #c4c4c4;
	height:50px;
	padding:7px 10px 10px 10px;
	border-radius: 5px;
	color: #000;
	-webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	box-sizing:border-box;
	font-size:17px;
	font-family: 'SF Pro Text';
	letter-spacing:0.5px;
	-webkit-appearance:none;
	}
.selcet-fld{
	background:url(../images/dwn-arw.png) no-repeat right center #fff;
	padding-right:40px;
	}
.card-icon{
	float:left;
	width:100%;
	text-align:left;
	margin-top:20px;
	color:#343434;
	font-size:17px;
	}
.card-icon img{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	}
.fieldToggle {
	float:left;
    color: #202020;
    font-size: 17px;
    line-height: 22px;
    margin:30px 0 0 10px;
    cursor: pointer;
    position: relative;
	text-align:left;
	}
.fieldToggle input[type=checkbox]{
	display:inline-block;
	vertical-align:middle;
	width:17px;
	height:17px;
	margin:-3px 5px 0 0;
	}
.billing-fields{
	float:left;
	width:100%;
	}
.formBtn{
	float:left;
	width:100%;
	height:80px;
	border-radius:5px;
	border:none;
	outline:none;
	font-family: 'SF Pro Text';
	color:#fff;
	font-size:30px;
	font-weight:bold;
	cursor:pointer;
	margin-top:25px;
	background: rgb(5,116,204);
	background: -moz-linear-gradient(0deg, rgba(5,116,204,1) 0%, rgba(75,174,254,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(5,116,204,1) 0%, rgba(75,174,254,1) 100%);
	background: linear-gradient(0deg, rgba(5,116,204,1) 0%, rgba(75,174,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0574cc",endColorstr="#4baefe",GradientType=1);
	}
.watch-care-box{
	float:left;
	width:100%;
	text-align:left;
	padding:13px 15px 20px;
	border:2px solid #e9e9e9;
	border-radius:5px;
	margin-top:25px;
	cursor:pointer;	
	transition:all ease 0.5s;
	}
.watch-care-box.active{border:2px solid #2c91e0;transition:all ease 0.5s;}
.warranty-header{
	float:left;
	width:100%;
	border-bottom:1px solid #e9e9e9;
	padding-bottom:15px;
	}
.wh-left{
	float:left;
	color:#1f1a17;
	font-size:19px;
	line-height:25px;
	font-weight:600;
	padding-left:38px;
	position:relative;
	}
.wh-left input[type=checkbox]{
	position:absolute;
	opacity:0;
	}
.wh-left input[type=checkbox] + span{
	position:absolute;
	left:5px;
	top:15px;
	width:20px;
	height:20px;
	border:2px solid #adadad;
	border-radius:4px;
	transition:all ease 0.5s;
	}
.wh-left input[type=checkbox]:checked + span{
	border:2px solid #000;
	background:#000;
	transition:all ease 0.5s;
	}
.wh-left input[type=checkbox]:checked + span:after{
	content:'';
	width:12px;
	height:12px;
	background:url(../images/tik.html) no-repeat center center;
	background-size:100%;
	position:absolute;
	left:2px;
	top:3px;
	}
.wh-price{
	float:right;
	color:#000;
	font-size:21px;
	line-height:19px;
	font-weight:bold;
	text-align:right;
	}
.wh-price span{
	font-size:15px;
	font-weight:normal;
	color:#CCC;
	position:relative;
	}
.wh-price span:after{
	content:'';
	position:absolute;
	left:-3px;
	right:-3px;
	height:1px;
	background:#F00;
	top:8px;
	transform:rotate(-12deg);
	}
.watch-care-box ul{
	float:left;
	width:100%;
	margin-top:5px;
	}
.watch-care-box ul li{
	float:left;
	width:100%;
	text-align:left;
	color:#282828;
	font-size:16px;
	line-height:18px;
	letter-spacing:0.3px;
	margin-top:12px;
	padding-left:20px;
	position:relative;
	}
.watch-care-box ul li:after{
	content:'';
	position:absolute;
	left:0;
	width:6px;
	height:6px;
	background:#494949;
	border-radius:50%;
	left:4px;
	top:6px;
	}
.secure-cards{
	max-width:100%;
	margin:15px auto 0;
	display:block;
	}

/*-----------------------
		Footer
------------------------*/
.footer{
	float: left;
    width: 100%;
	text-align:center;
	background:#fff;
    padding: 40px 0;
	border-top:1px solid #d7d7d7;
	}	
.ftr-txt{
    float: left;
    width: 100%;
    font-size: 17px;
    line-height:30px;
    color: #1f1a17;
	}	
.footer .ftr-txt a{
    padding: 0 5px;
    color: #1f1a17;
	}	
	

/*==============Media=============*/
.forMob,.forTab{ display:none;}

.fl{ float:left;}
.fr{ float:right;}

@media only screen and (max-width:1187px){
.container{ width:1004px;}
.hide-tab{display:none;}

}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}
.show-tb{ display:block;}

.bnr-left{ width:39%;}
.bnr-lft-list{ margin-top:30px;}
.bnr-lft-list li p{ font-size:13px; line-height:19px;}

.bnr-rght{ width:57%;}
.bnr-subhd{ font-size:20px; line-height:24px;}
.bnr-hdng{ font-size:36px; line-height:38px;}
.prd-rat p{ font-size:16px;}
.prd-det-disc{ font-size:17px; line-height:25px;}
.cart-table{ font-size:18px;}
.price-det{ padding-left:20px;}
.buy-row-list li:before{ right:16px;}
}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}

.forMob{ display:block;}
.hide-mob{ display:none;}

.top-header p{ font-size:16px; line-height:24px;}
.header{ padding:12px 0 17px;}
.logo{ float:none; display:inline-block; vertical-align:middle; margin:0; width:200px;}

.banner{ padding:25px 0;}
.bnr-left{ display:none;}
.bnr-rght{ width:100%; text-align:center;}
.bnr-subhd{ font-size:18px; line-height:22px;}
.bnr-hdng{ font-size:32px; line-height:36px;}
.str{ width:75px;}
.revi-img{ margin: 1px 0px 0 3px; width: 12px;}
.prd-rat p{ font-size:15px;}
.prd-det-disc{ font-size:16px; line-height:24px;}
.prd-slide-mob{ max-width:100%; width:250px; margin:25px auto 0;}
.bnr-rgt-points{ margin-top:15px; padding-left:0px;}
.bnr-rgt-points li{ font-size:14px; line-height:18px; width:50%;}
.deal-txt{ width:95px; font-size:26px; line-height:91px;}
.price-det{ width: calc(100% - 95px); padding-left: 10px;}
.cart-table{ font-size:16px;}
.buy-row-list{ margin-top:0;}
.buy-row-list li{ width:100%; margin-top:20px;}
.buy-row-list li .shp-icns{ top:3px;}
.buy-row-list li:before{ display:none;}
.form-heading{ margin-top:20px;}
.form-heading{ font-size:20px; line-height:24px;}
.form-subheading{ font-size:15px;}
.formBtn{ height:70px; font-size:28px;}
.input-flds, .selcet-fld{ font-size:16px;}
.field-container.zip-flds{ width:100%;}
.field-container.drop-fld{ width:100%; margin-left:0;}
.field-container.exp-fields{ width:49%; margin-right:0;}
.exp-fld-m{ margin-left:2%;}
.zip-flds-m{ width:50% !important;}
.bnr-lft-list{ margin-top:25px;}

.wh-left{font-size:17px; line-height:23px;}

.footer{ padding: 20px 0; padding-bottom: 80px;}
.footer .ftr-txt a{ padding:0 3px;}
.ftr-txt{ font-size:14px; line-height:26px;}
}

/*=================================*/
.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes pulse {
0% {transform: scale(0.9);}
50% {transform: scale(1);}
100% {transform: scale(0.9);}
}

@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0.95);}
50% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(0.95);}
}



/* amazon review */
.amzn-review-section {
    margin-top: 25px;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.text-center {
    text-align: center!important;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.amazon-review-txt h2 {
    /* font-family: 'HelveticaNeue'; */
    font-size: 28px;
    font-weight: bold;
    color: #4D4D4D;
}
.amazon-review-txt p {
    /* font-family: 'HelveticaNeue'; */
    font-size: 14px;
    font-weight: 300;
    color: #4F4F4F;
    margin: 0;
}
.review-gray-box {
    background: #D9D9D9;
    border-radius: 12px;
    padding: 15px;
}
.cust-review-txt {
    /* font-family: 'HelveticaNeue'; */
    font-size: 15px;
    font-weight: 300;
    color: #292929;
    margin: 0;
}
.cust-name {
    /* font-family: 'Oriya Sangam MN'; */
    font-size: 14px;
    font-weight: bold;
    color: #4D4D4D;
    margin-bottom: 5px;
    text-align: center;
}

@media screen and (max-width: 767px){
    .amzn-review-section{
        display: none;
    }
}