@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: 'Montserrat';
	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;}
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:1200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
	
/*=========FONTS===========*/
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-SemiBold.woff2') format('woff2'),
        url('Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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

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

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



/*==========Header==============*/
.header{
	float:left;
	width:100%;
	padding:20px 0;
	border-bottom:1px solid #ddd;
	}
.logo{
	display:inline-block;
	vertical-align:middle;
	}
	


/*==============banner===============*/
.banner{
	float:left;
	width:100%;
	background: #fafafa;
	}
.bnr-row{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	align-items: center;
	background:#fafafa;
	}
.bnr-left{
	float:left;
	width:51%;
	padding:25px 30px; 
	text-align:left;
	}
.bnrHdng {
    font-size: 65px;
    line-height: 70px;
    color: #3a3a3a;
    font-weight: 900;
    text-transform: uppercase;
	letter-spacing:0.5px;
	}
.bnrHdng span{ color:#00a2ff;}
.bnr-text1{
	font-size: 24px;
    line-height: 34px;
    color: #3a3a3a;
	margin-top:15px;
	}
.bnr-rght{
	float:right;
	width:49%;
	}
.bnr-rght img{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	}
.strp {
	float: left;
    width: 100%;
    background: #000000;
    padding: 8px 0 10px;
	}
.strp p{
	font-size: 25px;
    line-height: 30px;
	font-weight:300;
    color: #fff;
	letter-spacing:1px;
	}

/*==========as-seen-logo-sec============*/
.as-seen-logo-sec{
	float:left;
	width:100%;
	padding:10px 0;
	}
.as-seen-logo-sec ul{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: space-between;
	padding:0 50px;
	}
.as-seen-logo-sec ul li{
	display:inline-block;
	vertical-align:middle;
	}
.as-seen-logo-sec ul li img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	}

/*==========sectionOne============*/
.sectionOne{
	float:left;
	width:100%;
	padding:20px 0;
	}
.s1-outer{
	float:left;
	width:100%;
	position:relative;
	}
.s1-outer-1:before{
	position:absolute;
	left:0;
	top:-180px;
	background:url(../images/s1-bg-img1.png) no-repeat left top;
	background-size:100%;
	width:140px;
	height:258px;
	content:"";
	z-index:2;
	}
.s1-outer-3:before{
	position: absolute;
    right: 0;
    top: -183px;
    background: url(../images/s1-bg-img2.png) no-repeat left top;
    background-size: 100%;
    width: 216px;
    height: 330px;
    content: "";
    z-index: 2;
	}
.s1-outer-5:before{
	position:absolute;
	right:0;
	top:-150px;
	background:url(../images/s1-bg-img4.png) no-repeat left top;
	background-size:100%;
	width:117px;
	height:259px;
	content:"";
	}

.s1-outer-1:after,.s1-outer-3:after,.s1-outer-5:after,.s1-outer-9:after{
	position:absolute;
	left:0;
	top:150px;
	background:url(../images/sec-bg1.jpg) no-repeat left top;
	background-size:100%;
	width:364px;
	height:533px;
	content:"";
	}
.s1-outer-2:after,.s1-outer-4:after,.s1-outer-8:after{
	position:absolute;
	right:0;
	top:-100px;
	background:url(../images/sec-bg2.jpg) no-repeat left top;
	background-size:100%;
	width:339px;
	height:555px;
	content:"";
	}

.s1-row{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
	margin-top:30px;
	padding:0 50px;
	position:relative;
	}
.s1-col-content{
	width:60%;
	text-align:left;
	padding:30px 20px 30px 170px;
	position:relative;
	z-index:3;
	}
.s1-number{
	position:absolute;
	left:0;
	top:20px;
	font-size:141px;
	line-height:130px;
	color:#00a2ff;
	font-weight:bold;
	font-family: 'Century Gothic';
	}
.s1-col-hdng {
    font-size: 35px;
    line-height: 44px;
    color: #3a3a3a;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
	}
.comnPara{
	font-size:20px;
    line-height: 32px;
	letter-spacing:0.5px;
    color: #3a3a3a;
	margin-top:15px;
	}

.s1-col-img{
	width:38.50%;
	position:relative;
	z-index:2;
	}
.s1-col-img img{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	}
.s1-seal{
	position:absolute;
	left:-25px;
	top:-60px;
	font-size:20px;
	line-height:22px;
	color:#ffffff;
	width:180px;
	height:180px;
	background:url(../images/seal.png) no-repeat center center;
	background-size:100%;
	padding:72px 0 0;
	text-align:center;
	font-weight:bold;
	}
.s1-seal2{
	left: -53px;
    width: 206px;
    height: 206px;
    top: -106px;
    padding: 73px 0 0;
	}
.s1-seal3{ font-size:18px; left:auto; right:-35px; font-size:16px;}
.s1-seal4{
	left:-40px;
	width: 151px;
    height: 151px;
	top: -35px;
	padding: 57px 0 0;
	}
.s1-seal5{
	top: -53px;
    left: auto;
    right: -45px;
    width: 157px;
    height: 157px;
    font-size: 26px;
    line-height: 32px;
    padding: 50px 0 0 0;
	}
.s1-seal6{
	top: auto;
    bottom: -57px;
    left: -56px;
    right: auto;
    width: 158px;
    height: 158px;
    font-size: 17px;
    line-height: 25px;
    padding: 54px 0 0 0;
	}	
.s1-row9-img{
	position:absolute;
	left: -120px;
    bottom: -50px;
	}
.gurty-seal{
	position: absolute;
    bottom: -28px;
    right: -35px;
    width: auto !important;
	}	

.sec-btn{
	float:left;
	width:100%;
	padding:30px 0 0;
	}
#call-btn {
    float: left;
    width: 100%;
    padding: 10px 10px 20px;
	background:#000;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index:12;
    transition: bottom 1s;
	}
