@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
body{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-family: "DM Sans", sans-serif;
	font-weight:normal;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	padding:0;
	list-style:none;
	background:#fff;
	}
.container{
	width:1170px;
	height:auto;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	position:relative;
	}
p, h1, h2, h3, h4, h5, ul{
	padding:0;
	margin:0;
	}
li{list-style:none;}
a{text-decoration:none;}
.clearall{
	clear:both;
	height:1px;
	width:auto;
	}
.position{position:relative;}
.dsplay{width:100%;display:table;box-sizing:border-box;}
*{box-sizing:border-box;}
.flt{float:left;width:100%;}
.bdhding{
	font-weight:300;	
	font-size:40px;
	line-height:44px;
	color:#000;
	text-align:center;
}
.bdfont{
	font-size:18px;
	line-height:28px;
}
/*===============================
CSS FOR CONTAINERS BREAK POINTS
=================================*/
@media only screen and (max-width: 1179px){
.container{ max-width:1004px; width:100%; }
}
@media only screen and (max-width: 1013px){
.container{ max-width:760px; width:100%; }
.bdhding{
	font-size:36px;
	line-height:40px;	
}
}
@media only screen and (max-width: 767px){
.container{ width:100%; max-width:640px;}
.bdinpad{padding:0 15px;}
.bdhding{
	font-size:33px;
	line-height:40px;	
}
.bdfont{line-height:24px;}
}
@media only screen and (max-width: 359px){
.bdsubhding{
	font-size:30px;
	line-height:38px;
}
}
/*=========================
CSS FOR HEADER
===========================*/
.topstrip {
	background: #7b1b18;
	padding: 6px 0 7px 0;
	float: left;
	width: 100%;
}
ul.striplist {
    padding: 0;
    float: right;
}
ul.striplist li {
    float: left;
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #fff;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    text-align: left;
    font-weight: 500;
}
ul.striplist li img {
    vertical-align: baseline;
    margin: 0 6px 0 0;
}
ul.striplist li:last-child{ border:none;}

.topbar{
	background:#7b1b18;
	padding:6px 0;
}
.topbar-txt{
	font-size:16px;
	line-height:18px;
	color:#fff;
	text-align:center;
}
.topbar-txt span{font-weight:bold;}
.topbar-txt a{
	color:#ffd738;
	font-weight:bold;
	text-decoration:underline;
}
.top-fix-bar {margin-bottom: 76px;}
.header{		
	height: 76px;
    margin-top: -76px;
    position: relative;
    top: 76px;
    background: #fff;
    border-bottom: 1px solid #f7faff;
    padding: 7px 0;
}
.fixed-nav .header{
	float:left;
	width:100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	-webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
	margin-top:0;
	height:76px;
}
.logo{
	float: left;
    max-width: 220px;
    margin-top: 4px;
}
ul.nav{float:right;margin:13px 0 0 0;}
ul.nav li{
	float:left;
	display:inline-block;	
	font-size:18px;
	line-height:36px;
	text-align:center;	
}
ul.nav li a{color:#000000;display:block;padding:0 22px;}
ul.nav li a:hover, ul.nav li a.active{
	border-radius: 30px;
    display: block;
}
ul.nav li:last-child a:hover, ul.nav li:last-child a.active{
	/*background:none;
	color:#000;
	border-radius:0;*/
}
#menu-wrapper {
    overflow: hidden;
    max-width: 40px;
    cursor: pointer;
	float:right;
}
#menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 22px;
    margin: 18px 0 5px 0;
}
#menu-wrapper #hamburger-menu span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    color: black;
    background-color:#1d1d1d;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
