@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: 'Outfit';
	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;}
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: 'Outfit';
	src: url('../../css/Outfit-Regular.woff2') format('woff2'),
	url('../../css/Outfit-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
@font-face {
    font-family: 'Outfit';
    src: url('../../css/Outfit-Medium.woff2') format('woff2'),
	url('../../css/Outfit-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	}
@font-face {
    font-family: 'Outfit';
    src: url('../../css/Outfit-SemiBold.woff2') format('woff2'),
	url('../../css/Outfit-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	}
@font-face {
	font-family: 'Outfit';
	src: url('../../css/Outfit-Bold.woff2') format('woff2'),
	url('../../css/Outfit-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	}

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

/*=====MAIN CSS START=====*/
.container {
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
.overflow{ overflow:hidden;}
	
/*====top-strip====*/	
.top-strip{
	float:left;
	width:100%;
	background:#121111;
	padding:9px 0 8px;
	position:relative;
	z-index:2;
	}
.top-strip-text{
	font-size:17px;
	line-height:22px;
	letter-spacing:0.5px;
	color:#fff;
	font-weight:500;
	}
.top-strip-text span{
	font-weight:700;
	text-transform:uppercase;
	text-decoration:underline;
	color:#fff000;
	}

/*====header====*/
.top-fix-bar{
	float: left;
	width: 100%;
	margin-bottom:65px;
	}
.header{
	float:left;
	width:100%;
	height:65px;
	margin-top:-65px;
	top:65px;
	position:relative;
	background:#fff;
	}
.fixed-nav .header{
	position: fixed;
	z-index: 11;
	background:#fff;
	-webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out;
	margin-top:0;
	top:0;
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);
	}				
.logo{
	float:left;
	max-width:100%;
	margin-top:15px;
	}
ul.topMenu{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:24px;
	min-width:540px;
	z-index:1;
	}
ul.topMenu li{
	float:left;
	padding:0 20px;
	position:relative;
	}
ul.topMenu li a{
	font-size:17px;
	line-height:16px;
	letter-spacing:0.3px;
	color:#000000;
	text-transform:capitalize;
	}
ul.topMenu li a:hover, ul.topMenu li a.active{color:#00bb29;}
.header-btn{
	float:right;
	width:100%;
	max-width:150px;
	height:42px;
	background:#21a432;
	border-radius:5px;
	font-size:15px;
	line-height:45px;
	color:#fff;
	text-align:center;
	font-weight:700;
	text-transform:uppercase;
	margin-top:12px;
	position:relative;
	z-index:2;
	}

/*====MobileMenuCss====*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:15px;
    top:40px;
	z-index:16;
	height:20px;
	}
.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:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width:25px;
	height:3px;
	background-color: #000;
	transition: 0.4s;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	}
.bar2{margin:4px 0;}
.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 5px);
	transform: rotate(-45deg) translate(-5px, 5px);
	background:#000;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-5px, -5px);
	transform: rotate(45deg) translate(-5px, -5px);
	background:#000;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:110px;
	background:rgba(255,255,255,1);
	z-index:10;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	}
.mobimenu-top{ top:78px;}	
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #dddddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:12px 20px;
	font-size:15px;
	letter-spacing:0.3px;
	color:#000;
	font-weight:500;
	}	
.mobilemenu li a:hover{color:#000;}

/*====banner-section====*/
.banner-section{
	float:left;
	width:100%;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/banner-bg.jpg) no-repeat center top #181412;
	padding:50px 0;
	}
.banner-inner{
	float:left;
	width:100%;
	position:relative;
	}
.banner-left{
	float:left;
	width:52%;
	text-align:left;
	position:relative;
	}
.bnr-rev-text{
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:20px;
	letter-spacing:0.3px;
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	}
.bnr-rev-star{
	display:inline-block;
	vertical-align:middle;
	margin:-4px 5px 0 0;
	width:65px;
	}
.banner-heading{
	font-size:50px;
	line-height:58px;
	color:#fff;
	font-weight:800;
	margin-top:15px;
	}
.banner-heading span{
	color:#ffca6d;
	}
.banner-list{
	float:left;
	width:77%;
	margin-top:20px;
	}
.banner-list li{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:20px;
	line-height:26px;
	letter-spacing:0.3px;
	color:#fff;
	font-weight:700;
	text-align:left;
	padding:0 0 8px 35px;
	border-bottom:1px solid #393736;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/bnr-list-tick.png) no-repeat left 2px;
	background-size:21px;
	}
.banner-list li:last-child{
	border-bottom:none;
	padding-bottom:0;
	}
.banner-section .common-btn-text1, .banner-section .common-btn-list li{
	color:#fff;
	}
.banner-section .common-btn{
	box-shadow:none;
	}
.banner-section .btn-list-tick{
	filter:brightness(0) invert(1);
	}
.bnr-prod-img{
	position:absolute;
	right:-30px;
	bottom:-80px;
	width:1164px;
	}
.banner-img{
	position:absolute;
	right: -215px;
    bottom: 30px;
	width:328px;
	}

/*====common-css====*/
.common-heading{
	font-size:44px;
	line-height:50px;
	color:#000;
	font-weight:800;
	}
.common-text{
	font-size:20px;
	line-height:28px;
	color:#000;
	margin-top:25px;
	}
.common-btn-box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:400px;
	margin-top:40px;
	text-align:center;
	position:relative;
	}
.common-btn-text1{
	font-size:14px;
	line-height:20px;
	color:#000;
	}
.common-btn-tick{
	display:inline-block;
	vertical-align:middle;
	width:11px;
	margin:-2px 5px 0 0;
	}
.ship-ic{
	display:inline-block;
	vertical-align:middle;
	width:16px;
	margin:-3px 5px 0 3px;
	}
.banner-left .ship-ic{
	filter: brightness(1) invert(1);
	}
.common-btn{
	float:left;
	width:100%;
	background:#21a432;
	height:60px;
	text-align:center;
	font-size:22px;
	line-height:64px;
	color:#fff;
	font-weight:800;
	border-radius:5px;
	text-transform:uppercase;
	margin:5px 0 10px;
	box-shadow:0 5px 8px 0 rgba(193,249,218,1);
	-webkit-box-shadow:0 5px 8px 0 rgba(193,249,218,1);
	position:relative;
	}
.btn-arrow{
	display:inline-block;
	vertical-align:middle;
	margin:-4px 0 0 10px;
	width:18px;
	}
.common-btn-list{
	float:left;
	width:100%;
	padding:0 10px;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	align-items:center;
	}
.common-btn-list li{
	float:left;
	font-size:14px;
	line-height:18px;
	color:#000;
	text-align:left;
	position:relative;
	padding-left:20px;
	}
.btn-list-tick{
	position:absolute;
	left:0;
	top:1px;
	width:14px;
	}

/*====as-seen====*/
.as-seen{
	float:left;
	width:100%;
	background:#fff;
	padding:25px 0 25px;
	border-bottom:1px solid #e1e1e1;
	}
.as-seen-text{
	font-size:18px;
	line-height:24px;
	letter-spacing:0;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	}
.as-seen-list{
	float:left;
	width:100%;
	margin-top:15px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	}
.as-seen-list li{
	display:inline-block;
	vertical-align:middle;
	}
.as-seen-list li img{
	display:block;
	margin:0 auto;
	height:60px;
	width:auto;
	}
	
/*====section1====*/
.section1{
	float:left;
	width:100%;
	background:#fff;
	padding:60px 0 70px;
	position:relative;
	}
.section1:before{
	content:"";
	position:absolute;
	left:50%;
	bottom:-55px;
	transform:translateX(-50%);
	border-right:2px solid #008acf;
	height:104px;
	z-index:1;
	}
.section1 .common-heading{
	color:#ea0000;
	}
.s1-row{
	width:100%;
	margin:45px auto 0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}
.s1-col{
	float:left;
	width:23.5%;
	text-align:center;
	}
.s1-col-img{
	display:block;
	margin:0 auto;
	border:3px solid #000;
	border-radius:10px;
	max-width:100%;
	width:274px;
	}
.s1-col-text{
	font-size:24px;
	line-height:30px;
	color:#000;
	font-weight:700;
	margin-top:20px;
	}
.s1-col-text2 {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin-top: 15px;
	}
.s1-text1{
	font-size:24px;
	line-height:32px;
	color:#000;
	font-weight:600;
	margin-top:60px;
	}
	
/*====section2====*/
.section2{
	float:left;
	width:100%;
	background:#ecf7fc;
	padding:70px 0 60px;
	position:relative;
	}
.s2-left{
	float:left;
	width:53%;
	text-align:left;
	}
.s2-row{
	float:left;
	width:100%;
	margin-top:30px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	row-gap:20px;
	}
.s2-col{
	float:left;
	width:25%;
	text-align:center;
	}
.s2-col-icn{
	display:block;
	margin:0 auto 10px;
	width:78px;
	border-radius:50%;
	}
.s2-col-text{
	font-size:17px;
	line-height:23px;
	color:#000;
	font-weight:600;
	}
.s2-right{
	float:right;
	width:41%;
	position:relative;
	}
.s2-right-img{
	display:block;
	margin:0 auto;
	max-width:100%;
	border-radius:50px;
	}
.s2-right-prod{
	position:absolute;
	left:-60px;
	bottom:-45px;
	width:467px;
	}
/*====section3====*/
.section3{
	float:left;
	width:100%;
	background:#ecf7fc;
	padding:60px 0;
	overflow:hidden;
	}
.s3-media-row{
	width:100%;
	margin:40px auto 0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:center;
	column-gap:20px;
	}
.s3-media-col{
	width:17%;
	background:#fff;
	border-radius:10px;
	height:95px;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	}
.s3-media-logo{
	display:block;
	margin:0 auto;
	width:auto;
	height:46px;
	}

.s3-img-row{
	width:100%;
	max-width:1400px;
	margin:35px auto 0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border-radius:20px;
	overflow:hidden;
	}
.s3-img-col{
	width:32.9%;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	row-gap:8px;
	}
.s3-img-col-inner{
	width:49%;
	}
.s3-col-img{
	display:block;
	width:100%;
	}
.s3-aid-row{
	width:100%;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/s3-aid-bg.jpg) repeat center top;
	padding:25px 35px;
	margin:75px auto 0;
	border:2px solid #000;
	display: flex;
	display: -webkit-flex;
    justify-content: space-between;
	flex-wrap:wrap;
    align-items: center;
	position:relative;
	}
.s3-aid-row-left{
	float:left;
	width:41%;
	text-align:left;
	}
.s3-aid-row-text{
	font-size:37px;
	line-height:44px;
	color:#000;
	font-weight:700;
	}
.s3-aid-row-text span{
	color:#e50101;
	}
.s3-aid-row-right{
	float:right;
	width:37%;
	}
.s3-aid-row-right .common-btn-box{
	margin-top:0;
	}
.s3-aid-img{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-21px;
	width:824px;
	}

/*====section4====*/
.section4{
	float:left;
	width:100%;
	background:#fff;
	padding:60px 0;
	}
.feature-box{
	float:left;
	width:100%;
	margin-top:20px;
	}
.feature-row{
	width:100%;
	background:#f0fff8;
	margin:40px auto 0;
	padding:70px 40px 50px;
	border-radius:15px;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
    justify-content: space-between;
	align-items:center;
	}
.feature-row-content{
	float:left;
	width:50%;
	text-align:left;
	}
.feature-icn{
	display:block;
	width:77px;
	}
.feature-heading{
	font-size:36px;
	line-height:42px;
	color:#000;
	font-weight:700;
	margin-top:15px;
	}
.feature-text1{
	font-size:24px;
	line-height:30px;
	color:#000;
	font-weight:500;
	margin-top:10px;
	}
.feature-text2{
	font-size:18px;
	line-height:26px;
	color:#000;
	margin-top:15px;
	}
ul.feature-box-list{
	margin-top:20px;
	padding-left:20px;
	}
ul.feature-box-list li{
	margin-top:10px;
	list-style:disc;
	font-size:18px;
	line-height:25px;
	color:#000;
	text-align:left;
	}
.feature-row-img-box{
	float:left;
	width:40%;
	position:relative;
	}
.feature-row-img-box:before{
	content:"";
	position:absolute;
	border:1px solid #ace7cc;
	border-radius:10px;
	width:100%;
	left:-20px;
	top:-20px;
	height:100%;
	}
.feature-img{
	display:block;
	margin:0 auto;
	width:436px;
	border-radius:10px;
	position:relative;
	max-width:100%;
	}
.s4-feature-angle{
	display:block;
	margin-top:25px;
	width:287px;
	max-width:100%;
	}
.feature-row2{
	background:#f3fbff;
	}
.feature-row.reverse{flex-direction:row-reverse;}
.feature-row2 .feature-row-img-box:before{
	border-color:#bbdef0;
	left:auto;
	right:-20px;
	}
.feature-row3{
	background:#fbf8ff;
	}
.feature-row3 .feature-row-img-box:before{
	border-color:#dfccf8;
	}
.feature-row4 .feature-row-img-box:before{
	left:auto;
	right:-20px;
	}

.s4-device-box{
	float:left;
	width:100%;
	margin-top:80px;
	}
.s4-device-heading{
	font-size:30px;
	line-height:36px;
	color:#000;
	font-weight:600;
	}
.s4-device-row{
	width:100%;
	margin:30px auto 15px;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
    justify-content: space-between;
	}
.s4-device-col{
	width:35%;
	text-align:center;
	}
.s4-device-col-text{
	font-size:22px;
	line-height:26px;
	color:#000;
	font-weight:500;
	position:relative;
	text-transform:uppercase;
	}
.s4-device-col-text span{
	background:#fff;
	padding:0 15px;
	position:relative;
	}
.s4-device-col-text:before{
	content:"";
	position:absolute;
	width:100%;
	background: linear-gradient(to right, #fff, #d6d6d6, #fff);
    height: 1px;
    left: 0;
    top: 12px;
	}
.s4-multi-device-row{
	float:left;
	width:100%;
	margin-top:20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
    justify-content: space-between;
	}
.s4-multi-device-col{
	width:24%;
	text-align:center;
	}
.s4-device-icn{
	display:block;
	width:auto;
	height:40px;
	margin:0 auto 10px;
	}
.s4-device-name-text{
	font-size:15px;
	line-height:21px;
	color:#000;
	font-weight:500;
	}
.s4-device-col-1{ width:26%;}
.s4-device-col-1 .s4-multi-device-col{ width:31%;}
.s4-device-col-3{ width:26%;}
.s4-device-col-3 .s4-multi-device-row{justify-content:center; column-gap:15%;}

	
/*====section7====*/
.section7{
	float:left;
	width:100%;
	background:#ecf7fc;
	padding:60px 0 70px;
	}
.s7-row{
	width:100%;
	margin:40px auto 20px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}
.s7-left{
	float:left;
	width:43%;
	}
.s7-prod-img{
	display:block;
	margin:0 auto;
	width:500px;
	max-width:100%;
	}
.s7-left-specific-row{
	width:100%;
	margin:30px auto 0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}
.s7-left-specific-col{
	width:32%;
	background:#fff;
	text-align:center;
	border:1px solid #e3e3e3;
	border-radius:15px;
	padding:15px 10px;
	}
.s7-left-specific-icn{
	display:block;
	margin:0 auto 10px;
	max-width:100%;
	}
.s7-left-specific-text{
	font-size:17px;
	line-height:23px;
	color:#000;
	}
.s7-right{
	float:right;
	width:51%;
	}
.specific-box{
	float:left;
	width:100%;
	}
.specific-row{
	float:left;
	width:100%;
	min-height:64px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border-bottom:1px solid #d7dde0;
	}
.specific-row:last-child{
	border-bottom:none;
	}
.specific-row-left{
	float:left;
	width:38%;
	text-align:left;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px 10px 10px 0;
	}
.specific-text{
	font-size:19px;
	line-height:26px;
	color:#000;
	padding-left:20px;
	}
.specific-row-left .specific-text{
	position:relative;
	}
.specific-row-left .specific-text:before{
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:6px;
	height:6px;
	background:#363636;
	border-radius:50%;
	}
.specific-row-right{
	float:right;
	width:62%;
	text-align:left;
	border-left:1px solid #d7dde0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	align-items:center;
	padding:10px 10px 10px 0;
	}
	
/*====section8====*/
.section8{
	float:left;
	width:100%;
	background:#fff;
	padding:60px 0 70px;
	}
.compare-row{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:830px;
	margin-top:60px;
	position:relative;
	}
.vs_line{
	position:absolute;
	left:50%;
	top:20px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	}
.vs_line span{
	display:inline-block;
	vertical-align:middle;
	width: 90px;
    height: 90px;
    border: 3px solid #0f68bb;
    border-radius: 50%;
    line-height: 88px;
    font-size: 40px;
	font-weight:500;
	}
.vs_line:before{
	display:inline-block;
	vertical-align:middle;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/compare-arrow1.png) no-repeat center left;
	content:"";
	width:135px;
	height:25px;
	margin:-5px 20px 0 0;
	}
.vs_line:after{
	display:inline-block;
	vertical-align:middle;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/compare-arrow2.png) no-repeat center right;
	content:"";
	width:135px;
	height:25px;
	margin:-5px 0 0 20px;
	}
.compare-col1{
	float:left;
	width:28%;
	}
.compare-list{
	float:left;
	width:100%;
	}
.compare-list li{
	float:left;
	width:100%;
	height:75px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	font-size:20px;
	line-height:26px;
	color:#000;
	font-weight:500;
	text-align:center;
	padding:0 10px;
	}
.compare-list li:nth-child(odd){
	background:#ecf7fc;
	}
.compare-col1 .compare-list li{
	border-radius:5px 0 0 5px;
	}
.compare-col3 .compare-list li{
	border-radius:0 5px 5px 0;
	}
.compare-col2{
	float:left;
	width:44%;
	border-radius:15px;
	border:4px solid #18619e;
	padding:30px 0 10px;
	margin-top:151px;
	}
.compare-col-top{
	float:left;
	width:100%;
	height:185px;
	position:relative;
	}
.comp-prod-img{
	display:block;
	margin:10px auto 0;
	width:142px;
	max-width:100%;
	}
.compare-col-top-txt{
	font-size:20px;
	line-height:26px;
	color:#000;
	font-weight:500;
	}
.compare-icn{
	width:39px;
	}
.compare-col3{
	float:left;
	width:28%;
	}
	
/*====section9====*/
.section9{
	float:left;
	width:100%;
	background:#ecf7fc;
	padding:60px 0 60px;
	}
.testimonial-box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:1035px;
	margin:0 auto;
	}
.testimonial-row{
	float:left;
	width:100%;
	margin-top:70px;
	}
.testimonial-row.hide-testi{ display:none;}
.testimonial-content{
	float:left;
	width:45%;
	text-align:left;
	border-bottom:1px solid #d3d3d3;
	padding-bottom:35px;
	}
.testimonial-heading{
	font-size:40px;
	line-height:48px;
	color:#000;
	font-weight:800;
	}
.testimonial-text{
	font-size:18px;
	line-height:28px;
	color:#000;
	margin-top:25px;
	}
.testimonial-name-row{
	float:left;
	width:100%;
	text-align:left;
	margin-top:45px;
	padding-left:80px;
	position:relative;
	}
.testi-name-img{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-33px;
	border-radius:50%;
	width:66px;
	}
.testimonial-name-text1{
	font-size:18px;
	line-height:24px;
	color:#000;
	font-weight:600;
	}
.testimonial-name-text2{
	font-size:18px;
	line-height:24px;
	color:#000;
	margin-top:5px;
	}
.testimonial-img{
	float:right;
	width:52%;
	position:relative;
	}
.testi-img{
	display:block;
	margin:0 auto;
	border-radius:10px;
	max-width:100%;
	}
.testimonial-rating{
	position:absolute;
	width:43%;
	bottom:35px;
	left:35px;
	background:#fffce8;
	padding:15px 15px;
	border-radius:15px;
	}
.testimonial-rating-text1{
	font-size:23px;
	line-height:29px;
	color:#000;
	font-weight:600;
	margin:8px 0 2px;
	}
.testimonial-rating-text2{
	font-size:18px;
	line-height:24px;
	color:#908f83;
	}
.testi-star-icn{
	display:block;
	margin:0 auto;
	width:138px;
	}
.load-more {
    display: inline-block;
    vertical-align: top;
    margin-top:45px;
    font-size:24px;
    line-height:30px;
    color: #000000;
	font-weight:500;
	}

.review-box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:830px;
	margin:30px 0 15px;
	}
.review-row{
	float:left;
	width:100%;
	background:#fff;
	margin-top:20px;
	padding:30px 30px 35px;
	position:relative;
	border-radius:15px;
	box-shadow:0 0 9px 0 rgba(0,0,0,0.1);
	}
.review-top{
	display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
	}
.t-name{
	width:50px;
	height:50px;
	background:#fed6b2;
    border-radius: 50%;
	display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
	justify-content: center;
	font-size:18px;
	line-height:24px;
	color:#000;
	font-weight:600;
	}
.review-top_name{
	text-align:left;
	font-size: 18px;
    line-height: 22px;
    color: #000;
	padding-left:15px;
	font-weight:600;
	}
.review-top_name span{
	font-weight:normal;
	font-size: 14px;
    line-height: 16px;
    color: #37b72d;
    letter-spacing: 0.3px;
	}
.verified__icon {
    width: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 2px 0;
	}
.review-content-box{
	float:left;
	width:100%;
	text-align:left;
	margin-top:15px;
	padding-top:20px;
	border-top:1px solid #ddd;
	}
.review-star-icn{
	display:block;
	margin-bottom:15px;
	width:95px;
	}
.review-text1{
	font-size:21px;
	line-height:27px;
	color:#000;
	font-weight:700;
	}
.review-text2{
	font-size:18px;
	line-height:28px;
	color:#000;
	margin-top:12px;
	}
.review-name-text{
	font-size:18px;
	line-height:24px;
	color:#000;
	font-weight:700;
	margin-top:25px;
	}
.review-name-text span{
	display:inline-block;
	line-height:18px;
	font-weight:400;
	border-left:1px solid #000;
	margin-left:10px;
	padding-left:10px;
	}


.offer_section{
	float:left;
	width:100%;
	background:#fff;
	padding:60px 0 0;
	}
.offer__box{
	display:flex;
	display:-webkit-flex;
	border:2px dashed #000;
	max-width:1070px;
	margin:0 auto;
	}
.offer__box__content, .offer__box__product{
	width:50%;
	}
.offer__box__content{
	background:#fdf5e6;
	padding:40px 25px 55px;
	}
.offer__box__product{
	padding:20px;
	}
.offer__box__heading{
	font-size:42px;
	line-height:50px;
	font-weight:700;
	}
.offer__box__sub-heading{
	font-size:21px;
	line-height:25px;
	font-weight:600;
	margin-top:5px;
	}
ul.offer__list{
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
	}
ul.offer__list li{
	font-size:22px;
	line-height:30px;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/offer-tick.png) left top no-repeat;
	background-size:26px;
	text-align:left;
	padding-left:35px;
	margin-top:15px;
	}
ul.offer__list li.warn{
	color:#ff0000;
	font-weight:bold;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/offer-warn.png) left top no-repeat;
	background-size:26px;
	}
