@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: 'Circular Std';

	font-weight:400;

	letter-spacing:0.5px;

	}

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;}

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;

	}



.fl{ float:left;}

.fr{ float:right;}

/*====Fonts====*/

@font-face {

	font-family: 'Circular Std';

	src: url('../fonts/CircularStd-BookItalic.woff2') format('woff2'),

	url('../fonts/CircularStd-BookItalic.woff') format('woff');

	font-weight: normal;

	font-style: italic;

	font-display: swap;

	}

@font-face {

	font-family: 'Circular Std';

	src: url('../fonts/CircularStd-Book.woff2') format('woff2'),

	url('../fonts/CircularStd-Book.woff') format('woff');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

	}

@font-face {

	font-family: 'Circular Std';

	src: url('../fonts/CircularStd-Bold.woff2') format('woff2'),

	url('../fonts/CircularStd-Bold.woff') format('woff');

	font-weight: bold;

	font-style: normal;

	font-display: swap;

	}

@font-face {

	font-family: 'Circular Std';

	src: url('../fonts/CircularStd-Black.woff2') format('woff2'),

	url('../fonts/CircularStd-Black.woff') format('woff');

	font-weight: 900;

	font-style: normal;

	font-display: swap;

	}

@font-face {

	font-family: 'Circular Std';

	src: url('../fonts/CircularStd-Medium.woff2') format('woff2'),

	url('../fonts/CircularStd-Medium.woff') format('woff');

	font-weight: 500;

	font-style: normal;

	font-display: swap;

	}



/*=====MAIN CSS START=====*/

.container {

	width:1170px;

	margin:0 auto;

	padding:0;

	position:relative;

	}

	

/*====Header====*/

.top-fix-bar{

	float: left;

	width: 100%;

	margin-bottom:95px;

	}

.header{

	float:left;

	width:100%;

	background:#ffffff;

	height:95px;

	margin-top:-95px;

	top:95px;

	position:relative;

	}

