@charset "utf-8";
/* CSS Document */

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

.fl{float:left;}
.fr{float:right;}

.hide-desk, .show-tab{display:none;}

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

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

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

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

@font-face {
    font-family: 'Inter';
    src: url('Inter-Medium.woff2') format('woff2'),
        url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chevalier Stripes DC D';
    src: url('ChevalierStrDCD.woff2') format('woff2'),
        url('ChevalierStrDCD.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
TOP STRIP
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.top-strip{
	float:left;
	width:100%;
	background:#17214c;
	padding:3px 0;
}
.top-strip p{
	font-size:15px;
	line-height:21px;
	font-weight:500;
	color:#fff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
LOGO SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.logo-sec{
	float:left;
	width:100%;
	padding:20px 0;
}
.logo{
	display:inline-block;
	vertical-align:top;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-1
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec1{
	float:left;
	width:100%;
	background:#ecf8fa;
	padding:40px 0 60px;
	overflow:hidden;
	}
.s1-lft{
	float:left;
	width:51.28%;
	text-align:left;
	}
.s1-rat-tx{
	font-size:14px;
	line-height:18px;
	color:#192f23;
	}
.s1-rat-tx img{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	margin-top:-3px;
	width:92px;
	}
.s1-hd{
	font-size:50px;
	line-height:54px;
	font-weight:600;
	letter-spacing:-0.5px;
	margin-top:12px;
	}
.s1-tx{
	font-size:22px;
	line-height:28px;
	font-weight:500;
	margin-top:20px;
	}
.s1-lst-hd{
	font-size:20px;
	line-height:26px;
	font-weight:800;
	margin-top:20px;
	position:relative;
	z-index:1;
	text-align:left;
	}
.s1-lst-hd span{
	display:inline-block;
	vertical-align:top;
	background:#ecf8fa;
	padding-right:15px;
	}
.s1-lst-hd:before{
	content:'';
	border-top:1px solid #cfcfcf;
	position:absolute;
	top:16px;
	width:100%;
	z-index:-1;
	}
.s1-flex{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	}
ul.s1-lst{
	float:left;
	width:100%;
	margin-top:5px;
	}
ul.s1-lst li{
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:#212121;
	background:url(../images/s1-tk.png) left 2px no-repeat;
	padding-left:35px;
	margin-top:15px;
	text-align:left;
}
.sold-seal{
	float:right;
	margin-top:25px;
}
.btn-bx{
	display:inline-block;
	vertical-align:top;
	max-width:445px;
	width:100%;
	text-align:center;
	margin-top:30px;
}
.btn-bx
.btn-rat-tx{
	font-size:14px;
	line-height:18px;
	color:#192f23;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:8px;
}
.btn-rat-tx img{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	width:92px;
	margin-top:-3px;
}
.comn-btn{
	float: left;
    width: 100%;
    height: 76px;
    background: #24c070;
    border-radius: 10px;
    box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
    font-size: 21px;
    line-height: 76px;
    color: #fff;
    font-weight: 700;
	position:relative;
	}
.comn-btn:before{
	content:"";
	float: left;
	width:116%;
	height:76px;
	background: url(../images/btn_flsh.png) no-repeat;
	animation: AnimationName 2.5s cubic-bezier(0.43, 0.61, 1, 1) infinite;
	-webkit-animation: AnimationName 2.5s cubic-bezier(0.43, 0.61, 1, 1) infinite;
	position: absolute;
	left:-8%;
	top:0;
	z-index: 9;
	}
.s1-lft .comn-btn:before{height:80px;}
@-webkit-keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
.btn-arw{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	margin-left:10px;
}
.btn-tx{
	font-size:15px;
	line-height:20px;
	color:#161616;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-top:8px;
}
.btn-tx:before, .btn-tx:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:70px;
	border-top:1px solid #b8b7b7;
	margin:0 10px;
}
.s1-lft .btn-bx{
	max-width:570px;
}
.s1-lft .comn-btn{
	height:80px;
	font-size:30px;
	line-height:78px;
	font-weight:800;
}
.s1-lft .btn-tx:before, .s1-lft .btn-tx:after{width:155px; margin:0 6px;}
.s1-btm-tsti{
	float:left;
	width:95%;
	position:relative;
	padding:20px 30px;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius:15px;
	padding-left:100px;
	font-size:15px;
	line-height:22px;
	color:#192f23;
	margin-top:25px;
	background:#fff;
	text-align:left;
}
.s1-tsti-fc{
	position:absolute;
	left:15px;
	top:15px;
	border-radius:50%;
}
.s1-btm-tsti h3{font-weight:600;}
.testi-star{margin-top:8px;}
.s1-btm-tsti p{margin-top:3px;}
.s1-btm-tsti p span{font-weight:500;}
.s1-rgt{
	float:right;
	width:48.71%;
	padding-left:70px;
}
ul.s1-prd-lst{
	float:left;
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
ul.s1-prd-lst li{
	margin-top:15px;
}
ul.s1-prd-lst li img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	}
.s1-prd-bx{
	position:relative;
	float:left;
}
.s1-prd{
	float:left;
	margin:20px -30px -20px;
}
.s1-seal{
	position:absolute;
	right:0;
	top:0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~
BRAND SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.brand-sec{
	float:left;
	width:100%;
	padding:25px 0;
	border-bottom:1px solid #e1e1e1;
}
.brand-hd{
	font-size:15px;
	line-height:20px;
	font-weight:600;
	color:#323232;
}
ul.brand-lst{
	display:inline-block;
	vertical-align:middle;
}
ul.brand-lst li{
	display:inline-block;
	vertical-align:middle;
	margin:20px 20px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-2
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec2{
	float:left;
	width:100%;
	padding:50px 0 30px;
	position:relative;
	overflow:hidden;
}
.s2-bg-prd1, .s2-bg-prd2{
	position:absolute;
	top:420px;
	opacity:0.15;
}
.s2-bg-prd1{
	left:-22%;
	top:300px;
	transform:rotate(15deg);
}
.s2-bg-prd2{
	right:-22%;
	top:60px;
	transform:rotate(-20deg)
}
.comn-hdg{
	font-size:40px;
	line-height:48px;
	font-weight:600;
}
.comn-txt{
	font-size:17px;
	line-height:26px;
	margin-top:20px;
}
.s2-bx{
	display:inline-block;
	vertical-align:top;
	max-width:1030px;
	width:100%;
	box-shadow:0px 10px 15px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 10px 15px 1px rgba(0,0,0,0.1);
	padding:10px 10px 25px;
	border-radius:15px;
	margin-top:30px;
	background:#fff;
	position:relative;
}
.s2-bx-inr{
	float:left;
	width:100%;
	display:flex;
	display: -webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
.s2-bx-lft{
	width:48%;	
}
.s2-ba-bx{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	overflow:hidden;
	border-radius:10px;
}
.s2-bx-rgt{
	width:48%;
	float:right;
	position:relative;
	text-align:left;
}
.s2-lst-hd{
	font-size:24px;
	line-height:30px;
	font-weight:600;
}
ul.s2-lst{
	float:left;
	width:100%;
	margin-top:10px;
}
ul.s2-lst li{
	font-size:20px;
	line-height:24px;
	font-weight:600;
	background:url(../images/s2-tik.png) left 3px no-repeat;
	margin-top:15px;
	text-align:left;
	padding-left:35px;
}
.s2-prd{
	position:absolute;
	right:10px;
	top:165px;
	width:250px;
}
.s2-bx-btm-tx{
	font-size:24px;
	line-height:30px;
	font-weight:600;
	margin-top:20px;
	float:left;
	width:100%;	
}
ul.s2-ben-lst{
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
	width: 100%;
}
ul.s2-ben-lst li{
	display:inline-block;
	vertical-align:middle;
	padding:0 50px;
	position:relative;
	margin-top:20px;
}
ul.s2-ben-lst li:before{
	content:'';
	position:absolute;
	right:0;
	top:20px;
	height:70px;
	border-right:1px solid #dfdfdf;
}
ul.s2-ben-lst li:last-child:before{display:none;}
.s2-ben-icn{
	display:block;
	margin:0 auto 10px;
}
ul.s2-ben-lst li p{
	font-size:20px;
	line-height:24px;
}
ul.s2-uses-lst{
	display:flex;
	display:-webkit-flex;
	column-gap:2%;
	width:100%;
}
ul.s2-uses-lst li{
	padding:20px;	
	float:left;
	width:32%;
	border:1px solid #9f9f9f;
	margin-top:15px;
	position:relative;
}
.s2-uses-icn{
	display:block;
	margin:0 auto 15px;
}
ul.s2-uses-lst li h3{
	font-size:24px;
	line-height:30px;
	font-weight:700;
}
ul.s2-uses-lst li h3:after{
	content:'';
	display:block;
	margin:10px auto 0;
	width:76px;
	height:2px;
	background:#009aaf;
	border-radius:100px;
}
ul.s2-uses-lst li p{
	font-size:18px;
	line-height:26px;
	margin-top:15px;
	padding:0 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
NEW SECTION 1
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.new-sec_1{
	float:left;
	width:100%;
	padding:20px 0 50px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-3
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec3{
	float:left;
	width:100%;
	padding:50px 0;
	background:#ecf8fa;
}
.dwn-arw{
    position: absolute;
    top: -65px;
    right: 0;
    left: 0;
}
.s3-lft{
	width:42.73%;
	float:left;
	text-align:left;
	padding-top:30px;
}
.s3-rgt{
	float:right;
	width:53%;
	padding-right:15px;p
}
.s3-arw{
	display:block;
	margin:0 auto;
}
.s3-ba-sld{
	float:left;
	width:100%;
}
.s3-ba-bx{
	float:left;
}
.s3-ba-bx-inr{
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 8px 2px rgba(0,0,0,0.1);
	float:left;
	margin:10px;
}
.s3-ba-img{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	border:12px solid #00d7df;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SEAL SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.seal-sec{
	float:left;
	width:100%;
	background: #f9f9f9;
    padding: 40px 0;
}
ul.seal-lst{
	float:left;
	width:100%;
}
ul.seal-lst li{
	display:inline-block;
	vertical-align:top;
	padding:0 40px;
	position:relative;
	margin:10px 0;
}
.seal-log{
	display:block;
	margin:0 auto 10px;
}
ul.seal-lst li p{
	font-size:18px;
	line-height:24px;
}
ul.seal-lst li:after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	border-right:1px solid #d7d7d7;
}
ul.seal-lst li:last-child:after{display:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-4
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec4{
	float:left;
	width:100%;
	padding:50px 0;
}
.ing_point{
	float:left;
	width:100%;
	position:relative;
	display:flex;
	display: -webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	min-height:400px;
	margin-top:20px;
}
.ing_point_prd{
	 margin:50px 0 0;
}
.ing_point_prd img{
	max-width:100%;
}
.ing_point_lft, .ing_point_rgt{
	position:relative;
	width:32%;
	z-index:1;
}
.ing_point_lft{
	float:left;
	text-align:left;
}
.ing_point_rgt{
	float:right;
	text-align:right;
}
ul.ing_point-lst{
	float:left;
	width:100%;
}
ul.ing_point-lst li{
	position:absolute;
	width:100%;
}
ul.ing_point-lst li p{
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	position:absolute;
}
.ing_point_img{
	border-radius:50%;
	box-shadow:0px 5px 10px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 5px 10px 3px rgba(0,0,0,0.1);
	width:120px;
}
.ing_point_lft .ing_point_img{float:right;}
.ing_point_rgt .ing_point_img{float:left;}
.ing_point_arw{
	position:absolute;
}
.ing_point_lft .ing_point-lst li:nth-child(3) .ing_point_img{float:left; margin-left:30px;}
.ing_point_rgt .ing_point-lst li:nth-child(3) .ing_point_img{float:right; margin-right:30px;}
/* ----------- */
.ing_point_lst-1{top:30px; right:0;}
.ing_point_arw-1{right: 110px; top: 65px;}
.ing_point_lst-1 p{right:140px; top:35px;}
/* ------------ */
.ing_point_lst-2{top:280px; right:0;}
.ing_point_arw-2{right:110px; top:35px;}
.ing_point_lst-2 p{right:130px; top:5px;}
/* ------------ */
.ing_point_lst-3{top:150px; right:0;}
.ing_point_lst-3 p{top:50px; right:120px;}
.ing_point_arw-3{top: 22px; right: 180px; transform: rotate(175deg); -webkit-transform: rotate(175deg);}
/* ------------ */
.ing_point_lst-4{top:30px; left:0;}
.ing_point_arw-4{left: 110px; top: 65px; transform: scaleX(-1); -webkit-transform: scaleX(-1);}
.ing_point_lst-4 p{left:140px; top:35px;}
/* ------------ */
.ing_point_lst-5{top:280px; left:0;}
.ing_point_arw-5{left:110px; top:35px; transform: scaleX(-1); -webkit-transform: scaleX(-1);}
.ing_point_lst-5 p{left:130px; top:5px;}
/* ------------ */
.ing_point_lst-6{top:150px; left:0;}
.ing_point_lst-6 p{top:50px; left:120px;}
.ing_point_arw-6{top: 22px; left: 180px; transform: scaleY(-1); -webkit-transform: scaleY(-1);}

.ing-sec{
	max-width:2000px;
	width:100%;
	margin:15px auto 0;
	position:relative;
}
.ing-bx{
	width:370px !important;
	border:1px solid #dfdfdf;
	border-radius:10px;
	background:#fff;
	text-align:left;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
	margin:30px 15px 0;
}
.ing-bx-top{
	float:left;
	width:100%;
	position:relative;
	padding:20px 20px 20px 92px;
	border-bottom:1px solid #d8d7d7;
}
.s3-ing-img{
	position:absolute;
	left:15px;
	top:15px;
	width:70px;
}
.ing-sub-nm{
	font-size:16px;
	line-height:20px;
}
.ing-nm{
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	margin-top:2px;
}
.ing-bx-btm{
	float:left;
	width:100%;
	padding:20px;
}
.ing-tx{
	font-size:17px;
	line-height:26px;
	min-height:130px;
}

.s4-btm-sec{
	display:inline-block;
	vertical-align:top;
	max-width:975px;
	width:100%;
	margin-top:40px;
}
.s4-btm-hd{
	float:left;
	width:100%;
	background:url(../images/s4-btm-hd.jpg) center center no-repeat;
}
.s4-btm-hd span{
	display:inline-block;
	vertical-align:middle;
	background:#e7f7f8;
	border-radius:100px;
	padding:2px 35px 5px;
	border:1px solid #c9ddde;
	position:relative;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
.s4-btm-hd span:before, .s4-btm-hd span:after{
	content:'';
	position:absolute;
	top:50%;
	margin-top:-3px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#c9ddde;
}
.s4-btm-hd span:before{left:10px;}
.s4-btm-hd span:after{right:10px;}
ul.s4-ing-seal-lst{
	float:left;
	width:100%;
}
ul.s4-ing-seal-lst li{
	display:inline-block;
	vertical-align:middle;
	padding:0 30px;
	margin:20px 0 0;
}
.s4-ing-seal{
	max-width:100%;
	display:inline-block;
	vertical-align:top;
}
.full-ing-btn,a.full-ing-btn{
	font-size:20px;
	line-height:24px;
	font-weight:700;
	color:#00d7df;
	text-decoration:underline;
	margin-top:30px;
	float:left;
	width:100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-5
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec5{
	float:left;
	width:100%;
	background:#ecf8fa;
	padding:50px 0;
	}
.tsti-sec{
	float:left;
	width:100%;
	margin-top:30px;
	}
	
.tsti-vid-sec{
	float:left;
	width:100%;
	display:flex;
	display:-webkit-flex;
	column-gap:2%;
	margin-top:50px;
	}
.tsti-vid-bx{
	width:23.5%;
	border-radius:10px;
	text-align:left;
	}
.tsti-vid{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius:5px;
	background:#000;
}
.tsti-vid-img{
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.play-btn{
	width:76px;
	height:76px;
	border-radius:50%;
	background:rgba(50, 138, 141, 0.5);
	-webkit-background:rgba(50, 138, 141, 0.5);
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	cursor:pointer;
}
.play-btn:after{
	content:'';
	width: 0;
	height: 0;
	display:block;
	margin:22px auto 0;
	border-top: 15px solid transparent;
	border-left: 25px solid #fff;
	border-bottom: 15px solid transparent;
}
.tsti-star2{
	margin:20px 0 0;
	width:106px;
}
.tsti-txt{
	font-size:18px;
	line-height:26px;
	font-weight:500;
	margin-top:5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
TESTI BOTTOM
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tsti-btm-sec{
	float:left;
	width:100%;
	background: #f9f9f9;
	padding: 50px 0;
	}
.result_row{
	float:left;
	width:100%;
	}
.tsti-btm-lst-hd{
	font-size:36px;
	line-height:40px;
	font-weight:600;
	}
.tsti-btm-lst-tx{
	max-width:970px;
	width:100%;
	font-size:17px;
	line-height:27px;
	margin:20px auto 0;
	}
.reslt-box{
	float:left;
	width:100%;
	margin-top:40px;
	}
.reslt-col{
	float:left;
	width:33.33%;
	text-align:center;
	padding:0 20px;
	}
.reslt-col p{
	float:left;
	width:100%;
	margin-top:15px;
	font-size:22px;
	line-height:26px;
	color:#000000;
	font-weight:500;
	}
	
.percircle.blue .bar,.percircle.blue .fill {
	border-color: #00d7df;
	}
.percircle.gt50 .slice,.rect-auto {
	clip: rect(auto,auto,auto,auto)
	}
.gt50 .fill,.percircle .bar,.pie {
	position: absolute;
	border: 10px solid #00d7df;
	width: 145px;
	height: 145px;
	clip: rect(0,82.5px,165px,0);
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
	}
.bar {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
	}
.gt50 .bar:after,.gt50 .fill,.pie-fill {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
	}

.percircle *,.percircle :after,.percircle :before {
	box-sizing: content-box;
	}
.percircle.animate:after,.percircle.animate>span {
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out
	}
.percircle.animate .bar {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out
	}
.percircle {
	display:inline-block;
	vertical-align:middle;
	position: relative;
	width: 165px;
	height: 165px;
	border-radius: 50%;
	background-color: #d5d5d5;
	}
.percircle:after {
	position: absolute;
	top: 6px;
	left: 6px;
	display: block;
	content: " ";
	border-radius: 50%;
	background-color: #f6fdfe;
	width: 153px;
	height:  153px;
	}
.percircle .slice {
	position: absolute;
	width: 165px;
	height: 165px;
	clip: rect(0,165px,165px,82.5px);
	}
.percircle>span {
	position: absolute;
	z-index: 1;
	width: 82%;
	height:82%;
	top: 9%;
	left:9%;
	font-size: 40px;
	text-align: center;
	font-weight:400;
	color:#000;
	background:#ecf8fa;
	border-radius:50%;
	display: flex;
    align-items: center;
    justify-content: center;
	}

.bar:after{
	position:absolute;
	left: 68px;
    top: -15px;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#00d7df;
	content:"";
	z-index:222;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-6
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec6{
	float:left;
	width:100%;
	padding:50px 0;
	}
.comp-chart{
	display:inline-block;
	vertical-align:top;
	max-width:970px;
	width:100%;
	margin-top:90px;
	position:relative;
	z-index:1;
	padding:0 15px;
	}
.comp-chart:before{
	content:'';
	position:absolute;
	left:0;
	top:50px;
	bottom:25px;
	right:0;
	background:#f2f2f2;
	z-index:-1;
	border-radius: 15px;
	overflow: hidden;
	}
.col1, .col2, .col3{float:left;}	
.col1{width:32%;}
.col2{    
	width: 23%;
    border-radius: 15px;
	}
.col3-box{
	float:left;
	width:45%;
	}	
.col3{width:33.33%;}
.col1 .row{
    color: #141414;
    font-size:18px;
    text-align: left;
	font-weight:500;
    height: 55px;
	padding:0 15px;
	display:flex; 
	display: -webkit-flex; 
	align-items:center; 
	-webkit-align-items:center;
	}
.col1 .row:first-child{ margin-top: 105px;}	
.col1 .row:nth-child(even){ background:#fff;}
.col3 .row:nth-child(odd){ background:#fff;} 
.col3 .row img{margin-top: 10px;}	
.col2 .row{
	height:55px;
	background:#00d7df;
	}
.col2-tk-img{
	margin-top:10px;
}
.col2 p{
    font-size:16px;
    line-height:16px;
    color: #fff;
	font-weight:400;
	margin-top:10px;
	}
.col2 p span, .col3 p span{font-weight:bold;}
.col3-box p{
    font-size:18px;
    line-height:24px;
    color: #141414;
	margin-top:10px;
	}			
.col2 .row:first-child{
    height: 105px;
	border-radius:15px 15px 0 0;
	}
.col-prd-img{margin:0 auto; max-width:100%;}
.col2 .row:last-child{height:95px; border-radius:0 0 15px 15px;}
.comp-prd{
	display:inline-block;
	vertical-align:top;
	margin:-40px auto 8px;
	width:90px;
}
.col3 .row{ height: 55px;}
.col3 .row:first-child{
    height: 105px;
	background:none;
	}
.col3 .row:first-child img{margin:0 auto; max-width:100%;}	

.review__top{
	float:left;
	width:100%;
	background:#ecf8fa;
	padding:50px 0;
}
.rating_row{
	display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	max-width:1030px;
    width: 100%;
    margin:50px  auto 0;
	}
.rating_col-1{
	width:33%;
	}
ul.rating-list{
	float:left;
	width:100%;
	}
ul.rating-list li{
	float:left;
	width:100%;
	border-bottom:1px solid #e1e1e1;
	padding:10px 10px;
	display: flex;
    align-items: center;
    justify-content: space-between;
	}
ul.rating-list li:last-child{ border-bottom:none;}
.rating-list-txt1{
	float:left;
	font-size:18px;
	line-height:20px;
	color:#000000;
	text-align:left;
	}
.rating-list-txt2{
	float:right;
	font-size:16px;
	line-height:18px;
	color:#000000;
	}
.rating-list-txt2 img{
	display:inline-block;
	vertical-align:middle;
	margin:-6px 12px 0 0;
	width:85px;
	}
.rating_col-2{
	width: 200px;
    text-align: center;
	}
.review-rating{
	font-size:60px;
    line-height:50px;
	font-weight:bold;
    color: #000000;
	}
.star {
    display: block;
    margin: 15px auto 0;
    max-width: 100%;
	width:130px;
	}
.verified-text {
    font-size: 17px;
    line-height: 24px;
    color: #000;
    margin-top: 10px;
	}
.rating_col-3{
	width:35%;
	}
.review_img-row{
	width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
	}
.review_img-col{
	width:23.5%;
	}
.review_img-col img{
	display:block;
	margin:3px auto;
	max-width:100%;
	height:80px;
	object-fit: cover;
	}

.review__bottom{
	float:left;
	width:100%;
	padding:50px 0 0;
}
.reviews__sec{
	display:inline-block;
	vertical-align:top;
	max-width:1030px;
	width:100%;
	margin:0 0 20px;
}
.reviews__box{
	float:left;
	width:100%;
	padding:20px 20px;
	position:relative;
	border-radius:8px;
	z-index:1;
	text-align:left;
	margin-top:25px;
	border:1px solid #e3e3e3;
	display: flex;
    justify-content: space-between;
}
.rvw_box-left{
	float:left;
	width:18%;
	}
.rvw_box-left img{
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	height: 100%;
    object-fit: cover;
	border-radius: 5px;
	}
.rvw_box-right{
	float:right;
	width:79%;
	}
.reviews__hd{
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	margin-bottom:10px;
}
.rev-box-star{
	width:105px;
	display:block;
	margin:0 0 10px;
}
.reviews__tx{
	font-size:17px;
	line-height:26px;
	letter-spacing:0.3px;
}
.reviews__cust{
	position:relative;
	margin-top:25px;
	padding-left:60px;
}
.nm-letr{
	width:45px;
	height:45px;
	border-radius:50%;
	background:#9fdee8;
	font-size:18px;
	line-height:45px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
}
.reviews__nm{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
}
.reviews__veri{
	font-size:13px;
	line-height:16px;
	color:#259c2a;
	margin-top:5px;
}
.reviews__veri img{
	width:14px;
	display:inline-block;
	vertical-align:top;
	margin:2px 2px 0 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
MONEY BACK SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-7
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec7{
	padding:50px 0 80px;
	float:left;
	width:100%;
}
.moneybak_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:986px;
	border: 90px solid transparent;
    border-image-source: url(../images/moneybk-bx-bg.jpg);
    border-image-repeat: repeat;
    border-image-slice: 90;
    padding: 0;
    box-sizing: border-box;
    margin:60px 0 0;
    position: relative;
	}
.moneybak_box-inner{
	padding:50px 20px 30px;
	text-align:center;
	}
.moneybak_box-heading{
	font-size:41px;
	line-height:49px;
	color:#917b1f;
	text-transform:uppercase;
	margin-top:50px;
	font-family: 'Chevalier Stripes DC D';
	letter-spacing:-2px;
	text-shadow:3px 0 3px #d6d6d6;
	}
.s7-logo{
	display:block;
	margin:0 auto;
	width:250px;
	max-width:100%;
	}
.moneybak_box-para{
	font-size:21px;
	line-height:35px;
	padding:0 20px;
	color:#070707;
	margin-top:30px;
	}
.moneybk-seal-col{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin: 30px 0 0;
	}
.moneybk_seal-img{
	width:118px;
	}
.moneybk_seal-img img{
	display:block;
	margin:0 auto;
	max-width:100%;
	}
.ryan-sign-dv{
	padding-left:20px;
	}
.ryan-sign-dv p{
	font-size:17px;
	}
	
.taddaY{
	animation-name: tadda;
	-webkit-animation-name: tadda;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes tadda {
	0% {transform:translateY(0px)}
	50% {transform: translateY(15px);}
	100% {transform: translateY(0px);}
	}
.package_text{
	display:inline-block;
	vertical-align:middle;
	padding:6px 35px 7px;
	margin-top:20px;
	background:#a8f2f5;
	font-size:14px;
	line-height:18px;
	color:#000;
	font-weight:600;
	letter-spacing:0.3px;
	border-radius:5px;
	position:relative;
	}
.package_text:after{
	position:absolute;
	content:"";
	bottom:-7px;
	left:50%;
	margin-left:-9px;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-top:7px solid #a8f2f5;
	}
.pck-sec{
	float:left;
	width:100%;
	display:flex;
	justify-content:center;
	-webkit-justify-content:center;
	margin:30px 0 0;
	column-gap: 50px;
	}
.pck-bx{
	border:2px solid #b8b8b8;
	width:34%;
	margin-top:15px;
	border-radius:10px;
	cursor:pointer;
	position:relative;
	}
.upgrade_arrow{
	position:absolute;
	width:120px;
	height:40px;
	font-size:19px;
	line-height:38px;
	font-weight:700;
	color:#fff;
	background: rgba(0,154,175,1);
	background: linear-gradient(90deg, rgba(0,154,175,1) 0%, rgba(0,154,175,1) 58%, rgba(0,182,189,1) 100%);
	text-transform:uppercase;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	right:-60px;
	z-index:1;
	animation-name: tadda;
	-webkit-animation-name: tadda;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes tadda {
	0% {transform:translateX(0px)}
	50% {transform: translateX(15px);}
	100% {transform: translateX(0px);}
	}
.upgrade_arrow:after{
	content: '';
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	height: 0;
	width: 0;
	border-top:35px solid transparent;
	border-bottom:35px solid transparent;
	right:-40px;
	border-left:40px solid #00b6bd;
	}
.mob-pck{
	padding:25px 20px;
	}
.suply-tx{
	font-size:34px;
	line-height:40px;
	font-weight:800;
	color:#000;
	text-transform:uppercase;
	}
.suply_text2{
	font-size:22px;
	line-height:26px;
	font-weight:700;
	color:#000;
	margin-top:5px;
	}
.pck-prd{
	width:330px;
	max-width:100%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:30px 0 0;
	}
.pck-prd-img{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	}
.pck-seal{
	width:70px;
	height:70px;
	background:#ff0000;
	font-size:20px;
	line-height:26px;
	padding-top:20px;
	border-radius:50%;
	box-shadow:1px 1px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:1px 1px 10px 1px rgba(0,0,0,0.1);
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	right:0;
	top:0;
	transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	}
.pck-seal span{font-size:27px; line-height:27px; font-weight:700;}
.save_text{
	font-size:20px;
	line-height:26px;
	color:#ef0000;
	font-weight:600;
	margin-top:10px;
	letter-spacing:0.5px;
	}
ul.pkg-list{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:255px;
	margin-top:15px;
	min-height:122px;
	}
ul.pkg-list li{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
	margin-top:15px;
	}
.pkg-list-icon{
	width:23px;
	margin-right:10px;
	}
.pkg-list-icon img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	}
ul.pkg-list li p{
	width:calc(100% - 33px);
	font-size:16px;
	line-height:20px;
	color:#1c1c1c;
	font-weight:500;
	}
ul.pkg-list li.pkg-list-actv p{
	font-size:14px;
	letter-spacing:0.5px;
	font-weight:bold;
	background:#fdee4c;
	padding:3px 10px;
	}
.cut_prc{
	margin-top:20px;
	font-size:24px;
	line-height:24px;
	color:#2f2f2f;
	font-weight:600;
	}
.cut_prc span{
	position: relative;
	}
.cut_prc span:after {
    content: '';
    position: absolute;
    left: -5px;
	right:-5px;
	transform:rotate(-8deg);
    top: 48%;
    border-top: 1px solid #f00;
	}
.ret-prc{
	font-size:20px;
	line-height:26px;
	}
.ret-prc span{
	display:inline-block;
	vertical-align:top;
	position:relative;
	}
.ret-prc span:after{
	content:'';
	position:absolute;
	left:0;
	top:15px;
	border-top:2px solid #f00;
	transform:rotate(-10deg);
	width:100%;
	}
.pck-prc{
	font-size:50px;
	line-height:50px;
	display:inline-block;
	vertical-align:bottom;
	font-weight:800;
	}
.pck-prc sub{
	font-size:17px;
	line-height:17px;
	font-weight: normal;
	display:inline-block;
	vertical-align:bottom;
	}
.free_shipp{
	font-size:19px;
	line-height:26px;
	color:#000;
	font-weight:400;
	text-transform:uppercase;
	margin-top:15px;
	}
.free_shipp img{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	margin:-3px 6px 0 0;
	}
.pck-btn{
	margin-top:25px;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:72px;
	background: #04c03d;
    border-radius: 10px;
    box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
    font-size: 28px;
    line-height: 72px;
    color: #fff;
	position:relative;
    font-weight: 700;
	}

.pck-bx2 .pck-btn:before{
	content:"";
	float: left;
	width:116%;
	height:72px;
	background: url(../images/btn_flsh.png) no-repeat;
	animation: AnimationName 2s cubic-bezier(0.43, 0.61, 1, 1) infinite;
	-webkit-animation: AnimationName 2s cubic-bezier(0.43, 0.61, 1, 1) infinite;
	position: absolute;
	left:-8%;
	top:0;
	z-index: 9;
	}
.pck-btn img{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 5px 0 0;
	width:26px;
	}	
.guarantee-text{
	font-size:13px;
	line-height:20px;
	font-weight:500;
	margin-top:15px;
	}
.guarantee-text img{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 5px 0 0;
	width:15px;
	}
.pck-cards{
	display:inline-block;
	vertical-align:top;
	margin-top:25px;
	max-width:100%;
	width:180px;
	}

.pck-bx2{
	background:#ecf8fa ;
	border:2px solid #00b6bd;
	box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	}



/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-9
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec9{
	float:left;
	width:100%;
	padding:50px 0;
	position:relative;
}
.sec9:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:738px;
	background:#f0fdfd;
}
.txt-lft{
	text-align:left;
}
.s9-img1{
	float:right;
}
.s9-bx{
	float:left;
	width:100%;
	background:#fff;
	padding:40px 150px 40px 60px;
	box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	border-radius:10px;
	margin-top:50px;
	text-align:left;
}
.doc-bx{
	float:left;
	width:100%;
}
.s9-doc-img{
	display:inline-block;
	vertical-align:middle;
}
.doc-bx-rgt{
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 250px);
	text-align:left;
	padding-left:30px;
}
.doc-bx-rgt h3{
	font-size:40px;
	line-height:46px;
	font-weight:600;
}
.sign{
	margin-top:25px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
SECTION-10
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sec10{
	float:left;
	width:100%;
	padding:70px 0;
	background:#ecf8fa;
	}
.s10_row{
	float: left;
    width: 100%;
	}
.s10_left{
	float:left;
	width:36%;
	text-align:left;
	}
.sticky {
    top: 30px;
    position: -webkit-sticky;
    position: sticky;
	}
.s10-prod{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	margin-top:40px;
	margin-bottom:15px;
	}
.s10_right{
	float:right;
	width:60%;
	}
.faq-container{
	display:inline-block;
	vertical-align:top;
	max-width:800px;
	width:100%;
	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:15px;
	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/close.png) no-repeat right 15px center;
	padding:18px 45px 15px 15px;
	font-size:20px;
	line-height:26px;
	color:#000000;
	letter-spacing:0.2px;
	cursor:pointer;
	font-weight:bold;
	position:relative;
	}
.accordion.last{border-bottom:none;}
.acdn-heading.accordion-open{
	background:url(../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 15px;
	}
.acdn-para{
	float:left;
	width:100%;
	font-size:18px;
	line-height:26px;
	letter-spacing:0.2px;
	color:#000;
	margin-bottom:15px;
	}
.acdn-para a{ color:#0072ff;}

/*~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer{
	float:left;
	width:100%;
	padding:0 0 40px;
}
.ftr-log{
	margin-top:40px;
}
.ftr-txt{
	font-size:14px;
	line-height:20px;
	margin-top:20px;
	padding:0 50px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
FIX BAR
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.fix-bar{
	background:#18234d;
	float:left;
	width:100%;
	position:fixed;
	bottom:0;
	padding:15px 0;
	z-index:99;
}
.fix-bar-inr{
	text-align:left;
	padding-right: 25px;
	}
.fix-bar-inr-cont{
	float:left;
	font-size:24px;
	line-height:30px;
	}
.fix-bar-tx1{
	font-weight:600;
	color:#42b5aa;
	}
.fix-bar-tx1 span{color:#ffd634; font-weight:800;}
.fix-bar-tx2{
	color:#fff;
	font-weight:700;
	font-size:28px;
	}
.fix-prd{
	float:left;
	margin-top:-30px;
	margin-left:30px;
	}
.fix-bar-inr .comn-btn{
	max-width:375px;
	height:60px;
	line-height:60px;
	font-size:18px;
	width:100%;
	text-align:center;
	float:right;
	margin-top:5px;
	}
.btn-bx.hide-desk{display:none;}
.fix-bar-inr .comn-btn:before{height: 60px;}

/*-----------------------
MEDIA START
------------------------*/
@media only screen and (max-width:1200px){
.container{width:1010px;}
.hide-1024{display:none;}

.s1-lft{padding-left:0; width:57%;}
.s1-prd{max-width:100%;}
.s1-hd{font-size:40px; line-height:44px;}
.s1-tx{ font-size:20px;}
ul.s1-lst li{ font-size:17px;}
.s1-btm-tsti{ width:100%;}

.s1-rgt {width: 43%;padding-left: 40px;}

ul.brand-lst li{margin:15px 15px 0;}

.s3-lft{width:45%;}
ul.seal-lst li{padding:0 25px;}

.ing_point_lft .ing_point-lst li:nth-child(3) .ing_point_img {margin-left: 0;}
.ing_point_arw-3 {right: 135px;}
.ing_point_lst-3 p {right: 62px;}
.ing_point_rgt .ing_point-lst li:nth-child(3) .ing_point_img {margin-right: 0;}
.ing_point_arw-6{ left:135px;}
.ing_point_lst-6 p {left: 62px;}


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

.s10_left{width: 40%;}


.fix-bar-inr-cont{ font-size:20px; line-height:26px;}
.fix-bar-inr .comn-btn{max-width:350px;}
.fix-prd{ display:none;}
.fix-bar-inr{ padding:0 20px;}

}

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

.hide-tab{display:none;}
.show-tab{display:block;}

.overflow{overflow:hidden;}

.sec1{padding: 35px 0 50px;}
.s1-hd{font-size:30px; line-height:36px;}
.s1-tx {font-size: 18px;line-height: 26px;margin-top: 15px;}
.sold-seal{ width: 88px;position: absolute;right: 230px;top: 12px;}
.s1-btm-tsti{font-size: 14px;line-height: 22px; padding-right:20px;width: 750px;}
ul.s1-prd-lst li{ width:18%;}
.s1-lft .btn-tx:before, .s1-lft .btn-tx:after{ width:80px;}

.s1-rgt {padding-left: 25px;}

ul.brand-lst{margin-top:5px;}
ul.s1-lst li{margin-top:10px;}

.sec2{padding:30px 0 30px;}
.comn-hdg{font-size:30px; line-height:36px;}
.comn-txt{font-size:16px; line-height:24px; letter-spacing:0.3px; margin-top:15px;}
.s2-bx{margin-top:20px;}
.s2-bx-lft{width:42%;}
.s2-bx-rgt{width:54%;}
.s2-lst-hd{font-size:20px; line-height:24px;}
ul.s2-lst li{font-size:18px; margin-top:10px;}
.s2-prd{width:140px;}
.s2-bx-btm-tx{font-size:19px; line-height:26px;}


ul.s2-uses-lst li{ width:33%; padding:20px 15px;}
ul.s2-uses-lst li h3 {font-size: 20px;line-height: 26px;}
ul.s2-uses-lst li p {font-size: 16px;line-height: 24px;}
ul.s2-ben-lst li{padding:0 20px;}

.sec3{padding:25px 0 30px;}
.s3-lft{padding-top:20px;}
.dwn-arw{top:-45px;}

.seal-sec{padding:25px 0 30px;}
ul.seal-lst li{padding: 0 15px;margin: 20px 0;width: 19%;}


.sec4{padding:30px 0 30px;}
.ing_point_img {width: 90px;}
ul.ing_point-lst li p {font-size: 17px;line-height: 22px;}
.ing_point_lst-1 p {right: 100px;top: 18px;}
.ing_point_arw-1 { right: 75px;}
.ing_point_lst-3 p {right: 25px;}
.ing_point_arw-3 {right: 45px;}
.ing_point_lst-4 p { left: 96px;top: 34px;}
.ing_point_arw-4 {left: 90px;}
.ing_point_lst-6 p {left: 10px;}
.ing_point_arw-6 { left: 50px; }
.ing_point_lst-5 p { left: 97px;top: 5px;}

ul.s4-ing-seal-lst li { padding: 0 15px; margin: 20px 0;}


.sec5{padding:30px 0 30px;}
.tsti-txt {font-size: 16px;line-height: 24px;}

.sec6{padding:30px 0 30px;}
.comp-chart{padding:0 10px;}
.col1 .row{padding:0 10px; font-size:16px;}
.col3-box p{font-size:15px;}

.mny-bck-sec{padding:35px 0;}

.rating_col-1{ order:2; width:45%;}
.rating_col-2{ order:1; width:100%; margin-bottom:30px;}
.rating_col-3{ order:3; width:45%;}

.review__bottom {padding: 30px 0 0;}
.reviews__box{ padding:20px;}
.rvw_box-left {width: 24%;}
.rvw_box-right {width: 72%;}

.sec7{padding:40px 0 50px;}
.pck-bx{ width:45%;}
.mob-pck{padding:30px 15px 20px;}
.suply-tx{font-size:28px; line-height:32px;}
.pck-seal{width:55px; height:55px; font-size:15px; line-height:20px; padding-top:15px;}
.pkg-list-icon{width: 21px;margin-right: 8px;}
ul.pkg-list li p{ font-size:15px; line-height:19px;}
ul.pkg-list li.pkg-list-actv p{ font-size:14px;}
.pck-btn{ font-size:23px;}
.guarantee-text{ font-size:12px;}
.guarantee-text img { margin: -3px 5px 0 0; width: 12px;}

.moneybak_box{border: 45px solid transparent;border-image-source: url(../images/moneybk-bx-bg.jpg); border-image-repeat: repeat;
    border-image-slice: 80;}
.moneybak_box-heading{font-size: 33px;line-height: 44px;margin-top: 30px;}
.moneybak_box-para {font-size: 19px;line-height: 32px;margin-top: 25px;}


.sec9{padding:30px 0 30px;}
.s9-img1{width:280px;}
.s9-bx{padding:25px 35px; margin-top:40px;}
.doc-bx-rgt h3{font-size:28px; line-height:36px;}

.sec10{padding: 30px 0;}
.s10_left{ width:100%; text-align:center;} 
.sticky {top: 0; position: relative;}
.s10_right{ width:100%;}
.faq-container{margin:25px 0 0; padding:0px 5px;}
.up-slide-dwn{margin-top:10px;}
.accordion{font-size:17px; line-height:22px;}
.acdn-para{font-size:16px; line-height:23px;}

.footer{padding:0 0 25px 0;}
.ftr-txt{padding:0;}

.fix-bar-inr{ padding:0;}
.fix-bar-inr-cont{width:50%;font-size: 15px;}
.fix-bar-tx2 {font-size: 21px;}
.fix-prd{display:none;}
.fix-bar-inr .comn-btn{margin-top:0;}

}


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

.top-strip{padding:5px 0;}
.top-strip p{font-size:12px; line-height:16px; letter-spacing:0.3px;}

.logo-sec{padding:12px 0;}

.sec1{padding:25px 0;}
.s1-lft, .s1-rgt{width:100%;}
.s1-lft{ text-align:center;}
.s1-rat-tx {font-size: 13px;line-height: 16px;}
.s1-rat-tx img {width: 75px;margin-right: 3px;margin-top: -4px;}
.s1-hd{font-size:26px; line-height:32px;}
.s1-tx{font-size:16px; line-height:22px; margin-top:12px;}
.s1-rgt{ padding:0; margin-top:5px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center; -webkit-justify-content: center;}
.s1-prd-bx{width: 275px;}
.s1-prd{ margin:20px -30px -10px -15px;}
.sold-seal{ position:absolute; left:-10px; top:0; width:90px;}
ul.s1-prd-lst{ width:50px;flex-wrap: wrap;}
ul.s1-prd-lst li{ width:100%;margin-top: 5px;}
.s1-lst-hd{ font-size: 20px;line-height: 26px;padding-left: 20px; font-weight:600;}
.s1-lst-hd:before{ display:none;}
ul.s1-lst {margin-top: 5px;padding-left: 20px;}
ul.s1-lst li { font-size: 16px;line-height: 24px;margin-top: 8px; letter-spacing:0.3px;}

.s1-btm-tsti{ width:100%;padding:12px 10px 12px 70px;font-size: 13px; line-height: 19px;}
.s1-tsti-fc{width:50px;left: 12px;}
.s1-btm-tsti h3{ font-size:14px;}

.s1-lft .btn-bx{ margin-top:20px;}
.s1-lft .comn-btn{height: 65px;font-size: 23px; line-height: 63px;}
.s1-lft .comn-btn:before {height: 65px;}
.btn-tx{ font-size:13px;}
.s1-lft .btn-tx:before, .s1-lft .btn-tx:after { width: 55px;}

.brand-hd{letter-spacing:0.5px;}
ul.brand-lst {margin-top: 10px;}
ul.brand-lst li{margin:12px 5px 0;}
.brnd-log1, .brnd-log2, .brnd-log3, .brnd-log5, .brnd-log8{width:75px;}
.brnd-log4, .brnd-log6, .brnd-log7{width:105px;}



.sec2{padding:25px 0 15px;}
.s2-bx-lft, .s2-bx-rgt{width:100%;}
.s2-bx-rgt{margin-top:25px;}
.s2-bx{margin-top:10px; max-width:400px;}
.s2-bx-inr{flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.comn-hdg{font-size:26px; line-height:34px;}
.s2-prd{position:static; display:block; margin:20px auto -20px; display:none;}
.s2-bx-btm-tx{font-size:17px; line-height:25px; margin-top:20px;}
ul.s2-ben-lst li{padding:0 5px; margin:15px 0 0; float:left; width:25%;}
ul.s2-ben-lst li:before{display:none;}
.s2-ben-icn{margin:0 auto 8px; width:60px;}
ul.s2-ben-lst li p{font-size:16px; line-height:22px;}
ul.s2-uses-lst{ margin:0 auto;  max-width:340px;flex-wrap: wrap;}
ul.s2-uses-lst li{ width:100%; padding:20px;}
.s2-uses-icn{ width:55px;}
ul.s2-uses-lst li h3{font-size:20px; line-height:26px;}
ul.s2-uses-lst li p{padding:0; font-size:16px; line-height:24px;}
.btn-rat-tx img{width:70px;}

.new-sec_1{ padding:0 0 30px;}


.sec3{padding:30px 0;}
.s3-lft, .s3-rgt{width:100%; padding:0;}
.s3-rgt{margin-top:15px;}
.dwn-arw{top:-37px;}
.dwn-arw img{width:35px;}

.seal-sec{padding:25px 0 30px;}
.seal-log{width:70px; margin:0 auto 8px;}
ul.seal-lst li{margin:0 0; padding:0 5px; float:left; width:25%;}
ul.seal-lst li:after{display:none;}
ul.seal-lst li p{font-size:15px; line-height:20px;}
ul.seal-lst li:last-child{display:none;}

.sec4{padding:30px 0 30px;}
.ing_point{ margin-top:0;min-height: auto;flex-wrap: wrap;}
.ing_point_lft, .ing_point_rgt{ width:100%;}
ul.ing_point-lst li{ position:static; float:left; width:100%; text-align:center; margin-top:20px; width:33.33%;}
.ing_point_img{ float:none !important; display:block; margin:0 auto 10px !important; width:75px;}
ul.ing_point-lst li p{ position:static; font-size:13px;}
.ing_point_arw-1,.ing_point_arw-2,.ing_point_arw-3,.ing_point_arw-4,.ing_point_arw-5,.ing_point_arw-6{ display:none;}
.ing_point_prd{ margin:20px 0 0;}
.ing_point_prd img{ max-width:80%;}

.ing-bx{width: 300px !important;margin: 20px 5px 0;}
.ing-bx-top{padding: 15px 10px 15px 85px;}
.s3-ing-img{ top:5px; left:10px;}
.ing-tx {font-size: 16px; line-height: 24px; letter-spacing: 0.3px;min-height: 144px;}

.s4-btm-sec{ margin-top:30px;}
.s4-btm-hd span{font-size:17px; line-height:22px;}
ul.s4-ing-seal-lst{margin-top:5px;}
ul.s4-ing-seal-lst li{margin:20px 0 0; padding:0px; width:20%; float:left;}
.s4-ing-seal{max-width:65px; width:100%;}
.full-ing-btn, a.full-ing-btn{ font-size:18px; margin-top:20px;}

.tsti-vid-sec{ margin-top:10px;flex-wrap: wrap;justify-content: space-between;row-gap: 15px; width:calc(100% + 30px); margin-left:-15px;}
.tsti-vid-bx{ width:100%; margin-top:15px; padding:0 5px;}
.tsti-txt {font-size: 14px;line-height: 20px;}
.tsti-star2 {margin: 15px 0 0;width: 80px;}

.tsti-btm-sec{ padding: 30px 0;}
.tsti-btm-lst-hd {font-size: 24px;line-height: 28px;}
.reslt-box{margin-top: 25px;}
.reslt-col{ padding:0 10px;}
.percircle{ width:80px; height:80px;}
.percircle>span{font-size: 24px;}
.percircle .slice {
    position: absolute;
    width: 80px;
    height: 80px;
    clip: rect(0,80px,80px,40px);
	}
.gt50 .fill, .percircle .bar, .pie{
	border: 10px solid #307bbb;
    width: 60px;
    height: 60px;
	clip: rect(0,40px,120px,0);
	}
.percircle:after{
	width: 72px;
    height: 72px;
	top: 4px;
    left: 4px;
	}
.reslt-col p {margin-top: 10px;font-size: 15px;line-height: 20px;}


.sec6{padding:25px 0 30px;}
.comp-chart{margin-top:70px;}
.col1{width:45%;}
.col1 .row{font-size:14px;}
.col2{width:32%;}
.col3-box .col3:nth-child(1), .col3-box .col3:nth-child(3){display:none;}
.col3-box{width:23%;}
.col3{width:100%;}
.col-prd-img{padding:0 5px;}
.col2 p{font-size:14px; line-height:15px;}
.col2-tk-img{width:28px;}
.col2 .row:first-child, .col3 .row:first-child{height:115px;}
.col1 .row:first-child{margin-top:115px;}

.review__top{ padding:30px 0;}
.rating_col-2{ margin-bottom:25px;}
.verified-text{ font-size:15px;}
.rating_row{ margin:25px auto 0;}
.rating_col-1{ width:100%;margin-bottom:20px;}
.rating-list-txt1{ font-size:16px; line-height:18px; letter-spacing:0.3px;}
.rating-list-txt2{ font-size:15px;}
.rating_col-3{ width:100%;}

.reviews__sec{ margin:0;}
.reviews__box{ margin-top:15px; padding:20px;flex-wrap: wrap;}
.reviews__tx{ font-size:16px; line-height:24px;}
.rev-box-star { width: 90px;}
.rvw_box-left{ width:100%; margin-bottom:20px;}
.rvw_box-right{ width:100%;}
.rvw_box-left img{ height:150px; width:150px;}

.sec7 {padding: 30px 0;}
.pck-sec{flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:25px 0 0; padding:0 5px;}
.pck-bx{width:100%; margin-top:15px;}
.pck-bx1{order:3;}
.pck-bx2{order:1;}
.pck-bx3{order:2;}

/*.mob-pck{padding:25px 10px 20px;display:flex; display: -webkit-flex; align-items:center; -webkit-align-items:center;}
.mob-pck-lft{width:52%;}
.mob-pck-rgt{width:45%; margin-left:5%;}*/
.suply_text2 { font-size:20px; line-height:26px;}
.save_text{ font-size:19px; line-height:27px;}
.free_shipp{ font-size:17px; line-height:25px;}
.free_shipp img{ font-size:23px;}

.mob-pck {padding: 20px 15px 20px;}
.suply-tx{font-size:28px; line-height:32px;}
.pck-prd{ margin:20px 0 0;}
ul.pkg-list{ min-height:auto; margin-top:0;}
ul.pkg-list li{ margin-top:10px;}
.cut_prc{ margin-top:10px;}
.pck-prc{font-size:44px; line-height:45px;}
.pck-prc sub{font-size:16px; line-height:24px;}
.pck-btn{ margin-top:20px; height:64px; line-height:62px;}
.pck-bx2 .pck-btn:before{height: 64px;}
.pck-cards{margin-top:20px;width: 170px;}

.moneybak_box {
	border: 25px solid transparent;
	border-image-source: url(../images/moneybk-bx-bg.jpg);
	border-image-repeat: repeat;
	border-image-slice: 80;
	margin-top:30px;
	}
.moneybak_box-inner{ padding:20px 15px 25px;}
.s7-logo{ width:180px;}
.moneybak_box-heading { font-size: 21px; line-height: 28px; margin-top: 20px;letter-spacing: 0;}
.moneybak_box-para {font-size: 16px;line-height: 26px;margin-top: 15px;padding: 0;}
.moneybk-seal-col {margin: 20px 0 0;}
.moneybk_seal-img {width: 80px;}
.ryan-sign-dv {padding-left: 13px;}
.ryan-sign{ width:140px;}
.ryan-sign-dv p { font-size: 16px;}


.sec9:before{ height:28%;}
.s9-bx{padding:20px 15px;}
.doc-bx{text-align:center;}
.doc-bx-rgt{width:100%; padding:0; margin-top:20px;}
.doc-bx-rgt h3{font-size:25px; line-height:32px;}
.s9-img1{float:none; margin:25px auto; width:200px;}
.txt-lft{text-align:center;}

.sec10{padding:30px 0 30px;}
.s10-prod{ width:250px; margin:25px 0 0;}
.faq-container {margin: 15px 0 0;}
.acdn-content{ padding:12px 15px 0 15px;}


.footer{padding-top:0px;}
.ftr-log{margin-top:25px;}
.ftr-txt{margin-top:15px; font-size:11px; line-height:17px;}

#ctabtn-mob {
    background: #18234d;
    padding:0;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index: 99;
    transition: bottom 1s;
    display: table;
    width: 100%;
}
.fix-bar{padding:10px;}
.fix-bar-inr{text-align:center; width:calc(100% + 30px); margin-left:-15px;}
.fix-bar-inr-cont{width:100%; font-size:17px; line-height:24px; display:none;}
.comn-btn{font-size:20px;}
.fix-bar-inr .comn-btn{float:none; margin:0 auto; display:inline-block; vertical-align:top; max-width:100%;}

.btn-bx.hide-desk{display:block;}

}


@media only screen and (max-width:364px){
.s1-btm-tsti h3 {font-size: 13px;}	
.comn-hdg {font-size: 23px;line-height: 30px;}	
.s2-lst-hd {font-size: 19px;line-height: 24px;}
.col2 p {font-size: 13px;}
.moneybak_box-heading{ font-size:20px;}
.reslt-col{ padding:0 5px;}

}