#scroll {padding: 0;}
.af.sec3 {float:none}
.main *,
.main ::after,
.main ::before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.heading-menu
{
	display: none
}
img {
	max-width: 100%;
	width: 100%;
	height: auto
}
.main {
	font-family: 'ZohoPuvi';
	font-weight: 300;
	color: #333
}
.main h1,
.main h2,
.main h3,
.main p {
	color: inherit
}
.main .my-container {
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 25px
}
.main .lr-container {
	display: table;
	width: 100%
}
.main .lhs {
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 1
}
.main .rhs {
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 1
}
.main a {
	text-decoration: none
}
.main h2 {
	font-size: 32px;
	font-weight: 200;
	line-height: 1.3;
	margin-bottom: 25px;
	color: #000
}
.main p {
	font-size: 17px;
	line-height: 1.8
}
.main strong {
	font-weight: 500
}
.sprite span,
.banner .sprite .ban1::after,
.banner .sprite .ban1::before,
.banner .sprite .ban2::before,
.banner .sprite .ban2::after,
.banner .sprite .ban3::before,
.banner .sprite .ban3::after,
.sec2 .lhs .sprite .man,
.sec2 .lhs .sprite .man::before {
	content: '';
	background: url(/sites/meweb/images/se/log-management/images/behaviour-analytics-log360-sprite.png) no-repeat;
	background-size: 468px;
	position: absolute
}
.sec2 .ic1::before,
.sec2 .ic2::before,
.sec2 .ic3::before {
	background: url(/sites/meweb/images/se/log-management/images/behaviour-analytics-log360-icons.png) no-repeat;
	background-size: 49px;
	position: absolute
}
.banner {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #d6f2ff), to(#fff));
	background: -o-linear-gradient(top, #d6f2ff 10%, #fff);
	background: linear-gradient(to bottom, #d6f2ff 10%, #fff);
	padding: 80px 0 120px
}
.banner h1 {
	font-size: 35px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 16px;
	color: #000
}
.banner p {
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 40px
}
.banner .lhs {
	width: calc(100% - 369px);
	padding-right: 280px
}
.banner .rhs {
	float: right;
	width: 369px;
	height: 350px;
	position: relative
}
.banner .sprite .ban1::before {
	background-position: -400px -271px;
	width: 65px;
	height: 64px;
	bottom: 90px;
	top: 16px;
	left: -38px;
	z-index: -1
}
.banner .sprite .ban1 {
	background: #71CFFF;
	border-radius: 20px;
	width: 369px;
	height: 350px
}
.banner .sprite .ban1::after {
	background-position: -400px -390px;
	width: 65px;
	height: 64px;
	bottom: -28px;
	right: 0;
	z-index: -1
}
.banner .sprite .ban2::before {
	background-position: -17px -95px;
	width: 9px;
	height: 118px;
	top: 32px;
	right: -76px;
}
.banner .sprite .ban2 {
	background-position: -30px -90px;
	width: 158px;
	height: 123px;
	top: 76px;
	left: 0;
	right: 0;
	margin: auto;
}
.banner .sprite .ban2::after {
	background-position: -17px -95px;
	width: 9px;
	height: 118px;
	top: 32px;
	left: -66px;
}
.banner .sprite .ban3::before {
	background-position: -13px -17px;
	width: 50px;
	height: 50px;
	top: 26px;
	left: -140px;
}
.banner .sprite .ban3 {
	background-position: -73px -17px;
	width: 50px;
	height: 50px;
	top: 26px;
	left: 0;
	right: 0;
	margin: auto;
}
.banner .sprite .ban3::after {
	background-position: -134px -17px;
	width: 50px;
	height: 50px;
	top: 26px;
	left: 150px;
}
.banner .sprite .ban4 {
	background-position: -18px -212px;
	width: 370px;
	height: 215px;
	bottom: 0;
	left: 0;
	right: 54px;
	margin: 0 auto;
	border-radius: 20px
}
.banner .sprite .ban5 {
	background-position: -201px -10px;
	width: 252px;
	height: 227px;
	bottom: -26px;
	right: 26px;
}
.intro::before {
	content: '';
	background: url(/sites/meweb/images/se/log-management/images/behaviour-analytics-log360-circuit.png) no-repeat;
	background-size: contain;
	background-position: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1
}
.intro {
	background-color: #F4FBFF;
	border: 1px solid #93DBFF;
	border-radius: 10px;
	padding: 60px 180px;
	margin: 0 25px;
	position: relative;
	margin-bottom: 120px;
	text-align: center;
	overflow: hidden;
	opacity: 1
}
.intro::after {
	content: '';
	background: url(/sites/meweb/images/se/log-management/images/behaviour-analytics-log360-circuit.png) no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1
}
.intro h2 {
	font-size: 25px;
	font-weight: 600;
	color: #006FA8
}
.intro p {
	line-height: 1.8
}
.intro p:nth-child(2) {
	padding-bottom: 30px
}
.main .sec1 {
	margin-bottom: 60px
}
.sec1 .even,
.sec1 .odd {
	margin-bottom: 150px
}
.sec1 .even .lhs {
	width: 50%;
	position: relative;
	left: -70px
}
.sec1 .even .rhs {
	width: 50%;
	padding-left: 60px
}
.sec1 .odd .lhs {
	width: 50%;
	padding-right: 70px
}
.sec1 .odd .rhs {
	width: 50%;
	position: relative;
	right: -70px
}
.sec1 .lhs h2 strong,
.sec1 .rhs h2 strong {
	display: block
}
.sec1 .odd .lhs h2+p {
	margin-bottom: 20px
}
.main .sec2 {
	position: relative;
	padding: 80px 0 50px;
	margin-bottom: 70px
}
.main .sec2::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 80px 0 0;
	background: #F4FBFF;
	height: 100%;
	width: 75%;
	z-index: -1
}
.main .sec2::after {
	content: "";
	background: url(/sites/meweb/images/se/log-management/images/behaviour-analytics-log360-building.png) repeat-x;
	background-size: cover;
	width: 75%;
	height: 336px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}
@-webkit-keyframes building {
	0% {
		background-position: 100000px bottom
	}
	100% {
		background-position: 0 bottom
	}
}
@keyframes building {
	0% {
		background-position: 100000px bottom
	}
	100% {
		background-position: 0 bottom
	}
}
.main .sec2 .my-container {
	max-width: 1400px
}
.sec2 .rhs {
	width: calc(100% - 438px)
}
.sec2 .lhs {
	width: 438px;
	position: relative
}
.sec2 .sec2-title {
	width: 54%;
	color: #000;
	font-size: 25px;
	font-weight: 200;
	position: absolute;
	text-align: center;
	line-height: 1.5;
	bottom: 414px;
	left: 100px
}
.sec2 .sec2-title strong {
	font-weight: 600;
	display: block
}
.sec2 .lhs .sprite .man {
	background-position: -10px -739px;
	width: 250px;
	height: 484px;
	position: absolute;
	display: block;
	bottom: -120px
}
.sec2 .lhs .sprite .man::before {
	content: '';
	background-position: -4px -494px;
	width: 361px;
	height: 223px;
	position: absolute;
	top: -222px;
	left: 40px
}
.sec2 .rhs ul {
	display: inline-block;
	vertical-align: top;
	width: 46%
}
.sec2 .rhs ul:first-child {
	margin-right: 30px
}
.sec2 .rhs ul:last-child {
	margin-top: 80px
}
.sec2 .rhs ul:first-child li:first-child {
	margin-bottom: 26px
}
.sec2 .rhs ul li {
	background-color: #fff;
	padding: 50px 30px;
	-webkit-box-shadow: 0 0 30px rgba(65, 80, 90, 0.08);
	box-shadow: 0 0 30px rgba(65, 80, 90, 0.08);
	border-radius: 8px;
	width: 100%;
	margin-right: 18px;
	vertical-align: top;
	text-align: left
}
.sec2 .rhs ul li h3 {
	font-size: 19px;
	font-weight: 500;
	padding-top: 50px;
	padding-bottom: 10px;
	position: relative
}
.sec2 .rhs ul li p {
	font-size: 15px
}
.sec2 .ic1::before {
	content: '';
	background-position: -2px -3px;
	width: 45px;
	height: 33px;
	top: -8px
}
.sec2 .ic2::before {
	content: '';
	background-position: -2px -47px;
	width: 32px;
	height: 37px;
	top: -18px
}
.sec2 .ic3::before {
	content: '';
	background-position: -2px -95px;
	width: 36px;
	height: 36px;
	top: -8px
}
@-webkit-keyframes fadeInLeft {
	from {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px)
	}
	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1
	}
}
@keyframes fadeInLeft {
	from {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px)
	}
	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1
	}
}
@-webkit-keyframes fadeInRight {
	from {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1
	}
}
@keyframes fadeInRight {
	from {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1
	}
}
@-webkit-keyframes fadeUp {
	from {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}
	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1
	}
}
@keyframes fadeUp {
	from {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}
	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1
	}
}
@media (min-width: 1500px) {
	.main .sec2::before,
	.main .sec2::after {
		left: calc(50vw - 750px);
		max-width: 1100px
	}
}
@media (max-width: 1350px) {
	.sec1 .even .lhs {
		left: 0
	}
	.sec1 .odd .rhs {
		right: 0
	}
}
@media (max-width: 1200px) {
	.banner .lhs {
		padding-right: 160px
	}
}
@media (max-width: 1150px) {
	.main .sec2 {
		margin-bottom: 60px
	}
	.sec2 .lhs {
		width: 400px
	}
	.sec2 .sec2-title {
		width: 52%;
		bottom: 302px;
		left: 96px;
		font-size: 22px
	}
	.sec2 .lhs .sprite .man {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		bottom: -160px
	}
}
@media (max-width: 1080px) {
	.banner .lhs {
		padding-right: 60px
	}
}
@media (max-width: 992px) {
	.banner .rhs,
	.intro::before,
	.intro::after,
	.sec2 .lhs .sprite .man,
	.main .sec2::after,
	.main .sec2::before {
		display: none
	}
	.main .lhs,
	.main .rhs,
	.intro {
		opacity: 1
	}
	.banner {
		padding-bottom: 60px
	}
	.banner h1 {
		line-height: 1.4
	}
	.banner h1 br {
		display: none
	}
	.banner .lhs {
		display: block;
		float: none;
		width: 70%;
		margin: 0 auto;
		text-align: center;
		padding-right: 0
	}
	.intro {
		padding: 40px;
		margin: 0;
		margin-bottom: 60px
	}
	.sec1 .lr-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
		border-radius: 8px;
		padding: 30px;
		margin-bottom: 20px;
		row-gap: 30px
	}
	.sec1 .lr-container.row1 {
		border: 1px solid #ffcaeb
	}
	.sec1 .lr-container.row2 {
		border: 1px solid #b7f9da
	}
	.sec1 .lr-container.row3 {
		border: 1px solid #f7e8b1
	}
	.sec1 .lr-container.even .lhs {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.sec1 .even .lhs,
	.sec1 .even .rhs,
	.sec1 .odd .lhs,
	.sec1 .odd .rhs {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
	.main .sec2 {
		background-color: #F4FBFF;
		padding: 40px 0
	}
	.sec2 .rhs,
	.sec2 .lhs {
		text-align: center;
		display: block;
		width: 100%
	}
	.sec2 .sec2-title {
		position: static;
		font-size: 25px;
		width: 100%;
		margin-bottom: 30px
	}
	.sec2 .rhs ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
		row-gap: 24px
	}
	.sec2 .rhs ul:last-child {
		margin-top: 24px
	}
	.sec2 .rhs ul:first-child li:first-child {
		margin-bottom: 0
	}
	.sec2 .rhs ul li {
		margin-right: 0
	}
}
@media (max-width: 767px) {
	.banner .lhs {
		width: 100%
	}
}
@media (max-width: 600px) {
	#titlediv {
		display: none
	}
	.zsiq_theme1 .zsiq_flt_rel {
		border-radius: 50px 0 0 50px !important;
	}
	.main .my-container {
		padding: 0 18px
	}
	.main h2 {
		font-size: 22px;
		margin-bottom: 10px;
		line-height: 1.2
	}
	.main p {
		font-size: 14px
	}
	.banner {
		padding: 60px 0
	}
	.banner h1 {
		font-size: 24px;
		line-height: 1.4
	}
	.banner p {
		font-size: 14px;
		margin-bottom: 30px
	}
	.intro {
		padding: 24px 14px
	}
	.intro h2 {
		font-size: 18px
	}
	.intro p:nth-child(2) {
		padding-bottom: 10px
	}
	.sec1 .lr-container {
		width: 100%;
		padding: 25px 18px;
		margin-bottom: 30px
	}
	.sec2 .rhs ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.sec2 .rhs ul li {
		width: 100%;
		margin-right: 0
	}
}