#scroll {
	padding: 0
}
.sec-pTB.bg-l-grey,
.heading-menu {
	display: none !important
}
.main-contents * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
html {
	overflow-x: hidden;
	scroll-behavior: smooth
}
html.no-scroll {
	overflow: hidden
}
#backToTop {
	display: none !important
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}
img {
	max-width: 100%;
	height: auto
}
.main-contents article,
.main-contents aside,
.main-contents details,
.main-contents figcaption,
.main-contents figure,
.main-contents footer,
.main-contents header,
.main-contents hgroup,
.main-contents menu,
.main-contents nav,
.main-contents section {
	display: block
}
.dwn-cta-ani {
	right: 42px;
	top: 0;
	bottom: 0;
	margin: auto
}
.af {
	color: #102336;
	background: #fff;
	font-family: "ZohoPuvi";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	color: #102336
}
.af p,
.af a,
.af li,
.af td,
.af td,
.af span,
.af label {
	line-height: 24px;
	font-size: 14px;
	color: #102336;
	font-weight: 300
}
.af h1,
.af h2,
.af h3,
.af h4,
.af h5,
.af h6 {
	margin: 0;
	color: #102336
}
.af ul {
	padding-left: 0;
	margin: 0
}
.af li {
	list-style-type: none
}
.af a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af a:hover {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af div,
.af a,
.af ul,
.af li,
.af input,
.af p,
.af h1,
.af h2,
.af span {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #102336
}
.af div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.af {
	width: 100%;
	display: inline-block;
	float: left
}
.ac {
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
	width: 90%
}
a {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.ban-ani span,
.ban1::before,
.ban2::before,
.ban3::before {
	background-image: url(https://www.manageengine.com/log-management/images/secured-log-archival-sprite.png);
	background-repeat: no-repeat;
	background-size: 835px 2607px;
	position: absolute
}
.ban {
	padding: 75px 0 190px;
	background: -webkit-gradient(linear, left top, left bottom, from(#d6fff7), to(#fff));
	background: -o-linear-gradient(top, #d6fff7, #fff);
	background: linear-gradient(to bottom, #d6fff7, #fff)
}
.ban .lhs {
	float: left;
	width: calc(100% - 500px);
	padding-right: 100px;
	margin-top: 34px
}
.ban .lhs h1 {
	font-size: 37px;
	font-weight: 600;
	color: #000;
	margin-bottom: 25px;
	line-height: 1.3
}
.ban .lhs p {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
	padding-bottom: 36px;
	color: #102336
}
.ban .rhs {
	float: right;
	width: 400px;
	position: relative
}
.ban-ani {
	width: 370px;
	height: 340px;
	position: relative
}
.ban-bg {
	background-position: -9px -3px;
	width: 393px;
	height: 410px;
	-webkit-animation: icon-scale2 .5s linear both;
	animation: icon-scale2 .5s linear both
}
.ban1 {
	background-position: -605px -375px;
	width: 45px;
	height: 54px;
	top: 82px;
	left: -20px;
	-webkit-animation: ban-icon 1s linear 1.6s both, shake 2s linear 3.6s infinite;
	animation: ban-icon 1s linear 1.6s both, shake 2s linear 3.6s infinite
}
.ban1::before {
	content: "";
	background-position: -571px -487px;
	width: 53px;
	height: 43px;
	top: 24px;
	left: 42px
}
.ban2 {
	background-position: -679px -377px;
	width: 44px;
	height: 46px;
	top: 8px;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-animation: ban-icon 1s linear 2s both, shake2 2s linear 3.6s infinite;
	animation: ban-icon 1s linear 2s both, shake2 2s linear 3.6s infinite
}
@-webkit-keyframes shake2 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	75% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes shake2 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	75% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
.ban2::before {
	content: "";
	background-position: -723px -458px;
	width: 1px;
	height: 73px;
	top: 46px;
	left: 0;
	right: 0;
	margin: auto
}
.ban3 {
	background-position: -757px -375px;
	width: 50px;
	height: 50px;
	top: 64px;
	right: -24px;
	-webkit-animation: ban-icon 1s linear 2.6s both, shake 2s linear 3.6s infinite;
	animation: ban-icon 1s linear 2.6s both, shake 2s linear 3.6s infinite
}
.ban3::before {
	content: "";
	background-position: -645px -487px;
	width: 53px;
	height: 43px;
	top: 38px;
	right: 42px
}
@-webkit-keyframes ban-icon {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}
@keyframes ban-icon {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}
@-webkit-keyframes shake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	75% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@keyframes shake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	75% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
.ban4 {
	background-position: -460px -29px;
	width: 314px;
	height: 265px;
	bottom: -44px;
	left: 40px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-animation: files 1.2s linear .6s both;
	animation: files 1.2s linear .6s both
}
.ban5 {
	background-position: -433px -326px;
	width: 99px;
	height: 123px;
	bottom: -44px;
	right: 0;
	-webkit-animation: icon-scale2 .6s linear 4s both, icon-scale 1.6s linear 4.6s infinite;
	animation: icon-scale2 .6s linear 4s both, icon-scale 1.6s linear 4.6s infinite
}
@-webkit-keyframes icon-scale2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@keyframes icon-scale2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@-webkit-keyframes icon-scale {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	25% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	75% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
}
@keyframes icon-scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@-webkit-keyframes files {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 265px
	}
}
@keyframes files {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 265px
	}
}
.spri span,
.sec1-hidden::before,
.sec1-hidden::after,
.sec1-wrap::before,
.spri .s1-2::after,
.spri .s1-2::before,
.spri .s3-2::after,
.spri .s2-2::after,
.spri .s3-2::before,
.spri .s2-3::before,
.building,
.building::before,
.super-man {
	background-image: url(https://www.manageengine.com/log-management/images/secured-log-archival-sprite.png);
	background-repeat: no-repeat;
	background-size: 835px 2607px;
	display: inline-block;
	position: absolute
}
.sec1 {
	background: transparent;
	position: relative;
	margin-bottom: 60px;
	width: 100%;
	float: right;
	z-index: 1
}
.sec1-wrap::before {
	content: '';
	background-position: -9px -439px;
	width: 97px;
	height: 97px;
	left: 434px;
	top: -46px;
	z-index: -1
}
.sec1-hidden {
	background: #fdf6dd;
	padding: 60px 60px 0;
	position: relative;
	-webkit-box-shadow: 0 -162px 37px -176px rgba(51, 51, 51, 0.439);
	box-shadow: 0 -162px 37px -176px rgba(51, 51, 51, 0.439)
}
.sec1-hidden::before {
	content: '';
	background-position: -135px -447px;
	width: 84px;
	height: 88px;
	left: -50px;
	top: 234px;
	z-index: -1
}
.sec1-hidden::after {
	content: '';
	background-position: -9px -575px;
	width: 218px;
	height: 244px;
	right: -134px;
	top: 48px;
	z-index: -1
}
.sec1 h2 span {
	color: #e00b0b;
	font-size: 30px;
	font-weight: 500
}
.sec1 h2 {
	color: #102336;
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 28px;
	line-height: 36px;
	text-align: center
}
.sec1 p {
	font-size: 16px;
	font-weight: 300;
	line-height: 2;
	color: #102336;
	text-align: center
}
.sec1 p:not(:last-child) {
	margin-bottom: 20px
}
.sec1 .archive-log {
	position: relative;
	margin-bottom: -218px;
}
.act .archive-log {
	-webkit-animation: scale 1s ease-in-out .1s both;
	animation: scale 1s ease-in-out .1s both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.sec2 {
	margin-top: 250px
}
#backToTop {
	display: none !important;
	opacity: 0
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	clear: both
}
.pad-t30 {
	padding-top: 30px
}
.tab-mob-show {
	display: none
}
footer,
.btmBar {
	float: left;
	width: 100%
}
#btmBar ul li a {
	font-family: "ZohoPuvi"
}
.sec2 h2 {
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	padding-bottom: 55px
}
.scrn-com {
	float: left;
	width: 100%
}
.scrn-even {
	padding-top: 150px;
	padding-bottom: 270px
}
.scrn-com.scrn-ml .lhs {
	padding-top: 50px
}
.scrn-com .lhs {
	padding: 0 50px 0 0;
	float: left;
	width: 50%
}
.scrn-com .lhs h3 {
	font-size: 30px;
	font-weight: 500;
	color: #102336;
	margin-bottom: 14px;
	line-height: 43px;
	position: relative
}
.scrn-com .lhs h3:before {
	content: "";
	width: 4px;
	height: calc(100% - 10px);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto
}
.scrn-odd .lhs {
	margin-top: 100px
}
.scrn-odd {
	padding-bottom: 90px;
	padding-top: 40px
}
.scrn-rule .lhs {
	margin-top: 135px
}
.scrn-odd.scr-red .lhs {
	margin-top: 44px
}
.scrn-com .lhs p {
	font-size: 16px;
	padding-bottom: 25px;
	line-height: 31px;
	color: #102336
}
.scrn-com .lhs ul {
	padding: 10px 0 20px
}
.scrn-com .lhs ul li {
	font-size: 16px;
	padding: 0 0 20px 50px;
	line-height: 28px;
	position: relative
}
.scrn-com .lhs a {
	font-size: 17px;
	line-height: 28px;
	border: 1px solid #102336;
	border-radius: 5px;
	padding: 10px 65px 10px 30px;
	display: inline-block;
	position: relative
}
.scrn-com .lhs a:hover {
	background: #e8132a;
	border: 1px solid #e8132a;
	color: #fff
}
.scrn-com .lhs a:hover:after {
	background-position: -247px -392px
}
.scrn-com .rhs {
	float: left;
	width: 50%
}
.scrn-even .lhs {
	padding: 0 24px 0 90px;
	float: right
}
.mob-s-scrn {
	width: 100%;
	display: none
}
@-webkit-keyframes bar1 {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 141px
	}
}
@keyframes bar1 {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 141px
	}
}
.spri {
	position: relative;
	top: -100px
}
.spri .s1-1 {
	background-position: -9px -853px;
	width: 335px;
	height: 399px;
	top: 74px;
	right: -48px;
	opacity: 0
}
.act .spri .s1-1 {
	-webkit-animation: scale 1s ease-in-out .1s both;
	animation: scale 1s ease-in-out .1s both;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}
.spri .s1-2 {
	background-position: -423px -750px;
	width: 334px;
	height: 225px;
	bottom: -428px;
	right: 170px;
	opacity: 0
}
.act .spri .s1-2 {
	-webkit-animation: height 1s ease-in-out .8s both;
	animation: height 1s ease-in-out .8s both
}
@-webkit-keyframes height {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 225px
	}
}
@keyframes height {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 225px
	}
}
.spri .s1-2::before {
	content: "";
	background-position: -667px -662px;
	width: 61px;
	height: 60px;
	top: -45px;
	left: -22px
}
.act .spri .s1-2::before {
	-webkit-animation: icon-scale 1.2s linear 2.6s infinite;
	animation: icon-scale 1.2s linear 2.6s infinite
}
.spri .s1-2::after {
	content: "";
	background-position: -597px -662px;
	width: 61px;
	height: 59px;
	top: -126px;
	right: 125px
}
.act .spri .s1-2::after {
	-webkit-animation: icon-scale 1.2s linear 2.6s infinite;
	animation: icon-scale 1.2s linear 2.6s infinite
}
.spri .s1-3 {
	background-position: -266px -509px;
	width: 241px;
	height: 213px;
	top: 138px;
	right: 6px;
	opacity: 0
}
.act .spri .s1-3 {
	-webkit-animation: width 1s linear 1.8s both;
	animation: width 1s linear 1.8s both
}
@-webkit-keyframes width {
	0% {
		width: 0;
		opacity: 0
	}
	100% {
		width: 241px;
		opacity: 1
	}
}
@keyframes width {
	0% {
		width: 0;
		opacity: 0
	}
	100% {
		width: 241px;
		opacity: 1
	}
}
.spri .s2-1 {
	background-position: -433px -1018px;
	width: 314px;
	height: 314px;
	top: 0;
	left: -56px;
	opacity: 0
}
.act .spri .s2-1 {
	-webkit-animation: scale 1s ease-in-out .1s both;
	animation: scale 1s ease-in-out .1s both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.spri .s2-2 {
	background-position: -423px -750px;
	width: 334px;
	height: 225px;
	left: 236px;
	top: 46px;
	opacity: 0
}
.act .spri .s2-2 {
	-webkit-animation: left2 1s ease-in-out .8s both;
	animation: left2 1s ease-in-out .8s both;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}
@-webkit-keyframes left2 {
	0% {
		opacity: 1;
		width: 0
	}
	100% {
		opacity: 1;
		width: 334px
	}
}
@keyframes left2 {
	0% {
		opacity: 1;
		width: 0
	}
	100% {
		opacity: 1;
		width: 334px
	}
}
.spri .s2-3 {
	background-position: -13px -1360px;
	width: 389px;
	height: 260px;
	left: 60px;
	top: 100px;
	opacity: 0
}
.act .spri .s2-3 {
	-webkit-animation: scale 1s ease-in-out 1.2s both;
	animation: scale 1s ease-in-out 1.2s both;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom
}
.spri .s2-3::before {
	content: '';
	background-position: -443px -1403px;
	width: 184px;
	height: 132px;
	top: -90px;
	left: 150px
}
.act .spri .s2-3::before {
	-webkit-animation: scale 1s ease-in-out 1.6s both;
	animation: scale 1s ease-in-out 1.6s both;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right
}
.spri .s3-1 {
	background-position: -9px -1647px;
	width: 596px;
	height: 398px;
	right: -48px;
	top: 20px;
	opacity: 0
}
.act .spri .s3-1 {
	-webkit-animation: scale .5s ease-in-out .4s both;
	animation: scale .5s ease-in-out .4s both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.spri .s3-2 {
	background-position: -423px -750px;
	width: 334px;
	height: 225px;
	right: 130px;
	top: 166px;
	opacity: 0
}
.act .spri .s3-2 {
	-webkit-animation: scale 1s ease-in-out .8s both;
	animation: scale 1s ease-in-out .8s both
}
.spri .s3-2::before {
	content: "";
	background-position: -667px -1385px;
	width: 140px;
	height: 167px;
	position: absolute;
	top: -166px;
	left: 94px;
	opacity: 0
}
.act .spri .s3-2::before {
	-webkit-animation: height 1s ease-in-out 2s both;
	animation: height 1s ease-in-out 2s both
}
.spri .s3-2::after {
	content: "";
	background-position: -13px -2111px;
	width: 447px;
	height: 95px;
	position: absolute;
	top: 74px;
	left: -60px;
	opacity: 0
}
.act .spri .s3-2::after {
	-webkit-animation: scale .5s ease-in-out 1.5s both;
	animation: scale .5s ease-in-out 1.5s both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
@-webkit-keyframes bar2 {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 100px
	}
}
@keyframes bar2 {
	0% {
		opacity: 0;
		height: 0
	}
	100% {
		opacity: 1;
		height: 100px
	}
}
.sec3 {
	margin-top: 80px;
	position: relative;
	margin-bottom: 180px;float: none;
}
.sec3 .ac {
	max-width: 1300px
}
.reasons-wrap {
	background-color: #d7fff7;
	padding: 20px 0 50px;
	padding-top: 60px
}
.reasons-wrap .lhs {
	float: left;
	max-width: 435px;
	width: 100%
}
.sec3-heading {
	font-size: 34px;
	font-weight: 300;
	line-height: 1.4;
	padding-bottom: 40px
}
.sec3-heading strong {
	font-weight: 600
}
.super-man {
	background-position: -558px -2060px;
	width: 269px;
	height: 514px;
	top: 0;
	bottom: 0;
	left: 140px;
	margin: auto;
	opacity: 0
}
.act .foot-spri .super-man {
	-webkit-animation: superman 1s linear 1.4s both;
	animation: superman 1s linear 1.4s both
}
@-webkit-keyframes superman {
	0% {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}
@keyframes superman {
	0% {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}
.foot-spri .building::before {
	content: '';
	background-position: -658px -1895px;
	width: 122px;
	height: 41px;
	left: 120px;
	top: -94px;
	opacity: 0
}
.act .foot-spri .building::before {
	-webkit-animation: plane 5s linear 1.6s both;
	animation: plane 5s linear 1.6s both
}
@-webkit-keyframes plane {
	0% {
		-webkit-transform: translate(-100px, 200px);
		transform: translate(-100px, 200px)
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}
@keyframes plane {
	0% {
		-webkit-transform: translate(-100px, 200px);
		transform: translate(-100px, 200px)
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}
.foot-spri .building {
	background-position: -3px -2238px;
	width: 514px;
	height: 336px;
	top: 0;
	bottom: 0;
	left: -40px;
	margin: auto;
	opacity: 0
}
.act .foot-spri .building {
	-webkit-animation: building 1s linear .5s both;
	animation: building 1s linear .5s both;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}
@-webkit-keyframes building {
	0% {
		width: 0;
		opacity: 0
	}
	100% {
		width: 514px;
		opacity: 1
	}
}
@keyframes building {
	0% {
		width: 0;
		opacity: 0
	}
	100% {
		width: 514px;
		opacity: 1
	}
}
.reasons-wrap .rhs {
	float: right;
	max-width: calc(100% - 520px);
	width: 100%;
	position: relative;
	padding-top: 40px;
	z-index: 1;
	margin-bottom: -128px
}
.icn-rea1,
.icn-rea2,
.icn-rea3 {
	background-image: url(/sites/meweb/images/se/log-management/images/secured-log-archival-box-icon.png);
	background-repeat: no-repeat;
	background-size: 247px 112px;
	position: absolute
}
.icn-rea1 {
	background-position: -29px -33px;
	width: 51px;
	height: 53px
}
.icn-rea2 {
	background-position: -96px -40px;
	width: 49px;
	height: 44px
}
.icn-rea3 {
	background-position: -164px -43px;
	width: 48px;
	height: 44px
}
.reasons-wrap .rhs ul {
	display: inline-block;
	vertical-align: middle;
	width: 47%;
	margin-right: 15px
}
.reasons-wrap .rhs ul li {
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 0 11px 70px rgba(61, 81, 91, 0.08);
	box-shadow: 0 11px 70px rgba(61, 81, 91, 0.08);
	margin-top: 20px
}
.reasons-wrap .rhs ul li h5 {
	font-size: 18px;
	font-weight: 500;
	color: #1a2d40;
	margin-bottom: 15px;
	margin-top: 56px
}
.reasons-wrap .rhs ul li .icn-rea1+h5 {
	margin-top: 65px
}
.reasons-wrap .rhs ul li p {
	color: #1a2d40;
	font-size: 15px;
	line-height: 1.7;
	margin: 0
}
.sec4 {
	margin-top: -20px;
	margin-bottom: 90px;
	position: relative;
	z-index: 2;
	background: transparent
}
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}
@keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}
@-webkit-keyframes left {
	0% {
		opacity: 1;
		width: 0
	}
	100% {
		opacity: 1;
		width: 515px
	}
}
@keyframes left {
	0% {
		opacity: 1;
		width: 0
	}
	100% {
		opacity: 1;
		width: 515px
	}
}
@media screen and (max-width: 1480px) {
	.sec1 .ac {
		max-width: 73%
	}
}
@media screen and (max-width: 1400px) {
	.scrn-ml .lhs {
		margin-left: -125px
	}
}
@media screen and (max-width: 1199px) {
	.ban .lhs {
		padding-right: 25px
	}
	.ban .lhs h1 {
		font-size: 32px;
		line-height: 45px
	}
	.scrn-com .lhs h3 {
		font-size: 24px;
		line-height: 30px
	}
	.scrn-com .lhs p {
		font-size: 14px
	}
	.foot-spri {
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		position: absolute;
		bottom: 0;
		top: 0;
		margin: auto
	}
	.reasons-wrap .rhs {
		max-width: calc(100% - 390px);
		padding-top: 0
	}
	.sec3-heading {
		padding-bottom: 0
	}
}
@media screen and (max-width: 1140px) {
	.scrn-even .rhs .spri {
		left: -30px
	}
	.scrn-even .lhs {
		padding-left: 140px
	}
	.scrn-odd .lhs {
		padding-right: 140px
	}
}
@media screen and (max-width: 1100px) {
	.ban .lhs {
		width: calc(100% - 460px)
	}
	.reasons-wrap .rhs ul {
		width: 46%
	}
}
@media screen and (max-width: 1025px) {
	#header-mainsec .headerinner {
		padding-bottom: 8px
	}
	.ban .lhs h1 {
		font-size: 30px
	}
}
@media screen and (max-width: 992px) {
	.mob-hide,
	.scrn,
	.sec4 .lhs,
	.ban .rhs,
	.sec1-hidden::after,
	.sec1-hidden::before {
		display: none
	}
	.tab-mob-show {
		display: block;
		padding-top: 20px
	}
	.tab-mob-show img {
		width: 100%
	}
	.sec1 h2 {
		padding-bottom: 20px
	}
	.sec1 {
		margin-top: 0;
		margin-bottom: 30px
	}
	.sec1-wrap {
		float: none;
		margin: auto
	}
	.sec4 .rhs {
		width: 100%;
		padding: 0
	}
	.ban .lhs {
		width: 100%;
		padding: 0;
		text-align: center
	}
	.ban .lhs h1 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 20px
	}
	.ban .lhs p {
		font-size: 18px;
		width: 74%;
		margin: 0 auto;
		padding-bottom: 25px
	}
	.ban .lhs a {
		margin-top: 10px
	}
	.ban {
		padding: 80px 0 60px
	}
	.sec1 .archive-log {
		margin-bottom: 0
	}
	.sec1-hidden {
		padding: 40px 60px;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.sec2 {
		margin-top: 40px
	}
	.scrn-com .lhs,
	.scrn-com .rhs {
		width: 100%;
		padding: 0;
		margin: auto
	}
	.scrn-even {
		padding-top: 0
	}
	.sec2 .scrn-com {
		margin-bottom: 25px;
		padding: 30px 20px;
		border-radius: 5px;
		text-align: center
	}
	.scr-yellow {
		background: #fdfbf6;
		border: 1px solid #ffe8af
	}
	.scr-blue {
		background: #f7fdff;
		border: 1px solid #b4ebff
	}
	.scr-red {
		background: #fff8f8;
		border: 1px solid #ffb3b6
	}
	.scrn-odd.scr-red .lhs {
		margin-top: 0
	}
	.scrn-com.scrn-ml .lhs {
		padding-top: 0
	}
	.ac {
		max-width: 100%
	}
	.sec1 .ac {
		max-width: 95%
	}
	.ban .lhs {
		padding: 0;
		margin: 0
	}
	.ban .lhs h1 {
		line-height: 42px
	}
	.scrn-com .spri {
		display: none
	}
	.sec1-wrap::after,
	.sec1-wrap::before {
		display: none
	}
	.sec3:before,
	.sec3:after {
		display: none
	}
	.reasons-wrap .lhs {
		display: none
	}
	.reasons-wrap .rhs {
		max-width: 100%;
		margin-top: 0;
		padding-top: 0
	}
	.reasons-wrap .rhs ul {
		max-width: 100%;
		width: 100%;
		margin-right: 0
	}
	.sec3 {
		background: #d7fff7;
		margin-top: 35px;
		margin-bottom: 50px
	}
	.sec3 .sec3-heading {
		text-align: center;
		font-size: 30px;
		margin-bottom: 14px
	}
	.reasons-wrap {
		padding: 60px 0
	}
	.mob-s-scrn {
		display: block;
		width: 74%;
		margin: auto
	}
}
@media screen and (max-width: 767px) {
	.d-com {
		width: 100%
	}
	.sec2 h2,
	.usecase-section h2 span,
	.s8 h2 {
		font-size: 30px;
		line-height: 40px
	}
	.scrn-com .lhs h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px
	}
	.video-section {
		margin-bottom: 0;
		padding-top: 40px
	}
	.mob-foot {
		float: left
	}
}
@media screen and (max-width: 740px) {
	.ban .lhs p {
		font-size: 17px;
		width: 100%
	}
}
@media screen and (max-width: 567px) {
	.sec1 p {
		font-size: 14px;
		line-height: 25px
	}
	.scrn-com .lhs h3 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px
	}
	.sec1-hidden {
		padding: 40px
	}
	.sec1 p {
		padding: 0
	}
	.scrn-com .lhs p {
		line-height: 25px
	}
	.usecase-content .sprite {
		display: none
	}
	.usecase-content {
		margin: 30px auto 0
	}
	.usecase-content .usecase-box {
		padding: 40px
	}
	.usecase-section {
		padding: 40px 0 20px
	}
	.sec4 {
		padding: 50px 0 60px
	}
	.scrn-com .lhs a {
		font-size: 14px;
		padding: 10px 15px
	}
	.scrn-com .lhs a:after,
	.usecase-content .tab-cta1:after {
		display: none
	}
	.usecase-content .tab-cta1 {
		font-size: 15px;
		padding: 10px 20px
	}
	.ban .lhs h1 {
		font-size: 28px
	}
	.ban .lhs h1 br {
		display: none
	}
	.reasons-wrap .rhs ul li {
		margin-top: 22px
	}
	.mob-s-scrn {
		width: 100%
	}
}
@media screen and (max-width: 500px) {
	.ds-list li {
		width: 100%
	}
}
@media screen and (max-width: 425px) {
	.ban .lhs h1 {
		font-size: 26px;
		line-height: 36px
	}
	.ban .lhs p {
		font-size: 16px
	}
	.sec1 h2,
	.sec1 h2 span {
		font-size: 24px
	}
	.sec1-hidden {
		padding: 20px
	}
}