/* mweb-custom.css .hide has !important, which blocks jQuery fadeIn */
.hide[style*="display: block"],
.hide[style*="display: inline"] { display: block !important; }
span.cross    { background: url(https://www.manageengine.com/products/eventlog/infographics/images/tow-cross.png) repeat-x left top; }
.globe-cont   { background: url(https://www.manageengine.com/products/eventlog/infographics/images/siem-stars.png) no-repeat left top; }
.shome a      { background: #5abc29 url(https://www.manageengine.com/products/eventlog/infographics/images/icon-home.png) no-repeat 8px center; }
.sdownload a  { background: #5abc29 url(https://www.manageengine.com/products/eventlog/infographics/images/icon-download.png) no-repeat 8px center; }

 footer#commonFooter .clearfix { display:flex} 
@charset "UTF-8";

/* CSS Document */
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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.wrap {
	margin-left: auto;
	margin-right: auto;
	width: 1040px;
	position: relative;	/*outline: 2px solid yellow;*/
}
@font-face {
	font-family: 'bebas neue';
	src: url('fonts/bebasneue_bold-webfont.eot');
	src: url('fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('fonts/bebasneue_bold-webfont.woff') format('woff'), url('fonts/bebasneue_bold-webfont.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'bebas neue';
	src: url('fonts/bebasneue_regular-webfont.eot');
	src: url('fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('fonts/bebasneue_regular-webfont.woff') format('woff'), url('fonts/bebasneue_regular-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'bebas neue';
	src: url('fonts/bebasneue_light-webfont.eot');
	src: url('fonts/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_light-webfont.woff2') format('woff2'), url('fonts/bebasneue_light-webfont.woff') format('woff'), url('fonts/bebasneue_light-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'american purpose';
	src: url('fonts/american_purpose-webfont.eot');
	src: url('fonts/american_purpose-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/american_purpose-webfont.woff2') format('woff2'), url('fonts/american_purpose-webfont.woff') format('woff'), url('fonts/american_purpose-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'bebas neue', Helvetica, Arial, Verdana;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.sprite {
	background-image: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png');
}
#header {
	width: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	height: 45px;
	background-color: #fff;
	padding: 15px 0;

}
.socialMedia{
height: 175px;
width: 30px;
background:#ccc;
position: fixed;
top:50%;
z-index: 10;
right:0;
border-radius: 4px 0 0 4px;
 -webkit-box-shadow: 1px 1px 14px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 14px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 14px 0px rgba(50, 50, 50, 0.75);
padding-right:4px;
margin-top:-80px;
}
.socialMedia ul{
	padding: 0;
	margin: 0;
	float:left;
	}
	.socialMedia ul li{
		float: left;
		padding:4px;
	}
	.socialMedia ul li a{
		display: block;
		width:27px;
		height: 27px;
		
		text-decoration: none;
		background-image: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png');
	}
	.fb{
		background-position: -7px -2066px;;
	}
	.tw{
		background-position:  -8px -2093px;
	}
		.in{
		background-position: -8px -2120px;
	}

		.gp{
		background-position: -7px -2148px;
	}
	.yt{
		background-position: -8px -2176px;
	}
.logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: 80px;
	background-position: -9px -13px;
}
.logo a {
	display: block;
	height: 80px;
}
.topMenu {
	margin-left: 180px;
}
.topMenu .topMenuUl {
	float: right;
	margin-top: 22px;
}
.topMenu .topMenuUl li {
	float: left;
}
.topMenu .topMenuUl li a {
	display: block;
	font-size: 21px;
	text-decoration: none;
	padding: 3px 14px;
	border-bottom: 4px solid #fff;
	margin: 0px 8px;
	font-weight: bold;
}
.topMenu .topMenuUl li.active a {
	border-color: #999999;
}
.clr-0 {
	color: #842424;
}
.clr-1 {
	color: #c2580a;
}
.clr-bg-1 {
	background-color: #f1c96f;
}
.clr-2 {
	color: #175b81;
}
.clr-bg-2 {
	background-color: #30424c;
}
.clr-3 {
	color: #861675;
}
.clr-bg-3 {
	background-color: #55355e;
}
.clr-4 {
	color: #00766a;
}
.clr-bg-4 {
	background-color: #1c4e41;
}
.clr-5 {
	color: #a90f5b;
}
.clr-bg-5 {
	background-color: #7b364e;
}
.clr-6 {
	color: #0c5da7;
}
.clr-bg-6 {
	background-color: #3d76aa;
}
.clr-7 {
	color: #323232;
}
.american_purpose {
	font-family: 'american purpose', Helvetica, Arial, Verdana;
}
.section {
	padding-top: 75px;
}
#home{
	background-image: url('https://www.manageengine.com/products/eventlog/infographics/images/home_pattern.png');
	/*background-attachment: fixed;*/
}
#register {
	background-color:#323232;
}
#jan {
	background-color: #EBA840;
}
#feb {
	background-color: #25333b;
}
#feb2 {
	background-color: #6b3763;
}
#aug {
	background-color: #003933;
}
#sep {
	background-color: #621b3e;
}
#nov {
	background-color: #215a8e;
}
.strip-div {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	position: relative;
}