.fixed-nav .header{

	position: fixed;

	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_new{

	float:left;

	margin-top:22px;

	}

a.comnBtn{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:415px;

	height:75px;

	background:#30ba0c;

	border-radius:6px;

	font-size:25px;

	line-height:75px;

	color:#fff;

	font-weight:bold;

	text-align:center;

	margin-top:22px;

	}

.btn-img{

	display:inline-block;

	vertical-align:middle;

	margin:-10px 0 0 5px;

	}

.header a.comnBtn{

	float:right;

	max-width:305px;

	height:68px;

	line-height:68px;

	font-size:21px;

	letter-spacing:0;

	margin-top:14px;

	}

.header a.comnBtn .btn-img{ width:35px;}

/*====Banner====*/

.banner_new{

	float:left;

	width:100%;

	background:url(../images/banner_1.jpg) no-repeat center top #010101;

	padding:355px 0 40px;

	background-size:cover;

	}

.banner-heading{

	float:left;

	width:100%;

	font-size:45px;

	line-height:50px;

	color:#fff;

	font-weight:bold;

	}

/*====mainSection====*/

.mainSection{

	float:left;

	width:100%;

	overflow:hidden;

	padding:0 0 15px;

	position:relative;

	}	

.mainSection:before{

	position:absolute;

	left:0;

	bottom:0;

	right:0;

	height:160px;

	content:"";

	background:#f0f9ff;

	}

.maninSecInner{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:975px;

	}

.thingsRow{

	float:left;

	width:100%;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

	align-items: center;

	margin-top:45px;

	}

.thingsImgBox{

	float:left;

	width:39%;

	border:1px solid #bdcbce;

	padding:10px;

	border-radius:25px;

	}

.sec-img{

	display:block;

	margin:0 auto;

	max-width:100%;

	border-radius:21px;

	}

.thingsContentBox{

	float:right;

	width:61%;

	display:flex;

	align-items:center;

	text-align:left;

	padding-left:40px;

	}

.thingsHead{

	float:left;

	width:100%;

	font-size:30px;

	line-height:36px;

	color:#1a7598;

	font-weight:bold;

	padding-left:70px;

	position:relative;

	}

.thingsHead span{

	position:absolute;

	left:0;

	top:50%;

	transform:translateY(-50%);

	width:58px;

	height:58px;

	background:#1a7598;

	color:#fff;

	font-size:36px;

	line-height:58px;

	font-weight:500;

	text-align:center;

	border-radius:50%;

	}

.common-text{

	float:left;

	width:100%;

	font-size:18px;

	line-height:26px;

	color:#000000;

	font-weight:400;

	margin-top:22px;

	letter-spacing:0.3px;

	}

.common-text a{ font-weight:bold; text-decoration:underline;}

.billBox{

	float:left;

	width:100%;

	position:relative;

	border-top:1px solid #dae0e1;

	border-bottom:1px solid #dae0e1;

	padding:2px ;

	margin-top:22px;

	}

.billInner{

	float:left;

	width:100%;

	padding:15px 80px 15px 15px;

	border-left:3px solid #1a7598;

	text-align:left;

	background:#edfaff;

	}

.billInner p{

	float:left;

	width:100%;

	font-size:20px;

	line-height:26px;

	color:#000;

	}

.billbookimg{

	position:absolute;

	right:-25px;

	top:-20px;

	}

ul.thingList{

	float:left;

	width:100%;

	margin-top:5px;

	}

ul.thingList li{

	float:left;

	width:33.33%;

	padding-left:32px;

	text-align:left;

	font-size:18px;

	line-height:26px;

	color:#2f271d;

	margin-top:25px;

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

	}

ul.thingList2 li{

	width:100%;

	background:url(../images/green-chk.png) no-repeat left 1px;;

	margin-top:15px;

	}

.mainSec-Box{

	float:left;

	width:100%;

	position:relative;

	margin-top:70px;

	background:#23889e;

	padding:25px;

	border-radius:8px;

	box-shadow:0 10px 5px 2px rgba(0,0,0,0.2); 

	}

.mainsBoxleft{

	float:left;

	width:60%;

	text-align:left;

	}

.mainsecBox-head{

	float:left;

	width:100%;

	font-size:40px;

	line-height:50px;

	color:#fff;

	font-weight:bold;

	letter-spacing:0;

	}

.mainSec-VideoBox{

	float:right;

	width:38%;

	border:3px solid #fff;

	box-shadow:0 0 4px 3px rgba(0,0,0,0.1);

	position:relative;

	background:#000;

	background-size:cover;

	}

.youtubeimg{

	display:block;

	max-width:100%;

	margin:0 auto;

	}



/*====bonusSec====*/

.bonusSec{

	float:left;

	width:100%;

	padding:40px 0;

	background:#f0f9ff;

	}

.bonusHead{

	float:left;

	width:100%;

	font-size:45px;

	line-height:52px;

	color:#000000;

	}

.bonusHead span{

	float:left;

	width:100%;

	margin-top:15px;

	font-weight:bold;

	color:#23889e;

	}

.testiBox{

	float:left;

	width:100%;

	margin-top:45px;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

	justify-content: space-between;

	}

.testiCol{

	float:left;

	width:31%;

	}

.testiVideo{

	float:left;

	width:100%;

	position:relative;

	margin-bottom:15px;

	cursor: pointer;

    overflow: hidden;

	padding-bottom:75%;

	}

.testiVideo video, .t-video-img{

	position:absolute;

	left:0;

	top:0;

	right:0;

	bottom:0;

	width:100%;

	height:100%;

	background: #000;

	}

.testiInr{

	float:left;

	width:100%;

	padding:15px 0;

	text-align:left;

	}

.testiInr .common-text{

	margin-top:10px;

	}

.t-name{

	float:left;

	width:100%;

	font-size:22px;

	line-height:28px;

	color:#000;

	font-weight:500;

	margin-top:15px;

	}

.t-name span{

	float:left;

	width:100%;

	font-size:14px;

	line-height:18px;

	color:#000;

	font-weight:400;

	}

/*====Footer====*/



.footer-cta{

	float:left;

	width:100%;

	text-align:center;

	background:#23889e;

	padding:20px 0;

	position:relative;

	bottom:0;
	z-index: 1

	}

.exclusiveLeft{

	float:left;

	width:calc(100% - 410px);

	position:relative;

	text-align:left;

	}

.stickHead{

	float:left;

	width:100%;

	font-size:35px;

	line-height:42px;

	color:#fff;

	font-weight:bold;

	letter-spacing:0.3px;

	}

.stickText{

	float:left;

	width:100%;

	font-size:25px;

	line-height:32px;

	color:#fff;

	font-weight:500;

	margin-top:5px;

	letter-spacing:0;

	}

.stickyy-prod{

	position:absolute;

	right:0;

	top:-10px;

	}

.footer-cta a.comnBtn{

	max-width:400px;

	margin-top:4px;

	}



.footer{

	float:left;

	width:100%;

	padding:0 0 30px;

	background:#fff;

	}

.footer-text{

	float:left;

	width:100%;

	font-size:16px;

	line-height:24px;

	color:#343434;

	margin:5px 0;

	letter-spacing:0.3px;

	}

.footer-text2{ font-size:14px; line-height:20px; margin-top:40px;}

.footer-text a{

	padding:0 5px;

	}



.showTab, .showMob{ display:none;}

.showDesk{ display:block;}

.hideDesk{ display:none;}



/*=====Media-Querry=====*/



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

.container{width:1004px;}



.mainsecBox-head{ font-size:34px; line-height:42px;}

.stickHead{ font-size:30px; line-height:36px; margin-top:10px;}

.stickText{ font-size:20px; line-height:26px;}

.stickyy-prod{ width:140px; top:0;}

}





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

.container{width:750px;}



.showDesk{display: none;}

.showTab{display: block;}



