#scroll {padding: 0;}
.af.sec4 {float: none;}
.sec-pTB.bg-l-grey,
.heading-menu {
	display: none !important
}
.main-contents * {
	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%;
	font: inherit;
	vertical-align: baseline
}
.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
}
.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
}
#scroll .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;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af a:hover {
	-webkit-transition: all .5s ease;
	-moz-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 {
	box-sizing: border-box;
	color: #102336
}
.af div {
	box-sizing: border-box
}
.af {
	width: 100%;
	display: inline-block;
	float: left
}
.ac {
	margin: 0 auto;
	position: relative;
	max-width: 1100px
}
a {
	transition: all .3s ease
}
.ban {
	padding: 100px 0 120px;
	background: linear-gradient(to bottom, #ffe8e4 45%, #fff)
}
.ban .lhs {
	float: left;
	width: calc(100% - 430px);
	padding: 30px 100px 0 0
}
.ban .lhs h1 {
	font-size: 44px;
	line-height: 60px;
	font-weight: 600;
	color: #102336;
	margin-bottom: 25px
}
.ban .lhs p {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	padding-bottom: 15px
}
.ban .rhs {
	float: left;
	width: 430px;
	position: relative
}
.ban-ani {
	width: 400px;
	height: 340px;
	background: #ffb6b6;
	border-radius: 20px;
	position: relative;
	z-index: 2
}
.ban-ani:before,
.ban-ani:after {
	content: '';
	position: absolute;
	background-image: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png);
	background-repeat: no-repeat;
	background-size: 1500px;
	display: inline-block
}
.ban-ani:before {
	right: 0;
	top: 0;
	background-position: -265px -412px;
	background-size: 1500px 3250px;
	width: 170px;
	height: 37px;
	opacity: .7
}
@keyframes ltrani {
	0% {
		width: 0
	}
	100% {
		width: 183px
	}
}
.ban-ani .b-ani-com {
	width: 100px;
	height: 100px;
	background-image: url(/sites/meweb/images/se/log-management/images/attack-detection-sprite-banner.png);
	display: inline-block;
	background-size: 578px;
	position: absolute;
	background-repeat: no-repeat
}
@keyframes jump {
	0% {
		transform: translateY(-8px)
	}
	100% {
		transform: translateY(8px)
	}
}
.ban-ani:after {
	left: 0;
	bottom: 0;
	z-index: -1;
	background-position: -478px -349px;
	background-size: 1500px 3250px;
	width: 220px;
	height: 88px;
	opacity: .5
}
.ban-ani .b-ani1 {
	background-size: 500px;
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 25px;
	background-position: -2px 12px;
	background-image: url(/sites/meweb/images/se/log-management/images/attack-detection-banner-hack.png);
	background-repeat-x: no-repeat;
	background-repeat-y: initial;
	border-radius: 30px;
	-webkit-transition: flow 3s ease-out;
	-moz-transition: flow 3s ease-out;
	-o-transition: flow 3s ease-out;
	transition: flow 3s ease-out;
	animation: flow 4000s linear infinite
}
@keyframes flow {
	0% {
		background-position: 0 100000%
	}
	100% {
		background-position: 0 0
	}
}
.ban-ani .b-ani2 {
	background: url(/sites/meweb/images/se/log-management/images/attack-detection-sprite-banner.png) no-repeat -364px -142px;
	background-size: 600px;
	width: 229px;
	height: 228px;
	left: 82px;
	top: -23px;
	position: absolute;
	bottom: -39px;
	animation: hacker .4s linear 2s 1 both
}
@keyframes hacker {
	0% {
		transform: translateY(115px);
		opacity: 0
	}
	100% {
		transform: translateY(0px);
		opacity: 1
	}
}
.ban-ani .b-ani3 {
	width: 306px;
	height: 268px;
	background-position: -11px -113px;
	background-size: 578px;
	left: 50px;
	bottom: -31px
}
.ban-ani .b-ani4 {
	width: 260px;
	background-position: -310px -8px;
	background-size: 570px;
	left: 72px;
	bottom: 39px;
	transform-origin: bottom;
	animation: scrnline 1s linear 1s 1 both
}
@keyframes scrnline {
	0% {
		height: 0
	}
	100% {
		height: 100px
	}
}
.ban-ani .b-ani5 {
	left: 150px;
	top: 150px;
	background-position: 5px -428px;
	background-size: 600px;
	height: 112px;
	animation: shield .5s linear 1s 1 both
}
@keyframes shield {
	0% {
		transform: scale(4);
		opacity: 0
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}
@keyframes seesaw {
	0% {
		transform: rotate(-3deg)
	}
	50% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(3deg)
	}
}
.ban-ani .b-ani6 {
	background: url(/sites/meweb/images/se/log-management/images/attack-detection-sprite-banner.png) no-repeat -1751px -426px;
	background-size: 1800px 1800px;
	width: 48px;
	height: 48px;
	left: 177px;
	top: 111px;
	position: absolute
}
.b-ani6 {
	width: 76px;
	height: 76px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat;
	display: inline-block;
	background-size: 2000px;
	position: absolute;
	background-position: -4px -531px;
	left: 7px;
	top: -41px
}
.b-ani7 {
	width: 76px;
	height: 76px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat;
	display: inline-block;
	background-size: 2000px;
	position: absolute;
	background-position: -4px -531px;
	right: 7px;
	bottom: -25px
}
.sec1 {
	padding-bottom: 70px
}
.sec1 h2 {
	color: #d82633;
	font-size: 36px;
	line-height: 52px;
	text-align: center;
	font-weight: 600;
	padding-bottom: 30px
}
.sec1 p {
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	color: #102336;
	padding: 0 80px
}
@keyframes scale {
	0% {
		transform: scale(0);
		opacity: 0
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}
@keyframes graphver {
	from {
		transform: scaleY(0);
		opacity: 0
	}
	to {
		transform: scaleY(1);
		opacity: 1
	}
}
@keyframes graphhor {
	0% {
		width: 0
	}
	100% {
		width: 308px;
		opacity: 1
	}
}
@keyframes arrdown {
	0% {
		height: 0
	}
	100% {
		height: 76px;
		opacity: 1
	}
}
.box-tit h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 46px;
	padding-bottom: 25px
}
.box-tit p {
	font-size: 30px;
	font-weight: 300;
	line-height: 36px
}
.box-tit p i {
	color: #ff6363
}
.sec4 {
	padding: 50px 0 120px
}
.sec4 .ac {
	max-width: 1250px
}
.sec4 .inn {
	background: #ffe6e2;
	border-radius: 10px;
	padding: 50px;
	float: left;
	width: 100%;
	position: relative
}
.sec4 .lhs {
	float: left;
	width: 425px;
	position: relative
}
.sec4 .lhs .ani-men-1 {
	width: 250px;
	height: 451px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat;
	display: inline-block;
	background-size: 2000px;
	background-position: 0 -647px;
	position: absolute;
	left: 91px;
	z-index: 3;
	opacity: 0;
	top: 107px
}
.sec4 .lhs .ani-men-2 {
	width: 0;
	height: 293px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat;
	display: inline-block;
	background-size: 1800px;
	background-position: -242px -692px;
	position: absolute;
	left: -39px;
	top: 262px
}
.sec4.act .ani-men-1 {
	animation: graphver .4s ease-in-out .8s both;
	transform-origin: bottom
}
.sec4.act .ani-men-2 {
	animation: building .4s ease-in-out .4s both;
	transform-origin: left
}
@keyframes building {
	from {
		width: 0;
		opacity: 0
	}
	to {
		width: 450px;
		opacity: 1
	}
}
.sec4 .lhs .ani-men-3 {
	width: 120px;
	height: 40px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat;
	display: inline-block;
	background-size: 2000px;
	background-position: -303px -649px;
	position: absolute;
	left: 40px;
	top: 150px;
	transform: translateX(-110px);
	transition: all .5s ease-in-out;
	opacity: 0
}
.sec4.act .lhs .ani-men-3 {
	transform: translateX(0px);
	opacity: 1;
	transition: 6s linear 1s
}
@keyframes plane {
	10% {
		transform: translateX(300px)
	}
	50% {
		transform: rotate3d(11, 66, 0, 180deg)
	}
	100% {
		transform: translateY(00px)
	}
}
.sec4 .lhs .ani-men-4 {
	width: 60px;
	height: 40px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat;
	display: inline-block;
	background-size: 1715px;
	background-position: -515px -558px;
	position: absolute;
	left: 71px;
	top: 125px;
	opacity: .4
}
.sec4 .lhs .ani-men-5 {
	width: 60px;
	height: 40px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat;
	display: inline-block;
	background-size: 2000px;
	background-position: -454px -649px;
	position: absolute;
	left: 350px;
	top: 198px
}
.sec4 .rhs {
	float: left;
	width: calc(100% - 425px);
	padding-top: 40px
}
.sec4 .rhs h3 {
	font-size: 32px;
	font-weight: 300;
	padding-bottom: 30px
}
.sec4 .rhs h3 strong {
	font-weight: 600
}
.sec4 .rhs ul li {
	font-size: 18px;
	font-weight: 300;
	padding: 0 0 25px 40px;
	line-height: 30px;
	position: relative
}
.sec4 .rhs ul li:before {
	content: '';
	position: absolute;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat -407px -489px;
	width: 20px;
	height: 17px;
	margin: 8px 0 0 -37px;
	background-size: 1500px 3250px
}
#backToTop {
	display: none !important;
	opacity: 0
}
.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
	clear: both
}
.mew-horizontal-tab .mew-tab-list {
	list-style: none;
	margin: 0 auto;
	padding: 0 10px;
	display: table;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	box-shadow: 0 1px 5px 0 #33333314
}
.mew-horizontal-tab .mew-tab-list li {
	display: block;
	float: left;
	padding: 10px 20px
}
.mew-horizontal-tab .mew-tab-list li span {
	color: #333;
	text-decoration: none;
	padding: 3px 0;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	position: relative
}
.mew-horizontal-tab .mew-tab-list li span:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	background: #d6d6d6;
	margin: 3px 0 0 18px
}
.mew-horizontal-tab .mew-tab-list li:last-child span:after {
	opacity: 0
}
.mew-horizontal-tab .mew-tab-content .mew-tab-pane {
	display: none
}
.mew-horizontal-tab .mew-tab-content .mew-tab-pane.active {
	display: block
}
.pad-t30 {
	padding-top: 30px
}
.tab-mob-show {
	display: none
}
.video-section {
	margin-bottom: 50px;
	padding-top: 80px
}
.video-section h2 {
	color: #102336;
	font-size: 26px;
	line-height: 44px;
	max-width: 750px;
	margin: 18px auto 30px;
	text-align: center;
	font-weight: 500
}
.video-section .badge {
	padding: 5px 18px;
	border-radius: 18px;
	font-family: 'Zoho_Puvi_Medium', sans-serif;
	font-size: 17px;
	color: #fff;
	display: block
}
.video-section .usecase-badge {
	background-color: #ff6464;
	margin: 0 auto;
	width: 155px
}
.video-box {
	max-width: 870px;
	margin: 0 auto 30px;
	position: relative
}
.video-thumbnail {
	width: 100%;
	height: auto
}
.play-btn {
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat -6px -293px;
	background-size: 1500px 3250px;
	width: 89px;
	height: 89px;
	width: 89px;
	height: 90px;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform .2s linear;
	border-radius: 50%
}
.play-btn:hover {
	transform: translate(-50%, -50%) scale(1.1);
	box-shadow: 0 0 3px rgba(255, 255, 255, 0.5)
}
.links-box {
	display: none;
	max-width: 740px;
	margin: 0 auto
}
.links-box .links-badge {
	background-color: #0876d8;
	float: left;
	position: relative;
	padding: 5px 35px 5px 18px;
	max-width: 300px
}
.links-box .links-badge:nth-child(2) {
	margin: 0 18px
}
.links-box .links-badge::after {
	content: '';
	position: absolute;
	top: 9px;
	right: 18px;
	background-image: url(/sites/meweb/images/se/log-management/images/threat-intelligence-sprite.png);
	background-size: 1750px 1100px;
	display: block;
	background-repeat: no-repeat;
	background-position: -673px -1045px;
	width: 7px;
	height: 12px
}
.links-box .links-badge:hover,
.links-box .links-badge:active {
	background-color: #000;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25)
}
.overlay {
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none
}
.yt-video {
	width: 80%;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	aspect-ratio: 16/9;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.yt-video {
		min-height: 50vh
	}
}
.btn {
	display: inline-block;
	border: 0;
	outline: 0;
	cursor: pointer;
	text-align: center
}
.close-btn {
	position: absolute;
	top: 25px;
	right: 25px;
	height: 30px;
	width: 30px;
	color: #000;
	background-color: transparent
}
.close-btn::before,
.close-btn::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 100%;
	height: 4px;
	background-color: currentColor
}
.close-btn::before {
	transform: translate(-50%, -50%) rotate(45deg)
}
.close-btn::after {
	transform: translate(-50%, -50%) rotate(-45deg)
}
.close-btn:hover {
	opacity: .6
}
.usecase-outer:before {
	width: 800px;
	background: #fff;
	height: 100%;
	left: -800px;
	top: 0px;
	position: absolute;
	z-index: 3;
}
.usecase-section {
	overflow-x: hidden;
	padding: 50px 0 80px
}
.usecase-section .container {
	max-width: 1140px;
	overflow: visible;
	position: relative
}
.usecase-section .container::before {
	content: '';
	position: absolute;
	width: 250px;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: -252px;
	z-index: 4
}
.usecase-section h2 {
	max-width: 570px;
	background-color: #fff;
	position: relative;
	z-index: 3
}
.usecase-section h2 span {
	display: block;
	font-family: 'Zoho_Puvi_Bold', sans-serif;
	font-size: 36px;
	line-height: 52px;
	color: #102336
}
.usecase-tabs-outer {
	padding: 60px 0;
	background-color: #fff;
	width: 425px;
	height: 445px;
	float: left;
	position: relative;
	z-index: 2;
	height: 100%
}
.usecase-tabs-inner {
	width: 425px;
	height: 390px;
	position: relative;
	z-index: 2;
	background-color: #fff
}
.usecase-tabs-inner::before {
	content: '';
	position: absolute;
	height: 90%;
	width: 3.5px;
	background-color: #cfd3d7;
	top: 0;
	left: 0
}
.usecase-tabs-inner::after {
	content: '';
	position: absolute;
	height: 25%;
	width: 6px;
	background-color: #ff3131;
	left: -1.5px;
	transition: all .3s ease
}
.usecase-tabs-inner.show-1::after {
	top: 0
}
.usecase-tabs-inner.show-2::after {
	top: 25%
}
.usecase-tabs-inner.show-3::after {
	top: 50%
}
.usecase-tabs-inner.show-4::after {
	top: 75%
}
.usecase-tabs-inner li {
	display: block;
	height: 25%;
	width: 100%
}
.usecase-btn {
	height: 100%;
	width: 100%;
	background-color: transparent;
	text-align: left;
	padding-left: 44px;
	color: #9ba5af;
	font-size: 21px;
	line-height: 1.7;
	font-family: 'ZohoPuvi';
	font-weight: 300
}
.usecase-btn.is-active {
	color: #102336
}
.usecase-content {
	position: relative
}
.usecase-content .usecase-box {
	border-radius: 5px;
	background-color: #fef9df;
	padding: 60px 45px 50px
}
.usecase-content h3 {
	font-size: 26px;
	margin-bottom: 15px;
	color: #102336;
	font-weight: 500;
	line-height: 38px
}
.usecase-content p {
	color: #102336;
	font-size: 16px;
	padding-bottom: 15px;
	line-height: 26px
}
.usecase-content .sprite {
	position: absolute
}
.usecase-back {
	top: -190px;
	right: -15px;
	z-index: -1
}
.usecase1-back {
	background-position: -1069px -799px;
	width: 326px;
	height: 275px
}
.usecase1-front {
	background-position: -1514px -542px;
	width: 213px;
	height: 216px;
	top: -150px;
	right: 10px
}
.usecase2-back {
	background-position: -1435px -803px;
	width: 290px;
	height: 271px
}
.usecase2-front {
	background-position: -1310px -500px;
	width: 157px;
	height: 258px;
	top: -161px;
	right: 105px
}
.usecase3-back {
	background-position: -746px -790px;
	width: 291px;
	height: 284px;
	right: -8px
}
.usecase3-front {
	background-position: -1083px -539px;
	width: 179px;
	height: 180px;
	top: -145px;
	right: 32px
}
.usecase4-back {
	background-position: -755px -503px;
	width: 289px;
	height: 271px;
	right: -30px
}
.usecase4-front {
	background-position: -553px -993px;
	width: 54px;
	height: 65px;
	top: -28px;
	right: 52px
}
@media screen and (min-width: 1250px) {
	.usecase-contents-outer {
		float: right;
		width: 625px;
		padding-top: 60px
	}
	.usecase-contents-inner {
		width: 2560px;
		transition: margin .6s ease-out, opacity .6s ease-out
	}
	.usecase-contents-inner.show-1 {
		margin-left: 0
	}
	.usecase-contents-inner.show-2 {
		margin-left: -640px
	}
	.usecase-contents-inner.show-3 {
		margin-left: -1280px
	}
	.usecase-contents-inner.show-4 {
		margin-left: -1920px
	}
	.usecase-content {
		float: left;
		width: 625px;
		transition: opacity .4s ease-out;
		opacity: 0;
		margin-right: 15px
	}
	.usecase-content.is-active {
		opacity: 1
	}
	.usecase-content.is-next {
		opacity: .5
	}
}
@media screen and (max-width: 1250px) {
	.usecase-section h2 {
		margin: 0 auto;
		text-align: center;
		max-width: 768px
	}
	.usecase-section h2 span {
		display: inline
	}
	.usecase-tabs-outer {
		float: none;
		padding: 0;
		margin: 75px auto 0;
		height: auto;
		display: none
	}
	.usecase-content {
		max-width: 768px;
		margin: 250px auto 0
	}
	.usecase-outer:before {
		display: none;
	}
}
@media screen and (max-width: 680px) {
	.usecase-section h2 {
		font-size: 25px;
		line-height: 1.7
	}
	.usecase-tabs-outer,
	.usecase-tabs-inner {
		width: 100%
	}
	.usecase-btn {
		font-size: 18px
	}
	.usecase-content .usecase-box {
		padding: 100px 20px 60px
	}
	.usecase-content h3 {
		font-size: 22px;
		line-height: 1.7
	}
}
@media screen and (max-width: 992px) {
	.links-badge {
		float: none;
		margin: 0 auto
	}
	.links-badge:nth-child(2) {
		margin: 20px auto
	}
}
@media screen and (max-width: 768px) {
	.yt-video {
		width: 90%
	}
}
@media screen and (max-width: 600px) {
	.video-section h2 {
		font-size: 25px;
		line-height: 1.7
	}
}
@media screen and (max-width:1230px) {
	.scrn {
		transform: scale(.9)
	}
	.sec4 .ac {
		max-width: 90%
	}
}
@media screen and (max-width:1150px) {
	.ac {
		max-width: 90%
	}
}
@media screen and (max-width:1100px) {
	.scrn {
		transform: scale(.8)
	}
}
@media screen and (max-width:1000px) {
	.mob-hide,
	.scrn,
	.sec4 .lhs,
	.ban .rhs {
		display: none
	}
	.tab-mob-show {
		display: block;
		padding-top: 20px
	}
	.tab-mob-show img {
		width: 100%
	}
	.sec4 .rhs {
		width: 100%;
		padding: 0;
		transform: none;
	}
	.ban .lhs {
		width: 100%;
		padding: 0;
		text-align: center
	}
	.ban .lhs h1 {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 10px
	}
	.ban .lhs p {
		font-size: 18px;
		padding-bottom: 0
	}
	.ban .lhs a {
		margin-top: 10px
	}
	.ban {
		padding: 60px 0
	}
	.sec4 .rhs ul li:last-child {
		padding-bottom: 0
	}
	.sec4 .rhs h3 {
		font-size: 26px
	}
}
@media screen and (max-width:767px) {
	.mew-horizontal-tab .mew-tab-list li {
		padding: 10px
	}
	.mew-horizontal-tab .mew-tab-list li span {
		font-size: 12px
	}
	.mew-horizontal-tab .mew-tab-list li span:after {
		margin: 3px 0 0 8px
	}
	.sec4 .rhs ul li {
		font-size: 16px;
		line-height: 26px
	}
}
@media screen and (max-width:500px) {
	.ds-list li {
		width: 100%
	}
}
@media screen and (max-width:480px) {
	.mew-horizontal-tab .mew-tab-list li {
		padding: 6px 5px
	}
	.mew-horizontal-tab .mew-tab-list li span:after {
		margin: 3px 0 0 3px
	}
}
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%;
	padding-bottom: 80px
}
.scrn-mit {
	padding-top: 80px
}
.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;
	padding-bottom: 30px;
	line-height: 46px
}
.scrn-com .lhs p {
	font-size: 16px;
	padding-bottom: 25px;
	line-height: 28px
}
.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: 16px;
	color: #048bdc;
}
.scrn-com .lhs ul li:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(/sites/meweb/images/se/log-management/images/attack-detection-sprite-banner.png) no-repeat;
	background-size: 550px;
	background-position: -181px -417px;
	margin: 7px 0 0 -50px
}
.scrn-com .lhs a.link {
	font-size: 17px;
	line-height: 28px;
	border: 1px solid #102336;
	border-radius: 5px;
	padding: 10px 65px 10px 30px;
	display: inline-block;
	position: relative;
	color: #000
}
.scrn-com .lhs a.link:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 15px;
	background: url(/sites/meweb/images/se/log-management/images/attack-detection-sprite-banner.png) no-repeat;
	background-size: 509px;
	background-position: -213px -392px;
	margin: 8px 0 0 17px;
	transition: all .4s ease
}
.scrn-com .lhs a.link:hover {
	background: #e8132a;
	border: 1px solid #e8132a;
	color: #fff
}
.scrn-com .lhs a.link:hover:after {
	background-position: -247px -392px
}
.scrn-com .rhs {
	float: left;
	width: 50%
}
.scrn-mit .lhs {
	padding: 0 0 0 50px;
	float: right
}
.scrn-com .rhs .mob-s-scrn {
	width: 100%;
	display: none
}
.scrn-com .tit {
	padding: 60px 0 30px
}
.scrn-com .tit h2 {
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 20px
}
.scrn-com .tit p {
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300
}
.spri {
	position: relative
}
.spri span {
	background-image: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png);
	display: inline-block;
	background-size: 578px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 2000px;
	position: absolute
}
.spri .s1-1 {
	background-position: -812px -154px;
	background-size: 1500px 3250px;
	width: 687px;
	height: 504px;
	transition: all .5s ease;
	transform: translateY(50px);
	opacity: 0
}
.act .spri .s1-1 {
	transform: translateY(0px);
	opacity: 1
}
.spri .s1-11 {
	background-position: 0 -2084px;
	background-size: 1500px 3250px;
	width: 442px;
	height: 233px;
	left: 181px;
	top: 99px;
	opacity: 0
}
.act .spri .s1-11 {
	animation: scale .5s ease-in-out .2s both
}
.act .spri .s1-21 {
	animation: scale .5s ease-in-out 1.6s both
}
.spri .s1-21 {
	background-position: 0 -2381px;
	background-size: 1500px 3250px;
	width: 520px;
	height: 182px;
	left: 113px;
	top: 313px;
	opacity: 0
}
.spri .s1-2 {
	background-position: -841px -3px;
	background-size: 1500px 3250px;
	width: 308px;
	height: 87px;
	left: 261px;
	top: 180px;
	opacity: 0
}
.act .spri .s1-2 {
	animation: graphhor 1s ease-in-out .6s both;
	transform-origin: left
}
.spri .s1-3 {
	background-position: -1195px -3px;
	background-size: 1400px 3120px;
	width: 45px;
	height: 76px;
	left: 478px;
	top: 428px;
	opacity: 0
}
.act .spri .s1-3 {
	animation: arrdown .5s ease-in-out 2.1s both;
	transform-origin: top
}
.spri .s1-4 {
	background-position: -340px -2px;
	background-size: 1500px 3250px;
	width: 449px;
	height: 219px;
	left: 49px;
	top: 418px;
	opacity: 0
}
.act .spri .s1-4 {
	animation: scale .5s ease-in-out 2.6s both;
	transform-origin: right top
}
.spri .s1-5 {
	background-position: 0 -2px;
	background-size: 1500px 3250px;
	width: 315px;
	height: 270px;
	left: 109px;
	top: 463px;
	opacity: 0
}
.act .spri .s1-5 {
	animation: scale .5s ease-in-out 3.1s both;
	transform-origin: right top
}
.spri .s2-1 {
	background-position: -5px -932px;
	background-size: 1500px 3250px;
	width: 700px;
	height: 482px;
	left: -175px;
	transition: all 1s ease;
	transform: translateY(10px);
	opacity: 0
}
.act .spri .s2-1 {
	transform: translateY(0px);
	opacity: 1
}
.spri .s2-21 {
	background-position: -910px -2060px;
	background-size: 1500px 3250px;
	width: 450px;
	height: 247px;
	left: 57px;
	top: 134px;
	opacity: 0
}
.act .spri .s2-21 {
	animation: scale .5s ease-in-out .2s both
}
.spri .s2-2 {
	background-position: -750px -1002px;
	background-size: 1500px 3250px;
	width: 522px;
	height: 182px;
	top: 361px;
	left: -16px;
	opacity: 0
}
.act .spri .s2-2 {
	animation: scale .5s ease-in-out 2.6s both;
	transform-origin: bottom
}
.spri .s2-3 {
	background-position: -1313px -1018px;
	background-size: 1500px 3250px;
	width: 142px;
	height: 96px;
	left: 224px;
	top: 227px;
	opacity: 0
}
.act .spri .s2-3 {
	animation: graphver 1s ease-in-out .6s both;
	transform-origin: bottom
}
.spri .s2-4 {
	background-position: -1313px -1137px;
	background-size: 1500px 3250px;
	width: 88px;
	height: 59px;
	left: 302px;
	top: 239px;
	opacity: 0
}
.act .spri .s2-4 {
	animation: shield .5s ease-in-out 1.6s both
}
.spri .s3-1 {
	background-position: -14px -1581px;
	background-size: 1500px 3250px;
	width: 847px;
	height: 517px
}
.spri .s3-2 {
	background-position: -572px -1428px;
	background-size: 1400px 3120px;
	width: 126px;
	height: 59px;
	left: 605px;
	top: 64px;
	opacity: 0
}
.act .spri .s3-2 {
	animation: graphver .5s ease-in-out .2s both
}
.act .spri .s3-3 {
	animation: graphver .5s ease-in-out .4s both
}
.act .spri .s3-4 {
	animation: graphver .5s ease-in-out .6s both
}
.act .spri .s3-5 {
	animation: graphver .5s ease-in-out .8s both
}
.act .spri .s3-6 {
	animation: graphver .5s ease-in-out 1s both
}
.spri .s3-3 {
	background-position: -405px -1429px;
	background-size: 1400px 3120px;
	width: 156px;
	height: 59px;
	left: 442px;
	opacity: 0;
	top: 65px
}
.spri .s3-4 {
	background-position: -296px -1489px;
	background-size: 1500px 3250px;
	width: 125px;
	height: 59px;
	left: 309px;
	opacity: 0;
	top: 65px
}
.spri .s3-5 {
	background-position: -164px -1489px;
	background-size: 1500px 3250px;
	width: 119px;
	height: 59px;
	opacity: 0;
	left: 180px;
	top: 65px
}
.spri .s3-6 {
	background-position: -16px -1428px;
	background-size: 1400px 3120px;
	width: 125px;
	height: 59px;
	opacity: 0;
	left: 45px;
	top: 65px
}
.spri .s3-71 {
	background-position: -512px -2084px;
	background-size: 1500px 3250px;
	width: 340px;
	height: 209px;
	left: 92px;
	top: 120px;
	opacity: 0
}
.spri .s3-72 {
	background-position: 0 -2614px;
	background-size: 1500px 3250px;
	width: 331px;
	height: 203px;
	left: 416px;
	top: 131px;
	opacity: 0
}
.spri .s3-73 {
	background-position: -566px -2359px;
	background-size: 1500px 3250px;
	width: 421px;
	height: 203px;
	left: 96px;
	top: 320px;
	opacity: 0
}
.spri .s3-74 {
	background-position: -388px -2613px;
	background-size: 1500px 3250px;
	width: 264px;
	height: 203px;
	left: 503px;
	top: 319px;
	opacity: 0
}
.act .spri .s3-71 {
	animation: scale .5s ease-in-out 1.2s both
}
.act .spri .s3-72 {
	animation: scale .5s ease-in-out 1.7s both
}
.act .spri .s3-73 {
	animation: scale .5s ease-in-out 2.2s both
}
.act .spri .s3-74 {
	animation: scale .5s ease-in-out 2.7s both
}
.spri .s3-7 {
	background-position: -728px -1198px;
	background-size: 1400px 3120px;
	width: 113px;
	height: 114px;
	left: 145px;
	top: 184px;
	opacity: 0
}
.act .spri .s3-7 {
	animation: scale .5s linear 3.2s both
}
.spri .s3-8 {
	background-position: -862px -1178px;
	background-size: 1350px 3054px;
	width: 195px;
	height: 93px;
	left: 499px;
	top: 197px;
	opacity: 0
}
.act .spri .s3-8 {
	animation: graphver .5s ease-in-out 3.7s both;
	transform-origin: bottom
}
.spri .s3-9 {
	background-position: -1133px -1199px;
	background-size: 1400px 3120px;
	width: 109px;
	height: 113px;
	left: 581px;
	top: 357px
}
.act .spri .s3-9 {
	animation: scale .5s linear 4.2s both
}
.sprite {
	background-image: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png);
	background-repeat: no-repeat;
	background-size: 1500px 3250px;
	position: absolute;
	right: 0;
	top: -184px
}
.sprite.tab1 {
	background-size: 1300px 3054px;
	background-position: -779px -1353px;
	width: 248px;
	height: 182px
}
.sprite.tab2 {
	background-position: -1063px -1333px;
	background-size: 1300px 3054px;
	width: 239px;
	height: 184px
}
.sprite.tab3 {
	background-position: -856px -1663px;
	background-size: 1400px 3054px;
	width: 271px;
	height: 184px
}
.usecase-content p a {
	color: #0876d8;
	text-decoration: underline
}
.usecase-content p:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}
.usecase-content .tab-cta1 {
	font-size: 17px;
	line-height: 28px;
	border-radius: 5px;
	padding: 10px 65px 10px 30px;
	display: inline-block;
	position: relative;
	background: #e8132a;
	color: #fff;
	margin-top: 5px
}
.usecase-content .tab-cta1:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 15px;
	background: url(/sites/meweb/images/se/log-management/images/attack-detection-sprite-banner.png) no-repeat;
	background-size: 509px;
	background-position: -247px -392px;
	margin: 10px 0 0 17px;
	transition: all .4s ease
}
.s8 {
	background: #063e77;
	padding: 80px 0 0;
	display: none;
}
.s8 h2 {
	color: #fff;
	text-align: center;
	font-size: 46px;
	font-weight: 600;
	padding-bottom: 40px
}
.demo {
	float: left;
	width: 100%
}
.d-com {
	float: left;
	width: 50%;
	background: #0c4c8e;
	text-align: center;
	padding: 40px 10px 50px
}
.d-com span {
	display: table;
	margin: 0 auto;
	margin-bottom: 35px;
	background: url(https://www.manageengine.com/log-management/images/attack-detection-sprite.png) no-repeat -841px -729px;
	background-size: 1500px 3250px;
	width: 186px;
	height: 215px
}
.d-com a {
	background: #fccf1a;
	font-size: 16px;
	padding: 14px 40px;
	display: inline-block;
	border-radius: 1px;
	color: #333;
	font-weight: 500
}
.d-com:hover a {
	background: #ea152b;
	color: #fff;
	box-shadow: 0 8px 10px -1px #3339
}
.demo .rhs {
	background: #05396d
}
.demo .rhs span {
	background-position: -1091px -729px;
	width: 273px
}
@media screen and (min-width: 1400px) {
	.scrn-ml .lhs {
		margin-left: -125px
	}
}
@media screen and (max-width: 1400px) {
	.scrn-ml .rhs .spri {
		transform: scale(0.8);
		margin-left: -100px
	}
	.scrn-mit .rhs .spri {
		transform: scale(.8);
		margin-right: -250px
	}
	.scrn-rule .rhs .spri {
		transform: scale(.8);
		margin-left: -50px
	}
}
@media screen and (max-width: 1200px) {
	.scrn-com .spri {
		display: none
	}
	.scrn-com .rhs .mob-s-scrn {
		display: block
	}
}
@media screen and (max-width: 1025px) {
	#header-mainsec .headerinner {
		padding-bottom: 8px;
	}
}
@media screen and (max-width: 992px) {
	.scrn-com .lhs,
	.scrn-com .rhs {
		width: 100%
	}
	.scrn-com .lhs {
		padding: 15px 25px
	}
	.scrn-mit {
		padding-top: 0
	}
	.scrn-com {
		border: 1px solid #f5f5f5;
		background: #fff;
		margin-bottom: 25px;
		padding: 30px;
		border-radius: 5px;
		box-shadow: 0 1px 3px 4px #33333305
	}
	.scrn-mit .rhs {
		padding-bottom: 30px
	}
	.scrn-mit .lhs {
		padding: 20px 0 0;
		float: left
	}
	.scrn-com.scrn-ml .lhs {
		padding-top: 0
	}
	.scrn-com .tit {
		padding: 20px 0 30px
	}
}
@media screen and (max-width: 767px) {
	.d-com {
		width: 100%
	}
	.sec1 h2,
	.sec2 h2,
	.scrn-com .tit h2,
	.usecase-section h2 span,
	.s8 h2 {
		font-size: 30px;
		line-height: 40px
	}
	.scrn-com .lhs h3 {
		font-size: 22px;
		line-height: 30px
	}
	.video-section {
		margin-bottom: 0;
		padding-top: 40px
	}
}
@media screen and (max-width: 567px) {
	.sec1 h2,
	.sec2 h2,
	.scrn-com .tit h2,
	.usecase-section h2 span,
	.s8 h2 {
		font-size: 24px;
		line-height: 34px
	}
	.scrn-com .lhs h3 {
		font-size: 20px;
		line-height: 30px
	}
	.sec1 p {
		padding: 0
	}
	.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.link {
		font-size: 14px;
		padding: 10px 15px
	}
	.scrn-com .lhs a.link:after,
	.usecase-content .tab-cta1:after {
		display: none
	}
	.usecase-content .tab-cta1 {
		font-size: 15px;
		padding: 10px 20px
	}
}
body .ac .hfp-page-form {
	float: none;
}
body .ac .hfp-page-form .one-line-form {
	float: none
}
body .hfp-page-form * {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: inherit;
	font-weight: inherit;
	color: inherit
}
body .hfp-page-form *:hover {
	background: transparent;
	color: inherit;
	padding: 0;
	margin: 0;
	box-shadow: none;
	transform: none
}
body .hfp-page-form a:hover,
body .af .hfp-page-form a:hover {
	background: none;
	color: inherit;
	box-shadow: none
}
body .hfp-page-form .one-line-form {
	width: 530px;
	margin: 0
}
body .hfp-page-form .one-line-form * {
	font-family: "ZohoPuvi", verdana, arial, sans;
	font-size: 14px;
	outline: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background: none;
}
body .hfp-page-form .one-line-form>form>ul {
	margin: 0;
	padding: 0
}
body .hfp-page-form .one-line-form>form>ul li {
	list-style-type: none;
	float: left;
	border: 1px solid #BF9898;
	background: #fff
}
body .hfp-page-form .one-line-form>form>ul li:nth-child(1) {
	width: 270px;
	position: relative;
	border-radius: 3px 0 0 3px;
	border-right-width: 0
}
body .hfp-page-form .one-line-form>form>ul li:nth-child(1) .form-icn {
	background: #fff;
	width: 38px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 3px 0 0 3px
}
body .hfp-page-form .one-line-form>form>ul li:nth-child(1) .form-icn .icn-mail {
	width: 17px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAABHNCSVQICAgIfAhkiAAAAi1JREFUWEfNl09IFFEcx5MUqTx5q4sHkbZTEiodDDEtipTyH5lSlqIplkLQISoq9RB5NFHBwEsJ3kLr1ClviohnvXQpQgi6iIItfr7xJqZh3Z2ZfbO7Dz7szm/f+/0+zM5v3kzekf/HJQ4vwElPPOrDHxT4Cl+cQnl8OQ5X4R2swJyJRS3jzr/DwT2ogB74LDGN37BpfsikkLfWKoFSKJZYHTyBERiFmiyZLVF3Ch7DC4m9NGfrPZ+18BwuZljuA/UWYR66oERistyAaSOjBpD15QzJqe46zJh6g3yeSSSm36/AMKgpohxvSL4N464iScU0rwHuQ2NEZk/JewyeefKnFNP866A2vmFZ7iH5ymAoQV5fYlrXAreg1ZKcLm412d1D8vkW0/qb0ATtacopx21oTpInkJjydMA16Awp59wv61OsDyymfHdABfR3BBmVTJ6EKh+LQokpr5pBG323jyKacho+Qszn/NBiyt8LOgt9KYrpKWUNTvmU0rS0xJSgH87CwCFFTxD/CUUBpKyIKckD81fpvuQdfwgUQDwbYqp5Hl6DtrBvcA5egbpvL6CUtTPm1NWG/wi0924Zyf0QUtbFQjokXJb2xW9Txp3rn9gyUT2P6ULOhaEuj+maeAvlUJ0LVjj8fXCU2FHTPfk5IvYLj1LnLWmMA706TcCnLAlqD9ZN+7u62hGTSxtoc1bMz2Zr01/vs4WwALMQd4s5hfS4myhuU8SbS7vDrjt4AMGtcSqPL2TTAAAAAElFTkSuQmCC);
	background-size: contain
}
body .hfp-page-form .one-line-form>form>ul li:nth-child(1) input {
	font-size: 14px;
	padding-left: 48px
}
body .hfp-page-form .one-line-form>form>ul li:nth-child(1) input::placeholder {
	color: #b3b3b3
}
body .hfp-page-form .one-line-form>form>ul li:nth-child(2) {
	width: 50px;
	border-left: 0;
	border-right: 0;
	position: relative
}
body .hfp-page-form .one-line-form>form>ul li:nth-child(3) {
	padding-left: 0;
	border-color: #d63327;
	border-radius: 0 3px 3px 0
}
body .hfp-page-form .one-line-form>form>ul li .ffw-errmsg {
	display: none;
	color: red;
	font-size: 12px;
	margin-top: -20px;
	position: absolute;
	font-weight: 300;
	white-space: nowrap
}
body .hfp-page-form .one-line-form>form>ul li input {
	width: 100%;
	height: 50px;
	border: 0;
	padding: 0 10px;
	font-size: 14px;
	color: #000;
	font-weight: 300
}
body .hfp-page-form .one-line-form>form>ul li .selectedCountry {
	text-align: left;
	width: 50px;
	height: 38px;
	top: 2px;
	position: absolute;
	color: #000;
	font-size: 14px;
	margin: 5px 0 0;
	line-height: 33px;
	left: 0;
	padding-left: 8px;
	border-left: 1px solid #e5e5e5;
	font-weight: 300
}
body .hfp-page-form .one-line-form>form>ul li .selectedCountry:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #1e0437;
	z-index: 0;
	right: 10px;
	top: 15px
}
body .hfp-page-form .one-line-form>form>ul li .selectedCountry:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 33px;
	top: 0;
	right: 0;
	background-color: #e6e6e6;
	display: none
}
body .hfp-page-form .one-line-form>form>ul li input[type=submit] {
	font-size: 17px;
	background: #EF292C;
	color: #fff;
	padding: 0 33px;
	cursor: pointer;
	font-weight: 500;
	height: 50px;
	border: 0
}
body .hfp-page-form .one-line-form>form>ul li input[type=submit]:hover {
	background: #9e0303;
	transition: all .5s ease
}
body .hfp-page-form .one-line-form>form>ul li select {
	font-weight: 300;
	width: 50px;
	height: 50px;
	border: 0;
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 0;
	margin: 0;
	z-index: 9;
	position: relative;
	color: #000;
	font-size: 12px;
	opacity: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	float: left
}
body .hfp-page-form .one-line-form>form>ul li select#country_state {
	position: relative;
	font-size: 14px;
	opacity: 1;
	width: 100px;
	float: left;
	padding-left: 0;
	line-height: 22px
}
body .hfp-page-form .one-line-form>form>.misc-field .dwn-priv {
	margin-top: 0;
	line-height: 16px;
	font-weight: 300;
	padding-top: 5px
}
body .hfp-page-form .one-line-form>form>.misc-field .dwn-priv,
body .hfp-page-form .one-line-form>form>.misc-field .dwn-priv * {
	font-size: 11px;
	color: #000;
	text-align: left
}
body .hfp-page-form .one-line-form>form>.misc-field .dwn-priv strong {
	font-weight: 500
}
body .hfp-page-form .one-line-form>form>.misc-field .dwn-priv a {
	font-size: 11px;
	color: #1281bd;
	text-decoration: underline
}
body .hfp-page-form .one-line-form>form>.misc-field #meGDPRMessage {
	line-height: 16px;
	margin: 5px 0 0 !important;
	width: 100%;
	text-align: left
}
body .hfp-page-form .one-line-form>form>.misc-field #meGDPRMessage label {
	font-size: 11px;
	line-height: 18px;
	color: #000;
	font-weight: 300;
	opacity: .8
}
body .hfp-page-form .one-line-form>form>.misc-field #meGDPRMessage .checkmarkgdpr {
	margin-bottom: 0
}
body .hfp-page-form .one-line-form>form>.misc-field::before {
	content: " ";
	display: table;
	clear: both
}
body .hfp-page-form .one-line-form>form>.misc-field * {
	color: #a6a6a6;
	font-weight: 300
}
body .hfp-page-form .one-line-form>form>.misc-field strong {
	font-weight: 600
}
body .hfp-page-form .one-line-form>form>.misc-field a {
	color: #1281bd;
	text-decoration: underline
}
body .hfp-page-form .one-line-form>.success-message {
	display: none
}
body .hfp-page-form .one-line-form>.success-message h2 {
	margin-bottom: 10px;
	color: #000;
	font-weight: 500;
	font-size: 30px
}
body .hfp-page-form .one-line-form>.success-message p {
	font-size: 13px;
	line-height: 23px;
	margin-top: 0;
	color: #000
}
body .hfp-page-form .one-line-form.success ul {
	display: none
}
body .hfp-page-form .one-line-form.success .success-message {
	display: block
}
body .hfp-page-form .one-line-form.success .misc-field {
	display: none
}
body .hfp-page-form .one-line-form.with-state {
	width: 548px
}
body .hfp-page-form .one-line-form.with-state ul li #headerCountryListItem:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #1e0437;
	z-index: 0;
	right: 7px;
	top: 23px
}
body .hfp-page-form .one-line-form.with-state ul li:nth-child(1) {
	margin-left: 0;
	width: 200px
}
body .hfp-page-form .one-line-form.with-state ul li #country_state {
	margin-left: 8px;
	background: transparent
}
body .hfp-page-form .one-line-form.with-state ul li .selectedCountry:after {
	display: block
}
body .hfp-page-form .one-line-form.with-state ul li input[type=submit] {
	padding: 0 20px
}
body .hfp-page-form .one-line-form.with-state ul li:nth-child(2) {
	width: 160px
}
body .hfp-page-form .one-line-form.with-state .ffw-country-list {
	position: relative
}
body .hfp-page-form .one-line-form.with-state .ffw-country-list:after {
	content: "";
	position: absolute;
	right: 4px;
	top: 24px;
	z-index: 0;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #1e0437
}
body .hfp-page-form .m-thanks,
body .hfp-page-form .d-thanks {
	display: none
}
body .hfp-page-form #meGDPRMessage .checkmarkgdpr {
	background: #fff;
	height: 12px !important;
	width: 12px !important
}
body .hfp-page-form #meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
	width: 3px !important;
	height: 6px !important;
	border: 1px solid #000;
	border-width: 0 1.5px 1.5px 0 !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	content: '';
	position: absolute;
	top: 1.5px !important;
	left: 4px !important
}
@media screen and (max-width: 992px) {
	body .hfp-page-form .one-line-form {
		margin: auto
	}
}
@media screen and (max-width: 640px) {
	body .hfp-page-form .one-line-form {
		width: 100%
	}
	body .hfp-page-form .one-line-form>form>ul li {
		width: 100% !important;
		background: transparent
	}
	body .hfp-page-form .one-line-form form ul li input {
		background: #fff
	}
	body .hfp-page-form .one-line-form ul li select {
		width: 100% !important;
		background-color: #fff
	}
	body .hfp-page-form .one-line-form.with-state ul li #country_state {
		background-color: #fff
	}
	body .hfp-page-form .one-line-form ul li:first-child {
		border: 1px solid #8ca2ba !important;
		margin-top: 5px !important;
		width: 100% !important;
		display: block
	}
	body .hfp-page-form .one-line-form ul li:nth-child(2) select {
		border: 1px solid #8ca2ba !important;
		margin-top: 5px !important;
		width: 100% !important;
		display: block;
		opacity: 1;
		-webkit-appearance: listbox
	}
	body .hfp-page-form .one-line-form ul li .selectedCountry {
		display: none;
		width: 100% !important
	}
	body .hfp-page-form .one-line-form ul li:nth-child(3) {
		margin-top: 5px
	}
	body .hfp-page-form .one-line-form.with-state {
		width: 100% !important
	}
	body .hfp-page-form .one-line-form.with-state ul li select#country_state {
		margin-left: 0;
		padding: 0 10px;
		font-size: 12px
	}
}
body .hfp-page-form .one-line-form>.success-message p a {
	color: #2323e0;
	font-size: inherit;
	text-decoration: underline
}
@media screen and (max-width : 1100px) {
	.rhs {
		transform: scale(.7);
		right: -60px;
	}
}