@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');



body {

	top:0;

	bottom:0;

	left:0;

	right:0;

	margin:auto;

	padding:0;

	background:#fff;

	color:#000;

	text-align:center;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

	font-smoothing: antialiased;

	font-family: 'Inter', sans-serif;

	font-weight:400;

	}

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:#333; text-decoration:none;}

a:hover {outline: none; text-decoration:none;}

img {border:none; height:auto;}

li {list-style:none;}

*{box-sizing:border-box;}

.clearall{

	clear:both;

	font-size:1px;

	line-height:1px;

	height:1px;

	}



/*-----------------------

MAIN CSS START

------------------------*/

.container{

	width:1170px;

	margin:0 auto;

	padding:0;

	position:relative;

	}

/*--------MENU-ICON-MOBILE--------*/

.menu-icon-mobile{

    cursor: pointer;

    position:absolute;

    right:15px;

    top:26px;

	z-index:16;

	height:25px;

	}

.menu-icon-mobile button{

	outline: none;

    -webkit-appearance: none;

	background: none;

	padding:0;

    cursor: pointer;

	border: none;

	}

.menu-icon-mobile span{

	color:#000;

	display:inline-block;

	vertical-align:top;

	font-size:16px;

	font-weight:300;

	margin-top:4px;

	margin-right:5px;

	}

.bar1, .bar2, .bar3 {

	width:25px;

	height:3px;

	background-color: #fff;

	transition: 0.4s;

	-webkit-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;

	}

.bar2{margin:4px 0;}

.dl-active .bar1 {

	-webkit-transform: rotate(-45deg) translate(-5px, 5px);

	transform: rotate(-45deg) translate(-5px, 5px);

	background:#fff;

	}

.dl-active .bar2 {opacity: 0;}

.dl-active .bar3 {

	-webkit-transform: rotate(45deg) translate(-5px, -5px);

	transform: rotate(45deg) translate(-5px, -5px);

	background:#fff;

	}	

.mobile-menu{

	left:0;

	position:fixed;

	top:160px;

	background:rgba(255,255,255,1);

	z-index:10;

	right:0;

	bottom:0;

	overflow:scroll;

	display:none;

	}
.top-fix-bar.fixed-nav .mobile-menu {
    top: 100px;
}
.mobimenu-top{ top:100px;}	

.mobile-menu li{

	float:left;

	width:100%;

	text-align:left;

	border-bottom:1px solid #dddddd;

	}

.mobile-menu li a{

	float:left;

	width:100%;

	padding:12px 20px;

	font-size:15px;

	color:#000;

	font-weight:500;

	}	

