@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: 'Mont';
	font-weight: normal;
	}
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; height:auto;}
li {list-style:none;}
*{box-sizing:border-box;}
.img-full{max-width:100%;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
.forMob,.forTab{ display:none ;}
.fl{ float:left;}
.fr{ float:right;}

/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width:1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
/*=========FONTS===========*/
@font-face {
    font-family: 'Mont';
    src: url('Mont-Regular.woff2') format('woff2'),
        url('Mont-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('Mont-SemiBold.woff2') format('woff2'),
        url('Mont-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('Mont-Bold.woff2') format('woff2'),
        url('Mont-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*==============banner===============*/
.banner{
	float:left;
	width:100%;
	background:url(../images/banner.jpg) no-repeat center top;
	padding:40px 0 0;
	}
.bnr-heading{
	font-size:45px;
	line-height:55px;
	color:#fff;
	}
.bnr-heading span{
	color:#ffde00;
	font-weight:bold;
	}	
.bnr-strip{
	display: inline-block;
    vertical-align: top;
    background: #ffde00;
    width: 100%;
    max-width: 676px;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    font-weight: 600;
    border-radius: 12px;
    padding: 10px 10px 8px;
    margin-top: 20px;
	}
.bnr-arw{
	position: absolute;
    top: 156px;
    right: 0;
	}
	
.vdo-sec{
	display: inline-block;
    vertical-align: middle;
	width: 100%;
	max-width:1030px;
	text-align:center;
	padding:10px;
	border-radius:15px;
	background: #fff;
	box-shadow:0 0 9px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.2);
	cursor:pointer;
	margin-top:50px;
	position:relative;
	}
.vdo-box{
	float:left;
	width:100%;
	height:600px;
	background:#1b1b1b;
	border-radius:15px;
	}	
.video-img{
    position: absolute;
    top:0;
    left: 0;
	right:0;
	bottom:0;
	display: flex;
    align-items: center;
    justify-content: center;
	}		
.video-img img{
	display:inline-block;
	vertical-align:middle;
	margin-top:-40px;
	}
.expand .banner{padding-top:0;}
.expand .banner .video-img{display:none;}
.expand .vdo-sec{ max-width:100%; margin-top:0; padding:0;}
.expand .vdo-sec .vdo-box{height:100vh;  border-radius:0;}
.expand .bnr-heading, .expand .bnr-strip, .expand .bnr-arw{ display:none;}

.video-container{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	}

/*==========sectionOne============*/
.sectionOne{
	float:left;
	width:100%;
	position:relative;
	margin-bottom: 20px;
}
.sectionOne:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	height:120px;
	}	
.comon-pad{
	float:left;
	width:100%;
	padding:0 70px;
	}	
.load-txt{
	position:absolute;
	left:0;
	right:0;
	bottom:8%;
	font-size:17px;
	line-height:23px;
	color:#fff;
	font-weight:400;
	letter-spacing:0.5px;
	}
.spkr-ic{
	display:inline-block;
	vertical-align:middle;
	margin:-8px 10px 0;
	}		

.logos-heading{
	font-size:19px;
	color:#000;
	font-weight:600;
	margin-top:30px;
	}
.logos-img{
	max-width:100%;
	margin:20px auto 0;
	display:block;
	}	
	
.s1-box{
	float:left;
	width:100%;
	text-align:center;
	background:#fff;
	border-radius:15px;
	box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
	padding:40px 30px;
	margin-top:50px;
	}
.common-heading{
	float:left;
	width:100%;	
	font-size:40px;
	line-height:48px;
	color:#000;
	font-weight:bold;
	}	
.s1-bx-list{
	float:left;
	width:100%;
	}	
.s1-bx-list li{
	float:left;
	width:100%;
	text-align:left;
	padding-left:50px;
	margin-top:35px;
	position:relative;
	}
.s1-bx-list li img{
	position:absolute;
	top:0;
	left:0;
	}
.s1-bx-list li span{
	font-size:20px;
	line-height:24px;
	color:#000;
	font-weight:bold;
	}	
.s1-bx-list li p{
	font-size:16px;
	line-height:24px;
	color:#373737;
	margin-top:10px;
	}				


/*==========sectionTwo============*/	
.sectionTwo{
	background:#f3f3f3;
	float:left;
	width:100%;
	padding:60px 0 40px;
	}
.pck-sec{
	float:left;
	width:100%;
	padding:20px;
	margin-top:50px;
	
	display:flex;
	-webkit-display:flex;
	align-items:flex-start;
	-webkit-align-items:flex-start;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap: wrap;
	}
.pck-bx{
	border:3px solid #16233b;
	width:32.5%;
	background:#fff;
	overflow:hidden;
	padding:20px 10px 15px;
	border-radius:14px;
	text-align:center;
	-webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
	cursor:pointer;
	}
.pck-bx2{
	margin:-25px 0 0;
	box-shadow:0 0 8px 4px rgba(0,0,0,0.2);
	padding:27px 10px 20px;
	}
.btl-qty{
    font-size: 45px;
    line-height: 45px;
    font-weight: bold;
    color: #16233b;
    text-transform: uppercase;
	}
.suply-tx{
	font-size:25px;
	line-height:25px;
	color:#16233b;
	text-transform:uppercase;
	margin-top:12px;
	}
.pck-prd{
	width:100%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-top:30px;
	}
.pck-bx2 .pck-prd{ margin-top:45px;}
.pck-prd-img{
	max-width:100%;
	margin:0 auto 0;
	display:block;
	}
.pck-seal{
	position:absolute;
    right: 8px;
    top: -10px;
	background:url(../images/pkg-seal.png) no-repeat;
	width:112px;
	height:112px;
	text-align:center;
	padding-top:20px;
	}
.pck-seal p{
	font-size:34px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	}	
.pck-seal p span{ font-size:26px;}
.pck-bx1 .pck-seal{ right:40px;}	
.pck-prc{
    font-size: 76px;
    line-height: 55px;
    font-weight: bold;
    color: #16233b;
    margin-top: 10px;
	}
.pck-prc span{
	font-size: 25px;
    line-height: 30px;
    font-weight: normal;
	}
.rtlprc{
	display:inline-block;
	vertical-align:middle;
	font-size: 20px;
	line-height: 30px;
	color: #16233b;
	margin-top:8px;
	}
.strikeout{
	position: relative;
	}
.strikeout::after {
	border-bottom: .1em solid red;
	content: "";
	left: -5px;
	margin-top: calc(0.125em/2 * -1);
	position: absolute;
	right: -5px;
	top: 54%;
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	}
.pck-bx2 .rtlprc{ margin-top:15px;}	
.tot-prc{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 26px;
    color: #16233b;
    margin-top: 12px;
	}
.pkg-btn{
	margin:10px auto 0;
	display:block;
	max-width:100%;
	width:275px;
	}
.pck-cards{
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
    max-width: 100%;
	width:240px;
	}	
.pck-bx2 .pck-cards{ margin-top:22px;}	
.freeshpng{
    font-size: 19px;
    line-height: 23px;
    color: #16233b;
    margin-top: 17px;
	}
.freeshpng img{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 7px 0 0;
	width:35px;
	}
.pck-bx2 .freeshpng{ margin-top:22px;}	

.s2-seal-list{
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
	}
.s2-seal-list li{
	display:inline-block;
	vertical-align:middle;
	padding:0 2px;
	}	
.s2-seal-list li img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;	
	}	
	
/*===============sectionThree==========*/
.sectionThree{
	float:left;
	width:100%;
	position:relative;
	}
.sectionThree:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #f3f3f3;
    height: 170px;
	}
.mnybkBox{
	float:left;
	width:100%;
	background:#e06e3f;
	border-radius:12px;
	padding:40px 40px;
	
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;	
	}
.mnybk-seal{
	float:left;
	}
.mnybk-cont{
	float: right;
    width: calc(100% - 178px);
    text-align: left;
    padding-left: 30px;
	}
.mnybk-heading{
	font-size:40px;
	line-height:46px;
	color:#fff;
	font-weight:bold;
	}
.mnybk-para{
	font-size:22px;
	line-height:30px;
	color:#fff;
	margin-top:30px;
	}			
	
/*===============sectionFour==========*/
.sectionFour{
	float:left;
	width:100%;
	padding:60px 0;
	background:#fff;
	}
.faq-container{
	float: left;
    width: 100%;
	padding:0 70px;
    text-align: left;
    margin-top: 45px;
	}
.up-slide-dwn{
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 8px 2px rgb(0 0 0 / 10%);
    border-radius: 15px;
    padding: 0 25px;
    margin: 15px 0;
	}
.accordion{
	float: left;
    width: 100%;
    text-align: left;
    background: url(../images/close-btn.png) no-repeat 100% center;
    padding: 22px 30px 22px 0;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.2px;
    cursor: pointer;
	}	
.acdn-heading.accordion-open {
    background: url(../images/open-btn.png) no-repeat 100% center;
	}
.acdn-content{
    float: left;
    width: 100%;
	padding-bottom:27px;
	border-top:2px solid #dcdcdc;
	}
.faq-txt{
	float:left;
	width:100%; 
    font-size: 17px;
    line-height: 25px;
    color: #000;
	margin-top:20px;
	}
			
/*==========Reference===================*/
.reference-sec{
	background:#f6f6f6;
	float:left;
	width:100%;
	padding:50px 0;
	}
.reference-title{
	font-size: 30px;
    line-height: 30px;
    color: #000;
	font-weight:600;
	text-align:left;
	}
	
.ref-row{
	float:left;
	width:100%;
	margin-top:5px;
	}
.ref-link-list{
	float:left;
	width:100%;
	padding:0 0 0 18px;
	margin:10px 0 0;
	}
.ref-link-list li{
	list-style: decimal;
    text-align: left;
    font-size:14px;
	line-height:22px;
    color: #000;
	margin:15px 0 0 0;
	}
.ref-link-list li span{word-break:break-all;}

/*==========footer===================*/
.footer{
	float:left;
	width:100%;
	padding:30px 0;
	text-align:center;
	background:#fff;
	}
.ftr-txt1{
	float:left;
	width:100%;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.5px;
	color:#000;
	margin:8px 0;
	}
.ftr-txt1 a{ color:#000; padding:0 5px;}


/*==============Media=============*/
@media only screen and (max-width:1200px){
.container{ width:1004px;}

.bnr-arw{ right: 3px; width: 100px; top: 140px;}
.comon-pad{ padding:0 40px;}
.faq-container{ padding: 0 40px;}
}

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

.bnr-heading{ font-size: 35px; line-height: 43px;}
.bnr-strip{ max-width: 570px; font-size: 25px;}
.bnr-arw{ top: 134px; right: 3px; width: 70px;}

.comon-pad{ padding:0;}
.common-heading{ font-size:34px; line-height:42px;}

.btl-qty{ font-size: 38px; line-height: 38px;}
.suply-tx{ font-size:22px; line-height:22px;}
.pck-seal{ padding-top: 20px; background-size: 90px; width: 90px; height: 90px;}
.pck-seal p{ font-size:26px; line-height:22px;}
.pck-seal p span{ font-size:20px;}
.pck-bx1 .pck-seal{ right: 12px;}
.rtlprc{ font-size:18px; line-height:26px;}
.pck-prc{ font-size: 60px; line-height: 45px;}
.pck-prc span{ font-size: 22px; line-height: 22px;}
.freeshpng{ font-size:18px; line-height:22px;}

.mnybkBox{ padding:30px;}
.mnybk-heading{ font-size: 36px; line-height: 42px;}
.mnybk-para{ font-size: 18px; line-height: 26px; margin-top:20px;}
	
.faq-container{ padding: 0 10px;}
}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 15px;}
.forMob{ display:block;}
.hide-mob{ display:none;}


