.nav-dwn a {
    background: #E9142B;
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    padding: 4px 10px;
    display: inline-block;
    width: 148px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

        .af {
            font-family: 'ZohoPuvi';
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            margin: 0;
            padding: 0
        }

        .af img,
        .af figure {
            border: 0;
            display: block;
            margin: 0;
            max-width: 100%;
            height: auto;
        }

        #scroll,
        .sec-pTB.bg-l-grey,
        .heading-menu {
            display: none !important
        }

        #backToTop {
            display: none !important
        }

        .af p,
        .af a,
        .af li,
        .af td,
        .af td,
        .af span,
        .af label {
            line-height: 24px;
            font-size: 14px
        }

        .af h1,
        .af h2,
        .af h3,
        .af h4,
        .af h5,
        .af h6 {
            margin: 0;
            color: #000
        }

        .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
        }

        .af div {
            box-sizing: border-box
        }

        .af .ac div {
            float: left;

        }

        .af {
            width: 100%;
            display: inline-block;
            box-sizing: border-box
        }

        .ac {
            margin: 0 auto;
            position: relative;
            max-width: 1200px
        }

        .ban {
            padding: 55px 0 55px 0;
            background: linear-gradient(to bottom, #F7E3E2 10%, #fff 90%);
            position: relative;
            overflow: hidden;
        }

        .ban .ac{
            max-width:1100px;
            display:table;
        }
        .ban .lhs-btop {
            float: left;
            width: calc(100% - 370px);
            padding: 30px 30px 0 0;
        }

        .ban .lhs-btop h1 {
            font-size: 50px;
            line-height: 65px;
            font-weight: 500;
            color: #102336;
            margin-bottom: 25px;
            padding-right: 50px
        }

        .ban .lhs-btop p {
            font-size: 18px;
            line-height: 30px;
            font-weight: 300;
            padding-bottom: 15px;
            color: #102336;
        }
        .dwn-jump:before,
        .dwn-jump:after {
            content: '';
            position: absolute
        }

        .dwn-jump:before {
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') -22px 0;
            background-size: 370px 706px;
            width: 14px;
            height: 14px;
            margin: 0 0 0 -28px;
            -moz-animation: bounce 3s infinite;
            -webkit-animation: bounce 3s infinite;
            animation: bounce 3s infinite
        }

        .dwn-jump:after {
            left: 31px;
            width: 13px;
            height: 2px;
            background: #fff;
            bottom: 16px
        }

        @-moz-keyframes bounce {

            0%,
            20%,
            50%,
            80%,
            100% {
                -moz-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -moz-transform: translateY(-6px);
                transform: translateY(-6px)
            }

            60% {
                -moz-transform: translateY(-3px);
                transform: translateY(-3px)
            }
        }

        @-webkit-keyframes bounce {

            0%,
            20%,
            50%,
            80%,
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -webkit-transform: translateY(-6px);
                transform: translateY(-6px)
            }

            60% {
                -webkit-transform: translateY(-3px);
                transform: translateY(-3px)
            }
        }

        @keyframes bounce {

            0%,
            20%,
            50%,
            80%,
            100% {
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -moz-transform: translateY(-6px);
                -ms-transform: translateY(-6px);
                -webkit-transform: translateY(-6px);
                transform: translateY(-6px)
            }

            60% {
                -moz-transform: translateY(-3px);
                -ms-transform: translateY(-3px);
                -webkit-transform: translateY(-3px);
                transform: translateY(-3px)
            }
        }

        .ban .rhs-btop {
            float: left;
            width: 370px;
            position: relative;
        }

        .b-ani {
            background-size: 370px 706px;
            width: 370px;
            height: 346px;
            transition: all .4s ease;
            position: relative;
        }

        .b-ani-1 {
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') no-repeat 0 -360px;
            background-size: 370px 706px;
            width: 370px;
            height: 346px;
            z-index:2;
            position: relative;
            display: block;
        }
        
        .b-ani-2, .b-ani-3, .b-ani-4{
            position: absolute;
            display: block;
            overflow: hidden;
            width:64px;
            height:64px;
            border-radius: 50%;
            border: 1px solid rgba(256, 206, 206, 0.9);
            z-index:3;
        }
        .b-ani-2::before, .b-ani-3::before, .b-ani-4::before{
            content: "";
            background: rgba(255, 255, 255, 0.60);
            box-shadow: 0px 3px 13px rgba(0,0,0,0.8);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.9);
            width:64px;
            height:64px;
            display: block;
        }
        .b-ani-2::after, .b-ani-3::after, .b-ani-4::after{
            content:"";
            position: absolute;
            transform: translate(-50%,-50%);
            top:50%;
            left:50%;
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png');
            background-size: 370px;
        }
        .b-ani-2::after {
            background-position: -177px -181px;
            width: 29px;
            height: 34px;
        }
        .b-ani-2{
            top:calc(50% - 32px);
            left:-32px;
        }
        .b-ani-3::after {
            background-position: -177px -138px;
            width: 29px;
            height: 32px;
        }
        .b-ani-3{
            top:-32px;
            left:calc(50% - 40px);
        }
        .b-ani-4::after {
            background-position: -177px -100px;
            width: 31px;
            height: 33px;
        }
        .b-ani-4{
            right:-32px;
            top:20%;
        }
        .b-ani-5{
            content:"";
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') no-repeat 0 -276px;
            background-size: 370px 706px;
            width: 65px;
            height: 64px;
            z-index:0;
            display: block;
            position: absolute;
            top:-26px;
            left: -26px;
            -moz-animation: bounce 3s infinite;
            -webkit-animation: bounce 3s infinite;
            animation: bounce 3s infinite
        }
        .b-ani-6{
            content:"";
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') no-repeat 0 -276px;
            background-size: 370px 706px;
            width: 65px;
            height: 64px;
            z-index:0;
            display: block;
            position: absolute;
            bottom:-32px;
            right: -32px;
            -moz-animation: bounce 3s infinite;
            -webkit-animation: bounce 3s infinite;
            animation: bounce 3s infinite
        }
        .b-ani-7{
            width:auto;
            height: auto;
            position: absolute;
            top:40px;
            left:-100px;
            z-index: 2;
        }
        .b-ani-7-inner{
            position: absolute;
            overflow: hidden;
            border-radius: 0 20px 0 20px;
            display: block;
        }
        .b-ani-7 span{
            padding:12px 25px;
            display: table;
            background: rgba(255, 255, 255, 0.70);
            box-shadow: 0px 3px 13px rgba(0,0,0,0.8);
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            font-size: 20px;
        }
        .b-ani-7:before{
            content:"";
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') no-repeat -210px -2px;
            background-size: 370px;
            width: 149px;
            height: 81px;
            display: block;
            position: absolute;
            right: -275px;
            top: 32px;
        }
        .b-ani-7:after{
            content: "";
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') no-repeat 0 -29px;
            background-size: 370px;
            width: 22px;
            height: 20px;
            position: absolute;
            display: block;
            top:-20px;
            left:-20px;
        }
        .ban-use-outer {
            background-image: url(https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sec-2-bg.png);
            background-size: contain;
            background-position: center;
            background-repeat: repeat-x;
        }

        .ban-use {
            background: #FFF5F4;
            padding: 40px 50px 40px 50px;
            border: 1px solid #FFD0CB;
            border-radius: 15px;
            position: relative;
            margin: 20px auto 60px auto;
            max-width: 1000px;
            display: table;
            width: 100%;
            float: none !important;
        }

        .ban-use h4 {
            font-size: 30px;
            line-height: 1.4;
            font-weight: 500;
            padding: 10px 0 5px;
            text-align: center;
            color:#000;
            margin-bottom: 0px;
        }
        .ban-use h4 span{
            color:#CA2D1C;
            font-size: 30px;
            line-height: 1.4px;
            font-weight: 500;
        }
        .ban-use .inn p {
            font-size: 17px;
            line-height: 1.8;
            text-align: center;
        }
        .ban-use .inn p:nth-child(2){
            max-width:85%;
            margin:0 auto;
        }

        

        /* ANIMATION */
        .animate {
            transition: all .8s ease-in-out;
            opacity: 0
        }

        .animate.animated {
            opacity: 1
        }

        .fadeInUp {
            transform: translateY(20px)
        }

        .fadeInUp.animated {
            transform: translateY(0px)
        }

        .fadeInLeft {
            transform: translateX(-20px)
        }

        .fadeInLeft.animated {
            transform: translateX(0px)
        }

        .fadeInRight {
            transform: translateX(20px)
        }

        .fadeInRight.animated {
            transform: translateX(0px)
        }

        .fadeInRight {
            transform: translateX(20px)
        }

        .fadeInRight.animated {
            transform: translateX(0px)
        }

        /* SCREENSHOP ANIMATION */
        .graphori.animated {
            animation: graphver .5s ease-in-out 1.5s both;
            transform-origin: bottom
        }

        @keyframes graphver {
            from {
                transform: scaleY(0);
                opacity: 0
            }

            to {
                transform: scaleY(1);
                opacity: 1
            }
        }

        .ani-scrn * {
            position: absolute;
            transition: all .5s ease-in-out
        }

        @media screen and (max-width: 1250px) {
            .ani-scrn {
                display: none
            }
        }

        .sec2 h2 {
            font-size: 28px;
            font-weight: 500;
            text-align: center;
            position: relative;
            z-index: 1;
            margin-bottom: 20px;
        }
        .sec2 .scrn-com h2{
            margin-top: 40px;
        }
        .sec2 h2.sm{
            font-size: 25px;
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .sec2 p {
            font-size: 17px;
            text-align: center;
            position: relative;
            z-index: 1;
            max-width:920px;
            width:100%;
            margin:0 auto;
            margin-bottom:20px;
            line-height: 1.8;
        }
        .sec2 p:last-child{
            margin-bottom: 0;
        }
        .sec2 .scrn-com p{
            max-width:1000px;
        }
        .sec2 .scrn-com p.sm1{
            max-width:700px;
        }
        .sec2 .scrn-com p.sm2{
            max-width:920px;
        }
        .tit {
            text-align: center;
            width: 100%;
            margin-bottom: 60px
        }

        .tit h2 {
            font-size: 24px;
            font-weight: 400;
            line-height: 36px;
            padding-top: 15px
        }

        .scrn-com {
            float: left;
            width: 100%;
            padding-bottom: 20px
        }
        .scrn-com ul{
            display: table;
            max-width: 810px;
            margin:0 auto;
            width:100%;
            margin: 20px auto 40px auto;
        }
        .scrn-com ul li{
            display: table;
            font-size: 17px;
            max-width: 156px;
            float: left;
            margin-left: 60px;
            position: relative;
        }
        .scrn-com ul li:before{
            content: "";
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') no-repeat 0 0;
            background-size: 370px 706px;
            width: 15px;
            height: 15px;
            position: absolute;
            top:4px;
            left: -30px;;
        }
        .scrn-com ul li:last-child{
            max-width: 310px;
        }
        .sec2-opp {
            padding: 70px 0
        }

        .spri {
            position: relative;
            background-position: -12px -574px;
            margin-top: -45px;
            background-size: 2200px 1200px;
            width: 732px;
            height: 529px
        }

        .scrn-2 {
            background-position: -663px -3px;
            margin-left: -215px;
            width: 820px;
            height: 517px
        }

        .scrn-3 {
            background-position: -775px -606px;
            width: 767px;
            height: 466px
        }

        @keyframes stroke {
            100% {
                stroke-dashoffset: 0
            }
        }

        @keyframes scale {

            0%,
            100% {
                transform: none
            }

            50% {
                transform: scale3d(1.1, 1.1, 1)
            }
        }

        @keyframes fill {
            100% {
                box-shadow: inset 0px 0px 0px 30px #7ac142
            }
        }
        .af .ss_mobile_img{
          display:none;
        }



        .af img{
            margin:50px auto;
            max-width:1000px;
            width:100%;
        }
        .log360-works{
            background-image: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sec-2-bg.png');
            width:100%;
            display: table;
            background-size: contain;
            margin-bottom: 80px;
        }
        .log360-works .ac .log360-works-box{
            max-width:1000px;
            padding:40px 60px;
            border-radius:10px;
            margin:0 auto;
            box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px;
            box-sizing: border-box;
            background-color: #fff;
            position: relative;
        }
        .log360-works .ac .log360-works-box:after{
            content: "";
            background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-sprite-img.png') no-repeat 0 -100px;
            background-size: 370px 706px;
            width: 155px;
            height: 156px;
            display: block;
            position: absolute;
            right:60px;
            top:45px;
        }
        .log360-works .ac p{
            font-size: 22px;
            line-height: 1.7;
            padding-right: 260px;
        }
        .log360-works .ac p span{
            font-weight: 500;
            color:#CA2D1C;
        }

        @media screen and (max-width: 1200px) {
            .scrn-com .rhs .mob-s-scrn {
                display: block
            }
        }@media screen and (max-width:1150px) {
            .ac {
                max-width: 90%
            }
        }

        @media screen and (max-width:1000px) {
            .ban .rhs-btop {
                display: none
            }

            .ban .lhs-btop {
                max-width: 100% !important;
                padding: 0;
                text-align: center;
            }

            .ban .lhs-btop p {
                font-size: 18px
            }

            .ban .lhs-btop a {
                margin-top: 10px
            }
            .ban .lhs-btop h1{
                margin:0  !important;
                text-align: center;
            }
            .ban {
                padding: 80px 0 15px
            }
            .dwn-jump:before{
                background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-mobile-sprite-img.png') no-repeat -22px 0;
                background-size: 36px 18px;
                width: 14px;
                height: 14px;
            }
            .scrn-com ul li:before{
                background: url('https://www.manageengine.com/latam/log-management/images/Dynamic-peer-grouping-mobile-sprite-img.png') no-repeat 0 0;
                background-size: 36px 18px;
                width: 15px;
                height: 15px;
            }
        }
        @media screen and (max-width: 992px) {
            .scrn-com .lhs,
            .scrn-com .rhs,
            .why:after {
                width: 100%
            }

            .scrn-com .lhs {
                padding: 15px 25px
            }

            .scrn-com {
                border: 1px solid #f5f5f5;
                background: #fff;
                margin-bottom: 25px;
                padding: 30px;
                border-radius: 10px;
                overflow: hidden;
            }
            .af .ss_mobile_img{
                display:block;
                margin:0 auto;
            }
            .af .ss_img{
                display:none;
            }
        }

        @media screen and (max-width: 767px) {
            .sec2 h2 {
                font-size: 22px;
                line-height: 1.4;
            }

            .scrn-com .lhs h3 {
                font-size: 20px;
                line-height: 30px
            }

            .ban .lhs-btop h1 br {
                display: none;
            }
        }

        @media screen and (max-width: 567px) {
            .scrn-com .lhs h3 {
                font-size: 18px;
                line-height: 30px
            }

            .scrn-com .lhs a {
                font-size: 14px;
                padding: 10px 15px
            }

            .scrn-com .lhs a:after {
                display: none
            }
        }

        @media screen and (max-width:1450px) {
            .sec2.sec2-opp {
                padding: 0
            }

            .sec2.sec2-opp .lhs {
                padding: 0 50px
            }

            .sec2.sec2-opp .rhs .scrn-2 {
                margin: 0
            }
        }

        @media screen and (max-width:1330px) {
            .sec2{
                overflow: hidden;
            }
            .sec2.sec2-opp .lhs {
                padding: 0 40px 0 0
            }

            .spri {
                background-size: 1400px;
                height: 365px;
                width: 525px;
                margin: 0 auto !important;
                float: initial !important
            }

            .scrn-1 {
                background-position: 35px -368px;
                margin: 0 auto;
                float: initial !important
            }

            .scrn-2 {
                background-position: -418px 0
            }

            .scrn-3 {
                background-position: -489px -385px;
                height: 312px
            }

            .scrn-com .lhs h3 {
                font-size: 24px;
                line-height: 34px;
                padding: 0 0 15px
            }
        }

        @media screen and (max-width:1250px) {
            .ac {
                max-width: 95%
            }
            .ban .lhs-btop{
                max-width:calc(100% - 400px);
                width:100%;
            }
            .ban .lhs-btop h1 {
                font-size: 42px;
                line-height: 50px;
                padding-right: 0;
                max-width:620px;
            }

            .ban .lhs-btop p {
                padding-right: 0
            }
        }

        @media screen and (max-width:1080px) {
            .ban{
                padding:80px 0 0px 0;
            }
            .ban-use h4, .sec2 h2{
                max-width:100%;
                text-align: center;
                position: initial;
                font-size: 28px;
                line-height: 36px;
            }
            .ban .lhs-btop{
                padding:0 20px;
            }
            .ban-use-img{
                text-align: center;
                position: initial;
                float: unset !important;
                margin: 20px auto;
                display: table;
            }
            .ban-use .inn{
                max-width:100%;
                text-align: center;
            }
            .scrn-com .lhs {
                width: 100%;
                padding: 0 0;
                text-align: center;
                order: 1
            }

            .scrn-com .rhs {
                width: 100%
            }

            .scrn-com {
                padding-bottom: 40px;
                display: grid
            }

            .sec2 .rhs {
                order: 2;
            }

            .sec2.sec2-opp .lhs {
                width: 100%
            }

            .sec2.sec2-opp .rhs {
                width: 720px;
                margin: 0 auto;
                display: table;
                float: initial !important
            }

            .sec2.sec2-opp {
                padding: 0 50px
            }

            .scrn-rule .rhs .spri {
                margin-top: 0 !important
            }

            .sec2.sec2-opp .scrn-com {
                display: -webkit-flex;
                display: grid
            }
            .reasons_sec .reasons_sec_boxs{
                width:100%;
            }
            .sec2 img{
                transform: scale(1);
                margin:10px auto;
            }
            .sec2 img.ss_img{
                display: none;
            }
            .sec2 img.ss_mobile_img{
                display: block;
                width:100%;
                max-width: 768px;
                margin: 0 auto;
                margin-bottom: 50px;
            }
        }

        @media screen and (max-width: 1025px) {
            #header-mainsec {
                height: 57px
            }
            .ban .lhs-btop h1{
                font-size:36px;
                line-height: 1.4;
                max-width:480px;
                margin-right:50px;
            }
        }

        @media screen and (max-width:992px) {
            .ban .lhs-btop{
                max-width:100%;
            }
            .mob-hide,
            .ban-use .inn:before,
            .ban-use .inn:after,
            .why .lhs:before {
                display: none
            }

            .ban-use {
                padding: 30px
            }

            .ban-use .inn {
                text-align: center
            }

            .ban-use .inn h4 {
                font-size: 24px;
                line-height: 32px
            }
            .sec2 .ac {
                max-width: 95%
            }

            .sec2.sec2-opp {
                padding: 0
            }

            .ban {
                padding: 60px 0 25px 0
            }

            .clud-sli ul li div {
                min-height: 250px
            }
            .ban-use {
                margin: 20px 0
            }
            .scrn-com ul li{
                max-width:calc(100% - 60px)!important;
                margin-bottom:20px;
                width:100%;
            }
            .log360-works .ac .log360-works-box:after{
                display: none !important;
            }
            .log360-works .ac .log360-works-box p{
                padding:0;
                text-align: center;
            }
            
        }

        @media screen and (max-width:767px) {
            #titlediv {
                display: none !important
            }
            .ban {
                padding: 70px 0 20px
            }

            .sec2.sec2-opp .rhs,
            .sec2 .rhs {
                width: 100%
            }

            .sec2 .scrn-com h2 {
                font-size: 26px;
                line-height: 1.4;
                padding-bottom: 0;
                margin-bottom: 20px;
                margin-top:0px;
            }

            .footer-stripe {
                background: #004c73;
                padding: 40px 30px;
                float: left;
                width: 100%;
                box-sizing: border-box
            }
        }

        @media screen and (max-width:650px) {
            .ban .lhs-btop{
                padding:0 40px;
            }
            .scrn-com .spri {
                background-size: 830px;
                width: 300px
            }

            .scrn-1 {
                background-position: -257px 1px;
                height: 211px
            }

            .scrn-2 {
                background-position: 9px -216px;
                height: 200px
            }

            .scrn-3 {
                background-position: -286px -233px;
                height: 200px
            }

            .ban .lhs-btop h1 {
                font-size: 28px;
                line-height: 36px
            }
            .log360-works .ac .log360-works-box{
                padding:20px 30px;
            }
            .log360-works .ac p{
                font-size: 18px;
            }
            .scrn-com ul{
                margin:20px 0;
            }
            .sec2 p, .ban-use .inn p, .scrn-com ul li{
                font-size: 16px;
            }
        }

        @media screen and (max-width:500px) {
            .ds-list li {
                width: 100%
            }

            .clud-sli ul li div {
                min-height: 310px
            }

            .ban .lhs-btop h1,.ban-use h4, .ban-use h4 span{
                font-size: 24px;
            }
            .sec2 h2.sm, 
            .sec2 h2 {
                font-size: 20px;
                line-height: 1.4;
            }
            .scrn-com ul li{
                margin-left: 30px;
                max-width: calc(100% - 30px);
            }
        }
        @media(max-width:380px){
            .ban .lhs-btop h1, .ban-use h4, .ban-use h4 span{
                font-size: 20px;
                line-height: 1.5;
            }
            .scrn-com-3{
                padding-bottom:0;
            }
            .scrn-com{
                padding:20px;
            }
        }
        @media screen and (max-width:350px) {
            .sec2 .lhs {
                padding: 20px 20px 0
            }

            .sec2.sec2-opp .lhs {
                padding: 20px
            }
        }
		
		
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:0.5px!important;left:3px!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}