.shop-btn{
	display: inline-block;
    vertical-align: top;
    padding: 15px 30px 14px;
    background: #00a2ff;
    text-align: center;
	position:relative;
	box-shadow:8px 8px 0 0 rgba(255,255,255,1);
	-webkit-box-shadow:8px 8px 0 0 rgba(255,255,255,1);
	}
.claim-btn-text1{
	display:inline-block;
	vertical-align:middle;
	border:2px dashed #fff;
	font-size:28px;
	line-height:30px;
	letter-spacing:1px;
	color:#ffffff;
	font-weight:900;
	text-transform:uppercase;
	padding:7px 15px;
	position:relative;
	}
.claim-btn-text1:after{
	position:absolute;
	right:-15px;
	top:10px;
	background:url(../images/claim-btn-arw.png) no-repeat center center;
	background-size:100%;
	width:70px;
	height:43px;
	content:"";
	}
.claim-btn-text2{
	display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
	font-size:24px;
	line-height:28px;
	letter-spacing:1px;
	color:#ffffff;
	font-weight:900;
	}


/*==========footer===================*/
.footer{
	float:left;
	width:100%;
	padding:30px 0;
	background:#fafafa;
	}
.ftr-txt1{
	font-size:16px;
	line-height:20px;
	color:#535350;
	}



/*==============Media=============*/


@media only screen and (max-width:1218px){
.container{ width:1004px;}

.bnr-left{ padding:25px;}
.bnrHdng{font-size: 52px; line-height: 60px;}
.bnr-text1{font-size: 20px;line-height: 30px;}

.s1-outer-5:before{width: 90px;top: -80px;}
.gurty-seal{ right:-20px; width:160px !important;}

.s1-row{ padding:0 30px;}
.s1-col-content{padding: 30px 20px 30px 125px;}
.s1-number{font-size: 100px;line-height: 100px;}
.s1-col-hdng{font-size: 30px;line-height: 40px;}
.comnPara{font-size: 18px; line-height: 29px;}

}

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

.bnr-left{ width:100%; padding:25px 35px;}
.bnr-img-mob{ display:inline-block; vertical-align:middle; margin:20px 0 5px; max-width:100%;}
.bnr-rght{ width:100%; display:none;}
.as-seen-logo-sec ul li img{ max-width:80%;}

.s1-row{ padding:0;}
.s1-outer-1:before{width: 110px;height: 225px;top: -140px;}
.s1-outer-4:before{width: 112px; height: 479px;top: -6px;}
.s1-outer-3:before{width: 150px;height: 281px;top: -104px;}