.banner_new{ background-size:cover; height:auto; padding:200px 0 30px;}

.banner-heading{ font-size:40px; line-height:46px;}



.thingsRow{align-items: start;}

.thingsContentBox{ padding-left:25px;}

.thingsHead{ font-size:24px; line-height:30px; padding-left:55px;}

.thingsHead span{ width:45px; height:45px; line-height:45px; font-size:28px;}

.common-text{ font-size:17px;line-height:25px; letter-spacing:0.5px;}

.billInner{padding: 10px 60px 10px 10px;}

.billInner p{ font-size:17px; line-height:25px; letter-spacing:0;}

.billbookimg{ width:100px; top:-10px;}



.mainSec-Box{ padding:20px;}

.mainsBoxleft{ width:54%;}

.mainsecBox-head{ font-size:24px; line-height:32px; letter-spacing:0.5px;}

a.comnBtn{ height:70px; line-height:70px; max-width:360px; font-size:22px;}

.btn-img{ width:35px;}

.mainSec-VideoBox{ width:45%;}



.bonusHead{ font-size:36px; line-height:42px;}

.exclusiveLeft {width: calc(100% - 350px);}

.footer-cta a.comnBtn{ max-width:340px; margin-top:10px;}

.stickHead{ font-size:26px; line-height:32px; margin-top:0;}

.stickyy-prod{ width:150px; top:30px; display:none;}



}



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

.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}



.showDesk{display:none;}

.showMob{display:block;}

.hideMob{ display:none;}



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

.header{ height:65px; padding:10px 0; top:65px; margin-top:-65px;}

.logo_new{ float:none; display:inline-block; width:140px; margin-top:5px;}

.header a.comnBtn{ display:none;}







.banner_new{ padding:100px 0 20px; background:url(../images/banner-mob.jpg) no-repeat center top #010101; background-size:cover;}

.banner-heading{ font-size:24px; line-height:30px;}

a.comnBtn{ height:65px; line-height:65px;}



.mainSection{ padding-bottom:15px;}

.maninSecInner{ max-width:360px;}

.thingsRow{ margin-top:30px;}

.thingsImgBox{margin-top:20px; padding:8px; border-radius:15px;}

.thingsImgBox.showMob{ display:inline-block; vertical-align:top; float:none; max-width:330px; width:100%;}

.sec-img{ border-radius:12px;}

.thingsContentBox{ width:100%; padding-left:0; text-align:center;}

.thingsHead{ text-align:left; font-size:24px; line-height:30px; letter-spacing:0; padding-left:45px;}

.thingsHead span{ width:35px; height:35px; line-height:35px; font-size:21px;}

.common-text{ text-align:left; margin-top:18px;}

.billInner {padding: 10px 10px 10px 10px;}

.billInner p{ font-size:16px; line-height:24px;}

.billbookimg{ top:0; right:0; display:none;}

ul.thingList{ float:none; display:inline-block; vertical-align:top; max-width:360px;}

ul.thingList li{ background-size:18px; background-position:0 3px; padding-left:24px; width:50%; font-size:17px; line-height:25px; margin-top:15px;}

ul.thingList2 li{ width:100%; margin-top:15px;}



.mainSec-Box{ padding:20px 15px; margin-top:28px;}

.mainsBoxleft{ width:100%;}

.mainSec-VideoBox{ width:100%; margin-top:20px;}

.mainsecBox-head{ letter-spacing:0;}



.bonusSec{ padding:20px 0 30px;}

.bonusHead{ font-size:25px; line-height:32px;}

.bonusHead span{ margin-top:5px;}

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

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

.testiInr{ padding:0 0 5px;}

.t-name{ margin-top:10px;}

.t-star{ width:100px;}

.testiInr .common-text {margin-top: 5px;}



.footer{ padding:0 0 20px;}

.footer-text{ font-size:15px; line-height:20px;}

.footer-text a{ padding:0 2px;}

.footer-text a:first-child{ padding-left:0;}

.footer-text a:last-child{ padding-right:0;}

.footer-text2{ letter-spacing:0.2px; font-size:13px; margin-top:22px;}

.footer-cta{ padding:10px 0;}

.footer-cta a.comnBtn{ margin-top:0;}



}



.reviewsec{padding: 50px 0 25px;    width: 100%;
    display: table;
    box-sizing: border-box;}
.reviewsec h2{
    color:#3a3a3a;
    font-size: 2rem;
    font-family: 'Oswald',sans-serif;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 8px;
}
.reviewsec p{
    font-family: 'Oswald',sans-serif;color: #3a3a3a;    font-size: 21px;
    font-weight: 400;text-align: center;
}

@media (max-width: 544px){
.reviewsec {
    padding: 50px 10px 25px;
}
.reviewsec h2{font-size: 1.5rem;}
.reviewsec p{font-size: 18px;    margin-bottom: 20px;}
}


               #app_common_modal .app_modal_body img {
               width: 100%;
               }