#menu-wrapper #hamburger-menu span:nth-child(1) {top: 0;}
#menu-wrapper #hamburger-menu span:nth-child(2) {top: 9px;}
#menu-wrapper #hamburger-menu span:nth-child(3) {top: 18px;}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -60px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#menu-container .menu-list {
        padding-left: 0;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    left: -100%;
    top: 55px;
    background: #7b1b18;
    border-top: 1px solid #ffffff;	
}
#menu-container .menu-list  li a{	
	font-size:18px;
	padding:12px 0 12px 0;
	text-align:center;
	color:#fff;
	display:block;
	border-bottom:1px dotted #fff;	
}
#menu-container .menu-list  li a.active{background:#fff;color:#000;}
@media only screen and (max-width: 1013px){
.header{height:55px; top:55px; margin-top:-55px;}
.top-fix-bar {margin-bottom: 55px;}
.fixed-nav .header{height:55px;}

.intop-fix-bar {margin-bottom: 87px;}
.logo{    
    margin: 0px 0 0 0;
    position: inherit;
    left: auto;
    right: auto;
    top: auto;
    float: left;
	max-width:128px;}

ul.nav li{display:none;}
.cart-link{position:absolute;right:55px;top:8px;}
}
@media only screen and (max-width: 479px){
.topbar-txt{
	font-size:14px;
	line-height:17px;
}
}
@media only screen and (max-width: 359px){
.logo{width:180px;margin:8px 0 0 0;}
.topbar-txt {
    font-size: 12px;
    line-height: 17px;
}
}
/*-------------------------
CSS FOR BANNER
--------------------------*/
/************BANNER************/
.banner{
	float:left;
	width:100%;
	height:515px;
	background:url(../images/bg-bnr.jpg) no-repeat center top;
	background-size:cover;
	}
.bnr-content{
	width:100%;
	float:left;
	box-sizing:border-box;
	position:relative;}
.product-bnr {
        position: absolute;
    top: 160px;
    left: 375px;
    max-width: 260px;
}
.bnr-rgt {
	    width: 60%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-top: 64px;
}
.p1-bnr, .p2-bnr{
	float: left;
	width: 100%;
	text-transform: capitalize;
}
.p1-bnr {
	font-size: 28px;
	line-height: 42px;
	margin: 0 0 0;
	color: #171616;
}

.p2-bnr { 
	    font-size: 68px;
    line-height: 78px;
    font-weight: 700;
    color: #7b1b18;
    letter-spacing: 0;
    margin-top: 0px;
}
.brn-txt{
	float: left;
	width: 78%;
	font-size: 18px;
	line-height: 28px;
	color: #010101;
	margin: 10px 0 0 0;
	}
ul.brn-list{
    float: left;
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-wrap: nowrap;
	}
ul.brn-list li{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	font-size:15px;
	line-height:22px;
	padding:5px 20px;
	border-right:1px solid #adb0b5;
}
ul.brn-list li:last-child{
	border-right:none;
	padding-right:0;
	}
ul.brn-list li:first-child{
	padding-left:0;
	}	
ul.brn-list li span{
	display: block;
    font-weight: 700;
    line-height: 30px;
    font-size: 20px;
    color: #254776;
    text-transform: capitalize;
	}			
.shop-btn {
        display: inline-block;
    width: 270px;
    font-size: 22px;
    line-height: 50px;
    color: #fff;
    border-radius: 0;
    text-align: center;
    font-weight: 700;
    padding-bottom: 3px;
    position: relative;
    transition: all ease 0.2s;
    background: #29c100;
    margin-top: 31px;
}

/*================section 1===================*/
.section1 {
    background: #fff;
    float: left;
    width: 100%;
    padding: 0px 0 50px;
}
.s1-lft {
    float: right;
    width: 57.17%;
    text-align: left;
    padding: 75px 0px 80px;
}
.common-head2 {
    font-size: 28px;
    line-height: 36px;
    color: #2b2b2b;
    margin-top: 0px;
    text-transform: capitalize;
    position: relative;
}
.common-head2 span {
	color: #7b1b18;
	display: block;
	font-size: 42px;
	line-height: 50px;
	font-weight: 700;
}
.common-para {
    display: inline-block;
    width: 92%;
    font-size: 18px;
    line-height: 28px;
    color: #2b2b2b;
    font-weight: 400;
    margin-top: 15px;
}
.s1-prdt {
    position: absolute;
    top: 56px;
    left: 0;
    max-width: 100%;
}

ul.s1-list2 {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 14px;
}
ul.s1-list2 li {
    float: left;
    width: 33%;
    padding: 0px 10px;
    text-align: center;
    position: relative;
    font-size: 17px;
    line-height: 28px;
    color: #2b2b2b;
    font-weight: 400;
    text-transform: capitalize;
}
ul.s1-list2 li img {
    display: block;
    margin: 0 auto 12px;
    box-shadow: 0 0 5px #7b1b18;
    padding: 12px;
    border-radius: 10px;
}
ul.s1-list2 li span {
    display: block;
    font-size: 24px;
    line-height: 33px;
    font-weight: bold;
    margin-bottom: 8px;
}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
/************SECTION3************/
.section3{ 
      float: left;
    width: 100%;
    padding: 60px 0;
    background: url(../images/sec3.jpg)#f7faff center top no-repeat;
  }