/*home styles*/
.manageEngine {
	background-position: -199px -5px;
	width: 433px;
	height: 96px;
	position: absolute;
	top: 44px;
	left: 300px;
	z-index: 2;
}
.transparent {
	background: rgba(0, 0, 0, 0.2);
}
.tpb-1 {
	width: 560px;
	height: 215px;
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 0
}
.tpb-2 {
	width: 335px;
	height: 362px;
	position: absolute;
	left: -45px;
	top: 225px;
	z-index: 0
}
.tpb-3 {
	width: 703px;
	height: 141px;
	position: absolute;
	right: 0;
	top: 550px;
	z-index: 0;
}
.blue-box {
	width: 916px;
	height: 118px;
	font-size: 55px;
	padding: 20px;
	text-align: center;
	background: #2d7e9f;
	border-radius: 4px;
	border-radius: 5px;
	background: #2d7ea0; /* Old browsers */
	background: -moz-linear-gradient(top, #2d7ea0 51%, #256689 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2d7ea0 51%, #256689 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2d7ea0 51%, #256689 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d7ea0', endColorstr='#256689', GradientType=0); /* IE6-9 */
	box-shadow: inset 0px 0px 2px 0px #94BECF, 0px 9px 5px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0px 0px 2px 0px #94BECF, 0px 9px 5px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 0px 2px 0px #94BECF, 0px 9px 5px 1px rgba(0, 0, 0, 0.4);
	-o-box-shadow: inset 0px 0px 2px 0px #94BECF, 0px 9px 5px 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	z-index: 6;
	top: 190px;
	left: 38px;
	position: absolute;
}
.blue-box span{
color:#FDD600;
}
.everything {
	width: 100%;
	height: 225px;
	top: 370px;
	position: absolute;
	z-index: 4;
}
.smileBoy {
	width: 254px;
	height: 216px;
	position: absolute;
	background-position: -23px -131px;
}
.adap_boy {
	width: 550px;
	height: 465px;
	background-position: -625px -1557px;
	margin-top: -108px;
	margin-left: -100px;
}
.everythingText {
	float: left;
	font-size: 116px;
	font-family: 'american purpose', Helvetica, Arial, Verdana;
	color: rgb(255, 230, 59);
	line-height: 0.509;
	text-align: right;
	margin-left: 340px;
	margin-top: 80px;
	text-shadow: 7px 12.124px 7px rgba(0, 0, 0, 0.3);
	-moz-transform: matrix(1.25168346725491, 0, 0, 1.25168346725491, 0, 0);
	-webkit-transform: matrix(1.25168346725491, 0, 0, 1.25168346725491, 0, 0);
	-ms-transform: matrix(1.25168346725491, 0, 0, 1.25168346725491, 0, 0);
}
.bigBar {
	height: 216px;
	width: 100%;
}
.bigBar-feb {
	height: 275px;
}
.bigBar-feb-2 {
	height: 287px;
}
.slogan, .clbox {
	width: 650px;
}
.slogan-2 {
	font-size: 82px;
	color: #fff;
	padding-top: 13px;
}
.slogan-2 span {
	font-size: 111px;
	color: #fff;
}
.slogan-3 {
	font-size: 43px;
	color: #fff;
	padding-top: 34px;
	font-weight: bold;
}
.slogan-3 span {
	font-size: 143px;
}
.slogan-3 i {
	font-size: 29px;
	color: #bffdff;
	display: block;
}
.slogan-3 strong,.yellow {
	color: #fff150;
}
.slogan-4 {
	font-size: 59px;
	color: #fff;
	padding-top: 34px;
	font-weight: bold;
	word-spacing: 13px;
}
.slogan-4 span {
	font-size: 102px;
	line-height: 88px;
}
.slogan-5 {
	font-size: 55px;
	color: #fff;
	padding-top: 34px;
	font-weight: bold;
	word-spacing: 13px;
}
.slogan-6 {
	font-size: 43px;
	color: #fff;
	padding-top: 13px;
	font-weight: bold;
	word-spacing: 13px;
	text-align: center;	/*width:500px;*/
}
.slogan-6 span {
	font-size: 84px;
	line-height: 88px;
}
.slogan-7 {
	font-size: 63px;
	color: #fff;
	padding-top: 33px;
	font-weight: bold;
	word-spacing: 13px;
	text-align: center;	/*width:500px;*/
}
.slogan-7 span {
	font-size: 95px;
	line-height: 88px;
}
.year-fbox, .crbox {
	width: 380px;
	height: 216px;
}
.year-box-outer {
	width: 230px;
	height: 98px;
	background-color: rgba(0, 0, 0, 0.2);
	margin-left: 46px;
	margin-top: 60px;
}
.year-box-inner {
	position: absolute;
	width: 218px;
	height: 86px;
	background: #8a3a00;
	margin-top: -7px;
	margin-left: 7px;
	padding: 6px;
}
.pt25 {
	padding-top: 25px;
}
.pt15 {
	padding-top: 15px;
}
.year-box {
	width: 214px;
	height: 82px;
	border: 2px solid #ad6217;
	background: #8a3a00;
	text-align: center;
	font-weight: bold;
	font-size: 60px;
	color: #fff;
	line-height: 84px;
}
.header-h3 {
	font-weight: bold;
	font-size: 32px;
	color: #282828;
	line-height: 32px;
	margin: 10px 0 15px 0;
}
.hhcontainer {
	width: 500px;
}
.header-highlight-h3 {
	color: #feffc2;
	font-weight: bold;
	font-size: 29px;
	line-height: 42px;
	margin: 7px 0 10px 0;
}
.header-highlight-h3 span {
	font-size: 43px;
	display: block;
}
.header-h4 {
	font-weight: bold;
	font-size: 21px;
	line-height: 21px;
	margin: 7px 0 10px 0;
}
.lightblue {
	color: #bffdff;
}
.mt10 {
	margin-top: 10px;
}
.make-block {
	display: block
}
.align-center {
	text-align: center;
}
.callout {
	background-color: #c2580a;
	width: 306px;
	height: 46px;
	font-family: 'american purpose', Helvetica, Arial, Verdana;
	font-size: 24px;
	text-align: center;
	padding: 12px;
	margin-bottom: 40px;
	position: relative;
	color: #fff;
	z-index: 1;
}
.callout-tail {
	position: absolute;
	left: 70%;
	top: 69px;
	width: 31px;
	height: 34px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')  -998px 0;
}
.callout-invert {
	background-color: #000;
	width: 360px;
	padding: 16px 12px;
}
.callout-invert .callout-tail {
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') -912px 0;
	width: 59px;
	height: 51px;
	top:77px;
}
.callout-black {
	background-color: #000;
	width: 360px;
	padding: 16px 12px;
	height: 54px;
	margin-top: 75px;
}
.callout-black .callout-tail {
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') -912px 0;
	width: 59px;
	height: 51px;
	top:85px;
}
.callout-darkgreen {
	background-color: #131c09;
	width: 360px;
	padding: 16px 12px;
	height: auto;
	margin-top:58px;
}
.callout-darkgreen .callout-tail {
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') -772px 0;
	width: 24px;
	height: 31px;
	top: 103px;
}
.callout-violet {
	background-color: #391f41;
	margin-top: 80px;
	padding: 16px 12px;

}
.callout-violet .callout-tail {
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') -841px 0;
	width: 59px;
	height: 51px;
	top:77px;
}
.callout-pink {
	background-color: #370a20;
	padding: 16px 12px;
}
.callout-pink .callout-tail {
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') -690px 0;
	width: 59px;
	height: 51px;
	top:77px;
}
.bigBar-feb .callout {
	margin-top: 50px;
}
.adap_crb {
	margin-top: 30px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')  -452px -109px;
	width: 539px;
	height: 295px;
opacity: 0;
}
.erp_rac {
	margin-top: -9px;
	margin-left: 70px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')  -533px -755px;
	width: 491px;
	height: 262px;
	opacity: 0;
}
.graphical {
	margin-top: 20px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')  -511px -1057px;
	width: 515px;
	height: 261px;
	opacity: 0;
}
.master {
	margin-top: -20px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')  -696px -443px;
	width: 316px;
	height: 307px;
}
.master-2 {
	margin-top: -20px;
	margin-left: -70px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') 0px -1103px;
	width: 512px;
	height: 403px;
}
.master-3 {
	margin-top: -240px;
	margin-left: -145px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') -1246px -57px;
	width: 570px;
	height: 493px;
}
.batman {
	margin-top: -25px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')  -2px -712px;
	width: 520px;
	height: 315px;
	margin-left:-20px;
}
.adap_tech_dele {
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')  38px -1539px;
	width: 617px;
	height: 314px;
	opacity: 0;
}
.ele-threat-intelligence {
	margin-top: -9px;
	margin-left: 34px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')   -1164px -735px;
	width: 590px;
	height: 300px;
	opacity: 0;
}
.cluster-file-auditing {
	margin-top: -9px;
	margin-left: 34px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png')   -1164px -1171px;
	width: 590px;
	height: 350px;
}
.ufo {
	width: 550px;
	height: 465px;
	background-position: -1255px -1750px;
	margin-top: -96px;
	margin-left: -100px;
}
.shadow {
	width: 100%;
	clear: both;
	height: 10px;
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') repeat-x  -1px -2235px;
	bottom: -1px;
	position: absolute;
}
.text20 {
	font-size: 20px;
}
.header-aug {
	font-size: 27px;
	color: #feffc2;
}
.header-sep {
	font-size: 30px;
	color: #feffc2;
	line-height: 40px;
}
.header-nov {
	font-size: 30px;
	color: #feffc2;
	line-height: 40px;
}
.greetings{
	font-family: 'american purpose', Helvetica, Arial, Verdana;
	font-size: 43px;
	color:#ffe63b;
	
	margin-bottom: 40px;
	text-align: center;;
	position: relative;
	z-index: 1;
	text-shadow: rgba(0, 0, 0,0.4) 4px 4px 4px;
}
.greetings span{
	font-size: 61px;
	color:#fff;
	display: block;
}
.offermsg,.thanksMsg{
	font-family: 'american purpose', Helvetica, Arial, Verdana;
	font-size: 36px;
	text-align: center;;
	position: relative;
	z-index: 1;
	color:#fff;
}
.contactTop{
	padding-top: 75px;
height:450px;
background-image: url('https://www.manageengine.com/products/eventlog/infographics/images/home_pattern.png');
overflow: hidden;
}
.contactBottom{
	min-height: 100px;
box-shadow: inset 0 12px 9px -1px #0f0f0f;
-webkit-box-shadow: inset 0px 12px 9px -1px #0F0F0F;
-moz-box-shadow: inset 0px 12px 9px -1px #0F0F0F;
-o-box-shadow: inset 0px 12px 9px -1px #0F0F0F;
padding-top: 20px;
}
.manageEngine-Mini{
	background: url('https://www.manageengine.com/products/eventlog/infographics/images/yearend-sprite.png') repeat-x  -38px -1981px;
	width: 290px;
	height: 66px;
	margin:0px auto 10px auto;

}
.siemLink{
	text-align: center;
	font-family: arial;
	color:#fff;
}
.siemLink a{color:#fff;
text-decoration:none;}
.form{

    width: 400px;
    height: 220px;
    overflow: hidden;
    margin: 20px auto 10px auto;    background:#fff;
    z-index: 3;
    position: relative;
    -webkit-box-shadow: 1px 1px 14px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 14px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 14px 0px rgba(50, 50, 50, 0.75);
border-radius: 4px;
}
.fheader{
	font-family: 'american purpose',Helvetica,Arial,Verdana;
	height: 20px;
	padding:20px 0 0 0;
	color:#8F2023;
	font-size: 24px;
	text-align: center;

}
.disclaimer{
	color:#A8A8A8;
	margin-top: 100px;
	text-align: center;
}
#ads .font-normalize{font-family:'Helvetica Neue', Helvetica,arial, sans-serif}

@charset "UTF-8";
/* CSS Document */

html, body, #index {
	height: 100%;
	min-height: 100%;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #475666;
	font-weight: 100
}
* {
	padding: 0;
	margin: 0;
	outline:none;
}
section {
	height: 100%;
	min-height: 100%;
	text-align: center;
	overflow: hidden;
}
section.Regulatory {
	height: 70%;
	min-height: 70%
}
.container {
	width: 1000px;
	margin: 0 auto;
	padding: 3% 0;
}
.twocolors {
	position: relative;
	z-index: 9;
	background: #333
}
.twocolors:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 50%;
	bottom: 0;
	left: 0;
	background: #2f2f2f
}
#Home {
	background: #d9d3c6
}
#Home.twocolors:before {
	background: #e8e2d4
}
#Logdata {
	background: #e46566
}
#Logdata:before {
	background: #ca5253
}
#Average {
	background: #222836
}
#Average:before {
	background: #252c3f
}
#Solutions {
	background: #eec53b
}
#Solutions:before {
	background: #ffd74b
}
#Deploying {
	background: #6ed1a6
}
#Deploying:before {
	background: #5ec195
}
#Weather {
	background: #82cbe7
}
#Weather:before {
	background: #70b9d5
}
#Regulatory {
	background: #365e8a
}
#Regulatory:before {
	background: #3c699a
}
h1 {
	font-size: 12em;
	font-weight: 700;
	letter-spacing: 40px
}
h1 span:first-child {
	margin-left: 67px
}
h2 {
	height: 80px
}
h2 span {
	font-size: 2em;
	font-weight: 300
}
h2.slogan {
	opacity: 0
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear:before, .clear:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}
.clear:after {
	clear: both
}
.tow-bk {
	margin: 70px 0 0
}
.tow-bk div {
	width: 30%
}
.tow-bk div.tow1 {
	margin-top: 27px
}
.pr {
	position: relative
}
.pa {
	position: absolute
}
.tl {
	text-align: left
}
.tr {
	text-align: right
}
.tc {
	text-align: center
}
.hidden {
	opacity: 0
}
.tow-bk p {
	font-size: 3.5em;
	font-weight: 100;
	width: 40%;
	margin: 130px auto 0
}
span.cross {
	width: 220px;
	height: 6px;
	background: url(../images/tow-cross.png) repeat-x left top;
	position: absolute;
	bottom: 29px;
	left: 40px;
	display: block
}
.hide {
	display: none
}
.globe-cont {
	background: url(../images/siem-stars.png) no-repeat left top;
	min-height: 300px;
}
.star {
	background: #FDF5CE;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	top: 15%;
	left: 22%;
	opacity: .7;
}
#Logdata h2, #Average h2, #Solutions h2, #Deploying h2, #Weather h2, #Regulatory h2, #Regulatory h3, .site-url {
	color: #FFF;
	font-size: 2em;
	font-weight: 100
}
.site-url {
	color: #696969;
	margin: 10px 0;
	font-size: 3em;
	text-decoration: none
}
.site-url:hover {
	color: #FFF
}
#Solutions h2 {
	color: #433735;
}
#Weather h2 strong {
	font-weight: 300;
}
#Weather h3 {
	font-weight: 300px;
	font-size: 4em;
	margin: 0 5%;
}
#Regulatory h3 {
	position: absolute;
	top: -50px;
	width: 200px;
	font-size: 2.5em;
}
#Average h2, #Average p, #Weather p {
	color: #bdb590;
	height: auto
}
#Average p, #Weather p {
	font-size: 1.2em;
	margin: 20px 0 0
}
#Solutions p, #Deploying h3 {
	font-size: 1.4em;
	font-weight: 300;
	margin: 10px 0 30px;
	color: #433735;
}
#Deploying h2, #Deploying h3 {
	color: #222b37;
}
#Deploying h3 {
	margin: 0;
}
#Weather h2 {
	height: auto;
}
#Weather h3 {
	color: #FFF;
	font-size: 4em;
	font-weight: 300
}
#Weather p {
	color: #FFF;
	margin-bottom: 30px;
}
#Logdata {
	position: relative
}
.ldata, .rdata {
	width: 18%;
	text-align: left;
	font-size: 1.2em;
	color: #FFF;
	font-weight: 100;
	position: absolute;
	bottom: 5%;
	left: 5%;
	line-height: 35px
}
.rdata {
	text-align: right;
	left: auto;
	right: 5%;
	bottom: 10%
}
.pieContainer {
	height: 500px;
	width: 500px;
	margin: 0 auto
}
.pieBackground {
	background-color: #f4f4db;
	position: absolute;
	width: 50px;
	height: 50px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
	margin: 0 auto
}
.pie {
	position: absolute;
	width: 500px;
	height: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
	clip: rect(0,250px,500px,0)
}
.hold {
	position: absolute;
	width: 500px;
	height: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
	clip: rect(0,500px,500px,250px)
}
#pieSlice1 .pie {
	background-color: #afea49;
	-webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg)
}
#pieSliceBlue .pie {
	background-color: #afea49;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}