.s1-outer-6:before{width: 160px;}
.s1-outer-7:before{ width: 280px;}
.s1-col-content {padding: 20px 20px 20px 20px;width: 55%;}
.s1-number {font-size: 70px;position: static;line-height: 65px;}
.s1-col-hdng {font-size: 26px;line-height: 32px;}
.comnPara { font-size: 17px; line-height: 26px;}
.s1-col-img{width: 44.5%;}
.s1-seal {top: -50px;font-size: 18px;line-height: 24px;width: 170px; height: 170px; padding: 65px 0 0;}
.s1-seal2{font-size: 15px; line-height: 20px;padding: 61px 0 0;}
.s1-seal3{ font-size:14px;}
.s1-seal4{ right:0;}
.s1-seal5{font-size: 16px;line-height: 22px;width: 157px; height: 157px; right:0;}
.s1-row9-img{ display:none;}

.s1-outer-1:after,.s1-outer-3:after,.s1-outer-5:after,.s1-outer-9:after,.s1-outer-2:after,.s1-outer-4:after,.s1-outer-8:after{ display:none;}

.gurty-seal{ right:0;}

.claim-btn-text2{ width:100%; margin:5px 0 0;}

}


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

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

.header{padding: 10px 0 12px;}
.logo{ width:160px;}

.bnr-row{ width:calc(100% + 30px); margin-left:-15px;}
.bnr-left {padding: 20px 15px;}
.bnrHdng {font-size: 40px;line-height: 44px;letter-spacing: 1px;}
.bnr-text1 {font-size: 17px;line-height: 26px;letter-spacing: 0.5px;margin-top: 12px;}
.strp p {font-size: 16px;line-height: 22px;letter-spacing: 0.5px;font-weight: normal;}

.as-seen-logo-sec ul{ padding:0 10px;justify-content: space-evenly;}
.as-seen-logo-sec ul li{ width:22%;}
.as-seen-logo-sec ul li:nth-child(2) img{ height:40px;}
.s1-outer-1:before{ display:none;}
.s1-outer-3:before{top: -25px;width: 68px;height: 128px;}
.s1-outer-4:before {width: 87px; height: 189px;top: -90px;}
.s1-outer-5:before {width: 67px;top: -80px;}
.s1-outer-6:before {width: 120px;height: 120px;}
.s1-outer-7:before {width: 115px;top: -70px;height: 282px;}

.sectionOne{ padding:0 0 0;}
.s1-row{ margin-top:20px; width:calc(100% + 30px); margin-left:-15px;}
.s1-row.reverse {flex-direction: column-reverse;}
.s1-col-content{ width:100%; padding:0 20px 20px; }
.s1-col-img{ width:100%;z-index:0;}
.s1-number {font-size: 50px;line-height: 50px; margin-bottom:5px;}
.s1-col-hdng {font-size: 25px;line-height: 32px;}
.comnPara{ font-size:16px; margin-top:12px;}

.s1-seal {top: 10px;font-size: 14px;line-height: 18px;width: 115px; height: 115px;left: auto; right: 5px;padding: 42px 0 0;}
.s1-seal2{ left:auto; right:5px;width:140px; height:140px;}
.s1-seal4{ right:auto; left:0;}
.s1-seal3{width:135px; height:135px; font-size:12px;padding: 48px 0 0;}
.s1-seal5 {font-size: 18px;line-height: 20px;}
.s1-seal6{right:auto; left:5px;width: 125px; height: 125px;top: auto;bottom: 5px;}
.gurty-seal {bottom: 5px;width: 118px !important;}

.sec-btn{ padding:15px 0 0;}
#call-btn {padding: 10px 12px 12px 10px;}
.shop-btn{padding: 10px 15px 9px 10px;box-shadow: 5px 5px 0 0 rgb(255 255 255); -webkit-box-shadow: 5px 5px 0 0 rgb(255 255 255);}

.claim-btn-text1{font-size: 18px;line-height: 19px;padding: 8px 7px;}
.claim-btn-text1:after{width: 48px; height: 35px;right: -13px;}
.claim-btn-text2{font-size: 17px;line-height: 20px;}

.footer{ padding:25px 0;}
.ftr-txt1{ font-size:14px;}


}

@media only screen and (max-width:360px){
.claim-btn-text1 { font-size: 17px;}	

}