.sec3-lft{    
	float: left;
    text-align: left;
    width: 56%;
}

.sec3-rgt{
	float:right;}
.sec3-rgt-in{ float:left;}
.p1-sec3 {
    padding: 0 20px 0 0;
    background: #a4c913;
    color: #fff;
    text-align: left;
    width: auto;
    display: table;
}

.p3-sec3{
	width:100%;
	float:left;
	text-align:left;
	color:#fff;
	line-height:22px;
	margin-top: 20px;}
.points-sec3{
	width:100%;
	float:left;
	margin: 35px 0 0;}
.pointsin-sec3{
	width:100%;
	float:left;
	text-align:left;
	position:relative;
	padding-left:57px;}
.ic-sec3{
	position:absolute;
	left:0;
	top:0;}
.prod-sec3{
	position: absolute;
	top: 113px;
	right: 296px;
	width: 287px;
	}
ul.s3-list{
	    margin: 20px 0 0 0;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
	}
ul.s3-list li{
        float: left;
    width: 50%;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    padding: 10px 0 10px 68px;
    position: relative;
    text-transform: capitalize;
    font-weight: 500;
	}

ul.s3-list li img{
	position:absolute;
	top:0;
	left:0;
	}			
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.section4 {
    float: left;
    width: 100%;
    padding: 60px 0;
    background: #fef4f3;
    text-align: center;
}
.section4  .common-para{ width:80%;}
.p1-sec4{ background: #fff;}
ul.list-sec4{
	width: auto;
    display: flex;
    margin: 30px auto 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
}
ul.list-sec4 li{
	width:32%;
	float:left;
	margin:0 0px 0 0;
	padding:0 20px;}
ul.list-sec4 li:last-child{ margin-right:0;}	
.ic-sec4{
	display:block;
	margin:0 auto 0;
	max-width:100%;}
ul.list-sec4 li p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #000000;
    margin: 10px 0 0 0;
}
ul.list-sec4 li p span{
	    display: block;
    font-size: 17px;
    line-height: 26px;
    margin-top: 10px;
    font-weight: normal;
	}
/*******************************************/
/* CSS Document */
.inner-top {
	background: #fff3f3;
    padding: 8px 0;
    float: left;
    width: 100%;
	}
ul.inr-top-list li {
	float: left;
	position:relative;
	margin-right: 15px;
	padding-right: 15px;
	}
ul.inr-top-list li:after{
	content:"\002F";
	position:absolute;
	right:-5px;
	top:0;
	}
ul.inr-top-list li a, ul.inr-top-list li a:hover {
	font-size: 14px;
	line-height: 18px;
	color: #1d1c1a;
	font-weight: 300;
	text-decoration: none;
	}
ul.inr-top-list li:last-child a{
	font-weight: 700;
	color:#005789;
	}
ul.inr-top-list li:last-child{margin-right:0; padding-right:0;}
ul.inr-top-list li:last-child:after{
	content:"";
	}