.pieContainer.active #pieSliceBlue .pie {
	-webkit-transform: rotate(175deg);
	-moz-transform: rotate(175deg);
	-o-transform: rotate(175deg);
	transform: rotate(175deg);
	transition: all 1s linear 2s;
	-webkit-transition: all 1s linear 2s
}
.logdata-cont {
	top: 0px;
	width: 500px;
}
.logdata-cont>div {
	top: 250px;
	position: absolute
}
.ld1 {
	left: -100%
}
.ld2 {
	right: -100%
}
.paper {
	bottom: 0px;
	height: 547px;
	width: 278px;
}
.paper span {
	height: 0;
	display: block;
	overflow: hidden;
}
.anim-slow {
	-moz-animation: paralax 5s infinite;
	-webkit-animation: paralax 5s infinite;
	-o-animation: paralax 5s infinite;
	-ms-animation: paralax 5s infinite;
	-khtml-animation: paralax 5s infinite;
	animation: paralax 5s infinite
}
@-moz-keyframes paralax {
0% {
top:80px
}
25% {
top:87px
}
50% {
top:80px
}
75% {
top:87px
}
100% {
top:80px
}
}
@-webkit-keyframes paralax {
0% {
top:80px
}
25% {
top:85px
}
50% {
top:80px
}
75% {
top:85px
}
100% {
top:80px
}
}
@-o-keyframes paralax {
0% {
top:80px
}
25% {
top:87px
}
50% {
top:80px
}
75% {
top:87px
}
100% {
top:80px
}
}
@-ms-keyframes paralax {
0% {
top:80px
}
25% {
top:87px
}
50% {
top:80px
}
75% {
top:87px
}
100% {
top:80px
}
}
@-khtml-keyframes paralax {
0% {
top:80px
}
25% {
top:87px
}
50% {
top:80px
}
75% {
top:87px
}
100% {
top:80px
}
}
@keyframes paralax {
0% {
top:80px
}
25% {
top:87px
}
50% {
top:80px
}
75% {
top:87px
}
100% {
top:80px
}
}
.sglobe {
	margin: 0 auto;
	width: 506px;
	left: -4px
}
.smoon {
	left: -100%;
	top: 160px
}
.ssun {
	right: -100%;
	top: 140px
}
.sflight {
	left: 350px;
	top: 125px
}
.anim-flight {
	-moz-animation: flight 5s infinite;
	-webkit-animation: flight 5s infinite;
	-o-animation: flight 5s infinite;
	-ms-animation: flight 5s infinite;
	-khtml-animation: flight 5s infinite;
	animation: flight 5s infinite
}
@-moz-keyframes flight {
0% {
top:115px
}
25% {
top:120px
}
50% {
top:115px
}
75% {
top:120px
}
100% {
top:115px
}
}
@-webkit-keyframes flight {
0% {
top:115px
}
25% {
top:120px
}
50% {
top:115px
}
75% {
top:120px
}
100% {
top:115px
}
}
@-o-keyframes flight {
0% {
top:115px
}
25% {
top:120px
}
50% {
top:115px
}
75% {
top:120px
}
100% {
top:115px
}
}
@-ms-keyframes flight {
0% {
top:115px
}
25% {
top:120px
}
50% {
top:115px
}
75% {
top:120px
}
100% {
top:115px
}
}
@-khtml-keyframes flight {
0% {
top:115px
}
25% {
top:120px
}
50% {
top:115px
}
75% {
top:120px
}
100% {
top:115px
}
}
@keyframes flight {
0% {
top:115px
}
25% {
top:120px
}
50% {
top:115px
}
75% {
top:120px
}
100% {
top:115px
}
}
.yes-bounce {
	-webkit-animation: bounce 1s both 1;
	-moz-animation: bounce 1s both 1;
	-o-animation: bounce 1s both 1;
	animation: bounce 1s both 1
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0);
}
50% {
-webkit-transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0px);
}
}
 @-moz-keyframes bounce {
0% {
-moz-transform: translateY(0);
}
25% {
-moz-transform: translateY(-30px);
}
50% {
-moz-transform: translateY(30px);
}
75% {
-moz-transform: translateY(-30px);
}
50% {
-moz-transform: translateY(0px);
}
}
 @-o-keyframes bounce {
0% {
-o-transform: translateY(0);
}
25% {
-o-transform: translateY(-30px);
}
50% {
-o-transform: translateY(30px);
}
75% {
-o-transform: translateY(-30px);
}
50% {
-o-transform: translateY(0px);
}
}
@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(30px);
}
100% {
transform: translateY(0px);
}
}
.no-bounce {
	-webkit-animation: shake 1s both 1;
	-moz-animation: shake 1s both 1;
	-o-animation: shake 1s both 1;
	animation: shake 1s both 1;
}
 @-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70% {
-webkit-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
}
}
 @-moz-keyframes shake {
0%, 100% {
-moz-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform: translateX(10px);
}
}
 @-o-keyframes shake {
0%, 100% {
-o-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-o-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-o-transform: translateX(10px);
}
}
 @keyframes shake {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
transform: translateX(10px);
}
}
.rotate {
	-webkit-animation: spin 20s linear infinite;
	-moz-animation: spin 20s linear infinite;
	animation: spin 20s linear infinite
}
.rotate1 {
	-webkit-animation: spin 50s linear infinite;
	-moz-animation: spin 50s linear infinite;
	animation: spin 50s linear infinite
}
@-moz-keyframes spin {
100% {
-moz-transform:rotate(360deg)
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.bright {
	-webkit-animation: glow 3s linear infinite;
	-moz-animation: glow 3s linear infinite;
	animation: glow 3s linear infinite
}
.siren-bright {
	-webkit-animation: glow .8s linear infinite;
	-moz-animation: glow .8s linear infinite;
	animation: glow .8s linear infinite
}
@-webkit-keyframes glow {
0% {
opacity:1
}
50% {
opacity:.2
}
100% {
opacity:1
}
}
@-moz-keyframes glow {
0% {
opacity:1
}
50% {
opacity:.2
}
100% {
opacity:1
}
}
@-o-keyframes glow {
0% {
opacity:1
}
50% {
opacity:.3
}
100% {
opacity:1
}
}
@keyframes glow {
0% {
opacity:1
}
50% {
opacity:.2
}
100% {
opacity:1
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform:scaleX(-1)
}
50% {
-webkit-transform:scaleX(1)
}
100% {
-webkit-transform:scaleX(-1)
}
}
@-moz-keyframes flip {
0% {
-moz-transform:scaleX(-1)
}
50% {
-moz-transform:scaleX(1)
}
100% {
-moz-transform:scaleX(-1)
}
}
@-o-keyframes flip {
0% {
-o-transform:scaleX(-1)
}
50% {
-o-transform:scaleX(1)
}
100% {
-o-transform:scaleX(-1)
}
}
@keyframes flip {
0% {
transform:scaleX(-1)
}
50% {
transform:scaleX(1)
}
100% {
transform:scaleX(-1)
}
}
.fixed-bar{
	position:fixed;
	top:34%;
	right:0px;
	z-index:9999999999;
	width:38px;
}
.share-block{
	text-align:right;
	padding-left:3px;
}
.share-block a{
	display:block;
	width:38px;
	height:35px;
}
.share-block a:hover{
	opacity:.9;
}
.shome a, .sdownload a{
	padding:10px 10px 10px 35px;
	color:#FFF;
	font-size:14px;
	display:block;
	text-decoration:none;
	width:100px;
}
.shome a{
	background:#5abc29 url(../images/icon-home.png) no-repeat 8px center;
}
.sdownload a{
	background:#5abc29 url(../images/icon-download.png) no-repeat 8px center;
}
div.sdownload, div.shome{
	left:3px;
	-webkit-transition: left .3s  ;
	-moz-transition: left .3s;
	transition: left .3s;
	padding-top:10px;
	position:relative;
}
div.shome:hover{
	left: -60px;
}
div.sdownload:hover{
	left:-100px;
}
.flip-cont {
	-webkit-animation: flip .8s linear infinite;
	-moz-animation: flip .8s linear infinite;
	animation: flip .8s linear infinite;
	opacity: .8
}
.g50, .g25, .g75 {
	float: left
}
.g50 {
	width: 50%
}
.g25 {
	width: 25%
}
.g75 {
	width: 75%
}
.siren {
	margin: -40px auto -100px auto;
	width: 222px
}
.siren-ring {
	top: 55px;
	left: 77px
}
.siren-light {
	left: 0;
	top: 0
}
.ladder, .ladder2 {
	bottom: -550px;
	vertical-align: bottom;
	height: 548px;
	left: 0
}
.ladder2 {
	left: auto;
	right: 0
}
.ladder img {
	margin-top: 17px;
}
.ladder h3 {
	top: 10%;
	right: 20%;
}
.ladder2 h3 {
	top: 10%;
	left: 42%;
}
#Deploying .container {
	min-height: 100%
}
h4.yes, h4.no {
	position: absolute;
	top: 55%;
	left: 7%;
	color: #FFF;
	font-size: 2em;
	font-weight: 100;
	width: 200px
}
h4.no {
	left: auto;
	right: 7%;
	color: #4b93af
}
.chart {
	width: 800px;
	margin: 0 auto;
	height: 350px;
	overflow: hidden;
	padding-top: 100px
}
.chart .g25 {
	background: #6386ad;
	height: 350px;
	margin-top: 350px
}
.chart .g25 img {
	margin-top: 30px
}
ul.menu {
	position: fixed;
	right: 60px;
	top: 40%;
	width: 20px;
	z-index: 999999999;
	list-style: none
}
ul.menu li {
	padding: 5px;
	margin: 0
}
ul.menu li a {
	width: 10px;
	height: 10px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	background: #FFF;
	text-indent: -9999em;
	display: block;
	padding: 0;
	margin: 0
}
ul.menu li a.active {
	background: #555;
}
.des-cont {
	color: #999;
	line-height: 25px;
	margin: 150px 20px 0 20px;
}
.count-val {
	font-size: 3.5em;
	font-weight: 300;
	color: #5e646c;
	top: 20px;
	left: 20%;
	width: 200px
}
.c2 {
	left: 41%;
}
.globenew {
	width: 0;
	height: 0
}
.cloud1 {
	left: 25%;
	-moz-animation: cmove 7s infinite;
	-webkit-animation: cmove 7s infinite;
	-o-animation: cmove 7s infinite;
	-ms-animation: cmove 7s infinite;
	-khtml-animation: cmove 7s infinite;
	animation: cmove 7s infinite;
}
.cloud2 {
	left: 45%;
	-moz-animation: cmove 7s infinite;
	-webkit-animation: cmove 7s infinite;
	-o-animation: cmove 7s infinite;
	-ms-animation: cmove 7s infinite;
	-khtml-animation: cmove 7s infinite;
	animation: cmove 7s infinite;
}
@-moz-keyframes cmove {
0% {
top:450px
}
25% {
top:454px
}
50% {
top:450px
}
75% {
top:454px
}
100% {
top:450px
}
}
@-webkit-keyframes cmove {
0% {
top:450px
}
25% {
top:454px
}
50% {
top:450px
}
75% {
top:454px
}
100% {
top:450px
}
}
@-o-keyframes cmove {
0% {
top:450px
}
25% {
top:454px
}
50% {
top:450px
}
75% {
top:454px
}
100% {
top:450px
}
}
@-ms-keyframes cmove {
0% {
top:450px
}
25% {
top:454px
}
50% {
top:450px
}
75% {
top:454px
}
100% {
top:450px
}
}
@-khtml-keyframes cmove {
0% {
top:450px
}
25% {
top:454px
}
50% {
top:450px
}
75% {
top:454px
}
100% {
top:450px
}
}
@keyframes cmove {
0% {
top:450px
}
25% {
top:454px
}
50% {
top:450px
}
75% {
top:454px
}
100% {
top:450px
}
}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
html, body, #index {
	font-size: 10px;
}
.container, .chart, .logdata-cont {
	width: 95%;
}
#Deploying .ladder img {
	width: 100%;
	height: auto;
}
.ld1 img, .ld2 img {
	width: 70%;
	height: auto;
}
span.cross {
	width: 180px;
}
.ldata {
	left: 0px;
}
.rdata {
	right: 0px;
}
.ladder2 h3 {
	left: 70%;
}
.sglobe img.globenew {
	width: 300px !important;
	height: auto !important;
	margin-top: 70px;
}
.ladder img {
	margin-top: 100px;
}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
html, body, #index {
	font-size: 10px;
	line-height: inherit;
}
.container, .chart, .logdata-cont {
	width: 95%;
}
img {
	width: 85%;
	height: auto;
}
.g50 img, .g25 img {
	width: 95%;
}
.ladder, .ladder2 {
	height: auto;
}
.siren {
	margin: -50px auto;
	width: 150px;
}
.siren-light {
	display: none;
}
.siren-ring {
	top: 25px;
	left: 52px;
	width: 45px;
}
h4.yes, h4.no {
	top: 70%;
	width: auto;
}
#Weather .container {
	min-height: 100%;
}
.sglobe {
	width: 80%;
}
.pieContainer {
	width: 80%;
}
.globenew, #Logdata .pieContainer, #Logdata .pieBackground, #Logdata #pieSliceBlue, .pieContainer.active #pieSliceBlue .pie {
	width: 250px !important;
	height: 250px !important;
}
.logdata-cont > div {
	width: 40%;
	top: 130px !important;
}
#Solutions .g50 img {
	width: 25%;
}
.c1, .c2 {
	width: auto;
	top: 110px;
	left: 40%;
}
.c2 {
	left: 55%;
}
.des-cont {
	margin-top: 20px;
	line-height: 12px;
}
h1 span:first-child {
	margin-left: 20px;
}
#Regulatory h3 {
	width: auto;
}
span.cross {
	display: none;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
html, body, #index {
	font-size: 8px;
	line-height: auto;
}
.ldata, .rdata {
	line-height: 12px;
}
h1 span {
	font-size: 30px;
}
.globenew, #Logdata .pieContainer, #Logdata .pieBackground, #Logdata #pieSliceBlue, .pieContainer.active #pieSliceBlue .pie {
	width: 150px !important;
	height: 150px !important;
}
.tow-bk p {
	font-size: 1.5em;
}
.c1, .c2 {
	top: 15px;
}
.c1 {
	left: 16%;
}
.smoon, .ssun {
	top: 130px;
	width: 70px;
}
.smoon img {
	width: 40%;
	height: auto;
}
.ssun img {
	width: 70%;
	height: auto;
}
#Solutions .g50 img {
	width: 20%;
}
.ladder2 img, .ladder img {
	width: 54%;
}
.weather-block img, .chart img {
	width: 35%;
}
.chart .g25 img {
	margin-top: 5px;
}
.chart {
	padding-top: 30px;
	height: 200px;
}
#Regulatory h3 {
	top: -30px;
}
.chart .g25 {
	height: 200px;
}
.sflight {
	left: 35% !important;
	top: 55px;
}
.sflight img {
 width:50%:
}
@-webkit-keyframes cmove {
0% {
top:200px
}
25% {
top:207px
}
50% {
top:200px
}
75% {
top:207px
}
100% {
top:200px
}
}
@keyframes cmove {
0% {
top:200px
}
25% {
top:207px
}
50% {
top:200px
}
75% {
top:207px
}
100% {
top:200px
}
}	
@-webkit-keyframes flight {
0% {
top:15px
}
25% {
top:20px
}
50% {
top:15px
}
75% {
top:20px
}
100% {
top:15px
}
}
}