@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: 'Fira Sans';
	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: inherit;text-decoration: none;}
img {border: none; height:auto; max-width:100%;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}

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

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

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

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

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

@font-face {
    font-family: 'Fira Sans';
    src: url('FiraSans-Medium.woff2') format('woff2'),
        url('FiraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

/*====MAIN_CSS_START====*/
.container {
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
/*====Header====*/
.top_strip{
	float:left;
	width:100%;
	background: url(../images/top-strip-bg.jpg) no-repeat center center;
    background-size: cover;
	padding:13px 0 10px;
	}
.top_strip_text{
	font-size:20px;
	line-height:24px;
	letter-spacing: 0.5px;
	color:#ffe400;
	font-weight:800;
	text-transform:uppercase;
	}
/*-----------------------
CSS FOR NAV BAR
------------------------*/	
.top-fix-bar{
	float: left;
	width: 100%;
	margin-bottom: 68px;
	}
.nav-sec{
	float:left;
	width:100%;
	height:68px;	
	margin-top:-68px;
	top:68px;
	position:relative;
	}
.fixed-nav .nav-sec{
	position: fixed;
	z-index: 99;
	transition: margin .3s ease-out;
	-webkit-transition: margin .3s ease-out;
	margin-top:0;
	top:0;
	background:#fff;
	-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:9px;
	width:240px
	}				
ul.menu-list{
	display: inline-block;
	margin: 29px 0 0 0;
	position: relative;
	z-index: 1;
	}
ul.menu-list li{
	float: left;
	}
ul.menu-list li a{
	float:left;
    color: #000;
    font-size: 16px;
    line-height: 16px;
	font-weight:600;
	padding:0 22px;
	text-transform:uppercase;
	}	
ul.menu-list li a:hover{ color:#14a800;}
ul.menu-list li a.active{ color:#14a800;}


.nav_btn {
    float: right;
    width: 180px;
    font-size: 16px;
    line-height: 45px;
    letter-spacing: 0.3px;
    height: 44px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #14a800;
    margin-top: 11px;
    position: relative;
	}
.nav_btn:before {
    position: absolute;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    border: 1px dashed #fff;
    content: "";
}
		
/*=====Menu=====*/
.mob-mnu-ic{
	cursor: pointer;
    position: absolute;
    right: 15px;
    top: 24px;
    z-index: 20;
    height: 30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	}
.mob-mnu-ic span{
	color:#000;
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3{
	width: 30px;
	height: 3px;

	background-color: #737373;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 6px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 5px);
	transform: rotate(-45deg) translate(-6px, 5px);
	background:#737373;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -7px);
	transform: rotate(45deg) translate(-7px, -7px);
	background:#737373;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:115px;
	background:rgba(255,255,255,1);
	z-index:9999;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #ddd;
	}
.mobimenu-top{ top:68px;}	
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #ddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:17px;
	color:#000;
	}	
.mobilemenu li a:hover{color:#000;}


/*====banner====*/
.banner{
	float:left;
	width:100%;
	background:url(../images/banner-bg.jpg) no-repeat center top;
	padding:65px 0 60px;
	overflow:hidden;
	background-size:cover;
	}
.banner_block{
	float:left;
	width:100%;
	position:relative;
	}
.banner_cont{
	float:left;
	width:69%;
	text-align:left;
	}
.bnr_top_text{
	font-size:24px;
	line-height:26px;
	color:#000;
	font-weight:500;
	}
.bnr_top_text img{
	display:inline-block;
	vertical-align:middle;
	width:115px;
	margin:-7px 10px 0 0;
	}
.banner_heading{
	font-size:108px;
	line-height:90px;
	color:transparent;
	font-weight:600;
	margin-top:20px;
	font-family: 'Teko';
	background: #151f6d url(../images/banner-heading-bg.png) no-repeat top -102px left 67px;
	-webkit-background-clip: text;
	text-transform: uppercase;
	}
.banner_sub_heading{
	font-size:44px;
	line-height:40px;
	color:#e20613;
	font-weight:bold;
	}
.bnr_strip{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-top: 3px;
	padding: 25px 40px 23px;
	margin-left:-20px;
	background: url(../images/bnr-strip-bg.png) no-repeat top center;
	background-size: 100% 100%;
	}
.bnr_strip p{
	font-size:18px;
	line-height:26px;
	color:#171616;
	font-weight:500;
	letter-spacing:0.2px;
	}
	
ul.banner_point{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:540px;
	margin-top:15px;
	}
ul.banner_point li{
	width:100%;
	text-align:left;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #c2c2c2;

    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	}
ul.banner_point li:first-child{
	border-top:none;
	padding-top:0;
	}
ul.banner_point li img{
	width:47px;
	}
.banner_point_cont{
	width:calc(100% - 47px);
	padding-left:20px;
	}
.banner_point_cont h3{
	font-size:24px;
	line-height:26px;
	color:#000;
	font-weight:800;
	}
.banner_point_cont p{
	font-size:16px;
	line-height:20px;
	color:#171616;
	margin-top:5px;
	letter-spacing:0.5px;
	}
	
.button_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:30px;
	}
.btn_strip{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border-radius: 7px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	}
.btn_strip p{
	font-size:16px;
	line-height:18px;
	letter-spacing: 0.5px;
	color:#000;
	font-weight:600;
	position:relative;
	}
.btn_strip p:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:9px;
	height:9px;
	background:#e5202c;
	margin:-3px 8px 0 0;
	border-radius:50%;
	
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.btn_width{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:480px;
	}
.btn_width_inr{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:#22b833;
	padding:4px;
	height:74px;
	box-shadow:0 5px 8px 2px #cccbcb;
	-webkit-box-shadow:0 5px 8px 2px #cccbcb;
	}
a.common_btn{
	display:inline-block;
	vertical-align:top;
	width:100%;
	font-size:25px;
	line-height:71px;
	font-weight:800;
	height:100%;
	border:2px dashed #fff;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:0.5px;
	text-align:center;
	}
a.common_btn img{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 0 0 15px;
	width:21px;
	}

.guarantee-text{
	font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 10px;
    position: relative;
	text-align:center;
	}
.guarantee-text:before, .guarantee-text:after{
	content: '';
	display:inline-block;
	vertical-align:middle;
	width:110px;
	height: 1px;
	margin-top:-2px;
	background: #b4b4b4;
	}	
.guarantee-text:after{
	margin-left:5px;
	}
.guarantee-text:before{
	margin-right:5px;
	}
	
.bnr-prod{
	position: absolute;
	bottom: -65px;
	right: -137px;
	}
.bnr_seal{
    position: absolute;
    bottom: 270px;
    left: 600px;
    width: 125px;
	}
	
/*====bnr_strip_section====*/
.bnr_strip_section{
	float:left;
	width:100%;
	padding:25px 0;
	border-bottom:1px solid #d7d7d7;
	}
.bnr_strip_sec_block{
	float:left;
	width:100%;
	}
.bnr_strip_sec_box{
	float:left;
	width:100%;
	max-width:340px;
	}
.bnr_strip_sec_box img{
	display:block;
	margin:0 auto;
	width:340px;
	}
		
/*====section_1====*/
.section_1{
	float:left;
	width:100%;
	background: url(../images/s1-bg.jpg) no-repeat top center;
	padding:60px 0 70px;
	background-size:cover;
	}
	
.s1_block{
	width:100%;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.s1_img_box{
    float: left;
    width: 57.5%;
    height: 770px;
    position: relative;
    background: url(../images/s1-img-box-bg.jpg) no-repeat top center;
    background-size: cover;
	}
.s1-prod{
	position: absolute;
	bottom: -50px;
	left: -102px;
	width: 190px;
	transform: rotate(-29deg);
	}

.s1_cont{
	float:right;
	width:42.5%;
	text-align:left;
	}
.s1_cont_inr{
    float: left;
    width: calc(100% + 175px);
    margin-left: -175px;
    background: #f9f8fe;
    padding: 50px 30px 50px;
    position: relative;
	}
.s1_heading{
	font-size:70px;
	line-height:70px;
	color:#2d2e82;
	font-weight:600;
	text-transform:uppercase;
    font-family: 'Teko';
	}
.s1_sub_heading{
	font-size:36px;
	line-height:40px;
	color:#e20613;
	font-weight:bold;
	}
.common_text{
	font-size:18px;
	line-height:26px;
	color:#000;
	letter-spacing:0.5px;
	margin-top:25px;
	}

.s1_tag{
	position: absolute;
	top: -10px;
	right: 25px;
	width: 100%;
	max-width: 64px;
	padding: 10px 5px 7px;
	background: #2d2e82;
	}
.s1_tag:before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/s1-tag-shape.png) no-repeat;
	width: 84px;
	height: 10px;
	background-size:cover;
	}
.s1_tag_inr{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	}
.s1_tag_inr:after{
	content: '';
	position: absolute;
	bottom: -38px;
	left: 41%;
	transform: rotate(-90deg) translateX(-50%);
	border-top: 32px solid #2d2e82;
	border-bottom: 32px solid #2d2e82;
	border-left: 10px solid #f9f8fe;
	}
.s1_tag_txt{
	font-size:15px;
	line-height:31px;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.2px;
	}
.s1_tag_txt span{
	font-size:27px;
	letter-spacing:0.2px;
	}
.s1-cont-prod{
	position: absolute;
	top: -30px;
	right: 209px;
	transform: rotate(21deg);
	width: 180px;
	}
.s1-cont-prod2{
	position: absolute;
	bottom: 80px;
	right: 20px;
	width: 130px;
	}
.padding_para{
	padding:0 140px 0 0;}
.s1-protarit-img{
	float:left;
	width:538px;
	}

/*====section_2====*/
.section_2{
	float:left;
	width:100%;
	background:#fff;
	padding:60px 0 0;
	overflow:hidden;
	position:relative;
	} 
.s2_top_block{
    width: 100%;

    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.s2_top_box{
	width:45%;
	text-align:left;
	}
.s2_heading{
	font-size:85px;
	line-height:80px;
	color:#2d2e82;
	font-weight:600;
	text-transform:uppercase;
    font-family: 'Teko';
	}
.s2_sub_heading{
	font-size:32px;
	line-height:34px;
	color:#e20613;
	font-weight:bold;
	}
.red_text{ color:#e20613;}
.s2-star{
    position: absolute;
    top: 15px;
    left: 48%;
    margin-left: -30.5px;
    width: 61px; 
	}
	
.s2_mid_block{
	float:left;
	width:100%;
	margin-top:50px;
	}
.s2_mid_img_box{
	float:right;
	width:41.5%;
	}
.s2-mid-img{
	display:block;
	margin:0 auto 0;
	border:11px solid #242572;
	}
.s2_mid_cont{
	float:left;
	width:56%;
	}
.s2_mid_col{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.s2_mid_row{
    width: 100%;
	border-top:1px solid #e1e1e1;
	margin-top:18px;
	padding-top:18px;

    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: flex-start;
	}
.s2_mid_row:first-child{
	border-top:none;
	margin-top:0;
	padding-top:0;
	}
.s2-mid-icn{
	width:67px;
	border-radius:50%;
	}
.s2_mid_row_cont{
	width:calc(100% - 67px);
	text-align:left;
	padding-left:30px;
	}
.s2_mid_row_cont h3{
	font-size:26px;
	line-height:32px;
	color:#2d2e82;
	font-weight:bold;
	}
.s2_mid_row_cont p{
	font-size:18px;
	line-height:26px;
	color:#000;
	letter-spacing:0.5px;
	margin-top:7px;
	}
	
.s2_botm_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:60px;
	position:relative;
	background:#151658;
	padding:10px;
	}
.s2_botm_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:url(../images/s2-botm-bg.png) no-repeat top -168px right -85px;
	border:1px dashed #fff;
	position:relative;
	padding:20px 400px 20px 45px;
	}
.s2_botm_row{
    width: 100%;

    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.s2-botm{
	width:85px;
	border-radius:12px;
	}
.s2_botm_cont{
	width:calc(100% - 85px);
	text-align:left;
	padding-left:45px;
	}
.s2_botm_cont p{
	font-size:26px;
	line-height:26px;
	color:#f31b27;
	font-weight:600;
    font-family: 'Teko';
	text-transform:uppercase;
	}
.s2_botm_cont h3{
	font-size:53px;
	line-height:54px;
	color:#fff;
	font-weight:600;
    font-family: 'Teko';
	margin-top:12px;
	text-transform:uppercase;
	}
.s2-botm-prod{
	position: absolute;
	top: -37px;
	right: 30px;
	width: 250px;
	}
	
/*====section_3====*/
.section_3{
	float:left;
	width:100%;
	background:#fff;
	padding:60px 0 60px;
	position:relative;
	}
.common_heading{
	font-size:70px;
	line-height:66px;
	color:#2d2e82;
	font-weight:600;
    font-family: 'Teko';
	}
.common_sub_heading{
	font-size:40px;
	line-height:42px;
	color:#e20613;
	font-weight:bold;
	margin-top:10px;
	}

.s3_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin:50px 0 20px;
	}
.s3_prod_box{
	float:left;
	width:65%;
	}
.s3-prod{
	float:right;
	width:363px;
	margin-top:-9px;
	}
.s3_prod_box_cont{
	float:left;
	width:calc(100% - 363px);
	padding-right:40px;
	}
.s3_prod_box_col{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.s3_prod_box_row{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:35px;
	padding-left:60px;
	position:relative;
	text-align:left;
	}
.s3_prod_box_num{
	position:absolute;
	top:0;
	left:0;
	font-size:36px;
	line-height:36px;
	color:#000;	
	}
.s3_prod_box_row_hdg{
	font-size:24px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	}
.s3_prod_box_row_inr_box{
	display:inline-block;
	vertical-align:top;
	background:#2d2e82;
	border:1px solid #000;
	padding:7px 12px 5px;
	position:relative;
	margin-top:12px;
	}
.s3_prod_box_row_inr_box p{
	font-size:16px;
	line-height:16px;
	color:#fff;
	font-weight:600;
	letter-spacing:0.3px;
	text-transform:uppercase;
	}
.s3-shape{
	position:absolute;
	max-width: none;
	}
.s3-shape1{
	top: -29px;
	right: -261px;
	width: 264px;
	}
.s3-shape2{
	top: 11px;
	right: -185px;
	width: 188px;
	}
.s3-shape3{
	top: 11px;
	right: -242px;
	width: 245px;
	}
.s3-shape4{
	top: 10px;
	right: -265px;
	width: 268px;
	}
ul.s3_prod_list{
	width:100%;
	margin:35px auto 0;
	
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	}
ul.s3_prod_list li{
	width:32%;
	}
ul.s3_prod_list li img{
	display:block;
	margin:0 auto;
	width:115px;
	border-radius:10px;
	}

.s3_cont{
	float:right;
	width:31%;
	}
.s3_cont_box{
	width:100%;
	
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;	
	}
.s3_cont_row{
	width: 48%;
	border: 2px solid #2d2e82;
	background: #2d2e82;
	}
.s3_cont_row:nth-child(n + 3){
	margin-top:35px;
	}
.s3_cont_row_top{
	float:left;
	width:100%;
	background:#fff;
	padding:10px 10px 10px;
	text-align:left;
	}
.s3_cont_row_top p{
	font-size:18px;
	line-height:18px;
	color:#000000;
	font-weight:bold;
	}
.s3_cont_row_btm{
	float:left;
	width:100%;
	background:#2d2e82;
	padding: 15px;
	text-align:left;
	}
.s3_cont_row_btm_text1{
	font-size:40px;
	line-height:44px;
	color:#fff;
	font-weight:bold;
	margin-top: 53px;
	text-transform:uppercase;
	}
.s3_cont_row_btm_text1 small{
	font-size:25px;
	}
.s3_cont_row_btm_text2{
	font-size:26px;
	line-height:34px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	}
	
ul.s3_cont_row_list{
	width:100%;
	
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
	}
ul.s3_cont_row_list li{
	width:49%;
	text-align:center;
	}
ul.s3_cont_row_list li img{
	display:block;
	margin:0 auto 10px;
	width:39px;
	}
ul.s3_cont_row_list li p{
	font-size:26px;
	line-height:34px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	}
.s3_cont_col{
	width:100%;
	position:relative;
	}
.s3_cont_col .s3_cont_row_btm{
	padding:25px 158px 25px 25px;
	}
.coffe-cup{
    position: absolute;
    bottom: 10px;
    right: 20px;
    width: 80px;
	}

/*====section_4====*/
.section_4{
	float:left;
	width:100%;
	background:url(../images/s4-bg.jpg) no-repeat top center #f5f5ff;
	padding:60px 0 70px;
	background-size:cover;
	position:relative;
	}
.section_4:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:500px;
	background:#fff;
	}
.compare_box{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:980px;
	margin:85px 0 20px;
	}
.comp_col1{
	float:left;
	width:33%;
	}
ul.comp_col_list{
	float:left;
	width:100%;
	}
ul.comp_col_list li{
	float:left;
	width:100%;
	height:65px;
	display: flex;
    align-items: center;
	font-size:20px;
	line-height:24px;
	color:#000;
	font-weight:bold;
	padding:0 15px;
	text-align:left;
	border-bottom:1px solid #d6d6de;
	letter-spacing:0.5px;
	}
ul.comp_col_list li:last-child{ border-bottom:none;}
.comp_col2{
	float:left;
	width:27%;
	border:3px solid #e20613;
	background: rgb(181,16,47);
	background: linear-gradient(180deg, rgba(181,16,47,1) 0%, rgba(45,46,130,1) 50%, rgba(45,46,130,1) 100%);
	}
.comp_col_short{
	width:3% !important;}
.comp_col_short ul.comp_col_list li{ padding:0;}
.comp_col2 ul.comp_col_list li{justify-content: center;}
.comp_col_top{
	float:left;
	width:100%;
	height:80px;
	text-align:center;
	margin-bottom:12px;
	}
.comp_prod1{
	display:inline-block;
	vertical-align:middle;
	margin:-70px auto 0;
	width:70px;
	}
.comp_logo{
	display:block;
	margin:0 auto 0;
	width:200px;
	filter:brightness(0) invert(1);
	}
.comp_icon{
	display:block;
	margin:0 auto 0;
	width:32px;
	}
.comp_col_list_txt1{
	font-size:34px;
	line-height:34px;
	color:#000;
	font-weight:bold;
	}
.comp_box_right{
	float:right;
	width:40%;
	position:relative;
	}
.comp_right_text{
	position:absolute;
	left:50%;
	top:-5px;
	transform:translateX(-50%);
	font-size:18px;
	line-height:26px;
	color:#141414;
	font-weight:600;
	width:100%;
	}
.comp_col{
	float:left;
	width:47%;
	}
.comp_col .comp_icon{ width:26px;}
.comp_col .comp_icon.gray{ width:30px;}
.comp_brand{
	display:inline-block;
	vertical-align:middle;
	margin:-50px 0 8px 0;
	}
.comp_col_btm{
	float:left;
	width:100%;
	height:50px;
	}
.comp_col_btm p{
	font-size:24px;
	line-height:24px;
	color:#000;
	font-weight:bold;
	margin-top: 19px;
	}
.comp_col3 .comp_col_inr{
	float:left;
	width:100%;
	background:#fff;
	border:2px solid #898989;
	}
.comp_col3 ul.comp_col_list li{ justify-content: center;}
.comp_col1 .comp_col_btm{ height:52px;}
.comp_col_short .comp_col_btm{ height:52px;}

.s4_block{
	width:100%;
	margin:70px auto 20px;
	position:relative;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.s4_block:before{
	content: '';
	position: absolute;
	top: -40px;
	left: -50px;
	right: -50px;
	height: 150px;
	background: #fff;
	}
.s4_box{
	width:22.5%;
	border:2px solid #e20613;
	background:#fff;
	padding:4px;
	position:relative;
	z-index:10;
	}
.s4_box_inr{
	float:left;
	width:100%;
	}
.s4-img{
	display:block;
	margin:0 auto;
	width:253px;
	}
.s4_box_cont{
	float:left;
	width:100%;
	background:#2d2e82;
	padding:20px 15px;
	}
.s4_box_cont h3{
	font-size:24px;
	line-height:30px;
	color:#fff;
	font-weight:bold;
	}
	
	
/*====section_5====*/
.section_5{
	float:left;
	width:100%;
	background:url(../images/section_5.jpg) no-repeat center top #000000;
	padding:60px 0;
	}
.section_5 .btn_width_inr{
	box-shadow:none;}
.review_block{
	width:100%;
	padding-bottom:20px;
	
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
	}
.review_col{
	width:23%;
	}	
.review_box{
	float:left;
	width:100%;
	text-align:left;
	border-radius:12px;
	box-shadow:0 0 8px 4px rgba(0,0,0,0.1);
	overflow:hidden;
	margin-top:35px;
	background:#fff;
	}	
.review_images{
	margin:0 auto 0;
	display:block;
	max-width:100%;
	}	
.review_content{
	float:left;
	width:100%;
	padding:20px 25px 25px;
	
	flex: 1;
	display: -webkit-flex;
	display: flex;
    flex-direction: column;	
	}	
.review_very{
	float:left;
	width:100%;
	font-size:14px;
	line-height:26px;
	color:#6fb620;
	margin-top:15px;
	}	
.review_very img{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 4px 0 7px;
	width:16px;
	}	
.review_very span{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:26px;
	color:#000;
	font-weight:700;
	}
.review_star{
	float:left;
	width:90px;
	}	
.review_text{
    font-size:16px;
    line-height:24px;
    color:#000;
    letter-spacing: 0.5px;
    margin:15px 0 0;	
	}
/*====section_6====*/
.section_6{
	float:left;
	width:100%;
	background:#ffffff;
	padding:60px 0 70px;
	}
.s6_left{
	float:left;
	width:40%;
	text-align:left;
	}
.s6_left .common_heading{ text-transform:uppercase;}
.s6-prod{
	display:inline-block;
	vertical-align:middle;
	margin:30px 0 0;
	max-width:100%;
	}
.faq-container{
	float:right;
	width:58%;
	text-align:left;
	}
.up-slide-dwn{
	float:left;
    width:100%;
    background:#fff;
	border:1px solid #464646;
	border-radius:10px;
	margin-top:12px;
	padding:0 20px;
	}
.up-slide-dwn.active{ border:2px solid #000000;}
.accordion{
	float:left;
    width:100%;
    text-align:left;
    background:url(../images/close.png) no-repeat right 0 center;
	background-size:25px;
    padding:18px 30px 18px 0;
	color:#000;
    font-size:18px;
    line-height:24px;
    font-weight:600;
    cursor:pointer;
	}
.acdn-heading.accordion-open{
	background:url(../images/open.png) no-repeat right 0 center;
	background-size:25px;
	padding-bottom:18px;
	}
.acdn-content {
	float:left;
    width:100%;
	border-top:1px solid #e1e1e1;
    padding:20px 0 10px 0;
	}
.acdn-para{
	float:left;
    width:100%;
	color:#000;
    font-size:16px;
    line-height:24px;
	letter-spacing:0.5px;
	margin-bottom:20px;
	}
.s6_left .btn_strip:before, .btn_strip:after{ width: 26.77%;}
	
/*====footer===*/
.footer{
	float:left;
	width:100%;
	padding:50px 0 50px;
	border-top:1px solid #898989;
	background:#fff;
	}
.footer_inner{
	float:left;
	width:100%;
	}
.footer_logo{
	display:block;
	margin:0 auto 10px;
	width:285px;
	}
.footer_text{
	font-size:16px;
	line-height:24px;
	color:#000;
	margin-top:12px;
	letter-spacing:0.3px;
	}
.footer_text a{ padding:0 10px;}

/*=======================*/
.showTab, .showMob{ display:none;}
.showDesk{ display:block;}
.hideDesk{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.white{ color:#fff !important;}
.mrgT0{ margin-top:0 !important;}
.over_flow{ overflow:hidden;}

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

.banner_heading{ font-size: 97px; line-height: 82px;}
.banner_sub_heading{ font-size: 36px; line-height: 32px;}
.bnr_strip p{ font-size: 17px; line-height: 25px;}
.bnr-prod{ bottom: -95px; right: -281px;}

.section_1{ overflow:hidden; background-size:cover;}
.s1_sub_heading{ font-size: 35px; line-height: 35px;}
.s1-cont-prod2{ bottom: 180px; width: 90px;}
.s1-prod{ left: 22px;}

.s2_sub_heading{ font-size: 29px; line-height: 29px;}
.s2-star{ margin-left: -18.5px;}

.s2_botm_box{ padding: 20px 230px 20px 45px;}
.s2-botm-prod{ right: 0px;}

.s3-shape4{ transform: rotateX(-160deg); top:-26px;}
.s3-prod{ width: 279px; margin-top: -2px;}
.s3_prod_box_cont{ width: calc(100% - 279px); padding-right: 10px;}
.s3_prod_box_row_hdg{ font-size: 22px; line-height: 28px;}
.s3_cont_col .s3_cont_row_btm{ padding: 25px 98px 25px 25px;}
.coffe-cup{ bottom: 20px; right: 10px; width: 68px;}

.s4_box{ width: 23.5%;}
.s4_box_cont h3{ font-size: 21px; line-height: 28px;}

.review_col{ width:24%;}
.review_content{padding:20px 15px 20px;}

.s6_left .btn_strip:before, .btn_strip:after{ width: 23%;}
.s6_left a.common_btn{ font-size: 20px;}

.footer_trump_box{padding:35px 35% 35px 30px;}
.trump_bx_head{ font-size:32px; line-height:38px;}
.trump_bx_img{ width:450px;}
.trump_bx_text2{ width:84%;}
.trump_bx_text1{ letter-spacing:4px;}
}


@media only screen and (max-width:1023px){
.container{width:750px;}
.showDesk{display: none;}
.showTab{display: block;}

.banner{ padding: 55px 0 55px; background-position: top right 45%;}
.bnr_top_text{ font-size: 22px; line-height: 24px;}
.banner_heading{ font-size: 72px; line-height: 68px; margin-top: 10px;}
.banner_sub_heading{ font-size: 28px; line-height: 28px;}
ul.banner_point{ max-width: 410px;}
ul.banner_point li img{ width: 40px;}
.banner_point_cont{ width: calc(100% - 40px); padding-left: 16px;}
.banner_point_cont h3{ font-size: 22px; line-height: 24px;}

.bnr_seal{ bottom: 370px; left: 460px; width: 95px;}
.bnr_seal_top{ padding: 1px 10px 9px;}
.bnr_seal_top p{ font-size: 30px; line-height: 32px;}
.bnr_seal_btm{ padding: 18px 2px 24px;}
.bnr_seal_btm p{ font-size: 87px; line-height: 76px;}
.bnr_seal_btm{ padding: 18px 2px 24px;}
.bnr-prod{ bottom: 54px; right: -131px; width: 480px;}

.btn_width{ max-width: 434px;}
.btn_width_inr{ height: 69px;}
a.common_btn{ font-size: 22px; line-height: 66px;}
a.common_btn img{ margin: -2px 0 0 15px; width: 19px;}
.guarantee-text:before, .guarantee-text:after{ width: 70px;}

.bnr_strip_sec_box{ max-width: 290px;}

.section_1{ padding:50px 0 60px;} 
.s1_img_box{ width: 44.5%; background-size: cover; background-position: top left 55%;}
.s1-prod{ bottom: -40px; left: 75px; width:190px;}
.s1_cont{ width: 55.5%;}
.s1-cont-prod{ display:none;}
.s1_cont_inr{ width: calc(100% + 123px); margin-left: -123px; padding: 40px 30px 40px;}
.s1_heading{ font-size: 54px; line-height: 54px;}
.s1_sub_heading{ font-size: 28px; line-height: 28px;}
.common_text{ font-size: 17px; line-height: 25px; margin-top: 20px;}
.padding_para{ padding: 0 110px 0 0;}
.s1-cont-prod2{ bottom: 190px; right: 20px; width: 100px;}

.section_2{ padding:50px 0 0;}
.s2_top_block{ align-items: flex-start;}
.s2_sub_heading{ font-size: 22px; line-height: 26px;}
.s2_heading{ font-size: 65px; line-height: 58px;}
.s2-star{ left: 48%; margin-left: -19.5px; width: 42px;}

.s2_mid_cont{ width: 52%;}
.s2-mid-icn{ width: 62px;}
.s2_mid_row_cont{ width: calc(100% - 62px); padding-left: 24px;}
.s2_mid_row_cont h3{ font-size: 24px; line-height: 30px;}
.s2_mid_row_cont p{ font-size: 17px; line-height: 25px;}
.s2_mid_img_box{ width: 43.5%;}
.s2-mid-img{ border: 7px solid #242572;}

.s2_botm_block{ margin-top: 45px;}
.s2_botm_box{ padding: 20px 175px 20px 30px;}
.s2-botm{ width: 70px;}
.s2_botm_cont{ width: calc(100% - 70px); padding-left: 25px;}
.s2_botm_cont p{ font-size: 24px; line-height: 24px;}
.s2_botm_cont h3{ font-size: 40px; line-height: 42px; margin-top: 7px;}
.s2-botm-prod{ top: -27px; width: 200px;}

.common_heading{ font-size: 58px; line-height: 58px;}
.common_sub_heading{ font-size: 32px; line-height: 32px; margin-top: 5px;}

.section_3{ padding: 60px 0 50px;}
.s3-prod{ width: 230px;}
.s3_prod_box_cont{ width: calc(100% - 230px);}
.s3_prod_box_num{ font-size: 26px; line-height: 26px;}
.s3_prod_box_row{ margin-top: 30px; padding-left: 46px;}
.s3_prod_box_row_hdg{ font-size: 18px; line-height: 24px;}
.s3_prod_box_row_inr_box{ padding: 7px 12px 5px; margin-top: 5px;}
.s3_prod_box_row_inr_box p{ font-size: 11px; line-height: 12px;}

.s3_cont_row_top{ padding: 8px 10px 5px;}
.s3_cont_row_top p{ font-size: 15px; line-height: 15px;}
.s3_cont_row_btm_text1{ font-size: 37px; line-height: 37px; margin-top: 32px;}
.s3_cont_row_btm_text2{ font-size: 18px; line-height: 24px;}
.s3_cont_row_btm{ padding: 12px 10px 7px;}
ul.s3_cont_row_list li img{ margin: 0 auto 7px; width: 24px;}
ul.s3_cont_row_list li p{ font-size: 14px; line-height: 15px;}
.s3_cont_col .s3_cont_row_btm{ padding: 20px 71px 20px 15px;}
.coffe-cup{ bottom: 10px; right: 9px; width: 59px;}
.s3_cont_row:nth-child(n + 3){ margin-top: 25px;}

.s3-shape1{ top: -23px; right: -211px; width: 214px;}
.s3-shape2{ top: 16px; right: -116px; width: 118px;}
.s3-shape3{ top: 11px; right: -183px; width: 185px;}
.s3-shape4{ top: -20px; right: -206px; width: 208px;}

.section_4{ padding: 50px 0 60px;}
.section_4:before{ height: 390px;}
ul.comp_col_list li{ font-size: 18px; line-height: 22px;}
.comp_logo{ width: 172px;}
.comp_brand{ margin: -30px 0 8px 0; width: 58px;}

.s4_block{ margin: 50px auto 20px;}
.s4_block:before{ right: -50px; height: 80px;}
.s4_box_cont{ padding: 12px 10px;}
.s4_box_cont h3{ font-size: 16px; line-height: 22px;}
.comp_col_list_txt1{ font-size: 25px; line-height: 25px;}

.section_5{ padding: 50px 0;}
.review_block{ padding:0 90px; margin-bottom:15px;}
.review_col{ width:48%;}
.review_images{ width:100%;}

.section_6{ padding:50px 0 60px;}
.s6_left{ width:100%; text-align:center; margin-top:10px;}
.faq-container{ width:100%; padding:0 40px;}
.s6-prod{ margin:23px auto 20px; max-width:80%;}
.s6_left a.common_btn{ font-size: 22px;}

.footer_trump_box{padding: 25px 20% 25px 25px;}
.trump_bx_head{font-size: 29px;line-height:42px;}
.trump_bx_img{width: 280px;}
.trump_bx_text1{ letter-spacing:2px; margin-top:20px;}
.trump_bx_text2 {width: 76%;}

}

@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_strip{ padding: 11px 0 7px; background-size:cover;}
.top_strip_text{ font-size: 16px; line-height: 16px;letter-spacing: 1px;}

.top-fix-bar{ margin-bottom: 55px;}
.nav-sec{ height: 55px; margin-top: -55px; top: 55px;}
.logo{ float:none; display:block; margin: 8px auto 0; width: 170px;}
.mob-mnu-ic{ top: 18px;}
.mobilemenu{ top: 89px;}
.mobimenu-top{ top: 54px;}

.banner{ padding: 30px 0 35px; background:url(../images/banner-bg-mob.jpg) no-repeat top center; background-size:cover;}
.banner_cont{ width: 100%; text-align:center;}
.bnr_top_text img{ width: 86px; margin: -4px 7px 0 0;}
.bnr_top_text{ font-size: 16px; line-height:20px; color:#000;}
.banner_heading{ font-size: 45px; line-height: 45px; margin-top: 12px;}
.banner_sub_heading{ font-size: 19px; line-height: 20px;}
.bnr_strip{ padding: 18px 11px 16px; text-align:left; margin-top:-12px;}
.bnr_strip p{ font-size: 14px; line-height: 18px; letter-spacing:normal;}
ul.banner_point{ margin-top:2px;}
ul.banner_point li{ margin-top:10px;}
.banner_prod_box_mob{ float:left; width:100%; margin-top:15px; position:relative;}
.banner_prod_mob_seal{ position:absolute; top:0; left:0; background:url(../images/banner-mob-seal-bg.png) no-repeat; width:83px; height:84px; border-radius:50%; text-align:center;}
.banner_prod_mob_seal p{ font-size:42px; line-height:36px; color:#fff; font-weight:800; text-transform:uppercase; font-style:italic; margin-left: -10px;} 
.banner_prod_mob_seal p span{ font-size:14px; line-height:15px; margin-left: 16px;}
.banner_prod_mob_seal p small{ font-size:28px; line-height:15px; margin-top:-1px; display:inline-block; vertical-align:top;}
.banner-prod-mob{ display:block; margin:0 auto; width:100%;}
.banner_point_cont h3{ font-size: 20px; line-height: 22px;}
.guarantee-text:before, .guarantee-text:after{ width: 48px;}

.bnr_seal{ top: 22px; left: 5px; width: 65px; bottom: auto;}

.bnr_strip_section{ padding: 20px 0;}
.bnr_strip_sec_box{ max-width: 220px;}

.section_1{ padding: 30px 0 35px;}
.s1_cont{ width: 100%;}
.s1_cont_inr{ width: 100%; margin-left: 0; padding: 30px 15px 20px;}
.s1_img_box{ width: calc(100% + 30px); margin:20px 0 10px; margin-left:-15px; height: auto;}
.s1-prod{ bottom: -10px; left: auto; width: 130px; right:4px; transform:none;}
.s1-protarit-img{ width: 64%;}
.s1_heading{ font-size: 40px; line-height: 40px;}
.s1-cont-prod2{ display:none;}
.padding_para{ padding:0;}

.s1_tag{ display:none; right: 5px; max-width: 50px; padding: 7px 5px 3px;}
.s1_tag:before{ left: 50%; width: 64px; height: 7px;}
.s1_tag_txt{ font-size: 13px; line-height: 24px;}
.s1_tag_txt span{ font-size: 22px;}
.s1_tag_inr:after{ bottom: -27px; left: 39%; border-top: 25px solid #2d2e82; border-bottom: 25px solid #2d2e82; border-left: 8px solid transparent;}
.s1_sub_heading{ font-size: 21px; line-height: 26px;}

.common_text{ font-size: 16px; line-height: 24px; margin-top: 15px;}

.section_2{ padding: 30px 0 0;}
.s2-star{ display:none;}
.s2_top_box{ width: 100%;}
.s2_heading{ font-size: 34px; line-height: 40px;}
.s2_sub_heading{ font-size: 20px; line-height: 24px;}
.s2_top_box .common_text{ margin-top:15px !important;}

.s2_mid_block{ margin-top: 25px;}
.s2_mid_img_box{ width: 100%;}
.s2_mid_cont{ width: 100%; margin-top:35px;}
.s2-mid-icn{ width: 55px;}
.s2_mid_row_cont{ width: calc(100% - 55px); padding-left: 20px;}
.s2_mid_row_cont h3{ font-size: 20px; line-height: 24px;}
.s2_mid_row_cont p{ font-size: 16px; line-height: 24px; letter-spacing: 0.4px;}

.s2_botm_block{ margin-top: 25px; width: calc(100% + 30px); margin-left: -15px; padding:5px;}
.s2-botm{ width: 50px;}
.s2_botm_cont{ width: calc(100% - 50px); padding-left: 15px;}
.s2_botm_box{ padding: 18px 76px 13px 15px; background-position:top -195px right -335px;}
.s2_botm_row{ align-items: flex-start;}
.s2-botm{ display:none;}
.s2_botm_cont{ width:100%; padding-left: 0;}
.s2_botm_cont p{ font-size: 19px; line-height: 19px;}
.s2_botm_cont h3{ font-size: 24px; line-height: 28px; margin-top: 5px;}
.s2-botm-prod{ top: 3px; right: -6px; width: 110px;}

.common_heading{ font-size: 34px; line-height: 34px;}
.common_sub_heading{ font-size: 22px; line-height: 24px;}

.section_3{ padding: 35px 0 35px;}
.s3_prod_box{ width: 100%;}
.s3-prod-mob{ margin:0 auto;}
.s3_block{ margin: 20px 0 10px;}
.s3_prod_box_cont{ width: 100%;}
.s3-shape{ display:none;}
.s3_prod_box_row_hdg{ font-size: 20px; line-height: 25px;}
.s3_prod_box_row_inr_box{ margin-top: 5px;}
.s3_prod_box_row_inr_box p{ font-size: 14px; line-height: 14px;}

.s3_cont{ width: 100%; margin-top:35px;}
.s3_cont_row_top{ padding: 10px 10px 10px;}
.s3_cont_row_btm_text1{ margin-top: 49px;}
.s3_cont_row_top p{ font-size: 18px; line-height: 18px;}
.s3_cont_row_btm_text2{ font-size: 23px; line-height: 30px;}
ul.s3_cont_row_list li img{ width: 34px;}
ul.s3_cont_row_list li p{ font-size: 22px; line-height: 24px;}
.coffe-cup{ bottom: 11px;}
.s3_cont_row:nth-child(n + 3){ margin-top: 30px;}
.s3_cont_col .s3_cont_row_btm{ padding: 20px 71px 15px 15px;}

.s3_prod-block{ display: flex;align-items: center;justify-content: center; width:100%; margin:0 auto; max-width:350px;}
ul.s3_prod_list{ margin:0 10px 0 0; width:100px;}
ul.s3_prod_list li{ width:100%; margin:5px 0;}
.s3-prod{ width:200px; float:none}

.section_4{ padding: 30px 0 35px;}
.compare_box{ width: calc(100% + 30px); margin: 55px 0 0; margin-left:-15px; padding-right:10px;}
.comp_col1{ width: 35%;}
ul.comp_col_list li{ font-size: 14px; line-height: 17px; height:56px; padding:0 10px;}
.comp_col2{ width: 25%;}
.comp_col_top{ height: 60px;}
.comp_prod1{ margin: -40px auto 0; width: 50px;}
.comp_logo{ width: 72px; margin: 16px auto 0;}
.comp_brand{ margin: -12px 0 8px 0; width: 38px;}
.comp_col_btm p{ font-size: 14px; line-height: 14px;}
.comp_icon{ width: 22px;}
.comp_col .comp_icon{ width: 18px;}
.comp_col_list_txt1{ font-size: 20px; line-height: 20px;}

.s4_block{ margin: 5px auto 10px;}
.s4_block:before{ display:none;}
.s4_box{ margin-top:30px; width: 48%;}
.s4_box_cont h3{ font-size: 16px; line-height: 22px;}

.section_5{ padding:30px 0 35px;}
.review_block{ padding: 0 20px;}
.review_very img{ width:11px;margin: 0px 4px 0 7px;}

.review_col{ width: 100%;}
.review_box{ margin-top: 25px;}

.section_6{ padding:30px 0 35px;}
.s6_left{ margin-top: 10px;}
.up-slide-dwn{ margin-top: 10px; padding:0 15px;}
.faq-container{ padding: 0;}
.s6_left .btn_strip:before, .btn_strip:after{ width: 15%;}

.footer{ padding:0 0 30px; border-top:none;}
.footer_inner{ margin-top: 25px;}
.footer_logo{ width:230px;}
.footer_text{ font-size: 13px; line-height: 18px; margin-top: 9px; letter-spacing: 0.3px;}
.footer_text a{ padding: 0 5px;}

#call-btn {
    float: left;
    width: 100%;
    padding: 10px 10px 10px;
    background: #010101;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index:12;
    transition: bottom 1s;
    display: table;
	}
#call-btn .btn_width_inr{ box-shadow:none;}
.btn_width{ max-width: 375px;}
.btn_width_inr{ height: 60px;}
a.common_btn{font-size:18px; line-height:54px; background:#22b833; border:1px dashed #fff;}
a.common_btn img{ margin: -2px 0 0 7px; width: 16px;}
#call-btn .btn_next{ margin:-4px 0 0 12px;}


}