.mobile-menu li a:hover{color:#000;}



.announcement_bar{background:#F00; color:#FFF; font-weight:700; padding:4px;}	

.announcement_bar span{color:#ffea00;}



/*-----------------------

SECTION-1

------------------------*/

.sec1{

	float:left;

	width:100%;

	background:url(../../images/interstitial-images/sec1.jpg) center top repeat;

	position:relative;

	padding-bottom:50px;

	}

.sec1:after{

	content:'';

	position:absolute;

	background:url(../../images/interstitial-images/s1-top.jpg) center top repeat-x;

	background-size: cover;

    height: 546px;

	left:0;

	right:0;

	top:0;

	}

.top-fix-bar{

	float: left;

	width: 100%;

	margin-bottom:112px;

	}

.header{

	float:left;

	width:100%;

	position:relative;

	z-index:9;

	height:112px;

	margin-top:-112px;

	top:112px;

	}

.fixed-nav .header{

	position: fixed;

	background:#282828;

	z-index: 11;

	-webkit-transition: margin .3s ease-out;

	transition: margin .3s ease-out;

	margin-top:0;

	top: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);	

	}

.logo{

	float:left;

	margin-top:23px;

	}

.logo-ftr{ width:100%; height:auto; max-width:190px; margin:0 0 20px;}	

.log-tx{

	font-size:16px;

	line-height:20px;

	color:#fff;

	float:left;

	text-align:left;

	margin:18px 0 0 20px;

	}

.header-rgt{

	float:right;

	padding:27px 0;

	position:relative;

	z-index:1;

	}



ul.menu-list{

	float:right; padding-right:20px;

	}

ul.menu-list li{

	float:left;

	padding:0 20px;

	}

ul.menu-list li:last-child{border-right:none; padding-right:0px;}

ul.menu-list li a{

	font-size:18px;

	line-height:24px;

	color:#fff;

	letter-spacing:1px;

	}

ul.menu-list li a:hover, ul.menu-list li a.active{ color:#fc5706;}

a.nav-btn {

    float: right;

    color: #fff;

    font-size: 18px;

    text-align: center;

    width: 150px;

    height: 40px;

    line-height: 40px;

    border-radius: 5px;

    margin-top: 20px;

	margin-left:20px;

    font-weight: bold;

    letter-spacing: 0.5px;

    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);

    -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.2);

	

	background: rgb(52,189,1);

	background: -moz-linear-gradient(180deg, rgba(52,189,1,1) 0%, rgba(23,180,0,1) 49%, rgba(8,175,0,1) 100%);

	background: -webkit-linear-gradient(180deg, rgba(52,189,1,1) 0%, rgba(23,180,0,1) 49%, rgba(8,175,0,1) 100%);

	background: linear-gradient(180deg, rgba(52,189,1,1) 0%, rgba(23,180,0,1) 49%, rgba(8,175,0,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34bd01",endColorstr="#08af00",GradientType=1);	

}		

	

.top-strip{

	float: left;

    width: 100%;

    background: #f15f17;

    padding: 6px 0;

    position: relative;

    z-index: 5;

	}	

.top-strip p{

	font-size:17px;

	line-height:22px;

	color:#fff;

	font-weight:500;

	}	



.s1-lft{

	width:50%;

	float:left;

	position:relative;

	z-index:2;

	margin-top:50px;

	}

ul.s1-lft-lst{

    width: 125px;

    float: left;

    margin-top: 15px;

	position: relative;

    z-index: 1;	

	}

ul.s1-lft-lst li{

	float:left;

	width:100%;

	margin-top:40px;

	}

ul.s1-lft-lst li img{

	margin:0 auto 5px;

	display:block;

	max-width:100%;

	}	

ul.s1-lft-lst li p{

	font-size:16px;

	line-height:24px;

	color:#fff;

	text-transform:uppercase;

	}

.s1-prd{

    position: absolute;

    right: -60px;

    top: -128px;

    /* max-width: initial; */

	}

.s1-seal{

	position:absolute;

	left:16px;

	top:0;

	width:100px;

	}

.s1-rgt{

	width:50%;

	float:right;

	text-align:left;

	margin-top:28px;

	position:relative;

	z-index:1;

	}

.s1-rev-tx{

	font-size:16px;

	line-height:20px;

	color:#fff;

	margin-bottom:15px;

	}

.s1-rev-star{

	display:inline-block;

	vertical-align:middle;

	margin:-7px 5px 0 0;

	width:90px;

	}

.veri-tk{

	display:inline-block;

	vertical-align:middle;

	margin:-6px 4px 0;

	}

.s1-hd{

    font-size: 55px;

    line-height: 66px;

    font-weight: bold;

	color:#fff;

	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

	}

.s1-hd span{ color:#fc5706;}	

.s1-strp{

	float:left;

	width:calc(100% + 150px);

	position:relative;

	margin-left:-150px;

	margin-top:22px;

	}

.strip-icn{

    position: absolute;

    left: 140px;

    top: 50%;

    margin-top: -42px;

	z-index:1;

	}

.s1-strp-tx1{

	font-size: 24px;

    line-height: 26px;

    font-weight: 800;

    color: #000;

    background: #f15f17;

    padding:10px 6px;

    position: relative;

    padding-left: 230px;

	}

.s1-strp-tx1:after{

	content:'';

	position:absolute;

	background:#f15f17;

	right:-1000%;

	width:1000%;

	top:0px;

	bottom:0;

	}	

.s1-strp-tx2{

	font-size:18px;

	line-height:20px;

	background:#0d0d0d;

	border-bottom:1px solid #f15f17;

	padding:15px 10px;

	position:relative;

	color:#fff;

	padding-left:230px;

	letter-spacing:0.5px;

	}

.s1-strp-tx2:after{

	content:'';

	position:absolute;

	background:#0d0d0d;

	border-bottom:1px solid #f15f17;

	right:-1000%;

	width:1000%;

	top:0px;

	bottom:-1px;

	}

ul.s1-rgt-lst{

	float:left;

	width:100%;

	position:relative;

	margin-top:20px;

	}

ul.s1-rgt-lst li{

	float:left;

	width:100%;

	position:relative;

	margin:10px 0;

	padding-left:75px;

	}

.s1-rgt-icn{

	position:absolute;

	left:0;

	top:0;

	}

ul.s1-rgt-lst li h3{

    font-size: 17px;

    line-height: 20px;

	color:#fc5706;

    font-weight: 700;

	text-transform:uppercase;

	}

ul.s1-rgt-lst li p{

	font-size:17px;

	line-height:28px;

	font-weight:500;

	color:#fff;

	margin-top:2px;

	}

	

.btn-bx{

	display:inline-block;

	vertical-align:top;

	max-width:485px;

	width:100%;

	text-align:center;

	margin-top:40px;

	}

.comn-btn{

	display:inline-block;

	vertical-align:middle;

	width:100%;

	color:#fff;

	font-size:23px;

	line-height:72px;

	height:72px;

	border-radius:6px;

	font-weight:700;

	text-shadow:2px 2px 2px #178924;

	margin-top:5px;

	text-transform:uppercase;

	overflow:hidden;

	

background: rgb(52,189,1);

background: -moz-linear-gradient(180deg, rgba(52,189,1,1) 0%, rgba(23,180,0,1) 49%, rgba(8,175,0,1) 100%);

background: -webkit-linear-gradient(180deg, rgba(52,189,1,1) 0%, rgba(23,180,0,1) 49%, rgba(8,175,0,1) 100%);

background: linear-gradient(180deg, rgba(52,189,1,1) 0%, rgba(23,180,0,1) 49%, rgba(8,175,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34bd01",endColorstr="#08af00",GradientType=1);	

	}

.btn-cart-img{

	display:inline-block;

	vertical-align:middle;

	margin:-9px 8px 0 0;	

	}	

.btn-arw-img{

	display:inline-block;

	vertical-align:middle;

	margin: -1px 0 0 10px;

	}

.btn-tx{

	float:left;

	width:100%;

	margin-top:5px;

	font-size:18px;

	line-height:22px;

	font-weight:500;

	}

.btn-tx:before, .btn-tx:after{

	content:'';

	display:inline-block;

	vertical-align:middle;

	border-top:1px solid #383838;

	width:105px;

	}

.btn-tx:before{margin-right:10px;}

.btn-tx:after{margin-left:10px;}

.s1-rgt .btn-bx{

	margin-top:12px;

	}

.overflow{

	overflow:hidden;

	}

	

	

.btnTxt{

	float:left;

	width:100%;

	color:#000;

	margin-top:12px;

	font-size:16px;

	line-height:17px;

	}

.btnTxt p{

	display:inline-block;

	vertical-align:top;

	padding:0 8px;

	letter-spacing:0.3px;

	}

.btnTxt p span{

	font-weight:500;

	color: #f00;

	}

.hourglass{

	display:inline-block;

	vertical-align:middle;

	margin:-4px 3px 0 0;

	animation:rotateP 2.5s  ease-in-out forwards infinite 

	}

	@keyframes rotateP{

		0%{transform:rotate(0)}

		50%{transform:rotate(180deg)}

		100%{transform:rotate(180deg)}

	} 

	@keyframes rotate{

		0%{transform:rotate(00deg)}

		100%{transform:rotate(360deg)}

	}

.btnText1:before {

    display: inline-block;

    vertical-align: middle;

    margin: -2px 5px 0 0;

    width: 9px;

    height: 9px;

    background: #6fb620;

    border-radius: 50%;

    content: "";

    animation: fade 1s ease-in-out infinite;

	}

@keyframes fade{

	0%{opacity:100%;}

	50%{opacity:30%;}

	70%{opacity:100%;}

	100%{opacity:100%;}

    }





.sec1-scroll{

	float:left;

	width:64%;

	position:relative;

	min-height:868px;

	overflow:hidden;

	margin:-69px 0 -70px 0;

	}

.sec1-scroll:before{

	position: absolute;

    display: block;

    width: 100%;

    height:4000px;

    content: "";

    left: 0px;

    right:0;

    bottom:-70px;

    top:-70px;

    background:url(../../images/interstitial-images/s1-scroll-image.png) center top repeat-y;

	background-size:100%;

	animation: 16s linear infinite scrollBgGridLinks;

	}

@keyframes scrollBgGridLinks {

	0%{transform: translateY(0px);}

	100%{transform: translateY(-1600px);}	

	}

	

/*-----------------------

TESTI BOTTOM

------------------------*/

.tsti-btm{

	float:left;

	width:100%;

	border-top:3px solid #cfac4c;

	border-bottom:2px solid #c7c7c7;

	padding:30px 0;

	}

.banr-t-slide{

	float:left;

	width:100%;

	position: relative;

    z-index: 2;

	}

.tsti-btm-bx{

	width:100%;

	max-width:780px;

	margin:0 auto 0;

	

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;	

	}

.tsti-btm-img{ border-radius:20px;}

.tsti-btm-rgt{

	width: calc(100% - 205px);

    text-align: left;

    padding-left: 25px;

	}	

.tsti-btm-star{

	display:inline-block;

	vertical-align:top;

	}	

.tsti-btm-rgt h3{

	font-size:20px;

	line-height:26px;

	color:#000;

	margin-top:10px;

	text-transform:uppercase;

	}

.tsti-btm-rgt p{

	font-size:18px;

	line-height:24px;

	color:#000;

	letter-spacing:0.3px;

	font-style:italic;

	margin-top:10px;

	}

.tsti-btm-rgt small{

	display:block;

	font-size:18px;

	line-height:20px;

	color:#f57f2f;

	font-weight:bold;

	margin-top:12px;

	}



/*-----------------------

SECTION 2

------------------------*/

.sec2{

	background:#fff;

	float:left;

	width:100%;

	padding:60px 0 70px;

	}

.commn-hdg{

	background:url(../../images/interstitial-images/bdr-btm1.png)no-repeat center bottom;	

    font-size:55px;

    line-height:60px;

	color:#000;

    font-weight:bold;

	padding-bottom:55px;

	position:relative;

	}

.commn-hdg span{color:#fc5706;}

.commn-hdg-lft{ background:url(../../images/interstitial-images/bdr-btm2.png)no-repeat left bottom;}

.commn-para{

    font-size: 18px;

    line-height: 26px;

    color: #000;

	letter-spacing:0.5px;	

    margin-top: 20px;

	}

.sec2 .commn-para{ max-width:910px; margin:20px auto 0;}	

.s2-block{

	float:left;

	width:100%;

	position:relative;

	margin-top:30px;

	}

.s2-list{ width:440px;}	

.s2-list li{

	float:left;

	width:100%;

	margin-top:30px;

	

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;	

	}

.s2-list.fl{ text-align:left;}	

.s2-list.fr{ text-align:right;}	

.s2-row-reverse{ flex-direction: row-reverse;}

.s2-imgbox{

	position:relative;

	}		

.s2-bnr-imgs{

	margin:0 auto 0;

	display:block;

	border:1px solid #ff272c;

	border-radius:10px;

	background:#fff;

	padding:5px;

	max-width:100%;

	}

.crosstk-img{

	position:absolute;

	top:-15px;

	left:50%;

	margin-left:-15px;

	}	

.s2-contbox{

	font-size: 20px;

    line-height: 28px;

    color: #000;

    font-weight: 700;

    width: calc(100% - 250px);

    padding-left: 15px;

	}	

.s2-row-reverse .s2-contbox{ padding:0 15px 0 0;}	

.s2-prod{

    position: absolute;

    top: 22px;

    left: 50%;

    margin-left: -150px;

    width: 290px;

	}



/*-----------------------

SECTION 3

------------------------*/

.sec3{

	background:#fdf7f4;

	float:left;

	width:100%;

	}

.s3-block{

    float: left;

    width: 100%;

	margin: 0 auto 0;

	

 	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

	}

.s3-left{

	width: 38%;

    height: 900px;

    position: relative;	

	}

.s3-left:after {

	content: "";

	position: absolute;

    top: 0;

    bottom: 0;

    left: -416px;

	right:0;

    background: url(../../images/interstitial-images/s3-bnr-img1.jpg) no-repeat right top;

	}		

.s3-right{

	width:62%;

	text-align:left;

	padding:40px 0 40px 50px; 

	}

.s3-rgt-blk{

	float:left;

	margin-top:16px;

	}

.s3-rgt-list{

	float:left;

	width:calc(100% - 200px);

	}

.s3-rgt-list li{

	float:left;

	width:100%;

	position:relative;

	margin-top:12px;

	}	

.s3-rgt-list li:before{

	content:'';

	position:absolute;

	top:0;

	left:-83px;

	width:68px; 

	height:59px;

	}

.s3-rgt-list li:nth-child(1):before{ background:url(../../images/interstitial-images/s3-rgt-icn1.png) no-repeat;}

.s3-rgt-list li:nth-child(2):before{ background:url(../../images/interstitial-images/s3-rgt-icn2.png) no-repeat;}

.s3-rgt-list li:nth-child(3):before{ background:url(../../images/interstitial-images/s3-rgt-icn3.png) no-repeat;}	

.s3-rgt-list li:after{

	content: '';

    position: absolute;

    top: 50%;

    height: 15px;

    margin-top: -7px;

	}	

.s3-rgt-list li:nth-child(1):after{ 

	background: url(../../images/interstitial-images/s3-rgt-ln1.png) no-repeat;

	width: 150px;

	left: -224px;

	}	

.s3-rgt-list li:nth-child(2):after{ 

	background: url(../../images/interstitial-images/s3-rgt-ln2.png) no-repeat;

	width:120px;

	left: -194px;

	}	

.s3-rgt-list li:nth-child(3):after{ 

	background: url(../../images/interstitial-images/s3-rgt-ln3.png) no-repeat;

	width:100px;

	left: -174px;

	}				

.s3-list-cont{

	font-size:24px;

	line-height:28px;

	color:#000;

	font-weight:700;

	border:2px solid #000;

	padding:13px 16px;

	}

	

.s3-box{

	float:right;

	width:185px;

	background:#fc5706;

	text-align:center;

	padding:4px 0 0;

	border: 2px solid #fc5706;

	margin-top:11px;

	}	

.s3-bx-seal{

	margin:0 auto 5px;

	display:block;

	}	

.top-bx-t1{

	font-size:26px;

	line-height:30px;

	color:#fff;

	font-weight:700;

	text-transform:uppercase;

	}

.top-bx-t1 span{ font-size:22px;}		

.btm-bx-list{

	float:left;

	width:100%;

	background:#fff;

	margin-top:5px;

	padding:8px 10px;

	}	

.btm-bx-list li{

	float:left;

	width:100%;

	font-size:15px;

	line-height:22px;

	color:#000;

	margin-top:5px;

	}		

.s3-right .btn-bx{ margin-top:30px;}	



/*-----------------------

SECTION 4

------------------------*/

.sec4{

	background:#151517;

	float:left;

	width:100%;

	padding:60px 0 70px;

	}

.white{ color:#fff;}



.s4-block{

	float:left;

	width:100%;

	position:relative;

	}

.s4-list{ width:335px;}	

.s4-list li{

	float:left;

	width:100%;

	margin-top:40px;

	

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;	

	}

.s4-list.fl{ text-align:left;}	

.s4-list.fr{ text-align:right;}	

.s4-row-reverse{ flex-direction: row-reverse;}		

.s4-list-imgs{ float:left;}

.s4-contbox{

	font-size: 24px;

    line-height: 30px;

    color: #fff;

    font-weight: 500;

    width: calc(100% - 128px);

    padding-left: 15px;

	}	

.s4-row-reverse .s4-contbox{ padding:0 15px 0 0;}	

.s4-prod{

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -360px;

	}

.s4-featr-txt{

	float:left;

	width:100%;

	background:url(../../images/interstitial-images/s4-txt-line.png) no-repeat center top;

	font-size:24px;

	line-height:32px;

	color:#fff;

	font-weight:700;

	margin-top:80px;	

	}

.s4-featr-txt span{

	display:inline-block;

	background:#151517;

	padding:0 15px;

	}	

.s4-featr-list{

	display:inline-block;

	vertical-align:top;

	margin-top:30px;

	}

.s4-featr-list li{

	display:inline-block;

	vertical-align:top;

	padding:0 40px;

	text-align:center;

	}	

.s4-featr-list li img{

	margin:0 auto 0;

	display:block;

	}

.s4-featr-list li p{

	font-size:16px;

	line-height:20px;

	color:#fff;

	margin-top:15px;

	}		



/*-----------------------

SECTION 5

------------------------*/

.sec5{

	background:#fff;

	float:left;

	width:100%;

	padding:60px 0 70px;

	}

.s5-block{

	margin:0 auto 0;

	

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

	}

.s5-box{

	float:left;

	width:31.7%;

	border:2px solid #ff5a20;

	border-radius:15px;

	overflow:hidden;

	margin-top:40px;

	}

.s5-box-top{

	float:left;

	width:100%;

	position:relative;

	background:#000;

	}	

.s5-bnr-imgs{

	margin:0 auto 0;

	display:block;

	max-width:100%;

	}	

.s5-top-cont{

	position:absolute;

	top:20px;

	left:25px;

	right:15px;

	text-align:left;

	}	

.s5-top-cont h3{

	font-size:26px;

	line-height:32px;

	font-weight:800;

	color:#fff;

	}

.s5-top-cont h3 span{ color:#fc5706;}			

.s5-bx-icns{

	position:absolute;

	top:0;

	right:0;

	}

.s5-box-btm{

	float:left;

	width:100%;	

	}

.s5-box-btm li{

	float:left;

	width:33.33%;

	text-align:center;

	border-right:1px solid #f57f2f;

	font-size:14px;

	line-height:20px;

	color:#000;

	font-weight:500;

	padding:10px 0;

	

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;		

	}

.s5-box-btm li:last-child{ border:none;}			



/*-----------------------

SECTION 6

------------------------*/

.sec6{

	background:#151517;

	float:left;

	width:100%;

	padding:60px 0 70px;

	}

.s6-block{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:1010px;

	margin-top:20px;

	}

.s6-prod{ 

	float:left;

	}		

.s6-list{

    float: right;

    width: 510px;

	margin-top: 30px;

	}

.s6-list li{

	float:left;

	width:100%;

	border-radius:12px;

	position:relative;

	margin-top:20px;

	}

.s6-list li:before{

	content: '';

    position: absolute;

    top: 50%;

    left: -120px;

    margin-top: -1px;

    border-top: 1px dashed #f25620;

    width: 120px;

	}	

.s6-list li img{

	margin:0 auto 0;

	display:block;

	max-width:100%;

	border-radius:12px;

	}	

.s6-list li p{

	position:absolute;

	left:0;

	bottom:0;

	background:#d75313;

	padding:14px 14px 10px 20px;

	font-size:18px;

	line-height:20px;

	color:#fff;

	font-weight:800;

	text-transform:uppercase;

	border-radius:0 0 0 12px;

	}	

.s6-list li p:after{

    content: '';

    position: absolute;

    top: 0;

    right: -25px;

    width: 0;

    height: 0;

    border-bottom: 44px solid #d75313;

    border-right: 25px solid transparent;

	}	



/*-----------------------

SECTION 7

------------------------*/

.sec7{

	background:#fff;

	float:left;

	width:100%;

	padding:60px 0 70px;

	}

.comparision-chart{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:968px;

	}

.comparBox{

	float:left; 

	width:50%;

	text-align:center;

	padding:30px;

	height:673px;

	margin-top:30px;

	}	

.compar-bg1{ 

	background:url(../../images/interstitial-images/comp-bg1.jpg) no-repeat center top;

	position:relative;

	}

.compar-bg1:after{

	content: '';

    position: absolute;

    top: 35%;

    right: -60px;

    background: url(../../images/interstitial-images/vs-img.png) no-repeat;

    width: 122px;

    height: 122px;	

	}	

.compar-bg2{ background:url(../../images/interstitial-images/comp-bg2.jpg) no-repeat center top;}

.compar-head{

	font-size:42px;

	line-height:46px;

	color:#e0e0e0;

	font-weight:900;

	text-transform:uppercase;

	}

.compar-bg2 .compar-head{ color:#fff; text-shadow:2px 2px #a94818;}	

.compar-list{

	float:left;

	width:100%;

	margin-top:15px;

	}

.compar-bg2 .compar-list{ padding-left:40px;}	

.compar-list li{

	background:url(../../images/interstitial-images/comp-cross.png) no-repeat left 2px;

	float:left;

	width:100%;

	text-align:left;

	font-size:20px;

	line-height:26px;

	color:#fff;

	font-weight:600;

	padding-left:40px;

	margin-top:16px;

	}

.compar-bg2 .compar-list li{background:url(../../images/interstitial-images/comp-tike.png) no-repeat left 2px;}				



/*-----------------------

SECTION 8

------------------------*/

.sec8{

	background:#fdf7f4;

	float:left;

	width:100%;

	padding:60px 0 70px;

	}

.s8-left{

	float:left;

	width:46%;

	text-align:center;

	margin-top:40px;

	}	

.incld-txt{

	background: url(../../images/interstitial-images/incld-ln.png) no-repeat center center;

    float: left;

    width: 100%;

    font-size: 20px;

    line-height: 22px;

    color: #000;

    font-weight: 600;

    padding: 7px 0;

	}

.incld-txt span{

	background:#fdf7f4;

	padding:0 10px;

	position:relative;

	}

.s8-mid-wrap{

	float:left;

	width:100%;

	margin-top:15px;

	position:relative;

	}

.s8-list{ width:185px;}

.s8-list li{

	float:left;

	width:100%;

	text-align:center;

	margin-top:20px;

	}	

.s8-list li img{

	margin:0 auto 5px;

	display:block;

	max-width:100%;

	}	

.s8-list li p{

    font-size: 17px;

    line-height: 22px;

    color: #000;

	font-weight:600;

	}		

.s8-prod{

	position:absolute;

	top:20px;

	left:50%;

	margin-left:-150px;

	width:100%;

	max-width:310px;

	height:auto;

	}			

	

.s8-right{

	float:right;

	width:46%;

	margin-top:85px;

	}	

.specif-box{

	width:100%;

	border-collapse: collapse;

	}	

.specif-box td{

	font-size:20px;

	line-height:22px;

	padding:25px 0;

	border-bottom:1px solid #dedfe0;

	}

.specif-box td img{

	display:inline-block;

	vertical-align:middle;

	margin:-4px 12px 0 0;

	}		

	

/*-----------------------

SECTION 9

------------------------*/

.sec9{

	background:#fff;

	float:left;

	width:100%;

	padding:60px 0 70px;

	}	

.star-review-row{

	display:inline-block;

	vertical-align:top;

	width:100%;

	margin-top:50px;

	}

.star-review-col-1{

    display: inline-block;

    vertical-align: middle;

    padding-right: 60px;

    text-align: left;

    font-size: 16px;

    line-height: 26px;

    color: #131a2a;

    font-weight: 500;

	}

.star-review-col-1 img{

	display:inline-block;

	vertical-align:top;

	}	

.star-review-col-1 span{

	color: #023d7f;

    text-decoration: underline;

	}



ul.rating-vals{

    display: inline-block;

    vertical-align: middle;

    width: 110px;

    margin-right: 5px;

	}

ul.rating-vals li{

    float: left;

    width: 100%;

    margin: 4px 0;

	}

ul.rating-vals li img{

    display: inline-block;

    vertical-align: top;

	max-width:100%;

	}

	

ul.rev-bars{

    display: inline-block;

    vertical-align: middle;

    width: 185px;

	}

ul.rev-bars li{

	float: left;

    width: 100%;

	margin:10px 0;

	}

ul.rev-bars li > div{

	float: left;

    width:calc(100% - 32px);

    background-color: #efefef;

    height: 8px;

    overflow: hidden;

	}

ul.rev-bars li > div span {

    float: left;

    background-color: #000;

    height: 100%;

	}

ul.rev-bars li p{

    float: right;

    width: 22px;

    text-align: left;

    font-size: 16px;

    line-height: 8px;

    color: #8e8e8e;

    font-weight: 500;

	}	

.cs-percent{

	display:inline-block;

	vertical-align:middle;

	color:#000;

	font-size:16px;

	line-height:20px;

	font-weight:500;

	padding-left:40px;

	}

.cs-percent span{

	display: inline-block;

    vertical-align: top;

    font-size: 50px;

    line-height: 45px;

    color: #fc5706;

    font-weight: 800;

    margin-bottom: 12px;

	}

	

.testi-block{

	float:left;

	width:100%;

	margin-top:30px;

	

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

	}

.testi-row{

	float:left;

	width:269px;

	}

.testi-col{

	float:left;

	width:100%;

	background:#fff;

	border-radius:12px;

	margin-top:30px;

	overflow:hidden;



	box-shadow:0 6px 9px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow:0 6px 9px 1px rgba(0,0,0,0.1);

	}

.testi-imgs{

	margin:0 auto 0;

	display:block;

	max-width:100%;

	}			

.testi-cont{

	float:left;

	width:100%;

	text-align:left;

	padding:20px 15px;

	}

.testi-col-tx1{

	font-size:18px;

	line-height:18px;

	color:#000000;

	font-weight:600;

	}

.testi-col-tx1 span{

	display:inline-block;

	font-size:14px;

	line-height:14px;

	color:#6fb620;

	font-weight:400;

	}

.testi-col-tx1 span img{

	display:inline-block;

	vertical-align:middle;

	margin:-4px 6px 0;

	}

.testi-star{

	float: left;

    margin: 10px 0 0;

	width:92px;

	}

.testi-col-tx2{

	display:inline-block;

	vertical-align:top;

	width:100%;

	font-size:16px;

	line-height:24px;

	color:#000000;

	margin-top:10px;

	}	

	

/*-----------------------

SECTION-10

------------------------*/

.sec10{

	float:left;

	width:100%;

	padding:60px 0 70px;

	background:#fdf7f4;

	}

.faq-container{

	display:inline-block;

	vertical-align:top;

	max-width:970px;

	width:100%;

	margin-top:20px;

	padding:0 15px 15px;

	}

.up-slide-dwn{

	float:left;

	width:100%;

	-webkit-box-shadow:0 2px 10px 1px rgba(0,0,0,0.1);

	box-shadow:0 2px 10px 1px rgba(0,0,0,0.1);

	margin-top:20px;

	background:#fff;

	overflow:hidden;

	border-radius:10px;

	}

.faq-innr{

	float:left;

	width:100%;

	border:2px solid transparent;

	}

.accordion{

	float:left;

	width:100%;

	text-align:left;

	background:url(../../images/interstitial-images/close.png) no-repeat right 15px center;

	padding:22px 45px 22px 25px;

	font-size:18px;

	line-height:26px;

	color:#000000;

	letter-spacing:0.2px;

	cursor:pointer;

	font-weight:600;

	position:relative;

	

	}

.accordion.last{border-bottom:none;}

.acdn-heading.accordion-open{

	background:url(../../images/interstitial-images/open.png) no-repeat right 15px center #fff;

	border:none;

	border-bottom:1px solid #e1e1e1;

	}

.acdn-content{

	float:left;

	width:100%;

	text-align:left;

	background:#fff;

	padding:12px 30px 0 25px;

	}

.acdn-para{

	float:left;

	width:100%;

	font-size:18px;

	line-height:26px;

	letter-spacing:0.5px;

	color:#000;

	margin-bottom:15px;

	}

.acdn-para a{ color:#0072ff;}





/*-----------------------

FOOTER

------------------------*/

.footer{

	background:#fff;

	float:left;

	width:100%;

	padding:40px 0;

	}

.ftr-tx{

	font-size:16px;

	line-height:24px;

	color:#333333;

	margin-top:5px;

	}

.ftr-tx a{ color:#333333; padding:0 5px;}



/*====PULSE====*/

.pulse {

	animation-name: pulse;

	-webkit-animation-name: pulse;

	animation-duration: 1.7s;

	-webkit-animation-duration: 1.7s;

	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.9);

}

 50% {

 -webkit-transform: scale(1);

}

 100% {

 -webkit-transform: scale(0.9);

}

}



/*-----------------------

MEDIA START

------------------------*/

.fl{ float:left;}

.fr{ float:right;}



.show-tab, .show-mob{ display:none;}

@media only screen and (max-width:1498px){

	.sec1:after{ background:url(../../images/interstitial-images/s1-top.jpg) -430px 0px no-repeat; background-size:cover;}

	.s1-prd{ right: -70px; top: 2px; width: 663px;}

}



@media only screen and (max-width:1300px){

	ul.menu-list li a{font-size:16px;}

	ul.menu-list li{padding:0 10px;}

	

	

}

@media only screen and (max-width:1200px){

.container{width:1010px;}









.sec1:after{ height:460px; background:url(../../images/interstitial-images/s1-top.jpg) -320px 0px no-repeat; background-size:cover;}

.s1-lft{ width:46%; margin-top:30px;}

.s1-rgt{width:54%;}

.s1-hd{font-size:50px; line-height:56px;}

.s1-strp-tx1, .s1-strp-tx2{padding-left:220px;}

.strip-icn{ width:70px;}

.sec1-scroll{ min-height: 882px; margin: -64px 0 -70px 0;}



.commn-hdg{ font-size:50px; line-height:55px;}

.s2-list{ width:374px;}

.s2-imgbox{ width:200px;}

.s2-contbox{ font-size: 18px; line-height: 26px; width: calc(100% - 200px);}

.s2-prod{ margin-left: -138px; width: 270px;}



.s3-left{ width:32%;}

.s3-right{ width:68%;}

.s3-list-cont{ font-size:20px;}

.s3-box{ margin-top:10px;}



.s4-contbox{ font-size: 20px; line-height: 28px; width: calc(100% - 120px);}



.s8-left{ width:50%;}



.testi-row{ width:240px;}

}



@media only screen and (max-width:1021px){

.container{width:750px;}

.show-desk {display: none;}

.show-tab {display: block;}



.top-fix-bar{margin-bottom:102px;}

.header{height:102px; margin-top:-102px; top:102px;}

.logo{width:250px;}

.header-rgt{padding:22px 0;}

ul.menu-list li{padding:0 8px;}

ul.menu-list li a{font-size:15px;}

a.nav-btn{ margin-top:15px;}



.sec1:after{ height:460px; background:url(../../images/interstitial-images/s1-top.jpg) -410px 0px no-repeat; background-size:cover;}



.s1-hd{ font-size:38px; line-height:44px;}

.s1-strp{ margin-top:20px;}

.s1-strp-tx1{ font-size: 19px; line-height: 23px;}

.s1-strp-tx1, .s1-strp-tx2{ padding-left: 195px;}

ul.s1-lft-lst{ width:100px;}

.s1-strp-tx2 { font-size: 13px; padding-top:12px; padding-bottom:12px;}

.strip-icn{ width: 60px; left: 128px; margin-top: -31px;}

ul.s1-lft-lst li{ margin-top:20px;}

.s1-lft-icn{ width:60px;}

ul.s1-lft-lst li p{ font-size:14px; line-height:18px;}

ul.s1-rgt-lst li{ padding-left:65px;}

ul.s1-rgt-lst li p{ font-size:17px; line-height:26px;}

.s1-prd{ width: 520px; right: -44px; top: 97px;}

.sec1-scroll{ min-height: 850px;}



.btn-bx{ margin-top:25px;}

.comn-btn{ font-size:25px;}

.btn-tx:before, .btn-tx:after{ width:70px;}

.btn-arw{ width:45px;}

.btn-tx{ font-size:15px; line-height:18px;}

.btn-tx:before, .btn-tx:after{ width:50px;}

.btnTxt{ font-size:13px;}



.tsti-btm-bx{ max-width:660px;}

.tsti-btm-img{ width:170px;}



.sec2{ padding:50px 0 60px;}

.commn-hdg{ font-size: 38px; line-height: 44px;}

.commn-para{ font-size:17px; line-height:25px;}

.s2-list{ width: 246px;}

.s2-list.fl{ text-align: center;}

.s2-list.fr{ text-align: center;}

.s2-imgbox{ width:100%;}

.s2-contbox{ width: 100%; padding: 0; margin-top: 10px;}

.s2-row-reverse .s2-contbox{ padding:0;}

.s2-prod{ margin-left: -115px; width: 230px; top: 100px;}



.s3-right{ padding:40px 0 40px 30px;}

.s3-rgt-blk{ margin-top:20px;}

.s3-rgt-list li:before{ top:12px;}

.s3-list-cont{ padding:8px 10px;}

.btm-bx{ font-size:20px;}



.sec4{ padding:50px 0 60px;}

.s4-list{ width:255px;}

.s4-list li{ margin-top:30px;}

.s4-list-imgs{ width:90px;}

.s4-contbox{ font-size: 18px; line-height: 26px; width: calc(100% - 90px);}

.s4-prod{ margin-left: -240px; width: 530px; top:30px;}

.s4-featr-txt{ font-size: 20px; line-height: 30px; margin-top: 50px;}

.s4-featr-list li{ padding:0 17px;}



.sec5{ padding:50px 0 60px;}

.s5-top-cont h3{ font-size:20px; line-height:26px;}

.s5-box-btm li{ font-size:10px; line-height:16px;}



.sec6{ padding:50px 0 60px;}

.s6-block{ max-width:100%;}

.s6-prod{ width:382px;}

.s6-list{ width:362px;}



.sec7{ padding:50px 0 60px;}

.compar-head{ font-size: 34px; line-height: 40px;}



.sec8{ padding:50px 0 60px;}

.s8-left{ width:40%;}

.s8-mid-wrap{ margin-top:0;}

.s8-list{ width:83px;}

.s8-list li p{ font-size: 15px; line-height: 19px;}

.s8-prod{ max-width:250px; margin-left:-135px; top:10px;}

.s8-right{ width:54%;}

.specif-box td{ font-size: 18px; line-height: 20px; padding: 22px 0;}



.sec9{ padding:50px 0 60px;}

.star-review-col-1{ padding-right:20px;}

.cs-percent{ padding-left:20px;}

.testi-block{ margin-top:20px; padding: 0 90px;}

.testi-row{ width: 269px;}



.sec10{padding:50px 0 60px;}

.faq-container{margin:25px 0 0;}

.up-slide-dwn{margin-top:10px;}

.acdn-para{ font-size:17px; line-height:25px;}

}



@media only screen and (max-width:767px){
.mobile-menu {
    top: 185px;
}
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}

.show-mob{display:block;}

.hide-mob{ display:none;}



.top-fix-bar{ margin-bottom:100px;}

.header{ background:#282828;}

.logo{ width:200px; margin:23px 0;}

.logo-ftr{ margin:20px 0 0;}

a.nav-btn{ margin-top: 8px; margin-left:0;}

.top-strip{ padding:3px 0;}

.top-strip p{ font-size: 15px; line-height:19px;}



.sec1{ padding-bottom:25px;}

.sec1:after{ background:none;}

/* .sec1:after{ height:450px; background:url(../../images/interstitial-images/s1-top-sml.jpg) -100px 0 no-repeat; background-size:cover;} */





.s1-lft, .s1-rgt{ width:100%; text-align:center;}

.s1-rgt{ margin-top:20px;}

.s1-rev-tx{ font-size:13px; line-height:20px;margin-bottom: 10px;}

.s1-rev-star{ width: 75px;}

.veri-tk{ margin: -6px 2px 0; width: 10px;}

.s1-lft{display:inline-block; vertical-align:middle; float:none; max-width:380px; margin-top:30px;}

ul.s1-lft-lst { margin:0px 25px 0 0; float:right;  width: 115px;}

.s1-prd{ width:230px; position:static; margin-left:-30px;}

.s1-mob-hd{ position:relative; z-index:1; float:left; width:100%; margin-top:20px;}

.s1-hd{ font-size:30px; line-height:38px; max-width:350px; margin:0 auto;}

.s1-strp{ width:calc(100% + 190px); margin-left:-98px; margin-top:0;}

.strip-icn{ width:30px; left:-124px; top:42px; margin-top:0; position:relative;}

.s1-strp-tx1{ padding-left:20px; font-size:20px;}

.s1-strp-tx2{ padding:5px; text-align:center; font-size:14px;}

ul.s1-rgt-lst{ float:none; width:335px; display:inline-block; vertical-align:top;}

ul.s1-rgt-lst li{ padding-left:55px; margin:8px 0; text-align:left;}

ul.s1-rgt-lst li h3{ font-size:16px;}

ul.s1-rgt-lst li p{ font-size:18px; line-height:22px;}

.s1-rgt-icn{ width:45px;}

.s1-prd-mob{ width:100%; max-width:380px; height:auto; margin:0 auto;}



.banner-right-mob{width:calc(100% + 30px);margin:20px 0 0 -15px;height:240px;position:relative;overflow:hidden;transform: translate3d(0, 0, 0);}



.banner-right-mob:before{

	position: absolute;

    display: block;

    width: 1000px;

    height: 100%;

    content: "";

    left: 0px;

    right: 0px;

    bottom: 0px;

    top: 0px;

    background:url(../../images/interstitial-images/banner-image-m.png) center top repeat-X;

	background-size:800px;

	transform: translate3d(0, 0, 0);

	transition: opacity 0.5s ease-out;

	animation: moveSlideshow 15s linear infinite;

	}

	

@keyframes moveSlideshow {

100% { transform: translateX(-50%);}

}



.tsti-btm{ padding:25px 0;}

.tsti-btm-img{ width: 160px; margin: 0 auto 15px; display: block;}

.tsti-btm-rgt{ width: 100%; text-align: center; padding: 0;}

.tsti-btm-star{ width:95px;}

.tsti-btm-rgt h3{ font-size:18px; line-height:24px;}

.tsti-btm-rgt p{ font-size:16px; line-height:22px;}

.tsti-btm-rgt small{ font-size:16px; line-height:18px;}



.sec2{ padding:25px 0 35px;}

.commn-hdg{ font-size: 28px; line-height: 34px; background-size: 373px; padding-bottom: 33px;}

.commn-para{ margin-top:15px;}

.s2-prod{ position:static; display:inline-table; vertical-align:top; margin:0;}

.s2-list{ 

	width: 100%;  

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

	}

.s2-list li{ width: 48%; display:inline-block; vertical-align:top;}

.crosstk-img{ width:25px;}

.s2-contbox{ font-size:13px; line-height:20px; }



.sec3{ padding:25px 0 35px;}

.s3-left{ display:none;}

.s3-right{ width:100%; padding:0;}

.s3-rgt-blk{ margin-top:10px;}

.s3-rgt-list{ width:100%;}

.s3-rgt-list li:nth-child(1):after{ display:none;}

.s3-rgt-list li:before{ position: static; float: left;}

.s3-box{ width:100%; margin-top:25px;}

.s3-bnr-img1{ max-width:100%; display:inline-block; vertical-align:top; margin-top:25px;}

.s3-list-cont{ padding: 18px 5px 17px 74px; font-size: 15px; line-height: 20px;}

.btm-bx-list{ padding-left:20px;}

.btm-bx-list li{ font-size:18px; line-height:25px;}



.sec4{ padding:25px 0 35px;}

.s4-prod-mob{ width: 100%; margin: 40px auto 0; max-width: 576px;}

.s4-list{ width:100%;}

.s4-list li{ margin-top:25px;}

.s4-list.fr{ text-align: left;}

.s4-row-reverse{ flex-direction: initial;}

.s4-row-reverse .s4-contbox{ padding:0 0 0 15px;}

.s4-featr-txt{ font-size:17px; margin-top:35px;}

.s4-featr-txt{ font-size: 17px; margin-top: 35px;}

.s4-featr-list{ margin-top:0;}

.s4-featr-list li{ float: left; width: 33.33%; padding: 0 5px; margin-top: 25px;}

.s4-featr-list li img{ width:55px;}

.s4-featr-list li p{ font-size: 13px; line-height: 19px; margin-top: 10px;}



.sec5{ padding:25px 0 35px;}

.s5-box{ width:100%; margin:25px auto 0; max-width:367px;}

.s5-top-cont h3{ font-size: 22px; line-height: 30px;}

.s5-box-btm li{ font-size: 14px; line-height: 20px;}



.sec6{ padding:25px 0 35px;}

.s6-prod{ max-width: 100%; float: none; display: inline-block; vertical-align: top;

width: 300px; margin-top: 15px;}

.s6-list{ width:100%; margin-top:20px;}

.s6-list li:before{ display:none;}



.sec7{ padding:25px 0 35px;}

.comparision-chart{ margin-top:25px;}

.comparBox, .compar-bg2{ width: 100%; padding: 20px; height: auto; background-size: cover; padding-bottom: 68%; margin-top:0;}

.compar-bg2{ padding-top:70px;}

.compar-head{ font-size: 24px; line-height: 30px;}

.compar-list li, .compar-bg2 .compar-list li{ font-size: 16px; line-height: 22px; padding-left: 30px; margin-top: 14px; background-size: 18px;}

.compar-bg2 .compar-list{ padding:0;}

.compar-bg1:after{ top: auto; bottom: -10%; right: 50%; width: 100px; height: 100px;

background-size: 100px; margin-right: -50px;}



.sec8{ padding:25px 0 20px;}

.s8-left{ width:100%; margin-top:20px;}

.s8-right{ width:100%; margin-top:30px;}

.specif-box td img{ margin-right:2px;}

.specif-box td{ font-size: 15px; line-height: 17px; padding: 15px 0;}



.s8-list{width: 120px;}



.sec9{ padding:25px 0 35px;}

.star-review-row{ margin-top:30px;}

.star-review-col-1{ width:100%; padding:0; text-align:center; margin-bottom:15px;}

.cs-percent{ width:100%; padding:0; text-align:center; margin-top:15px;}

.cs-percent span{ margin-bottom:7px;}

.testi-block{ padding:0 10px; margin-top:10px;}

.testi-row{ width:100%;}

.testi-imgs{ width:100%;}



.sec10{ padding:25px 0;}

.faq-container{ padding:0 7px 10px;}

.accordion{ padding: 17px 40px 17px 15px; font-size: 17px; line-height: 25px;}

.acdn-content{ padding:12px 15px 0 15px;}



.footer{padding:0 0 20px;}

.ftr-tx{ font-size: 13px; line-height: 15px; margin-top: 20px;}

.t-m{ margin-top:8px;}

.btn-cart-img{ margin-top:-6px;}

.btn-arw-img{ display:none;}

#ctabtn-mob{

	background:#000;

	padding:6px;

	position: fixed;

	bottom:0%;

	left: auto;

	z-index: 99;

	transition: bottom 1s;

	display: table;

	width:100%;

	max-width:none;

}

.comn-btn{height:65px; line-height:65px; font-size:21px;}

#ctabtn-mob .comn-btn{margin-top:0px;}

#ctabtn-mob.btn-bx{margin-top:0;}

}

@media only screen and (max-width:580px){

	.s8-mid-wrap{ float:none; position:relative;}

	.s8-prod{ position:relative; margin:0 auto; top:inherit;

	left:inherit; max-width:350px;}

}

@media only screen and (max-width:520px){

.header{ height:117px;}

.announcement_bar span{ display:block;}

.mobile-menu{top:195px;}
.top-fix-bar.fixed-nav .mobile-menu{top:120px;}


}



@media only screen and (max-width:380px){

	ul.s1-rgt-lst{ width:220px;}

	.specif-box td {

	font-size: 12px;

	padding: 10px 0;

}
.comn-btn{font-size:18px;}
}

.m-auto {
    margin: auto !important;
}
.d-block {
    display: block !important;
}
.d-none {
    display: none !important;
}
@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
    .d-md-none {
        display: none !important;
    }
}

.topbanner img{
    width: 100%;
    height: auto;
    object-fit: cover;   
}