.banner{ padding:20px 0 0;}
.bnr-arw{ display:none;}
.bnr-heading{ font-size: 25px; line-height: 33px;}
.bnr-strip{ font-size: 20px; line-height: 24px; padding: 8px; margin-top: 15px;}
.vdo-sec{ max-width: 345px; padding: 5px; margin-top:22px;}
.vdo-box{ height:400px;}
.video-img img{width: 200px;}
.load-txt{ font-size:11px; line-height:15px; letter-spacing:0;}
.spkr-ic{ margin: -5px 5px 0; width: 15px;}


.logos-heading{ font-size:16px; margin-top:20px;}
.logos-mob{ margin: 15px auto 0; max-width:100%;}
.s1-box{ padding:20px 15px; margin-top:35px;}
.common-heading{ font-size: 26px; line-height: 32px;}
.s1-bx-list li{ padding-left: 34px; margin-top: 20px;}
.s1-bx-list li img{ width:22px; top:2px;}
.s1-bx-list li span{ font-size:18px; line-height:22px;}
.s1-bx-list li p{ font-size:15px; line-height:21px; margin-top:6px; letter-spacing: 0.5px;}

.sectionTwo{ padding:30px 0 25px;}
.pck-sec{ padding:0; margin-top:10px;}
.pck-bx {width: 100%; margin-top: 15px; display: flex;-webkit-display: flex; padding: 10px 8px; align-items: center;-webkit-align-items: center; border: 2px solid #16233b; border-radius:10px;}
.pck-bx1{order:3;}
.pck-bx2{order:1;}
.pck-bx3{order:2;}
.mob-pck-lft {width: 52%;}
.btl-qty{ font-size: 28px; line-height: 28px;}
.suply-tx{ font-size: 18px; line-height: 18px; margin-top: 6px;}
.pck-prd, .pck-bx2 .pck-prd{ margin-top:20px;}
.pck-seal{ padding-top: 15px; background-size: 70px; width: 70px; height: 70px;}
.pck-seal p{ font-size:22px; line-height:18px;}
.pck-seal p span{ font-size:17px;}

.mob-pck-rgt{width: 47%;margin-left: 3%;}
.rtlprc, .pck-bx2 .rtlprc{ font-size: 15px; line-height: 20px; letter-spacing: 0.3px; margin-top:0;}
.pck-prc {font-size: 40px;line-height: 40px; margin: 0 0 5px; letter-spacing:0.5px;}
.pck-prc span {font-size: 17px;line-height: 22px;}
.tot-prc{font-size: 17px; line-height: 24px;letter-spacing: 0.3px; margin:0;display: block;}
.pkg-btn { margin:8px auto 0;}
.freeshpng,.pck-bx2 .freeshpng{ font-size: 15px; line-height: 20px; margin-top: 10px;}
.freeshpng img,.pck-bx2 .freeshpng img {margin: -4px 5px 0 0;width: 25px;}
.pck-cards, .pck-bx2 .pck-cards{ margin-top: 12px; max-width: 85%;}

.s2-seal-list{ margin-top:0;}
.s2-seal-list li{ margin-top:20px; padding:0;}
.s2-seal-list li img{ width:64px;}

.mnybkBox{ padding: 30px 10px 25px; display: inline-block;vertical-align: top;}
.mnybk-seal{ width: 130px; float: none; margin: 0 auto 0; display: block;}
.mnybk-cont{ width:100%; padding:0; text-align:center;}
.mnybk-heading{ font-size: 26px; line-height: 32px; margin-top: 12px;}
.mnybk-para{ font-size: 16px; line-height: 22px; margin-top: 15px; letter-spacing:0.5px;}

.sectionFour{ padding:25px 0 30px;}
.faq-container{ padding: 0 8px; margin-top: 15px;}
.up-slide-dwn{ padding: 0 12px; margin: 10px 0;}
.accordion{ padding: 18px 26px 18px 0; font-size: 18px; line-height: 23px;}
.faq-txt{ font-size: 16px; line-height: 24px; margin-top: 15px;}

.reference-sec{ padding:30px 0;}
.reference-title{ font-size: 24px; line-height: 26px;}
.ref-row{ margin-top:0;}
.ref-link-list{ margin-top:0;}
.ref-link-list li{ font-size:13px; line-height:21px;}

.footer{ padding:20px 0;}
.ftr-txt1{ font-size: 13px; line-height: 13px; margin: 6px 0;}
}

@media only screen and (max-width:360px){
.bnr-heading{ font-size: 24px; line-height: 32px;}
.rtlprc{ font-size:14px; line-height:19px;}
.s2-seal-list li img{ width:62px;}
.ftr-txt1{ font-size:12px;}
}