.offer__product{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
	position:relative;
	}
.offer__product__img{
	width:460px;
	margin-top:30px;
	max-width:100%;
	}
.offer__product__seal{
	position:absolute;
	right:30px;
	top:20px;
	width:120px;
	}
	
/*====section10====*/	
.section10{
	float:left;
	width:100%;
	background:#fff;
	padding:60px 0;
	}	
	
.faq-box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:775px;
	margin-top:45px;
	}
.faq-row{
	float:left;
	width:100%;
	border-bottom:1px dashed #000;
	text-align:left;
	}
.faq-row:last-child{
	border-bottom:none;
	}
.accordion{
	float:left;
	width:100%;
	font-size:22px;
	line-height:28px;
	color:#000;
	font-weight:700;
	padding:25px 45px 25px 0;
	cursor:pointer;
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/down.png) no-repeat 97% center;
	}
.acdn-heading.accordion-open{
	background:url(https://purpleassets.blob.core.windows.net/web/projectorgo/inter4/up.png) no-repeat 97% center;
	}
.acdn-content{
	float:left;
	width:100%;
	padding:0 15px 25px 0;
	}
.acdn-content p{
	font-size:18px;
	line-height:26px;
	letter-spacing:0.2px;
	color:#000;
	}	
	


/*====Footer====*/
.footer{
	float:left;
	width:100%;
	background:#f4f4f4;
	padding:30px 0 55px;
	}
.ftr-logo{
	display:block;
	margin:0 auto;
	}
.footer-txt1{
	font-size:17px;
	line-height:24px;
	letter-spacing:0;
	color:#000;
	margin-top:10px;
	}
.footer-txt1 a{ padding:0 5px;}


 
.margin-top18{ margin-top:18px;}



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

.fordesk{ display:block;}
.fortab, .formob{ display:none;}
/*=====Media-Querry=====*/

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

.banner-section{ background-size:cover;}
.banner-heading {font-size:43px; line-height:51px;}
.banner-list { width: 82%;}
.banner-list li {font-size: 18px; line-height: 25px;}
.bnr-prod-img { right: -125px; width: 1130px;}
.banner-img { right: -235px; width: 300px;}

.s1-col-text{font-size: 21px;line-height: 25px;}

.common-heading { font-size:37px; line-height: 44px;}
.common-text { font-size: 19px; line-height: 27px;}
.s2-right-prod { left: -45px; bottom: -40px; width: 410px;}

.s3-aid-row { padding: 25px 20px;}
.s3-aid-row-text { font-size: 33px; line-height: 39px;}
.s3-aid-img { bottom: -18px; width: 705px;}
.s3-aid-row-right { width: 40%;}

.feature-row-content{width: 54%;}
.s4-device-name-text { font-size: 13px; line-height: 17px;}

.s7-left-specific-text { font-size: 16px; line-height: 22px;}
.specific-text { font-size: 18px; line-height: 24px;}

}


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