.sec3 {
    padding: 0;
    background: url(../images/sec3.jpg)#fef5ec center top repeat-y;
}
/*================start section4===================*/
.sec4{padding:80px 0 90px 0; background: #fbfbfb;}
.s4img{
	    position: absolute;
    left: -80px;
    top: -20px;
    max-width: 550px;
}
.s4txtarea{
	width:55%;
	float:right;
	text-align: left;
}
.s4hding{text-align:left;padding:0 0 0 0;}
.s4txt{
	padding:20px 0 0 0;
}
/*=========================================
			START PRODUCT PAGE
=========================================*/
.margn-zero{margin-right:0 !important;}
.mainprd-sec1{padding:50px 0 70px 0;}
.prod-hed {
    margin-top: 30px;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0;
    border-top: 1px solid #eaeaea;
    font-size: 28px;
    color: #000;
    font-weight: 400;
	float:left;
	width:100%;
}

.mainprd-sec1 .s1prdbx1 .s1prdbtn {
    height: 44px;
    padding: 2px 0 0 45px;
}
.mainprd-sec1 .s1prdbx1 .s1prdbx-hding{
	font-size: 18px;
	font-weight: 700;
	min-height: 64px;
}
@media only screen and (max-width: 1179px){
.mainprd-sec1 .s1prdbx1 .s1prdbtn{ width:70%;}
.mainprd-sec1 .s1prdbx1 {width: 32.2%;}
}
@media only screen and (max-width: 1013px){
.mainprd-sec1 .s1prdbx1{width: 31.9%;}
.mainprd-sec1 .s1prdbx1 .s1prdbtn{ width:80%;}
}
@media only screen and (max-width: 767px){
.mainprd-sec1{padding:30px 0 30px 0;}
.mainprd-sec1 .s1prdbx1 {width: 47.6%; text-align:center;}
.prod-hed{ margin-top:0px;}

}
@media only screen and (max-width: 510px){
.mainprd-sec1 .s1prdbx1 {width: 100%; margin:20px 0 0;}
.s1prd{ max-width:240px; width:100%;}
.mainprd-sec1 .s1prdbx1 .s1prdbx-hding{ min-height:auto;}
.mainprd-sec1 .s1prdbx1 .s1prdbtn {width: 50%;}

}

/**************************/
.lowerpart {
	text-align: center;
	padding: 20px 0;
	background: #ffffff;
	border-bottom: 1px solid #d2d2d2;
}
footer {
    padding: 10px 0;
}
.ftrlist {
        float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    margin-bottom: 10px;
    justify-content: center;
}
.ftrlist li {
    float: left;
    position: relative;
    width: 100%;
}
.ftrlist li a{ color:#000;}


.dicclmr {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
}
.ftrtxt1 {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 10px;
    flex-wrap: wrap;
}
.ftrtxt1 a { color: #333;}
.ftrtxt2 {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

/*******************************/
.promoBox {
    float: left;
    width: 40%;
    margin-top: 16px;
}
.promoFld {
    float: left;
    width: calc(100% - 100px);
    border: 1px solid #9a9a9a;
    font-size: 18px;
    padding: 7px 15px 12px;
    outline: none;
    border-radius: 5px;
    color: #000;
}
.promoBtn {
    float: right;
    width: 90px;
    padding: 7px 14px;
    background: #3ab72b;
    border: none;
    outline: none;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    padding: 7px 0 11px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
	text-align:center;
}
.ship-time {
    float: left;
    width: 100%;
    padding-left: 00px;
    margin-top: 20px;
    text-align: left;
}
.ship-time p {
    display: inline-block;
    vertical-align: middle;
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 600;
    margin-left: 7px;
    width: auto;
	float:none;
}
.ship-time p span {
    color: red;
    display: block;
}
.ship-time img {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
}

.ing-lft-bx {
    float: left;
    width: 100%;
    text-align: center;
}
p.ing-lft-bx-hed {
    float: left;
    width: 100%;
    font-size: 20px;
    margin: 20px 0;
}

/*TERMS- PRIVACY*/

.trms-sec2{
	float: left;
    width: 100%;
    text-align: left;
    background: #fff;
    margin-top: 20px;
}
.trms-innner {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 20px;
}
.trms-sec2 h1{
	    height: 40px;
    line-height: 40px;
    background: #7b1b18;
    color: white;
    margin: 20px 0 20px 0;
    padding: 0 10px;
    font-size: 24px;
    float: left;
    width: 100%;
}
.trms-sec2 h3{
	font-size:24px;
	font-weight:700;
	float:left;
	width:100%;
	margin:0px 0 10px;
}
.trms-sec2 p{
	float:left;
	width:100%;
	font-size:18px;
	line-height:26px;
	margin:0px 0 22px;
}
.trms-sec2 ol{
	float:left;
	width:100%;
	padding:0 20px;
	}
.trms-sec2 ol li {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    margin: 0px 0 10px;
    list-style: auto;
}
.trms-sec2 h4, .trms-sec2 h5{
	font-size:20px;
	font-weight:600;
	float:left;
	width:100%;
	margin:10px 0;
	}
.trms-sec2 h5{ font-size:20px; font-weight:400;}
.top_sec {
        float: left;
    width: 100%;
    background: #7b1b18;
    margin-bottom: 20px;
    text-align: left;;
}
.trms-sec2 .top-txt {
    float: left;
    width: 100%;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    line-height: 31px;
    height: 37px;
    font-size: 22px;
    padding: 16px 14px;
}

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