@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
    @font-face {
    font-family:"proxima_nova_rgregular";
    src:url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot");
    src:url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"),
        url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff") format("woff"),
        url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf") format("truetype"),
        url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg");
    font-weight:normal;
    font-style:normal;
    }
    /*~~~~~~~~~~ EXTRABOLD ~~~~~~~~~~*/
    @font-face {
        font-family:"proxima_novaextrabold";
        src:url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.eot");
        src:url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.eot?#iefix") format("embedded-opentype"),
            url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.woff") format("woff"),
            url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.ttf") format("truetype"),
            url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.svg#proxima_novaextrabold") format("svg");
        font-weight:normal;
        font-style:normal;
    }
    html, body{margin: 0; padding: 0; font-size: 14px; font-family: 'Open Sans', sans-serif;}
    .container{max-width: 1200px; margin: 0 auto;}
    .flex{display: flex;}
	header{position: relative; padding: 10px 0; background: #fff;z-index: 999999; transition: .3s; -webit-box-shadow: 0 0 12px 2px rgba(27,49,140,.07); box-shadow: 0 0 12px 2px rgba(27,49,140,.07);}
	header .container{justify-content: space-between;}
	header.topFix{ top: -90px;transition: .3s;}
	header.fixed{position: fixed; top: 0; left: 0; width: 100%; background: #fff; transition: .3s; transition: .3s;}
	.logo{background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; width: 130px; height: 55px; display: inline-block; background-size: 500px; margin-top: 0; z-index: 999; background-position: 0 1px;}
	.wam-menu{align-self: center;}
	.wam-menu a{color: #000; text-decoration: none; margin-left: 35px; position: relative; font-family:"Open Sans"; font-weight: 400; font-size: 16px;}
	.wam-menu a.menuDwn{padding: 8px 25px 8px 25px; color: #fff; background: #e02228; margin-left: 30px}
    .heroContainer{position: relative; padding-top: 80px;}
    .heroContainer::before{content: ""; position: absolute; height: 150%; top: 0; left: 0; background: #ffdd67; width: 100%; z-index: -1;}
    .heroContainer. container{position: relative;}
    .heroContent{width: 60%;}
    .heroContent h1{font-size: 36px; line-height: 55px; color: #000; font-family:"proxima_nova_rgregular"; margin: 30px 0 10px;}
    .heroContent h1 span{font-size: 60px; line-height: 64px; color: #e22400; font-family:"proxima_novaextrabold";display: block; text-transform: uppercase;}
    .heroContent p{font-size: 20px; line-height: 30px; color: #2a012b; padding-right: 10%; margin: 0 0 30px;}
    .heroContent a{color: #fff; font-size: 18px; font-weight: 700;text-decoration: none; position: relative; background: #3b56ab; padding: 10px 40px; border-radius: 2px; margin-top: 30px;}
    .heroImg{position: absolute; right: 0; top: 110px; height: 450px; width: 45%; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 580px; background-position: 10px -1440px;}
    .fundementalsContainer{position: relative; margin-top: 80px; text-align: center;}
    .fundementalsContainer h2{font-size: 22px;}
    .fundementalsContainer .wrapper{background: #fff; padding: 20px 8%; border-radius: 20px; -webkit-box-shadow: 0 0 12px 2px rgba(182,209,232,.18); box-shadow: 0 0 12px 2px rgba(182,209,232,.18); width: 90%; left: -5%; position: relative;}
    .fundementalsContainer .wrapper::before{content: ""; position: absolute; height: 3px; width: 88%; left: 6%; top: -3px; background: #515273}
    .fundamentalsList{margin: 20px 0 0; width: 100%; padding: 0;}
    .fundamentalsList li{list-style-type: none; display: inline-block; width: 29%; vertical-align: top; padding: 0 2%;}
    .fundamentalsList li:nth-of-type(4), .fundamentalsList li:nth-of-type(5){width: 32%;}
    .fundamentalsImg{position: relative; display: block; height: 50px; width: 50px; margin: 10px auto; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 550px; background-position: -141px 0;} 
    .fundamentalsList li:nth-of-type(2) .fundamentalsImg{background-position: -214px 0}
    .fundamentalsList li:nth-of-type(3) .fundamentalsImg{background-position: -286px 0}
    .fundamentalsList li:nth-of-type(4) .fundamentalsImg{background-position: -345px 0}
    .fundamentalsList li:nth-of-type(5) .fundamentalsImg{background-position: -407px 0}
    .fundamentalsList li p{font-size: 16px; line-height: 26px;}
    .fundamentalsList li p span{font-weight: 600;}
    .requirementsContainer{margin: 60px 0 0; position: relative;}
    .requirementsContainer::before{content: ""; position: absolute; width: 100%; height: 40%; background: #edf6ff; z-index: -1;}
    .requirementsContainer h2{text-align: center; font-size: 17px; line-height: 27px; margin-top: 0; padding-top: 30px;}
    .requirementsContainer h2 span{font-size: 22px; display: block;}
    .requirementsContainer p{font-size: 16px; line-height: 22px; width: 60%; text-align: center; margin: 20px auto 40px;}
    .requirementsList{justify-content: center; padding: 0 3%;}
    .requirementsBox{width: 43%; padding: 0 0 3%; -webkit-box-shadow: 0 0 12px 2px rgba(182,209,232,.27); box-shadow: 0 0 12px 2px rgba(182,209,232,.27); background: #fff; display: inline-block; margin: 0 2%; border-radius: 10px; overflow: hidden;}
    .requirementsImg{position: relative; height: 220px; width: 100%;  background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) #f8fcff no-repeat; background-size: 620px; background-position: 165px -560px;}
    .requirementsBox:nth-of-type(2) .requirementsImg{background-size: 620px; background-position: 150px -170px; position: relative;}
    .requirementsBox:nth-of-type(2) .requirementsImg::before{content: ""; background: #f8fcff;height: 101%; width: 20%; right: 0; top: 0; position: absolute;}
    .requirementsContent h3{text-align: center; font-size: 22px; line-height: 22px; font-weight: 400; margin: 25px 0 35px;}
    .requirementsContent h3 span{font-weight: 700;}
    .requirementsContent ul{padding-right: 20px;}	
    .requirementsContent ul li{font-size: 15px; line-height: 22px; list-style-type: none; position: relative; margin-bottom: 10px;}
    .requirementsContent ul li::before{content: ""; position: absolute; left: -20px; top: 7px; height: 7px; width: 7px; border-radius: 50%; background: #1f3889;}
    .ccpaWhitepaper{margin: 150px 0 70px;}
    .ccpaWhitepaper .container{position: relative;}
    .ccpaWhitepaperContent{padding: 30px 8% 50px;background: #2e3192; color: #fff; }
    .ccpaWhitepaperContent h2{font-size: 25px; line-height: 39px; color: #ecf6ff; margin: 5px 0 0;}
    .ccpaWhitepaperContent p{font-size: 18px; line-height: 24px; color: #ecf6ff; width: 47%; margin: 12px 0 30px;}
    .ccpaWhitepaperContent a{font-size: 14px; font-weight: 600; text-decoration: none; color: #fff; width: 47%; background: #e32e44; padding: 12px 35px; border-radius: 3px;}
    .ccpaWhitepaperImg{position: absolute; right: 1%; bottom: 0; height: 320px;  width: 340px; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 720px; background-position:  -352px -594px;}
    .featuresContainer{position: relative; margin: 30px 0 50px; padding: 0 4%;}
    .featuresContainer .flex{justify-content: space-between;}
    .featuresImg{width: 35%; position: relative; height: 446px; align-self: center; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 525px; background-position: -28px -783px; align-self: center;}
    .featuresContent{width: 65%;}
    .featuesTop h2, .featuresList  h2{font-size: 20px; line-height: 32px;}
    .featuesTop p{font-size: 15px; line-height: 32px;}
    .featuresList ul{padding-left: 35px;}
    .featuresList li{font-size: 15px; line-height: 22px; margin-bottom: 10px; position: relative; list-style-type: none;}
    .featuresList li::before{content: ""; position: absolute; height: 40px; width: 40px; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 550px;  background-position: -168px -56px; left: -45px; top: -10px;}
    .webinarStrip{position: relative;  color: #fff; /*margin: 150px 0 0; display: none;*/}
    .webinarStrip .container{padding: 3% 0 4%; position: relative; min-height: 200px; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-webinar-page-banner.jpg) no-repeat; background-size: contain; background-position: center;}
    .webinarStrip p{font-size: 19px; color: #ffc600; line-height: 33px; margin: 0; padding-left: 4%;}
    .webinarStrip h2{font-size: 31px; margin: 0; line-height: 33px; padding-left: 4%;}
    .webinarStrip .container div{margin: 20px 0 30px; font-size: 18px; line-height: 28px; font-weight: 600; padding-left: 4%;}
    .webinarStrip .container div span{position: relative; padding-left: 50px;}
    .timeBox{margin-left: 60px;}
    .dateBox::before{content: ""; position: absolute; height: 40px; width: 40px; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 700px; background-position: -275px -84px; top: -8px; left: 0;}
    .timeBox::before{content: ""; position: absolute; height: 40px; width: 40px; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 700px; background-position: -331px -84px; top: -8px; left: 0;}
    .webinarStrip a{cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; color: #fff; width: 47%; background: #e32e44; padding: 12px 35px; border-radius: 2px; margin-left: 4%; width: 110px; position: absolute; right: 5%; top: 51%; opacity: 0;}
    .webinarStripImg{position: absolute; height: 289px; width: 250px; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 600px; background-position: -228px -149px; right: 8%; bottom: 10px; margin: 0; display: none;}
    .formContainer{background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-bg.png) no-repeat;color: #ecf6ff;}
    .formContainer{padding: 60px 5%;}
    .formContainer .container.flex{justify-content: space-between;}
    .formContainerContent{    align-self: center;
    width: 100%;
    text-align: center;}
    .formContainerContent h2{align-self: center; font-size: 34px; line-height: 38px; margin-bottom: 20px;}
    .formContainerContent p{align-self: center; font-size: 20px; line-height: 38px; margin: 0 0 5px; font-weight: 600;}
	.formContainerContent p:last-of-type{margin-bottom: 30px;}
	.formContainerContent a{text-decoration: none; position: relative; font-family: "Open Sans"; font-weight: 700; font-size: 20px; padding: 10px 25px 10px 25px; color: #fff; background: #e02228;}
    .top-2-form{width: 32%;}
    .top-2-form-inn form ul li input[type="checkbox"]{width:15px!important;float:left;height:15px!important;margin-right:20px;margin-bottom:20px;margin-top:9px}
    .errMsg, .errMsg2, .errMsg3, .errMsg4 {display: none; font-size: 12px; position: relative; margin-top: 1px; margin-left: 0; line-height: 18px; background: red; color: #fff; }
    .msm1, .msm2{text-align:center;display:none;background:#fff;border-radius:4px;padding:20px 20px 10px}
    .top-2-form-inn .msm1 h2{font-size: 28px;margin: 0 0 10px; padding: 0; color: #2cab31;background: none;}
    .top-2-form-inn .msm1 p{font-size: 15px;margin-bottom: 10px;color: #000;background: none;}
.top-2-form-inn{border-radius:5px;width:100%;box-shadow:0 6px 25px -11px rgba(0,0,0,0.6);z-index:99;margin-bottom:20px}
    .top-2-form-inn form{padding: 0px 25px}
.top-2-form-inn h2{text-align: center;font-size: 21px;margin-bottom: 0px;color: #ecf6ff;padding: 22px 0 0;}
.top-2-form-inn h2 span{text-align: center;font-size: 12px; color: #ecf6ff; display: block; font-weight: 400; margin-top: 7px;}
.top-2-form-inn p{text-align:center;font-size:14px;margin-top:0;line-height:21px;color:#4f595d}
.top-2-form-inn form ul{padding-left: 0;}
.top-2-form-inn form ul li{width:100%;margin-bottom:15px;border-bottom:1px solid #e6e6e6;list-style-type: none;position: relative; background: #fff;}
.top-2-form-inn form ul li:nth-of-type(5), .top-2-form-inn form ul li:last-of-type{background: transparent;}
.top-2-form-inn form ul li:last-child{border-bottom:0; position: relative;}
.top-2-form-inn form ul li span{padding-bottom:6px; }
.top-2-form-inn form ul li input{width:100%;line-height:20px;box-sizing:border-box;padding:10px 10px 10px 45px;height:42px;font-size:14px;outline:none;border: 1px solid #cecece;}
.top-2-form-inn form ul li:before{content:'';position:absolute;background:url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat;background-size: 500px;width:24px;height:24px;margin-top:10px; left: 10px;}
 .top-2-form-inn form ul li:nth-child(1)::before{background-position: -5px -61px}
.top-2-form-inn form ul li:nth-child(2)::before{background-position: -39px -61px; height: 28px;}
.top-2-form-inn form ul li:nth-child(3)::before{background-position: -82px -61px}
.top-2-form-inn form ul li:nth-child(4)::before{background-position: -124px -61px;width: 32px;}
.top-2-form-inn form ul li:nth-child(5)::before{display: none;}
.top-2-form-inn form ul li:nth-child(6)::before{background-position: -5px -94px;width: 32px;}
.top-2-form-inn form ul li:nth-child(9):before{display: none;}
.befo-hide, .top-2-form-inn form ul li:nth-of-type(4){border-bottom:0!important}
#date-show{display:none}
.befo-hide:before{display:none}
.top-2-form-inn form ul li:last-child:before{display:none}
.top-2-form-inn form ul li input[type="submit"]{background:#d34a41;cursor:pointer;border:0;color:#fff;font-size:16px;border-radius:2px;font-weight:500;padding:7px 0;height:42px}
.top-2-form-inn form ul li:last-child p{color:#969696;margin-top:-5px;font-size:11px;text-align:center}
.top-2-form-inn form ul li:last-child p a{color:#09C;font-size:11px}
    .top-2-form-inn form ul li label{color:#ecf6ff;text-align:left;font-size:9px;line-height:15px}
    span#backToTop{display:none!important}
.ref-country{background:#fff;width:100%;line-height:20px;box-sizing:border-box;padding:10px;font-size:14px;outline:none;border:0;border-bottom:1px solid #d8d7d7;border-radius:0;margin-top:10px}
.top-2-form-inn #MECountryListing{width: 88%;margin-left: 12%;line-height:20px;box-sizing:border-box;padding:10px 10px 10px 40px;font-size:14px;outline:none;border:0;border-radius:0;margin-top:0;height:42px;}
.top-2-form-inn div#formCTAgdpr{color:#ecf6ff;text-align:left;font-size:11px;margin-top:4px;line-height:15px;}
.top-2-form-inn div#meGDPRMessage{margin-top:10px; width: 100%; position: relative; z-index: 11;}
.top-2-form-inn #meGDPRMessage label{text-align:left;font-size:11px;margin-top:4px;line-height:18px;color:#ecf6ff;margin-bottom:15px;float:left}
.top-2-form-inn #meGDPRMessage .checkmarkgdpr{padding:0}
.top-2-form-inn .dwn-priv{position:relative; color: #ecf6ff; font-size: 10px; margin: 20px 0 15px;}
.top-2-form-inn .dwn-priv a{color: #ecf6ff; font-size: 10px; text-decoration: underline; font-weight: 600;}
    input[type="checkbox"]{display:none}
input[type="checkbox"] + label{display:block;position:relative;padding-left:30px;margin-bottom:20px;color:#ddd;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
input[type="checkbox"] + label:last-child{margin-bottom:0}
input[type="checkbox"] + label::before{content:'';display:block;width:12px;height:12px;border:1px solid #4d656f;position:absolute;left:4px;top:0;background: #fff;}
input[type="checkbox"]:checked + label::before{background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat #fff; background-size: 500px; background-position: -44px -102px;}
    @media screen and (max-width: 1240px){
        .container{max-width: 90%;}
        .heroContent{width: 64%;}
        .heroContent h1 span{font-size: 50px;}
        .heroContent p{font-size: 18px;}
        .heroImg{background-size: 480px; background-position: 10px -1113px; height: 400px; top: 126px;}
        .fundementalsContainer .wrapper{left: 0; width: 84%;}
        .requirementsImg{background-position: 117px -560px;}
        .featuresContent{width: 62%;}
        .featuresImg{background-position: -28px -583px; background-size: 425px}
        .ccpaWhitepaperContent h2{width: 70%;}
    }
    @media screen and (max-width: 1110px){
        .heroContent{width: 65%;}
        .navTrig{display: block; position: absolute; height: 20px; width: 30px; right: 5%; top: 0; bottom: 0; margin: auto; border-top: 1px solid #000; border-bottom: 1px solid #000;}
        .navTrig::before{content: ""; position: absolute; height: 1px; width: 100%; top: 50%; left: 0; background: #000;}
        .navTrig::after{content: ""; position: absolute; height: 1px; width: 100%; top: 50%; left: 0; background: #000; }
        .navTrig.open{border: none;}
        .navTrig.open::before{transition: .3s; transform: rotate(45deg);}
        .navTrig.open::after{transition: .3s; transform: rotate(-45deg);}
        .wam-menu{position: fixed; height: 100%; top: 65px; right: -400px; width: 300px; background: #fff; z-index: 9999; -webkit-box-shadow: 0 0 12px 2px rgba(0,0,0,.1); box-shadow: 0 30px 12px 2px rgba(0,0,0,.1); padding: 30px 15px 0; transition: .3s;}
        .wam-menu a{display: block; margin-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.5);}
        .requirementsImg{background-position: 84px -560px;}
        .requirementsBox:nth-of-type(2) .requirementsImg{background-position: 100px -170px;}
    }
    @media screen and (max-width: 991px){
        .heroImg, .ccpaWhitepaperImg, .featuresImg, .webinarStripImg{display: none;}
        .heroContent{width: 100%; text-align: center;}
        .heroContent p{padding: 0;}
        .requirementsBox{width: 350px;}
        .ccpaWhitepaperContent{text-align: center;}
        .ccpaWhitepaperContent h2, .ccpaWhitepaperContent p, .featuresContent{width: 100%;}
        .webinarStrip{margin-top: 40px;}
        .formContainer .container.flex{justify-content: center; flex-direction: column;}
        .top-2-form{width: 80%; margin: 0 auto;}
        .formContainerContent{width: 100%; text-align: center;}
    }
    @media screen and (max-width: 767px){
        .requirementsList{flex-direction: column; justify-content: center;}
        .requirementsBox{width: 80%; align-self: center; margin-bottom: 30px;}
        .requirementsImg{background: #f8fcff;}
        .requirementsImg::before, .requirementsBox:nth-of-type(2) .requirementsImg::before{content: ""; position: absolute; height: 100%; width: 300px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(https://www.manageengine.com/log-management/ccpa/images/ccpa-compliance-software-sprite.png) no-repeat; background-size: 620px; background-position: 45px -560px;}
        .requirementsBox:nth-of-type(2) .requirementsImg::before{background-position: 60px -170px}
        .fundamentalsList li, .fundamentalsList li:nth-of-type(4), .fundamentalsList li:nth-of-type(5){width: 80%; }
    }