.fordesk{display: none;}
.fortab{display: block;}

ul.topMenu { min-width:490px; top:22px;}
ul.topMenu li { padding: 0 12px;}
ul.topMenu li a { font-size: 16px; line-height: 16px;}

.banner-section {padding: 35px 0;}
.banner-left{ width:58%;}
.banner-heading { font-size: 34px; line-height: 40px;}
.banner-list { width: 90%;margin-top: 10px;}
.banner-list li { font-size: 17px; line-height: 23px; background-size: 18px; padding: 0 0 8px 30px;}
.bnr-prod-img { right: -175px; width: 880px; bottom:-70px;}
.banner-img { right: -235px; width: 210px; bottom:40px;}

.as-seen-text { font-size: 16px; line-height: 22px;}
.as-seen-list li img { height:45px;}

.common-heading { font-size: 32px; line-height: 38px;}
.common-text { font-size: 18px; line-height: 26px;}
.s1-col-text { font-size: 20px; line-height: 26px;}
.s1-col-text2 {font-size: 17px;line-height: 23px; margin-top: 10px;letter-spacing:0.3px;}
.s1-text1 { font-size: 22px; line-height: 30px;}

.s2-left{ width:100%; text-align:center;}
.s2-right { float:none; width: 100%; max-width:350px; margin:30px auto;}
.s2-right-prod { left: -40px; bottom: -30px; width: 340px;}
.s2-col-icn { width: 65px;}

