.mfHomePageTopLogoMenu{width:100%;float:left;position:relative;background:#fff;z-index:999;text-align:center;margin-left:0;margin-right:0}.mfLogo{position:relative;z-index:99;padding:15px 0;display:inline-block}.mfLogoImg{display:block;width:150px;height:36px;background:url('../../images/home-images2/mf-logo2x.png') no-repeat center center;background-size:contain}.mfHomeHeadLoginBtn{list-style:none;font-weight:400;display:inline;position:relative;top:-4px}#MockflowNavBar{padding:0;height:auto;overflow:auto}.mfHpHeaderLinks,.mfPageHead{z-index:99;position:relative;width:100%;user-select:none}.mfHpHeaderLinks .navbar-toggle .icon-bar,.mfPageHead .navbar-toggle .icon-bar{background-color:#a0a0a0}.mfHpHeaderLinks .navbar,.mfPageHead .navbar{min-height:auto!important;border:0;width:100%}.mfHpHeaderLinks .navbar-toggle,.mfPageHead .navbar-toggle{border:1px solid #a0a0a0}.mfHpHeaderLinks span a:after,.mfPageHead span a:after{position:absolute;top:100%;left:0;width:100%;height:2px;background:#2196f3;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);margin-top:8px}.mfHpHeaderLinks span a:hover::after,.mfPageHead span a:hover::after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);color:#fc3}.HomePageTopNav li a{color:white;font-weight:300}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#000!important}ul.nav li>a{color:#000;padding:25px 20px;font-size:16px;font-weight:300;background:transparent;cursor:pointer;font-family:'Fira Sans',sans-serif}ul.nav li>a:after{background:transparent;color:#2261f6}ul.nav li>a:hover{background:transparent;outline:0;box-shadow:none;color:#444!important}ul.nav li>a:focus{background:transparent;color:#474747}ul.nav li>a:hover::after{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1;color:#2261f6}.navbar-nav.navbar-right{margin-right:0!important}.navbar-nav.navbar-left{padding-left:30px}.mfHomePageBannerWrapper{position:relative;width:100%;height:100%}#mfHeaderSignupBtn a{padding:8px 16px;border:1px solid #444;border-radius:5px;margin-top:16px;font-weight:300;font-size:16px}#mfHeaderSignupBtn a:hover,#mfHeaderSignupBtn a:focus{border:1px solid #0a5bff;color:#0a5bff}#mfHeaderLoginBtn .btn{padding:10px 20px;background:transparent;border-radius:5px;margin-top:20px;line-height:21px;font-weight:300;font-size:16px;border:0 solid #0a5bff;color:#000}.navbar{margin-bottom:0}#mfMailBoxModal{display:none}.mfHomePageLoginText,.mfHomePageLoginText:hover{color:white;margin-top:25px;margin-left:20px}.mfMenuListingCard{max-width:250px;padding:0;float:left;margin:20px 10px;border-radius:12px;cursor:pointer;position:relative;z-index:1}.mfMenuListingCard:after{width:calc((100%) - -32px);height:calc((100%) - -32px);top:-16px;left:-16px;transition:opacity 80ms linear,transform 80ms ease-in;content:"";position:absolute;border-radius:3px;background:#f1efff;z-index:-1;opacity:0;transform:scale(1.1)}.mfMenuListingCard:hover:after{opacity:1;transform:scale(1);transition:opacity .2s linear,transform .2s ease-out}.mfImageFlexbox{height:100%;min-height:400px;display:flex;align-items:center}.mfMenuCardTitle{font-weight:600;text-align:left;font-size:15px;color:#1d123c;display:block}.mfMenuListingCard img{float:left;width:18px;color:#404040;margin-top:2px;margin-right:12px}.mfMenuCardDescription,.mfCardDescription{text-align:left;color:#7c8197}.mfCardDescription{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-left:30px;margin-top:8px;font-size:13px;line-height:18px}.mfCardDate{font-size:13px;color:#5b5b5b;font-weight:normal;margin-left:5px;text-transform:capitalize}.mfMenuCardText .mfCardDescription{padding-left:0}.mfTopImgPlaceholder img{max-width:100%;margin:0 auto}.TopSectionTitle{float:left;width:100%;text-align:left;padding:20px 20px 10px 13px;font-weight:700;font-size:16px;color:#1d123c;text-transform:uppercase}.mfAdditionalMenuLinks .mfMenuListingCard{width:230px}.mfImageIntegrationApps{width:40px;height:40px;background:#fff;float:left;display:flex;border-radius:12px;margin:10px 10px;box-shadow:0 0 8px #e0e0e4;cursor:pointer;align-items:center}.mfImageIntegrationApps img{width:22px;margin:0 auto}.mfMenuCardText{display:block;width:200px;overflow:hidden;float:left}.mfFeaturesWrapperMenu{border-top:1px solid #e6eaef}.flip{transform:rotate(180deg)}.mfDownArrow{background:url('../../images/home-images2/mfDownArrow.png') no-repeat center center;display:block;width:13px;height:21px;margin-left:5px;background-size:10px auto;float:left;transition:transform .3s}.mfFeaturesLabel{float:left}.mfFeaturesWrapperMenu{background:#fbfbfb;width:100%;height:auto;position:absolute;top:72px;left:0;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 50px 60px 0 rgba(36,50,66,.15)}.mfFeaturesContent{width:100%;max-width:1300px;margin-right:auto;margin-left:auto;height:100%;z-index:9;position:relative;background:#fbfbfb}#mfFeaturesTab{display:inline-block;padding-right:5px}.mfFeaturesWrapperMenu:after{content:'';width:50%;height:100%;position:absolute;background:#f6f8f9;right:0;top:0}.mfMenuListingRightSection{background:#f6f8f9;border-left:1px solid #e0e6e8;height:100%;position:absolute;right:0;padding-left:30px;overflow:hidden}.mfMenuListingRightSection .mfMenuListingCard{padding:0;margin:15px 0}.mfMenuListingMargin{margin-right:30px}.mfAdditionalMenuLinks{padding-left:10px;width:100%;float:left;margin-top:20px}.mfDarkHeader .proHeaderLinks ul.nav li a,.mfDarkHeader #mfAppsBtnTop .dropdown .btn,.mfDarkHeader #mfHeaderLoginBtn .btn{color:#f5f5f5}.mfDarkHeader #mfHeaderSignupBtn a:hover,.mfDarkHeader .proHeaderLinks ul.nav li a:hover{color:#fff!important}.mfDarkHeader.mfPageHead .navbar-inverse{background:#111}.mfDarkHeader #mfHeaderSignupBtn a{background:#0a5bff}.mfDarkHeader .mfFeaturesWrapperMenu,.mfDarkHeader .mfFeaturesContent{background:#242424}.mfDarkHeader .TopSectionTitle,.mfDarkHeader .mfMenuCardTitle{color:#fff}.mfDarkHeader .mfMenuListingCard:after{background:#3d3d3d}.mfDarkHeader .mfFeaturesWrapperMenu:after,.mfDarkHeader .mfMenuListingRightSection{background:#303030}.mfDarkHeader .mfFeaturesWrapperMenu{border-top:1px solid #4b4b4b;box-shadow:0 50px 60px 0 rgba(0,0,0,.5)}.mfDarkHeader .mfMenuListingRightSection{border-left:1px solid #4b4b4b}.mfDarkHeader .mfImageIntegrationApps{box-shadow:0 0 8px rgba(0,0,0,0.24);background:#202020}.mfDarkHeader .mfCardDescription{color:#acacac}.mfDarkHeader .mfTopImgPlaceholder .mfCardDescription{color:#fff;-webkit-line-clamp:3}.mfDarkHeader #mfLogoutBtn{color:#acacac!important}.mfDarkHeader .navbar{background:#1a1a1a!important}.mfTopmenuImageDark{display:none}.mfDarkHeader .mfTopmenuImageDark{display:block}.mfDarkHeader .mfTopmenuImageLight{display:none}.mfUpdateImageWrapper{width:100%;height:auto;border:1px solid #e6eaef;float:right;margin-top:12px;margin-bottom:15px;border-radius:10px;overflow:hidden}.mfTopImgPlaceholder{min-height:400px;padding-right:40px}.mfTopImgPlaceholder a{display:inline-block}.mfTopImgPlaceholder .mfCardDescription{padding-left:0;clear:both;font-weight:600;color:#000;font-size:14px;line-height:20px;-webkit-line-clamp:3}.mfTopImgPlaceholder .TopSectionTitle{padding-left:0}@media only screen and (max-width:1399px) and (min-width:1200px){.mfMenuListingCard{width:240px}.mfMenuCardText{width:168px}}@media only screen and (max-width:1199px) and (min-width:1170px){.mfMenuListingCard{width:230px}.mfMenuCardText{width:140px}}@media only screen and (max-width:1169px) and (min-width:991px){.mfMenuListingCard{width:190px;margin-right:18px}.mfMenuCardText{width:120px}.mfImageIntegrationApps img{width:18px}.mfImageIntegrationApps{width:32px;height:32px}.mfMenuListingRightSection{padding-left:15px}}@media only screen and (max-width:992px){.mfHpHeaderLinks .navbar-collapse{border:0;position:absolute;width:calc(100% - -10px);margin-left:-35px;background:#fff;padding:0 0 20px!important;box-shadow:0 2px 5px rgba(0,0,0,0.07);border-radius:5px}.mfPageHead .navbar-collapse{border:0;position:absolute;width:100%;margin-left:-15px;background:#fff;padding:0 0 20px!important;box-shadow:0 50px 60px 0 rgba(36,50,66,.15)}.mfFeaturesWrapperMenu{position:initial}.mfFeaturesContent{max-width:none}.mfTopImgPlaceholder,.mfTopintegrations{display:none}.mfFeaturesWrapperMenu{box-shadow:none}.mfHomePageBanner{overflow:visible}.mfMenuListingCard{width:275px;max-width:none;margin:10px}.mfFeaturesWrapperMenu{border:0}.mfFeaturesContent{background:#f7f7f7}.mfAdditionalMenuLinks{padding-left:0}.mfFeaturesListing{border-bottom:1px solid #e8e9ea;padding-bottom:16px}.mfTopImgPlaceholder{display:none}.navbar-nav.navbar-left{padding-left:0}.mfFeaturesWrapperMenu:after{display:none}.mfDarkHeader.mfHpHeaderLinks .nav>li,.mfDarkHeader.mfPageHead .nav>li{border-bottom:1px solid #a0a0a0!important}.mfHpHeaderLinks .nav>li,.mfPageHead .nav>li{border-bottom:1px solid #ededed;text-align:left}.mfHpHeaderLinks ul.nav li a,.mfPageHead ul.nav li a,#mfHeaderLoginBtn .btn{padding:15px!important}#mfFeaturesTab{width:100%}#mfFeaturesTab .mfDownArrow{float:right}.mfHpHeaderLinks .nav>li,.mfPageHead .nav>li{padding:0}.mfAdditionalMenuLinks .mfMenuListingCard{width:275px;margin:20px 10px}.mfMenuListingRightSection{position:relative;right:auto}.mfMenuListingCard:after{background:transparent}.mfMenuCardText{width:240px}#mfHeaderUsrBtn{float:none;margin:14px auto 0!important}.navbar-nav.navbar-right{text-align:center}#mfHeaderSignupBtn,#mfHeaderLoginBtn{border:none!important;text-align:center}#mfHeaderSignupBtn a,#mfHeaderLoginBtn .btn,#mfHeaderUsrBtn{width:180px;border-radius:30px;text-align:center}#mfHeaderLoginBtn .btn{background:#ebf4ff;color:#0076ff!important;font-weight:600}.mfDarkHeader #mfHeaderLoginBtn .btn{background:transparent;border:1px solid #ebf4ff;color:#ebf4fe!important;font-weight:600}#mfAccountProfileImg{float:none!important;display:inline-block}.mfLoggedUser{float:none!important;display:inline-block}.mfDarkHeader #MockflowNavBar{background:#000}}