.s3-media-col { width: 18%; height:80px;}
.s3-media-logo{ height:35px;}
.s3-img-col { row-gap: 3px;}

.s3-aid-row { padding: 15px 15px;}
.s3-aid-row-text { font-size: 24px; line-height: 30px;}
.s3-aid-row-right { width: 45%;}
.s3-aid-row-right .common-btn-text1 { font-size: 12px; line-height: 18px;}
.s3-aid-row-right .common-btn {font-size: 17px;}
.s3-aid-row-right .common-btn-list{ padding:0 0;}
.s3-aid-img { bottom: 10px; width:390px;left: 46%;}

.feature-row{ padding:40px 30px;}
.feature-heading { font-size: 28px; line-height: 34px;}
.s4-device-col-text { font-size: 20px; line-height: 26px;}
.s4-device-icn{ height:32px;}
.s4-device-col-3 .s4-multi-device-row { column-gap:20%;}

.s4-device-col {width: 42%;}
.s4-device-col-1 {width: 32%;}
.s4-device-col-3 {width: 26%;}



.s7-left-specific-text { font-size: 15px; line-height:19px;}
.specific-row-left { width: 47%;}
.specific-row-right { width: 53%;}
.specific-text {font-size: 16px; line-height: 22px; padding-left:15px;}
.specific-row-left .specific-text:before {top: 8px;}

.vs_line:before { width: 110px;}
.vs_line:after { width: 110px;}
.compare-col-top-txt { font-size: 18px; line-height: 24px;}
.compare-list li { font-size: 18px; line-height: 24px;}

.testimonial-heading { font-size: 30px; line-height: 36px;}
.testimonial-rating { bottom: 25px; left: 25px;}
.testi-star-icn{ width:100px;}
.testimonial-rating-text1 { font-size: 18px; line-height: 24px;}
.testimonial-rating-text2 {font-size: 16px; line-height: 22px;}

.offer__box__content{width:55%; padding:25px 20px;}
.offer__box__heading{font-size:33px; line-height:35px;}
.offer__box__sub-heading{font-size:19px; line-height:27px;}
ul.offer__list{margin-top:10px;}
ul.offer__list li{font-size:17px; margin-top:6px;}
.offer__box__product{width:45%;}
.offer__product__img{width:400px;}

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

}


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

.fordesk{display:none;}
.formob{display:block;}
.hidemob{ display:none;}


.top-fix-bar { margin-bottom:55px;}
.header { height:55px; margin-top: -55px; top:55px;}
.logo { width:145px; margin-top:15px;}
.mob-mnu-ic { top: 20px;}
.mobilemenu {top:109px; border-top:1px solid #dddddd;}
.mobimenu-top { top:55px;}

.top-strip-text { font-size: 14px; line-height: 19px; letter-spacing:0.6px;}

.banner-section{ padding:30px 0; background:#111111;}
.banner-left{ width:100%;}
.bnr-rev-text { font-size: 11px; line-height: 16px;}
.banner-heading { font-size: 29px; line-height: 36px; margin-top:4px;}
.bnr-prod-img{ position:static; margin:0 auto; max-width:100%;}
.banner-list li {font-size: 15px; line-height: 21px; background-size: 16px; padding: 0 0 6px 25px;}
.bnr-prod-img-mob{ display:inline-block; vertical-align:top; width:calc(100% + 30px); margin-left:-15px;}

.banner-list{ width:100%; margin-top:10px;}

.as-seen { padding: 20px 0 15px;}
.as-seen-list { margin-top: 10px; width:calc(100% + 30px); margin-left:-15px;}
.as-seen-list li{ padding:0 20px;}

.section1 { padding: 25px 0 40px;}
.section1:before { bottom: -28px; height: 55px;}
.common-heading { font-size: 27px; line-height: 33px;}
.common-text { font-size: 17px; line-height: 25px; margin-top:20px; letter-spacing:0.3px;}
.common-btn-box { margin-top: 30px;}
.common-btn-text1 {font-size: 12px; line-height: 20px;}
.ship-ic {width: 12px;}
.common-btn { font-size: 20px;}
.common-btn-list li { font-size: 12px; line-height: 18px; letter-spacing:0.3px; padding-left: 17px;}
.btn-list-tick { top: 3px; width: 12px;}

.s1-row { max-width:280px; margin: 30px auto 0; row-gap:35px;}
.s1-col {width: 100%;}
.s1-col-img { border: 2px solid #000;}
.s1-col-text { font-size: 20px; line-height: 23px;}
.s1-text1 { font-size: 19px; line-height: 25px; margin-top:30px;letter-spacing: 0.3px;}

.section2 { padding: 40px 0 20px;}
.s2-right { max-width:340px; margin: 25px auto;}
.s2-right-img { border-radius: 30px; height:435px; object-fit:cover;}
.s2-right-prod {left: -20px; bottom: -25px; width: 280px;}

.s2-row{}
.s2-col { width:24%;}
.s2-col-icn { width: 45px;}
.s2-col-text { font-size: 12px; line-height:15px;}

.section3 { padding: 30px 0 35px;}
.s3-media-row { margin: 25px auto 0; column-gap: 3%;}
.s3-media-col { width: 22.5%; height:38px; border-radius:5px;}
.s3-media-logo { height:20px;}
.s3-img-row { max-width: 92%; margin: 25px auto 0; border-radius: 10px; row-gap: 5px;}
.s3-img-col { width:100%; row-gap: 5px;}
.s3-img-col-inner { width: 49.3%;}
.s3-img-col1{ order:1;}
.s3-img-col2{ order:3;}
.s3-img-col3{ order:2;}

.s3-aid-row { max-width:380px; margin: 35px auto 0; padding:160px 12px 20px;}
.s3-aid-row-left{ width:100%; text-align:center;}
.s3-aid-row-right{ width:100%; margin-top:20px;}
.s3-aid-img { top:-255px;bottom: -14px;  width: 555px; left:50%;}
.s3-aid-row-right .common-btn-list{ padding:0 10px;}
.s3-aid-row-right .common-btn-text1 { font-size: 11px;}

.section4 { padding: 30px 0 30px;}
.feature-box{ margin-top:0;}
.feature-row { margin:25px auto 0; padding: 25px 15px 25px; border-radius:10px;}
.feature-row-content{ width:100%; padding:10px 5px 0;}
.feature-heading { font-size: 22px; line-height: 28px; letter-spacing: 0.3px;}
.feature-text1 { font-size: 19px; line-height: 25px; letter-spacing: 0.5px;}
.feature-text2 {font-size: 17px; line-height: 25px; letter-spacing: 0.3px; margin-top:8px;}
.feature-row-img-box{ width:100%; margin-top:15px; padding-right:15px;}
.feature-row-img-box:before { left:0; right:15px; top: -14px; width:auto;}
.feature-row.reverse .feature-row-img-box{ padding:0 0 0 15px;}
.feature-row2 .feature-row-img-box:before,.feature-row4 .feature-row-img-box:before{left: 20px;right: 0;}
.feature-img{ width:100%;}

ul.feature-box-list li{font-size: 16px;  line-height: 20px; letter-spacing: 0.3px;}

.s4-device-box { float:none; display:inline-block; vertical-align:top; max-width:350px; margin-top: 40px;}
.s4-device-heading { font-size: 24px; line-height: 30px;}
.s4-device-row { margin: 20px auto 0; row-gap:40px;}
.s4-device-col{ width:100%;}
.s4-device-col-text { font-size: 19px; line-height: 25px;}
.s4-multi-device-row { margin-top: 10px;}
.s4-multi-device-col { width: 24%;}




.section7 { padding: 30px 0 30px;}
.s7-row{ display:inline-block; vertical-align:top; max-width:380px; margin:30px 0 0;}
.s7-left { float:none; width:100%; display:inline-block; vertical-align:top; max-width:380px;}
.s7-prod-img { width: 280px;}
.s7-left-specific-col { border-radius: 10px; padding: 10px 8px;}
.s7-left-specific-icn{ width:70px;}
.s7-left-specific-text { font-size: 13px; line-height: 19px;}

.s7-right { width:100%; margin-top:25px;}
.specific-row { min-height: 55px;}
.specific-row-left { width:47%; padding: 10px 5px 10px 0;}
.specific-text {font-size: 15px; line-height: 21px; padding-left: 15px;}
.specific-row-left .specific-text:before { top: 8px; width:5px; height:5px;}

.section8 { padding: 30px 0 30px;}
.compare-row { margin-top: 25px;}
.compare-col-top { height: 128px;}
.compare-col-top-txt {font-size: 15px; line-height: 19px;}
.comp-prod-img { width: 60px;}
.vs_line span { width: 55px; height: 55px; border: 2px solid #0f68bb; line-height: 55px; font-size: 25px;}
.vs_line:before { width: 35px; height:17px; margin: -5px 10px 0 0;}
.vs_line:after { width: 35px; height:17px; margin: -5px 0 0 10px;}
.compare-list li { height:60px; font-size: 15px; letter-spacing:0.2px; line-height: 20px;}
.compare-icn { width: 22px;}
.compare-col2 { border: 3px solid #18619e; padding: 25px 0; margin-top: 100px;}

.section9 { padding: 30px 0 35px;}
.testimonial-row { margin-top: 30px;}
.testimonial-content { width: 100%; padding-bottom:20px; margin-top:20px;}
.testimonial-heading { font-size: 22px; line-height:28px; letter-spacing:0.3px;}
.testimonial-text { font-size: 17px; line-height: 25px; letter-spacing: 0.3px; margin-top: 10px;}
.testimonial-name-row { margin-top: 25px; padding-left: 55px;}
.testi-name-img { margin-top: -23px; width: 45px;}
.testimonial-name-text1 { font-size: 16px; line-height: 22px;}
.testimonial-name-text2 { font-size: 16px; line-height: 22px; margin-top: 2px;}
.testimonial-img{ width:100%;}
.testimonial-rating { bottom: 15px; left: 15px; border-radius:10px; padding:12px 10px 10px;}
.testi-star-icn { width: 80px;}
.testimonial-rating-text1 { font-size: 16px; line-height: 22px; margin:5px 0 2px;}
.testimonial-rating-text2 { font-size: 14px; line-height: 20px;}

.load-more { margin-top: 30px; font-size: 20px; line-height: 26px;}
.review-box { margin: 10px 0 0px;}
.review-row { padding: 20px 20px; margin-top:15px;}
.review-top_name{ font-size:17px;}
.review-top_name span{font-size: 13px;}
.review-img-box { width: 50px;}
.review-content-box { width: 100%; margin-top:10px;padding-top: 15px;}
.review-star-icn{ width:80px;}
.review-text1 { font-size: 19px; line-height: 26px; letter-spacing:0.3px;}
.review-text2 {font-size: 17px; line-height: 24px; letter-spacing: 0.3px;}
.review-name-text { font-size:17px; line-height:23px; letter-spacing:0.3px; margin-top: 20px;}
.review-name-text span { line-height: 14px;}


.offer_section{ padding:30px 0 10px;}
.offer__box{flex-wrap:wrap; -webkit-flex-wrap:wrap; position:relative;}
.offer__box:before {content: '';position: absolute; bottom: 0;left: 0;right: 0;height: 40%;background: #fff;}
.offer__box__content, .offer__box__product{width:100%;}
.offer__box__product{padding:10px 15px 0; position:relative;}
.offer__product__img{margin:0 auto; width:285px;}
.offer__product__seal{width:90px;}
.offer__box__content{padding:20px 15px;}
.offer__box__heading{font-size:26px; line-height:30px; letter-spacing:0.5px;}
.offer__box__sub-heading{font-size:17px; line-height:24px; letter-spacing:0.2px; margin-top:3px;}
ul.offer__list{margin-top:10px;}
ul.offer__list li{font-size:16px; line-height:25px; margin-top:10px; background-size:20px; padding-left:30px;}
ul.offer__list li.warn{background-size:20px;}
.offer__box .common-btn-box{ margin-top:20px;}
.offer__box .common-btn-text1{ font-size:11px;}


.section10 { padding: 30px 0;}
.faq-box{ margin-top:10px;}
.accordion { font-size: 17px; line-height: 23px; padding:20px 30px 20px 0;}
.acdn-content { padding: 0 15px 20px 0;}
.acdn-content p { font-size: 17px; line-height: 25px;}

.footer { padding: 15px 0 30px;}
.footer-txt1 { font-size: 15px; line-height: 23px;}

.margin-top18{ margin-top:12px;}
}

/*** HOLIDAY BANNER ***/
.santaImage{
	top: 2px !important;
}
.shoppingBagImage{
	top: 2px !important;
}