/* Default Styles */
body {
    background:#ffffff;
    margin: 0;
    padding: 0;
}
.page-container {
    position: relative;
    min-height: 100vh;
}
.content-wrap {
  padding-bottom: 56px;
}
p {
    margin-bottom:12px;
}
table {
    margin:0px;
}
td {
    border:none;
    padding:0px;
}
form {
    margin:0px;
}
label {
    font-weight:400;
}
.inlineLabel {
    display:inline-block;
    margin-bottom:0px;
}
a {
    text-decoration:none;
    color:#2980b9;
}
input, textarea, select {
    vertical-align: middle;
    margin:0px;
}
.button:disabled, button:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled {
    opacity:0.5;
}

#loadingDiv{
    position:absolute;
    left:50%;
    top:40%;
    width:140px;
    height:140px;
    margin-left:-70px;
    margin-top:-90px;
    text-align:center;
    
    border: 4px solid #ddd;
    border-top: 4px solid #333;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

#loadingDiv img {
    width:100%;
    height:100%;
}
#loadingPage_overlay {
    display:block;
    background-color:rgba(0,0,0,0.7);
    z-index:1002;
}
.litebox_overlay{
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
    background-color: rgba(0,0,0,0.3);
    overflow:auto;
}
.litebox_overlay.clrOvrLay {
    opacity:0;
}
.litebox{
    display:none;
    position:absolute;
    top:120px;
    left:50%;
    transform: translate(-50%, 0%);
    width:300px;
	background-color:#f9f9f9;
	color: #5c5c5c;
	padding:20px 20px 15px 20px;
	border-radius: 3px;
	z-index: 1001;
	box-shadow: 0px 0px 4px #555;
	margin-bottom:20px;
}
.litebox_close_btn {
    position:absolute;
    right:6px;
    top:6px;
    cursor:pointer;
    width:12px;
}
.negativeInput{
	border-color:#c0392b !important;
	background-color:#fbeae8 !important;
}
.overheadMsg{
	position:fixed;
	left:25px;
	right:25px;
	top:10px;
	padding:12px 55px 12px 45px;
	color:#fff;
	border-radius:5px;
	z-index:99999999;
	font-size:14px;
	background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 25px;
}
.overheadMsg a {
    font-weight: 600;
    color:#ffffff;
}
.overheadMsg.infoMsg{
	background-color:rgba(52, 152, 219, 0.9);
    background-image: url('../images/magic-wand-msg.png');
}
.overheadMsg.errorMsg{
	background-color:rgba(231, 76, 60,0.9);
	background-image: url('../images/exclamation.png');
}
.overheadMsg.warnMsg{
	background-color:rgba(243, 156, 18, 0.9);
	background-image: url('../images/bell.png');
	font-size: 16px;
}
.overheadMsg .ovrMsgBtn {
    display:inline-block;
    padding:4px 8px;
    border:1px #FFFFFF solid;
    border-radius:6px;
    margin-left:8px;
    font-size:14px;
    font-weight:400;
}
.overheadMsg .dismiss {
    position:absolute;
    right:10px;
    top:50%;
    margin:-10px 0px 0px 0px;
    cursor:pointer;
    padding:5px;
    width:10px;
    height:10px;
}
#tooltipOvw {
    display:none;
    position:absolute;
    top:500px;
    left:500px;
    background:#f5f6fa;
    padding:16px 20px 16px 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px 0px;
    border:1px #ddd solid;
    border-radius:8px;
    max-width:320px;
    z-index:25;
}
#tooltipOvw .tooltipDismiss {
    position:absolute;
    right:4px;
    top:4px;
    cursor:pointer;
    width:14px;
    height:14px;
    opacity:0.6;
}
#tooltipOvw .arrow-left {
    position:absolute;
    left:-10px;
    top:50%;
    margin-top:-10px;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #f5f6fa; 
}
.tooltipOvwTxt img {
    max-width:100%;
}

.usrCompNowBtn {
    margin-right:16px;    
    margin-bottom:0px;
    vertical-align: middle;
}
.bkBtn,
.bkBtnLft {
    vertical-align: middle;
    font-weight:400;
}
.bkBtnLft {
    margin-right:16px;
    margin-bottom:12px;
}
.bkBtn {
    margin-bottom:0px;
}
.button-primary.shrtBtn,
.button.shrtBtn{
    padding-left:16px;
    padding-right:16px;
}
.button-primary.rtArwBtn,
.button.rtArwBtn {
    padding-left:16px;
    padding-right:25px;
    background-image: url("../images/right-arrow.png");
    background-position: right 5px center;
    background-repeat:no-repeat;
    background-size: 11px;
    text-transform: none;
    font-size:12px;
    font-weight: 500;
    margin-bottom:12px;
    vertical-align: middle;
}
.prjStpCnfmBtn .revBtn {
    display:none;
    background-color: #1abc9c;
    border-color: #1abc9c;
    padding-right:40px;
    padding-left:40px;
    color:#ffffff;
    margin-bottom:12px;
}
.prjStpCnfmBtn .revBtn:hover,
.prjStpCnfmBtn .revBtn:focus {
    background-color: #16a085;
    border-color: #16a085;
    color:#ffffff;
}
.strongTxt {
    font-weight:500;
}
input[type="submit"].updateBtn,
input[type="button"].updateBtn,
.button.updateBtn{
    background:#1abc9c;
    color:#fff;
    border:none;
    padding-left:20px;
    padding-right:20px;
}
input[type="submit"].updateBtn:active,
input[type="button"].updateBtn:active,
.button.updateBtn:active {
    background:#16a085;
}

/*Cookiebot css*/
.CybotCookiebotDialogBodyButton {
    height:auto;
}
.CookieCard label {
    display:inline;
}
/* Overall Custom Style*/
.formEntry {
    margin-bottom:25px;
}
#formErrMsg {
    display:none;
    color:#c0392b;
    padding:10px 0px;
}
.pageHeading {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom:25px;
    color:#34495e;
}
.pageHeading.prjChptIntro,
.pageHeading.toolHeading {
    padding-left:40px;
    padding-top:6px;
    padding-bottom:6px;
    background-size:32px;
    background-repeat:no-repeat;
    background-position:left center;
    margin-left:35px;
}
.pageHeading.prjChptIntro {
    color:#000;
}
.pageHeading.toolHeading {
    background-image:url("../images/tools_heading.png");
}
.archPageDash {
    background-image:url("../images/arch_watermark.png");
    background-size:500px;
    background-blend-mode: lighten;
    background-color:rgba(255,255,255,0.6);
}

.pageHeading.pageStepHeading {
    margin-bottom:5px;
}
.archPageDash .pageStepHeading {
    color:#e74c3c;
}
.archiveIcon {
    vertical-align: middle;
    margin-left: 8px;
    height: 20px;
    width: 20px;
}
.archivedHdrLabel {
    margin-left:3px;
    font-size:13px;
    font-weight:400;
    vertical-align: middle;
}
.dollarInp {
    padding-left:22px !important;
    background-image:url("../images/dollar-inactive.png");
    background-repeat:no-repeat;
    background-position: left 4px center;
}
.dollarInp:focus {
    background-image:url("../images/dollar.png");
}
.percentInp {
    padding-right:22px !important;
    background-image:url("../images/percent-inactive.png");
    background-repeat:no-repeat;
    background-position: right 5px center;
    background-size:14px 14px;
}
.percentInp:focus {
    background-image:url("../images/percent.png");
}
.deskTopOnlyDiv {
    display:none;
}

/*Logo*/
.topLogoDiv a.topLogoBtn {
    display:inline-block;
    background-repeat:no-repeat;
    background-position:left center;
    line-height:40px;
    vertical-align:middle;
    font-size:16px;
    font-weight:700;
}
.mobileSideMenuBtn {
    vertical-align:middle;
    width:20px;
    height:20px;
    margin-right:4px;
}

/*Menu*/
.headerMenu {
    padding-top:25px;
    padding-bottom:15px;
    position:fixed;
    top:0px;
    width:100%;
    background:#fff;
    z-index:2;
}
.headerMenu.shdwBdr {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 2px 3px 0px, rgba(60, 64, 67, 0.15) 0px 6px 10px 4px;
    transition: box-shadow .35s ease-in-out; 
}
.headerMenu .hdrMenuItem {
    display: inline-block;
}
.headerMenu .hdrMenuItem.logo{
    font-size:18px;
    font-weight:600;
    margin-right:40px;
}
.headerMenu .topMenuLinkDiv {
    display:none;
}
.headerMenu .hdrMenuItem.logo a {
    color:#000;
}
.headerMenu a,
.footerMenu a{
    color:rgb(95, 99, 104);
    transition: color 0.4s ease;
}
.headerMenu a.hdrMenuItem:hover,
.footerMenu a:hover{
    color:#1abc9c;
}
.headerMenu a.hdrMenuItem {
    font-size:15px;
    font-weight:400;
}
.headerMenu .hdrMenuSignUpBtn {
    background:#1abc9c;
    color:#fff;
    margin-left:0px;
    margin-bottom:0px;
    border:none;
    font-size:12px;
    height:auto;
    padding:0px 10px;
}
.headerMenu .topRightMenu {
    text-align:right;
    display:none;
}
.headerMenu .topLeftMenu .topMenuMobileAuth {
    display:inline-block;
    position:absolute;
    right:20px;
}
.headerMenu .topLeftMenu .topMenuMobileAuth .hdrMenuItem.mobileAuthBtn {
    margin-right:10px;
    font-size:14px;
}
.headerMenu .topLeftMenu .topMenuMobileAuth .hdrMenuSignUpBtn.mobileAuthBtn {
    font-size:11px;
}


.hdrSignUpLogo.headerMenu {
    position:absolute;
    background:transparent;
}

.footerMenu {
    display:none;
    position:fixed;
    width:180px;
    left:0px;
    top:80px;
    box-shadow: rgba(0, 0, 0, 0.28) 2px 8px 8px;
    z-index: 999;
    border-right: 1px solid rgb(218, 220, 224);
    padding:20px 0px;
    background:#fff;
}
.footerMenu .deskTopFooterMenu {
    display:none;   
}

.footerCpyRtDiv {
    display:none;
}
.footerMenu a.ftrMenuItem {
    display:block;
    padding:10px 0px;
}
.footerMenu .mobileFooterMenu a.ftrMenuItem {
    padding-left:15px;
}
.footerMenu .footerCpyRtDiv {
    font-size:12px;
    text-align:center;
    margin-top:40px;
}

/*Side Menu*/
.mobileSideMenuCloseBtn {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index:2;
}
.sidemenu {
    display:none;
    height: 100%;
    width: 270px;
    position: fixed;
    z-index: 1;
    top: 0;
    background-color: #2d3436;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    transition: 0.5s;
    color:#ffffff;
    z-index:3;
}
.sideMenuBox {
    position:relative;
    height:100%;
    user-select: none;
}
.sideMenuUppr {
    padding-top:50px;
    padding-bottom:40px;
}
.sidemenu .sideMenuItem {
    padding: 10px 5px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #b4b4b4;
    display: block;
    transition: 0.3s;
}
.sidemenu .sideMenuItem:hover,
.sidemenu .sideMenuItem.selectedMenu {
    color: #ffffff;
    background-color:#4a505c;
    background-color:rgba(255,255,255,0.15);
}
.sideSubMenu {
    padding:5px 10px 0px 26px;
    margin-bottom:15px;
}
.sideSubMenu .sideSubMenuPrjName {
    position:relative;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom:10px;
    padding-left:35px;
    font-size: 14px;
    background-image:url("../images/ai.png");
    background-position:left center;
    background-repeat:no-repeat;
    border-radius:8px;
    transition: background-color 0.4s ease;
    
}
.sideSubMenu .sideSubMenuPrjName:hover {
    background-color:rgba(255,255,255,0.1);
}
.sideSubMenu .sideSubMenuPrjName .prjTitleLableMenu {
    color: #ffeaa7;
}
.sideSubMenu .sideSubMenuPrjName .sideSubMenSettingIcon {
    position:absolute;
    right:5px;
    top:50%;
    margin-top:-10px;
    width:20px;
    height:20px;
}
.sideMenuPhaseLabel {
    margin-top:12px;
    cursor:pointer;
    background-image:url("../images/left-arrow.png");
    background-position:right 5px center;
    background-repeat:no-repeat;
    background-size:10px;
    transition: color 0.4s ease;
}
.sideMenuPhaseLabel:first-child {
    margin-top:5px;
}
.sideMenuPhaseLabel:hover{
    color:#bdc3c7;
}
.sideMenuPhaseLabel.expndSideMenuPhaseLabel {
    background-image:url("../images/down-arrow.png");
}
.sideMenuStepLabel {
    display:none;
    margin-top:6px;
    margin-bottom:10px;
}
.sideSubMenuItem {
    font-size:14px;
    margin-bottom:8px;
}
.sideSubMenuItem.sideSubMenuItem_sub {
    margin-left: 10px;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight:400;
}
.selectedSubmenuItm {
    font-weight:500;
    color:#ecf0f1;
    list-style:disc inside;
}
.sideSubMenuItem.toolSubMenuItem {
    background-image:url('../images/tools_inactive.png');
    background-position:right 5px center;
    background-repeat:no-repeat;
    background-size:18px;
    padding-right:30px;
}
.sideSubMenuItem.toolSubMenuItem.selectedSubmenuItm {
    background-image:url('../images/tools_selected.png');
}
.sideSubMenuItem.toolSubMenuItem.activeToolItem {
    background-image:url('../images/tools_active.png');
}


a.submenuItemBtn {
    color:#39CCCC;
}
.submenuItemBtn.noSubmenuActive {
    color:#bdc3c7;
}
.sideMenuBtm {
    position: absolute;
    bottom: 0px;
    width:100%;
    padding-bottom:40px;
}
.statSideMenuBtm {
    position:static !important;
}
.sideMenuUsrBtn img {
    width:30px;
    border-radius:50%;
    vertical-align:middle;
    margin-right:10px;
}
.sideMenuUsrBtn.sideMenuUpgradeBtn {
    margin-bottom:20px;
    padding-left:15px;
}
.sideMenuUsrBtn.sideMenuUpgradeBtn img {
    width:24px;
    border-radius:0;
    margin-right:6px;
}
.sideMenuUsrBtn.sideMenuUpgradeBtn .sideMenuUsrName {
    color:#ffeaa7;
    font-size:16px;
    font-weight:500;
}


/*Main Page*/
.headerDiv {
    position:relative;
    margin-top:80px;
    padding-bottom:80px;
    background:#fff;
}
.headerDiv .headerTxt {
    text-align:center;
    margin-top:40px;
    font-weight:600;
}
.headerDiv .headerSubTxt {
    text-align:center;
    margin-bottom:30px;
    font-size:18px;
}
.headerActionBtnDiv {
    text-align:center;
}
.headerActionBtnDiv .headerActionBtn {
    height: auto;
    padding-left:55px;
    padding-right:18px;
    background-position:left 10px center;
    background-repeat:no-repeat;
    margin:0px;
}
.headerActionBtnDiv {
    margin-bottom:20px;
}
.headerActionBtnDiv .startNowBtn {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom:6px; 
    background-image:url('../images/web/target.png');
}
.headerActionBtnDiv .deskStartNowBtn {
    display:none;
}
.headerActionBtnDiv .findNwPrdBtn {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom:4px; 
    background-image:url('../images/web/product.png');
}
.headerDiv .headerImg {
    width:100%;
}
.bodyDiv {
    padding:80px 0px;
}
.bodyDiv .bodyHdrDiv {
    margin-bottom:70px;
}
.bodyHdrDiv .bodyHdr {
    text-align:center;
    font-weight:500;
}
.bodyHdrDiv .bodyTxt {
    text-align:center;
    font-size:20px;
    margin-bottom:0px;
}
.bodyHdrDiv .howItWorkBtnDiv {
    text-align:center;
    margin-top:30px;
    margin-left:-130px;
}
.bodyHdrDiv .frontHelloWizly {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-top: 45px;
    text-align: left;
    padding-left: 130px;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-right:20px;
    background-image: url('../images/wizly_avatar.png');
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: left 15px center;
    font-size: 17px;
    font-style: italic;
    background-color: #fff;
    border-radius: 5px;
}
.bodyHdrDiv .howItWorkBtnDiv .frontHowItWorkBtn {
    background: #d35400;
    border: none;
    color: #fff;
    height: auto;
    padding: 2px 20px;
    font-size: 12px;
    font-style: normal;
    margin:0px;
}

.quoteStyle {
    font-style:italic;
}
.aboutDiv {
    background:#f4f2ef;
    background:#f7efe6;
}
.aboutItemDiv {
    margin-bottom:60px;
}
.aboutItemDiv.desktopAboutItemDiv {
    display:none;
}
.aboutItemDiv.mobieAboutItemDiv {
    padding:20px 0px;
}
.aboutItemTxt {
    font-size:16px;
}
.aboutItemGraphc.imgFirst {
    text-align:right;
}
.aboutItemGraphc {
    margin-bottom:15px;
}
.aboutItemGraphc img {
    width:100%;
    max-width:400px;
}
.aboutItemHdr {
    font-weight:500;
}
.featureDiv {
    background:#f5f6fa;
}
.featureDiv .featImgDiv {
    text-align:center;
}
.featureDiv .featImgDiv img {
    width:55px;
    height:55px;
}
.featureDiv .featTitle {
    font-weight:500;
    font-size:18px;
    text-align:center;
    margin-bottom:8px;
}
.featureDiv .featTxt {
    font-size:16px;
}
.featureRow .featureItem {
    margin-bottom:45px;
}
.featureDiv .featureRow {
    margin-bottom:0px;   
}
.targetDiv {
    background:#fef9f0;
}
.targetDiv .targetHder {
    text-align:center;
    margin-bottom:35px;
}
.targetDiv .targetItemDiv {
    margin-bottom:90px;   
}
ul.targetList {
  list-style: none;
  padding-left: 0;
}
ul.targetList li {
    position: relative;
    padding-left: 25px; 
    margin-bottom: 10px;
    font-size: 16px;
    background-image:url('../images/check_list.png');
    background-size:16px;
    background-repeat:no-repeat;
    background-position:left center;
}
ul.nonTargetList li {
    background-image:url('../images/x_list.png');
}
/*
ul.targetList li::before {
  content: "✔";
  color: #1abc9c;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}
ul.nonTargetList li::before {
  content: "✖"; 
  color: #e74c3c;
}
*/

.targetDiv .targetDescDiv li {
    font-size:16px;
    list-style-position: outside;
}
.targetImgDiv img {
    width:100%;
    max-width:400px;
    border-radius:8px;
}

.tryNowDiv {
    background:#34495e;
}
.tryNowDiv .tryNowHdr {
    color:#fff;
    font-weight:500;
}
.tryNowDiv .tryNowTxt {
    color:#fff;
    font-size:16px;
    margin-bottom:25px;
}
.tryNowTxtDiv {
    text-align:center;
}
.tryNowTxtDiv .tryNowBtn {
    background:#fff;
    height:auto;
    font-size:14px;
    padding-top:6px;
    padding-bottom:6px;
}
.tryNowImgDiv img {
    width:100%;
}

/*Login & Sign Up */
.loginLeftDiv {
    margin-bottom:60px;
}
.loginLeftDiv .mobileLoginImgDiv,
.loginLeftDiv .mobileSignUpImgDiv {
    text-align:center;
    margin-top:20px;
}
.loginLeftDiv .mobileLoginImgDiv img,
.loginLeftDiv .mobileSignUpImgDiv img {
    width:50%;
    border-radius:50%;
    border:5px #40bbff solid;
}
.loginLeftDiv .mobileSignUpImgDiv img {
    border:5px #6163cb solid;
}
.loginLeftDiv .mobileContactImgDiv img {
    border:5px #f5e7c0 solid;
}
.loginLeftDiv .loginLogoDiv {
    text-align:center;
    padding-top:20px;
}
.loginLeftDiv .loginLogoDiv a {
    color:#333;
    font-size:18px;
    font-weight:700;
}
.loginLeftDiv .loginFormDiv {
    padding-top:25px;
}
.loginLeftDiv .loginWcHdr {
    font-weight:500;
    letter-spacing:0px;
    text-align:center;
    margin-bottom: 10px;
}
.loginLeftDiv .loginWcTxt {
    text-align:center;
    font-size:17px;
    margin-bottom:30px;
}
.loginLeftDiv .loginFormDiv .loginInpt,
.loginLeftDiv .loginFormDiv .loginBtn {
    width:100%;    
}
.loginLeftDiv .loginFormDiv .loginBtn {
    font-size:14px;
    height:auto;
    letter-spacing:0px;
    padding: 1px 0px;
}
.loginLeftDiv .loginFormDiv .loginBtn.signupBtn {
    background:#9b59b6;
    border:none;
    color:#fff;
}
.loginLeftDiv .loginFormDiv .loginBtn.resetPwBtn {
    background:#e67e22;
    border:none;
    color:#fff;
}

.loginLeftDiv .loginFormDiv .rmbrLgnDiv {
    margin-bottom:50px;
}
.loginLeftDiv .loginFormDiv .rmbrLoginPW {
    font-weight:300;
    margin-left:5px;
    vertical-align:middle;
}
.loginLeftDiv .loginFormDiv .forgotPWdiv {
    margin-top:15px;   
}
.loginLeftDiv .loginFormDividerr {
    text-align:center;
    margin-bottom:20px;
}
.loginLeftDiv .loginBtnGoog {
    font-weight:400;
    text-transform: none;
}
.loginLeftDiv .loginBtnGoog img {
    width:20px;
    height:20px;
    vertical-align:middle;
    margin-right:10px;
}
#password_rules ul li {
    color: #333;
}
#password_rules ul li.complete {
    color: #16a085;
}
.signUpPassDiv {
    position:relative;
}
.signUpPassDiv span.togglePassword {
    position:absolute;
    top:40px;
    right:10px;
    display:block;
    height:16px;
    width:16px;
    cursor: pointer;
    background-image:url('../images/web/show.png');
    background-repeat:no-repeat;
}
.signUpPassDiv .togglePassword.togglePassShwn {
    background-image:url('../images/web/hide.png');
}
.loginRightDiv {
    background-color:#40bbff;
    background-image:url('../images/web/login.png');
    background-repeat:no-repeat;
    background-size:100%;
    background-position:0px 0px;
    position: relative;
    min-height: 100vh;
}
.loginCoverImg {
    width:100%;
}
.signUpRightDiv.loginRightDiv {
    background-color:#6163cb;
    background-image:url('../images/web/signup.png');
    background-position:0px bottom;
}
.signUpPwRulesDiv {
    display:none;
    position:absolute;
    top:200px;
    left:50%;
    background:#f9f9f9;
    padding:20px 30px 0px 30px;
    border-radius:10px;
    box-shadow: 0px 0px 4px #555;
}
.signUpPwRulesDiv h6 {
    font-weight:500;
    margin-bottom:8px;
}

.outerModalBox{
  display:none;                    /* hidden by default */
  position:fixed; inset:0;
  background:rgba(0,0,0,.4);
  justify-content:center;
  align-items:center;
  z-index:1000;
}
.outerModalBox .modal-box{
  background:#fff; 
  padding:20px 15px; 
  border-radius:6px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  text-align:center; 
  max-width:310px;
}
.outerModalBox .modal-box p {
    margin-bottom:20px;
    font-weight:400;
}
.outerModalBox .choice{margin:0px 5px;}
.outerModalBox.show{display:flex;}

/*How it works*/
.howItWorksPage {
    padding:0px !important;
}
.howItLogoDiv {
    text-align:center;
    margin-bottom:30px;
    padding-top: 20px;
}
.howItLogoDiv a  {
    font-size: 18px;
    font-weight: 600;
    color:#000;
}
.howItHeroDiv {
    padding-top:130px;
    text-align:center;
    padding-bottom: 100px;
    border-bottom: 1px #ccc solid;
}
.howItHeroDiv .mainHeroHeader {
    font-size:38px;
    padding-top:10px;
    padding-bottom:15px;
}
.howItHeroDiv .subHeroHeader {
    font-size:18px;
    margin-bottom:35px;
    color:#535353;
}
.howItHeroDiv .heroGoBtn {
    height:auto;
    font-size:13px;
}
.howItHeroDiv .heroImg {
    width:100%;
    border-radius:30px;
}
.howItExpDiv {
    margin-top:80px;
    margin-bottom:80px;
}
.howItExpDiv .mainExpHeader {
    text-align:center;
    font-weight:500;
    letter-spacing:1px;
    margin-bottom:50px;
}
.howItExpItemDiv {
    position:relative;
    padding:50px 20px;
    margin-bottom:85px;
    border-radius:10px;
    border:1px #95a5a6 solid;
}
.howItExpItemDiv.boxedItemDiv {
    background-color:#f5f6fa;
    border-color:#f1f2f6;
}
.howItExpItemDiv .howItExpItemNum {
    background-color:#ff906d;
    color:#FFFFFF;
    position:absolute;
    left:-20px;
    top:-20px;
    padding:0px;
    border-radius:50%;
    line-height:56px;
    width:56px;
    text-align:center;
    font-size:26px;
    font-weight:600;
}
.howItExpItemDiv .howItExpItemNum img {
    width:24px;
    height:24px;
}
.howItExpItemDiv .howItExpItemHeader {
    text-align:center;
    font-size: 25px;
    margin-bottom: 20px;
}
.howItExpItemDiv .howItExpTxt {
    font-size:16px;
}
.howItExpDiv .howItImgDiv {
    padding-top:25px;
    text-align:center;
    margin:0px -10px;
}
.howItImgDiv img {
    width: 100%;
    max-width:720px;
    border-radius: 8px;
    box-shadow: 0px 0px 4px #aeaeae;
}
.tryNowHowItDiv {
    background-color:#f5f6fa;
    text-align:center;
}
.tryNowHowItDiv .tryNowHdr {
    font-size: 32px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}
.tryNowHowItDiv .tryNowTxt {
    font-size:20px;
    margin-bottom:35px;
}
.tryNowHowItDiv .tryNowHowItBtn {
    background-color:#ff906d;
    border-color:#ff906d;
    color:#FFFFFF;
    height: auto;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.tryNowHowItTxt {
    margin-bottom:30px;
}
.howItBackDiv {
    text-align:center;
    margin-bottom:60px;
}
.howItBackDiv a {
    font-weight:600;
}
/*FAQ*/
.howItWorksPage.faqPage {
    background-color:#fffdfc;
}
.faqItemDiv {
    margin-bottom:60px;
}
.faqItemDiv .faqItemHeader {
    font-size:25px;
    margin-bottom:15px;
    cursor:pointer;
    user-select: none;
    color: #2980b9;
    background-image:url("../images/arrow-down-sign-to-navigate.png");
    background-repeat:no-repeat;
    background-position:right center;
    background-size:15px;
    padding-right:25px;
}
.faqItemDiv .faqItemHeader.shwnFaqItemHeader {
    background-image:url("../images/up-arrow.-sign-to-navigatepng.png");
    color:#222;
}
.faqItemDiv p {
    font-size:18px;   
}
.faqItemDiv .faqItemAnsDiv{
    display:none;
}
/*About page*/
.aboutPage {
    padding:0px !important;
    margin-top:180px;
}
.aboutPageDiv {
    padding-bottom:100px;
}
.aboutPageDiv .mainAboutHeader {
    font-size:38px;
    font-weight:400;
    text-align:center;
    margin-bottom: 28px;
}
.aboutPageDiv .subAboutTxt,
.aboutPageDiv .subAboutHeader {
    font-size:18px;
    margin-bottom: 34px;
    color: #535353;
}
.aboutPageDiv .subAboutHeader {
    font-weight:500;
    margin-bottom: 10px;
}
.aboutPageDiv .aboutImgDiv {
    text-align:center;
}
.aboutImgDiv img {
    width:100%;
    max-width:470px;
}
/*Account*/
.mobileSettingMenuBtn {
    width:25px;
    position: absolute;
    top: 40px;
    left: 20px;
    z-index:2;
}
.accountHeading {
    text-align:center;
}
.setting_menu_div {
    display:none;
    position:absolute;
    width:180px;
    left:0px;
    top:80px;
    box-shadow: rgba(0, 0, 0, 0.28) 2px 8px 8px;
    z-index: 999;
    border-right: 1px solid rgb(218, 220, 224);
    padding:20px 10px;
    background:#fff;
}
.setting_menu_div .setting_menu_item {
    display:block;
    margin-bottom:15px;
}
.setting_menu_div span.setting_menu_item {
    font-weight:500;   
}
.email_cfm_stat {
    margin-left:8px;
    font-size:14px;
}
.email_cfm_stat.confirmedStat {
    color:#1abc9c;
    font-weight:300;
}
.email_cfm_stat.notCnfmedStat {
    color:#e74c3c;
}
.sendCfmCodeBtn {
    font-size:10px;
    height:auto;
    line-height:normal;
    padding:8px;
    margin-left:12px;
    margin-bottom:0px;
}
.account_google_conn {
    display:inline-block;
    border:1px #ddd solid;
    border-radius:6px;
    padding:8px 10px;
}
.account_google_conn img,
.account_google_conn span {
    vertical-align:middle;
}
.account_google_conn img {
    margin-right:4px;
}
.account_google_conn span {
    font-weight:400;   
    font-size:14px;
}
.hidnAcntDiv {
    display:none;
    margin-top:10px;
}
.email_validate_code_div .email_valid_code {
    height:auto;
    width: 155px;
    letter-spacing: 5px;
    font-size:28px;
    margin:0px 2px;
    text-align:center;
}
.email_validate_code_div .email_valid_code::-webkit-outer-spin-button,
.email_validate_code_div .email_valid_code::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.update_email_btn_div {
    margin-top:15px;
}
.outerModalBox .update_email_btn_div .email_code_sent_stat {
    font-weight:300;
    margin-bottom:8px;
}
.update_email_btn_div .didntGetCode {
    font-size:14px;
}
.hidnModalDiv {
    display:none;
}
.sendValidateCodeBtnDiv {
    color: #2c3e50;
}
.pwHidnBlk {
    display:none;
}
.nwPwEntryInpDiv {
    background: #f1f2f6;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.cancelUsrPwUpdateBtn {
    margin-left:45px;
}

.userSubPlanMgmDiv {
    text-align:center;
    padding-top:15px;
}
.userSubPlanMgmDiv .userSubPlanInfoDiv {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}
.userSubPlanImgDiv {
    margin-bottom: 20px;
}
.userSubPlanImgDiv img {
    height:300px;
}
.userSubPlanActBtnDiv .usrSubPlanMgmBtn {
    font-size: 15px;
    height: auto;
    padding: 6px 20px;
}
.userSubPlanActBtnDiv .usrSubDiscTxt {
    margin-top: 20px;
    color: #e67e22;
    font-weight: 400;
    font-size: 17px;
}
.userSubPlanActBtnDiv .usrSubDiscTxt .strongTxt {
    font-weight:600;
}
.usrSubPlnDefTxt {
    margin-top:40px;
    margin-bottom:30px;
    background-image:url('../images/shuttle.png');
    background-repeat:no-repeat;
    background-position: center top;
    padding-top: 40px;
}
.userSubPlanInfoDiv .usrSubPlanIntv {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 6px;
}
.userSubPlanInfoDiv .usrSubPlanPrice {
    font-size:16px;
}
.usrSubPlanLastPaid {
    margin-top:30px;
    margin-bottom:45px;
    font-size:13px;
}
.usrSubPlanLastPaid .usrSubPlanLastPaidDate span {
    font-weight:500;
    margin-left:10px;
}
.usrSubPlanLastPaid .usrSubPlanLastPaidDate{
    text-align:center;
    margin-bottom:5px;
}

.usrSubPlnChngDiv {
    margin-bottom:45px;
    font-size:16px;
    font-weight:400;
    letter-spacing: 1px;
    color:#d35400;
}
.usrSubPlnChngDiv img {
    vertical-align: middle;
    margin-right: 5px;
}
.usrAcntEmailSettingDiv .usrAcntEmailSettingLbl {
    font-size: 20px;
    font-weight: 300;
}

.usrAcntEmailSettingDiv .usrAcntEmailSettingLbl .usrEmailSettingInp {
    margin-right:2px;
    vertical-align:middle;
}
.usrAcntDisclmer {
    color: #e74c3c;
    background: url('../images/danger.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    margin-bottom:25px;
}
/*Paywall*/
.paywallMobileMenuDiv {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}
.paywallPage {
    padding-top:80px;
    padding-bottom:200px;
}
.paywallPage h1 {
    font-size:34px;
    font-weight:400;
    letter-spacing:0px;
    text-align:center;
    margin-bottom:50px;
}
.paywallPage h2 {
    font-size:24px;
    letter-spacing:0px;
    line-height:1.4;
}
.paywallPage .subscribePromo {
    text-align:center;
    margin-top:-20px;
    margin-bottom:35px;
    color:#FFF;
    background-color:#e67e22;
    padding:12px 10px;
    border-radius:5px;
}
.paywallPage .promoContDown {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight:400;
}
.paywallPage .promoContDown .tm_unit {
    font-size: 16px;
    font-weight: 300;
    margin-right:15px;
    color:#34495e;
}
.paywallPage .promoContDown .promoCdTxt {
    font-size:18px;
    font-weight:300;
    margin-right:8px;
}
.paywallPage .subscribePromo .strongTxt {
    font-weight:500;
}
.paywallPage h3 {
    font-size:20px;
    letter-spacing:0px;
    margin-bottom:5px;
}
.subscribeImgDiv {
    margin-top:35px;
    text-align:center;
}
.subscribeImgDiv img {
    width:100%;
    border-radius:8px;
}
.paywallTopDiv {
    margin-bottom:40px;
}
.scrollToSubDiv {
    text-align:center;
    padding-top:10px;
}
.scrollToSubDiv .scrollToSubPlan {
    height: auto;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.paywallFeaturesDiv {
    padding:15px 25px;
    background:#f1f2f6;
    border-radius:5px;
}
.paywallFeaturesDiv table {
    width:100%;
}
.paywallFeaturesDiv th {
    font-size:15px;
    font-weight:500;
    text-align:center;
}
.paywallFeaturesDiv th:first-child {
    text-align:left;   
}
.paywallFeaturesDiv .subheader th {
    font-size: 14px;
    padding-top: 25px;
    color: #7f8c8d;
}
.paywallFeaturesDiv tr td:first-child{
    font-weight:400;
    color:#333;
    text-align:left;
}
.paywallFeaturesDiv td {
    padding-top:12px;
    padding-bottom:12px;
    text-align:center;
}
.paywallFeaturesDiv .check {
    color:#16a085;
}
.paywallFeaturesDiv .not_check {
    color:#c0392b;
}
.subPlanDiv {
    margin-top:50px;
}
.subPlanItem {
    text-align:center;
    margin-bottom:60px;
}
.subPlanInfo .subPrice {
    font-weight:600;
    font-size:30px;
}
.subPlanInfo.discountedRate {
    color:#7f8c8d;
    font-weight:300;
    font-style:italic;
}
.subPlanInfo.discountedRate .subPrice {
    text-decoration: line-through;
    font-size:22px;
    font-weight:300;
}
.subPlanItem .subBillInfo {
    font-size:12px;
    color:#34495e;
}
.subSignUpBtnDiv {
    margin-top:30px;
}
.subSignUpBtnDiv .subBtn {
    height: auto;
    font-size: 15px;
    font-weight: 500;
    padding-top:2px;
    padding-bottom:2px;
}
/* Dashboard */
.dashboardDiv {
    position:relative;
    padding:40px 30px 60px 30px;
}
.dashboardDiv.subscribePageDiv {
    padding:0px;
}
.mainPageDiv {
    margin-top:40px;
    padding-right:50px;
}
.prjListHeadingDiv {
    margin-bottom:20px;
}
.dashMobileMenuBtn {
    vertical-align: middle;
    width: 25px;
    margin-right: 5px;
}
.dashMobileMenuChptIntroDiv {
    position:absolute;
    left:30px;
    top:45px;
    z-index:2;
}
.prjListHeadingRight {
    text-align:left;
    position:relative;
}
.prjListHeadingRight .sortSelectLabel {
    display:none;
    font-size:15px;
    font-weight:400;
    margin-right:6px;
}
.prjItemDiv {
    display:inline-block;
    width:100%;
    margin:10px 0px;
}
.prjItem {
    display:block;
    padding:15px;
    border:1px #ddd solid;
    border-radius:8px;
    text-align:center;
    color:#333;
    background:rgba(255,255,255,0.6);
    transition: opacity 0.5s, color 0.5s;
}
.prjItem:hover {
    opacity:0.6;
}
.prjItem .prj_item_title {
    font-weight:500;
    margin-bottom:5px;
}
.prjItem .prj_item_date {
    font-size:13px;
}
.prjItem .prjImgDiv {
    height:200px;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
    background:#eee;
    border-radius:5px;
    
    display: flex;
    justify-content: center;
    align-items: center; 
}
.prjItem .prj_img_out {
    width:100%;
    height: auto;             
    display: block; 
}
.prjItem .prj_img_icon {
    position:absolute;
    top:50%;
    left:50%;
    width:64px;
    margin-left:-32px;
    margin-top:-32px;
    
}
.prjListDashSortDiv {
    z-index:2;
}
.prjListHeadingRight .nwPrjBtn {
    display:inline-block;
    background:#3498db;
    font-weight:400;
    border:none;
    color:#fff;
    padding:10px 12px;
    border-radius:4px;
    transition: opacity 0.5s;
}
.mobileNwPrjBtn {
    display:inline-block;
    background:#3498db;
    position:absolute;
    right:0px;
    top:50%;
    margin-top:-24px;
    padding:8px;
    border-radius:10px;
    width:26px;
    height:26px;
}
.nwPrjBtn .nwPrjBtnImg{
    width:25px;
    height:25px;
    vertical-align:middle;
}
.mobileNwPrjBtn .nwPrjBtnImg{
    width:100%;
}
.nwPrjBtn:hover {
    color:#fff;
    opacity:0.6;
}
.nwPrjBtn .nwPrjBtnTxt {
    font-size:16px;
    vertical-align:middle;
    display:none;
}
.noProjectList {
    text-align: center;
    margin-top: 80px;
}
.noPrjectListImg {
    margin-bottom:15px;
}
.noPrjectListImg img {
    width:128px;
    height:128px;
}
.noProjectListTxt {
    font-size: 26px;
    font-weight: 600;
    color:#34495e;
    margin-bottom:10px;
}
.noPrjSubTxt {
    font-size:18px;
    font-weight:300;
    margin-bottom:40px;
}
.noPrjCreateBtn {
    height:auto;
    padding-top:2px;
    padding-bottom:2px;
}
.noPrjCreateBtn img {
    height:32px;
    vertical-align:middle;
}
.noPrjCreateBtn span {
    vertical-align:middle;
    font-size:17px;
}

/*New Product Tool*/
.prj_quest_label.offeringStatus {
    display:block;
    padding:25px;
    color:#222;
}
.prj_quest_label.hdnOptItem {
    display:none;
}
.prjQuestOptLdMr {
    text-align:center;
    margin-top:30px;
}
.prjQuestLdMrDiv {
    margin-bottom:15px;
}
.prjQuestLdMrDiv textarea {
    width:80%;
}
.prj_quest_label.ajxNwItems {
    background:#e6ebf0;
}

/*New Marketing project Questions*/
.prjQuestHeading {
    font-size:18px;
    font-weight:300;
    margin-bottom:20px;
}
.prjQuestHeadingWelcome {
    background-image: url(../images/wizly_icon.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 65px;
    margin-bottom:20px;
    
}
.prjQuestHeadingWelcome span {
    background-color:#34495e;
    color:#FFFFFF;
    font-size:17px;
    
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 17px;
    line-height: 1.4;
}
.prjQuestHeadingWelcome span::before {
  content: "";
  position: absolute;
  left: -14px;  
  top: 50%;
  transform: translateY(-50%);
  border-width: 7px;
  border-style: solid;
  border-color: transparent #34495e transparent transparent;
}
.prjQuestNoteAnsr {
    display:none;
    padding:15px 20px 15px 65px;
    margin:15px 0px;
    border-radius:15px;
    background-color:#ededed;
    background-image: url(../images/wizly_icon.png);
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: 8px center;
    
}
.prjQuestDesc {
    font-size:16px;
    margin-bottom:14px;
    font-style:italic;
}
.project_question_option {
    display:block;
}
.prj_quest_text {
    display:none;
    margin-bottom:20px;
    margin-top:15px;
}
.prjQuestOptFormDiv {
    padding:20px 0px;
}
.prj_quest_text .prjQuestOtherTxt {
    width:100%;
}
.prjQuestTxt {
    font-size:24px;
    margin-bottom: 20px;
    letter-spacing: 0px;
    padding-left:40px;
    background-image:url('../images/communication.png');
    background-position:left center;
    background-repeat:no-repeat;
    background-size: 32px;
}
.prjQuestTxt.prjPrdVsPlnTxt {
    background-image: url(../images/wizly_icon.png);
    background-size: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 65px;
}
.prjQuestTxtDiv .prjQuestText {
    width:100%;
    height:50px;
    padding:12px 18px;
    min-height:auto;
    max-height:200px;
    border:none;
    background:#F4F4F4;
    border-radius:10px;
    resize: none;
}
.prj_quest_opt_group {
    font-weight:500;
    margin-top:40px;
    margin-bottom:12px;
    color:#d35400;
}
.prj_quest_opt_group:first-child {
    margin-top:0px;   
}
.prj_quest_label {
    font-size:18px;
    margin-bottom:20px;
    padding:15px 14px;
    border-radius:8px;
    background:#f5f6fa;
    transition:background 0.4s linear;
    user-select: none;
}
.prj_quest_label:hover {
    background:#ecf0f1;
}
.prj_quest_label:active{
    background:#dcdde1;
}
.rdo_style,
.chk_style {
    margin-right:8px;
}
.prj_option_desc {
    font-size:15px;
    font-weight:300;
    padding-left:20px;
}
.newProjectFormEntry {
    padding-top:40px;
    text-align:center;
}
.newProjectFormEntry .pageStatus {
    display:none;
    margin:0px 20px;
}
.newProjectFormEntry .pageStatus .rqdQues {
    font-weight:600;
    color:#e74c3c;
}
.newProjectFormEntry .bkBtn {
    margin-right:100px;
}
.newProjectFormEntry .farLftBtn {
    display:none;
}
.newProjectFormEntry .prdOvwBtn {
    padding:0px 8px;
    margin-left:-25px;
}
.nwProductFormEntry .nwPrdCreatePlnBtn {
    padding: 0px 8px;
    margin-left: -90px;
}
.newPrjCaveatDiv {
    display:none;
}
.newPrjCavTxt {
    padding:5px;
}
.newPrjCavCrtra {
    margin-top:28px;
    padding-left:30px;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:24px;
}
.goodFitCritra {
    background-image:url('../images/check_green.png');
}
.badFitCritra {
    background-image:url('../images/stop-sign.png');
}
.newPrjCavTxt .newPrjCavList li {
    font-size:14px;
}

/*User Input Summary*/
.prjNameLbl {
    margin-bottom:20px;
}
.prjNameLbl .prjNameSpn {
    font-weight:600;
    margin-right:12px;
}
.prjNameLbl .prjNameInpt {
    width:320px;
}
.prjNameLbl .updateBtn {
    display:none;
}
.projectSettingDiv {
    text-align:right;
}
.projectSettingModule {
    display:inline-block;
    border-radius:8px;
    border:1px #ccc solid;
    padding:8px;
    line-height: 0;
    margin-bottom:15px;
}
.settingPrjBtn img {
    width:20px;
    height:20px;
    margin-right:10px;
}
.settingPrjBtn:last-child img{
    margin-right:0px;
}
.shareLinkDiv {
    display:none;
    position:fixed;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 2.4px 7.2px rgba(0, 0, 0, 0.18), 0px 12.8px 28.8px rgba(0, 0, 0, 0.22);
    background-color:#fff;
    padding:25px 40px;
    border-radius:3px;
    min-width:220px;
    z-index:21;
}
.shareLinkDiv h1 {
    font-size:28px;
}
.shareLinkDiv h2 {
    font-size:18px;
}
.shareProjectSettingToggle {
    margin-bottom: 10px;
    background: #f8f8f8;
    padding: 6px 10px;
    border-radius: 8px;
}
.shareProjectSettingToggle span {
    margin-left:10px;
    vertical-align:middle;
}
.shareProjectLinkDiv {
    padding-top:10px;
}
.shareProjectLinkDiv .shareProjectCodeTxt {
    width:100%;
}
.copy-status {
    color:#e74c3c;
    font-size:13px;
}

.prjUsrProSmry {
    margin-bottom:30px;
}
.prjUsrProSmry p{
    margin-bottom:16px;
}
.usrInputTable {
    width:100%;
}
.usrInputTable tr {
    border-bottom:1px #dedede solid;
}
.usrInputTable tr:last-child {
    border-bottom:0px;
}
.usrInpQues,
.usrInptAns {
    padding:12px 10px;
}
.usrInpQueInfo,
.revUsrIptQueBtn {
    margin-left:5px;
    font-size:12px;
}
.usrInptAns ul {
    margin:0px;
}
.usrInputSmryDiv {
    margin-bottom:40px;
}

/* Product Finder */
.usrPrdInptTable .usrInpQues {
    font-weight:600;
}
.usrPrdInptTable .usrInptAns .prdUsrItm {
    font-weight:400;
}
.usrPrdInptTable .usrInptAns .prdUsrItmDesc {
    font-style:italic;
}
.nwProductFormEntry {
    position:relative;
}
.farLftBtn {
    position:absolute;
    left:0px;
}
.farRgtBtn {
    position:absolute;
    right:0px;
}

/*Project Steps*/
.chapterTxt {
    font-size:20px;
    color:#2c3e50;
    font-weight:400;
    margin-right:8px;
}
.projectStepStatus {
    margin-bottom:15px;
    font-size:13px;
    font-weight:300;
}
.archivedOutptLstDiv {
    display:none;
    max-height:600px;
    overflow:auto;
    padding:12px;
    position:absolute;
    top:120px;
    left:310px;
    background: linear-gradient(to bottom, #ffffff, #f1f2f6);
    box-shadow: rgba(99, 99, 99, 0.8) 0px 2px 5px 0px;
    border-radius:8px;
    z-index:21;
}
.archivedOutptLstDiv ul {
    margin:0px;
    list-style-type:square;
}
.archivedOutptLstDiv ul li::marker { 
    color:#7f8c8d;
}
.archivedOutptLstDiv .arch_output_itm {
    margin-bottom:6px;
    font-size:14px;
}
.archivedOutptLstDiv .arch_output_itm .arch_select {
    font-weight:500;
}
.archivedOutptLstDiv .arch_output_itm .arch_status {
    margin-left:4px;
    font-size:12px;
}
.shwArchList {
    font-weight:500;
    background-image:url('../images/archive_icon.png');
    background-repeat:no-repeat;
    background-position:left center;
    background-size:16px 16px;
    padding-left:18px;
}
.prjStpUsrFb{
    display:none;
    margin-bottom:15px;
    padding:10px;
    background:#f5f6fa;
    border-left:5px #ccc solid;
    border-radius: 0px 8px 8px 0px;
}
.prjStepImgBtmDiv {
    margin-top:25px;
}
.prjStepImgBox {
    position:relative;
    text-align:center;
    padding-top:15px;
}
.prjStepImgLoading {
    display:none;
    position:absolute;
    width:150px;
    height:150px;
    left:50%;
    top:50%;
    margin-top:-75px;
    margin-left:-75px;
    opacity: 0.7;
}
.prjStepImgDiv {
    margin-bottom:20px;
}
.prjStepImg {
    width:100%;
    max-width:360px;
    border-radius:15px;
}
.prjStepImgCaption {
    color: #2c3e50;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 5px;
}
.projectStepConfmQuest {
    margin-top:60px;
}
.prjStpQuestTxt {
    margin-bottom:14px;
    font-size:20px;
    color:#2c3e50;
    background-image: url(../images/wizly_icon.png);
    background-repeat: no-repeat;
    background-position:left center;
    background-size: 50px;
    padding: 6px 0px 6px 55px;
}
.prjStpCnfmLbl {
    margin-bottom:12px;
    font-size:16px;
}
.prjStpCnfmBtn{
    margin-top:28px;
}
.prjStpCnfmBtn .startNwPrjBtn {
    margin-top:18px;
    display:block;
}
.projectStepContent strong {
    font-weight:500;
}
.projectStepContent hr {
    border:none;
    margin-top:15px;
    margin-bottom:15px;
}
.projectStepContent ul,
.projectStepContent ol {
    font-size:100%;
}
.projectStepContent li p {
    display:inline;
}
.projectStepContent h2 {
    font-size:24px;
}
.projectStepContent h3,
.prjStepResrc h3,
.projectStepContent h4,
.prj_step_feedback_div h3 {
    letter-spacing:0.5px;
    padding-bottom:16px;
    margin:0px;
}
.projectStepContent h3 {
    font-size:22px;
    font-weight:500;
    padding-top:30px;
}
.prjStepResrc h3,
.prj_step_feedback_div h3 {
    color: #d35400;
    font-size:18px;
    margin-bottom:18px;
    padding-left:30px;
    padding-bottom:0px;
    background-image:url('../images/open-book.png');
    background-position:left center;
    background-repeat:no-repeat;
}
.prj_step_feedback_div h3 {
    background-image:url('../images/chat.png');
}
.prj_step_feedback_div .prj_step_feedback_item {
    background-color:#f5f6fa;
    padding:20px;
    border-radius:8px;
    margin-bottom:10px;
}
.prj_step_feedback_div .prj_step_fb_res_item.prj_step_feedback_item {
    margin-left:20px;
    background-color:#f8f4e9;
}
.prj_step_feedback_item .feedback_usr_div,
.prj_step_feedback_item .feedback_cmt_div {
    vertical-align:middle;
}
.prj_step_feedback_item table {
    width:100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.prj_step_feedback_item .feedback_usr_div {
    width:65px;
    text-align:center;
    word-wrap: break-word; 
    overflow-wrap: break-word;
}
.prj_step_feedback_item .feedback_usr_div img {
    vertical-align:bottom;  
    width:32px;
}
.prj_step_feedback_item .feedback_usr_name {
    margin-top:5px;
}
.prj_step_feedback_item .feedback_time_stamp {
    font-size:12px;
}
.prj_step_feedback_item .feedback_cmt_div {
    padding-left:15px;
    width:auto;
}
.feedback_cmt_div .feedback_action_div {
    padding-top:10px;
}
.feedback_action_div .fb_usr_action_btn {
    display:inline-block;
    margin-right:12px;
    font-size:13px;
}
.feedback_cmt_div .feedback_cmt_inpt_div {
    padding:10px 0px;
    display:none;
}
.feedback_cmt_inpt_div .fb_cmt_inpt {
    width:100%;
    margin-right:-50px;
    padding-right:50px;
}
.feedback_cmt_inpt_div .fb_cmt_btn {
    padding:0px;
    width:45px;
}
.projectStepContent h4,
.pageSubHeading {
    font-size:18px;
    font-weight:400;
    color: #d35400;
    padding-top:16px;
}
.projectStepContent h3 em,
.projectStepContent h4 em {
    font-weight:300;
}
.projectStepContent table {
    margin-bottom:25px;
    border:1px #ccc solid;
    border-collapse:collapse;
    width: auto;
}
.projectStepContent table tr {
    border-bottom:1px #ccc solid;
    
}
.projectStepContent table th {
    text-align:center;
    padding:8px 15px;
    background-color:#95a5a6;
    color:#FFFFFF;
    font-size:14px;
    border-right:1px #bdc3c7 solid;
    border-top:1px #95a5a6 solid;
}
.projectStepContent table th:first-child {
    border-left: 1px #95a5a6 solid;
}
.projectStepContent table th:last-child {
    border-right:1px #95a5a6 solid;   
}
.projectStepContent table td {
    padding:8px 15px;
    border-right:1px #ccc solid;
}
.prjStepResrc {
    margin-top:70px;
    padding-bottom:15px;
}

/*Tool*/
.toolImgBox{
    margin-bottom:30px;
}
.prjToolStep {
    padding-top:20px;
    padding-bottom:25px;
}
.prjToolStep h2 {
    margin-bottom:10px;
}
.subRevOpts,
.prftInfoInptDiv, 
.prfHdrTxt,
.lowMkBdgtStep
{
    display:none;
}
.prfInfoDiv label {
    margin-top:25px;
}
.prftInfoLbl{
    margin-right:10px;
}
.prjToolStep input[type=number]:read-only {
    border:none;
}
.hiliteLbl {
    color:#d35400;
    font-weight:500;
}
.hiliteInp {
    font-weight:600;
}
.sidePanel.leftSide {
    margin-bottom:25px;   
}
.sidePanel .prj_quest_label {
    font-size:16px;
}
.marktingBudgetToolTip {
    font-size: 14px;
    margin-left: 5px;
    margin-right: 2px;
}
.prjToolStep .mkBgtPanelHdr {
    padding-bottom:5px;
}
.prjToolStep .mkBgtSubHd {
    margin-bottom:25px;
    font-weight:400;
    color:#636e72;
}
.mkBdgEvalDiv {
    padding:0px 10px 10px 75px;
    border-radius:10px;
    background-color:#f5f6fa;
    color: #000;
    background-image:url("../images/wizly_icon.png");
    background-repeat:no-repeat;
    background-size:60px;
    background-position: 8px center;
    
}
.mkBdgEvalDiv p {
    font-size:15px;
    line-height:25px;
    margin-bottom:12px;
}
/*Tool Article Generator*/
.prjToolBlogPosts {
    margin-bottom:25px;
}
.blgPstKywrds {
    width:100%;
    height:110px;
}
.blgPstKywrds:read-only {
    background-color:#f7f7f7;
}
.prjToolStnDiv {
    margin-bottom:30px;
}
.prjToolStnDiv .blgPstSubtxt {
    font-weight: 400;
    font-size: 14px;
    color: #2c3e50;
    margin-top:-14px;
}
.blgpst_cont_opt {
    margin-bottom:15px;
}
.blgpst_opt_label {
    font-size:16px;
    font-weight:300;
}
.blgpst_opt_label.blgst_opt_label_sel {
    font-weight:400;
}
.blgOptChkBx {
    margin-right:7px;
}
.blgpst_cont_opt .blgpst_subtxt {
    display:none;
    font-size: 13px;
    font-weight: 300;
    margin-top:4px;
    margin-bottom:0px;
    line-height:22px;
}
.blgTnTxtInp {
    width:100%;
}
.blgPstEntry{
    padding-top:10px;
}
.blgPstIdea {
    padding-top:15px;
    border-bottom:1px #ccc solid;
}
.blgPstIdea:last-child {
    border:none;
}
.blgIdeaTitle {
    font-size: 18px;
    margin-left: 8px;
    vertical-align:middle;
}
.blgIdeaSections {
    margin-top: 5px;
    margin-left: 3px;
    list-style: square inside;
}
.blgIdeaSecItem {
    margin-bottom: 3px;
    font-weight: 300;
    font-size: 15px;
}
.blgIdeaSecItem .prvdraft_txt {
    font-size:13px;
    margin-left:6px;
}
.blgPstFrmBtnDiv {
    margin-top:60px;
}
.blgPstFrmBtnDiv .rightBtnDiv {
    margin-top:25px;
    text-align:center;
}
.blgPstFrmBtnDiv .leftSideArticleBtn {
    width:100%;
}
.blgTitleHeading {
    font-weight:500;
    margin-bottom:5px;
}
.selBlgSecItem {
    font-weight:500;
    color:#d35400;
}
.blgPstImgDesc {
    font-size:14px;
    background:#ededed;
    padding: 15px 20px;
    border-radius: 10px;
    line-height:25px;
}
.blgPstImgDescLabel {
    font-weight:500;
    margin-right:5px;
    color: #2f3640;
    padding-left:22px;
    background-image:url("../images/image.png");
    background-repeat:no-repeat;
    background-position:left center;
    background-size:18px;
}
.blgPstImgDisplay {
    display:none;
    position:relative;
    text-align:center;
    padding-top:10px;
    margin-bottom:20px;
}
.blgPstImgDisplay .blgPstImgItem {
    width:100%;
    max-width:350px;
}
.rfsBlgIdeaBtn {
    background-color: #1abc9c;
    border-color: #1abc9c;
    color:#ffffff;
    margin-right:0px;
}
.rfsBlgIdeaBtn:hover,
.rfsBlgIdeaBtn:focus{
    background-color: #16a085;
    border-color: #16a085;
    color:#ffffff;
}
.art_sec_div {
    margin-bottom:25px;
}

/*Email sequence generator*/
.soap_outline .soap_seq_heading {
    margin-bottom: 28px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #353b48;
}
.startSoapOutBtnDiv{
    text-align:center;
    padding-top:30px;
}
.startSoapOutBtnDiv .startSoapOutBtn {
    height:50px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing:0px;
}
.soap_day_entry {
    padding-top:20px;
    margin-bottom:30px;
}
.soap_day_label{
   color:#d35400; 
   font-weight:600;
   font-size:14px;
   margin-bottom:4px;
}
.soap_sub_label{
    font-size:20px;
}
/*Seinfeld Email generator*/
.seinfeld_idea_entry {
    padding-top:15px;
    margin-bottom:25px;
}
.seinfeldIdeaTitle {
    margin-bottom:6px;
}
/*Marketing Performance Tracker*/
.prjToolPerfUsrInptLeftSide {
    padding:0px;
}
.prjToolPerfUsrInptDiv {
    margin-bottom:45px;
}
.prjToolPerfUsrInptDiv .prj_quest_label h6{
    text-align:center;
    padding-bottom: 10px;
    border-bottom: 1px #ddd solid;
}
.prjToolPerfUsrInptDiv .prj_quest_label {
    padding-left:20px;
    padding-right:20px;
}
.prjToolPerfUsrInptDiv .sf_pf_stg_targt {
    font-size:15px;
    margin-bottom:20px;
}
.prjToolPerfUsrInptDiv .sf_pf_stg_revMod {
    font-size:14px;
    margin-bottom:15px;
    opacity:0.8;
}
.prjToolPerfUsrInptDiv .sf_pf_stg_revMod .strongTxt {
    font-weight:400;
}
.prjToolPerfUsrInptDiv .sf_pf_trg_txt {
    margin-left:8px;
    font-weight:300;
    font-style: italic;
}
.prjToolPerfUsrInptDiv .sf_pf_usr_inpt {
    margin-bottom:20px;
}
.prjToolPerfUsrInptDiv .sf_pf_usr_inpt .sf_pf_usr_labl {
    margin-right:10px;
    font-size:14px;
}
.prj_quest_label .sf_pf_usr_note {
    padding-top: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.prj_quest_label .sf_pf_hidn {
    display:none;
}
.sf_pf_eval_itm .sf_pf_cnvs {
    width:76px;
}
.prjSfPfMtrBtn {
    text-align:center;
    margin-top:60px;
}
.sf_pf_eval_val {
    display:inline-block;
    padding:8px;
}
.mkPerfEvalDiv {
    margin-bottom:30px;
}
.perfMtrxHdrDiv {
    margin-bottom:15px;
}
.perfMtrPerDiv {
    text-align:right;
}
.perfMtrPerDiv label {
    display:inline-block;
}
.perfMtrPerDiv .date_label {
    margin-right:5px;
    margin-left:30px;
}
.perfMtrPerDiv .perfMtrPerInp {
    max-width:80px;
    min-width:70px;
}

/*Terms of Use*/
.termsPage {
    margin-top: 70px;
}
.termsPageDiv {
    padding:40px 0px;
}
.termsPageDiv h1 {
    text-align: center;
    font-size: 35px;
    font-weight: 500;
}
.termsPageDiv h2 {
    font-size: 22px;
    font-weight: 500;
}
.termsPageDiv h3 {
    font-size: 20px;
    margin-top:30px;
    margin-bottom:12px;
}
.termsPageDiv h4 {
    font-size:17px;
    text-align:center;
    margin-bottom: 45px;
}

/*Contact*/
.contactPage {
    margin-top:80px;
}
.contactMsg {
    height:160px;
}
.contactRightDiv {
    padding:40px;
}
.contactRightDiv img {
    width:100%;
    border-radius:10px;
}
.hardContactDiv {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px #ccc solid;
}
.prefrm-wrap {
    position: absolute !important;
    left: -9999px !important;
    width: 1px; 
    height: 1px; 
    overflow: hidden;
}

/*Console*/
.totalTknInfoDiv {
    margin-top:50px;
    margin-bottom:80px;
}
.totalTknInfoDiv h3 {
    text-align:center;
    font-size:25px;
}
.userTknInfoDiv {
    margin-bottom:80px;
}
.userTknInfoDiv h3 {
    text-align:center;
    font-size:25px;
}
.costInfoAdminBox {
    margin-bottom:50px;
}
.costInfoAdminDiv {
    margin-bottom:5px;
}
.trueTotalCostAdmin {
    font-weight:600;
}
.adminDashMenu {
    padding:40px 0px;
}
.adminDashMenu a {
    margin-right:40px;
}
.adminDashPeriod {
    text-align:center;
    font-size:20px;
}

/*Landing Page*/
.landingDiv {
    text-align:center;
}
.microCopyCTA {
    font-size:16px;
    font-weight:300;
}
.landingPageVideoDiv {
    position: relative;
    width: 100%;
    max-width: 900px; 
    margin: 30px auto;
    aspect-ratio: 16 / 9;
}
.landingPageVideoDiv video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.landingDiv .landing_thumbnail {
    width:100%;
    max-width:800px;
}
.landingDiv .landingCTABtn {
    font-size: 20px;
    height: auto;
    padding: 10px 35px;
    margin: 0px;
    letter-spacing: 0px;
}
.landingHelloWizly.frontHelloWizly p {
    margin-bottom:8px;
}
.landingHelloWizly.frontHelloWizly .howItWorkBtnDiv {
    margin-top: 26px;
}
.footerMenuLanding {
    background: #fff;
    padding: 50px 0px;
    box-shadow: none;
    border-right: none;
}
.footerMenuLanding a.ftrMenuItem {
    display: inline;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    margin-left: 30px;
    color: rgb(95, 99, 104);
}
.footerMenuLanding a.ftrMenuItem:first-child {
    margin-left:0px;
}
.footerMenuLanding .footerCpyRtDivLndng {
    font-size: 12px;
    text-align: center;
    margin-top: 40px;
}

/* Larger than mobile */
@media (min-width: 400px) {
    .headerMenu .topLeftMenu .topMenuMobileAuth {
        right:0px;
    }
    
    /*Performance Tracker*/
    .prjToolPerfUsrInptLeftSide {
        width:100%;
    }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    /*All Style*/
    .mobileOnly {
        display:none;
    }
    .deskTopOnlyDiv {
        display:block;
    }

    /*Front Hero*/
    .headerDiv .headerTxt {
        font-size:24px;
    }
    .headerDiv .headerSubTxt {
        font-size:15px;
    }
    .headerDiv .headerTxt, 
    .headerDiv .headerSubTxt,
    .headerActionBtnDiv {
        text-align:left;
    }
    .landingDiv.headerDiv .headerTxt, 
    .landingDiv.headerDiv .headerSubTxt,
    .landingDiv .headerActionBtnDiv {
        text-align:center;
    }
    .headerActionBtnDiv .headerActionBtn {
        padding-left:45px;
        padding-right:8px;
        background-position:left 8px center;
    }
    .headerActionBtnDiv .startNowBtn {
        font-size: 12px;
    }
    .bodyHdrDiv .bodyHdr {
        font-size:28px;
        margin-bottom:14px;
    }
    .bodyHdrDiv .bodyTxt {
        font-size:18px;
    }
    
    /*Front About*/
    .aboutItemGraphc {
        margin-bottom:0px;
    }
    .aboutItemHdr {
        font-weight:300;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .aboutItemTxt {
        font-size:15px;
    }
    .aboutItemDiv.desktopAboutItemDiv {
        display:block;
    }
    .aboutItemDiv.mobieAboutItemDiv {
        display:none;
    }

    /*Front Features*/
    .featureRow .featureItem {
        margin-bottom:0px;
    }
    .featureDiv .featureRow {
        margin-bottom:50px;   
    }
    .featureDiv .featTxt {
        font-size:15px;
    }
    
    /*Front Targets*/
    .targetDiv .targetDescDiv li {
        font-size:14px;
    }
    
    /*Front try now*/
    .tryNowTxtDiv {
        text-align:left;
    }
    .tryNowDiv .tryNowHdr {
        font-size:26px;
    }
    .tryNowDiv .tryNowTxt {
        font-size:15px;
    }
    
    /*How it works*/
    .howItHeroDiv .mainHeroHeader {
        font-size:25px;
        padding-bottom:0px;
    }
    .howItHeroDiv .subHeroHeader {
        font-size:15px;
    }
    
    /*Subscription*/
    .paywallPage h2 {
        font-size:18px;
    }
    .subscribeImgDiv {
        margin-top:0px;
    }
    .subPlanDiv {
        margin-top:150px;
    }
    .subPlanItem:first-child {
        border-right:1px #ddd solid;
    }
    .subPlanItem {
        text-align:center;
        margin-bottom:0px;
    }
    .scrollToSubDiv .scrollToSubPlan {
        font-size: 12px;
        padding-right: 12px;
        padding-left: 12px;
    }
    
    /*Login & Sign up*/
    .loginLeftDiv .loginFormDiv .rmbrLoginPW {
        font-size:12px;
        margin-left:0px;
    }
    .loginLeftDiv .loginFormDiv .forgotPWdiv {
        margin-top:0px;
        text-align:right;
        font-size:12px;
    }
    .loginRightDiv {
        background-color: #ffffff;
        background-position:center 25%;
    }
    .signUpRightDiv.loginRightDiv {
        background-color: #ffffff;
        background-position:center 25%;
    }
    .loginLeftDiv .loginWcHdr {
        font-size:22px;
    }
    
    /*Dashboard*/
    .prjListHeadingRight {
        text-align:right;
    }
    .prjItemDiv {
        width:45%;
        max-width:235px;
        margin-right:8px;
        margin-left:8px;
    }
    .noProjectList {
        margin-top: 120px;
    }
    
    /*New Project*/
    .newProjectFormEntry .pageStatus {
        display:inline-block;
    }
    .newProjectFormEntry .bkBtn {
        margin-right:0px;
    }
    .newProjectFormEntry .prdOvwBtn {
        margin-left:0px;
        padding:0px 20px;
    }
    .nwProductFormEntry .nwPrdCreatePlnBtn {
        padding: 0px 30px;
        margin-left: 0px;
    }
    .prjStpCnfmBtn .startNwPrjBtn {
        margin-top:0px;
        display:inline-block;
    }
    
    /*Project Step*/
    .prjStepImg.midSizeImg, 
    .prjStepImg.lrgSizeImg {
        max-width:500px;
    }

    /*Performance Tracker*/
    .sidePanel {
        border-right:1px  #ccc solid;
    }
    .sidePanel.leftSide {
        padding-right:20px;
        margin-bottom:0px;
    }
    
    /*Article Generator*/
    .prjToolBlogPosts {
        margin-bottom:0px;
    }
    .blgPstFrmBtnDiv .rightBtnDiv {
        margin-top:0px;
        text-align:right;
    }
    .blgPstFrmBtnDiv .leftSideArticleBtn {
        width:auto;
    }
    
    /*Setting*/
    .usrSubPlanLastPaid .usrSubPlanLastPaidDate:first-child{
        text-align:right;
        padding-right:20px;
        margin-bottom:0px;
    }
    .usrSubPlanLastPaid .usrSubPlanLastPaidDate:last-child{
        text-align:left;
        margin-bottom:0px;
    }

}

/* Larger than tablet */
@media (min-width: 750px) {
    /*Front About*/
    .aboutItemHdr {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .aboutItemTxt {
        font-size:16px;
    }
    
    /*Front Targets*/
    .targetDiv .targetDescDiv li {
        font-size:16px;
    }
    
    /*Front Try it now*/
    .tryNowDiv .tryNowHdr {
        font-size:36px;
    }
    .tryNowDiv .tryNowTxt {
        font-size:16px;
    }
    
    /*How it works*/
    .howItHeroDiv .mainHeroHeader {
        font-size:38px;
        padding-bottom:15px;
    }
    .howItHeroDiv .subHeroHeader {
        font-size:18px;
    }
    .howItExpItemDiv {
        padding-right:40px;
        padding-left:40px;
    }
    .howItExpDiv .howItImgDiv {
        margin:0px;   
    }
    .howItExpItemDiv .howItExpItemHeader {
        font-size: 30px;
        margin-bottom: 35px;
    }
    
    /*Subscription*/
    .paywallPage h2 {
        font-size:24px;
    }
    .paywallTopDiv {
        margin-bottom:70px;
    }
    .paywallFeaturesDiv th {
        font-size:20px;
    }
    .paywallPage h3 {
        margin-bottom:20px;
    }
    .scrollToSubDiv .scrollToSubPlan {
        font-size: 14px;
        padding-right: 30px;
        padding-left: 30px;
    }
    
    /*Login & Sign up*/
    .loginLeftDiv .loginFormDiv {
        padding-top:80px;
    }
    .loginLeftDiv .loginFormDiv .forgotPWdiv {
        margin-top:0px;
        text-align:right;
    }
    .loginLeftDiv .loginFormDiv {
        padding-top:80px;
    }
    .loginLeftDiv .loginWcTxt {
        margin-bottom:60px;
    }
    .loginLeftDiv .loginFormDiv .rmbrLoginPW {
        margin-left:5px;
        font-size:15px;
    }
    .loginLeftDiv .loginFormDiv .forgotPWdiv {
        font-size:15px;   
    }
    .loginLeftDiv .loginWcHdr {
        font-size:42px;
    }
    
    /*Account Settin*/
    .setting_menu_div {
        display:block;
        position:static;
        width:auto;
        left:auto;
        top:auto;
        background:#fff;
        box-shadow:none;
        border-right:none;
        text-align:center;
        padding:0px;
        margin-top:20px;
    }
    .setting_menu_div .setting_menu_item {
        display:inline;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:25px;
        margin-left:25px;
    }
    .loginLeftDiv .loginFormDiv.pwResetFormDiv {
        padding:80px 0px;
    }
    .mobileSettingMenuBtn {
        display:none;
    }
    
    /*New product*/
    .newProjectFormEntry .farLftBtn {
        display:inline-block;
    }
    .newProjectFormEntry .prdOvwBtn,
    .newProjectFormEntry .farLftBtn {
        padding:0px 18px;
    }
    .usrInpQues {
        min-width:280px;    
    }
    
    /*Project Step*/
    .prjStepImg.midSizeImg {
        width:500px;
        max-width:none;
    }
    .prjStepImg.lrgSizeImg {
        width:700px;
        max-width:none;
    }
    
    /*Marketing Performance Tracker*/
    .noEvalLeftSide .sf_pf_captr {
        margin-left:40px;
        margin-right:40px;
    }
    .noEvalLeftSide .sf_pf_nurtr {
        margin-left:80px;
        margin-right:80px; 
    }
    .noEvalLeftSide .sf_pf_prchse {
        margin-left:120px;
        margin-right:120px; 
    }
    
    /*Article Generator*/
    .rfsBlgIdeaBtn {
        margin-right:16px;
    }
    
    .prj_step_feedback_item .feedback_usr_div {
        width:100px;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) {
    /*Top Menu*/
    .mobileSideMenuBtn {
        display:none;
    }
    .topLogoDiv a.topLogoBtn {
        font-size:18px;
        background-image:url('../images/logo2.png');
        background-size:30px;
        padding-left:36px;
    }
    .headerMenu .topMenuLinkDiv {
        display:inline-block;
    }
    .headerMenu .topRightMenu {
        display:block;
    }
    .headerMenu .topLeftMenu .topMenuMobileAuth {
        display:none;
    }
    .headerMenu .hdrMenuItem.logo{
        margin-right: 40px;
    }
    .headerMenu .topLeftMenu a.hdrMenuItem {
        margin-right:25px;
    }
    .headerMenu .topLeftMenu a.hdrMenuItem:last-child {
        margin-right:0px;
    }
    .headerMenu .hdrMenuSignUpBtn {
        margin-left:25px;
        padding:2px 20px;
    }
    
    /*Front Hero*/
    .headerDiv {
        margin-top:140px;
    }
    .headerDiv.landingDiv {
        margin-top:90px;
    }
    .headerDiv .headerTxt {
        font-size:42px;
    }
    .headerDiv .headerSubTxt {
        font-size:18px;
    }
    .landingDiv.headerDiv .headerSubTxt {
        font-size:22px;
    }
    .headerActionBtnDiv .deskStartNowBtn {
        display:inline-block;
    }
    .headerActionBtnDiv .mobileStartNowBtn {
        display:none;
    }
    .headerActionBtnDiv .headerActionBtn {
        padding-left:55px;
        padding-right:18px;
        background-position:left 10px center;
    }
    .headerActionBtnDiv .startNowBtn {
        font-size: 14px;
    }
    .bodyHdrDiv .bodyHdr {
        font-size:36px;
        margin-bottom:20px;
    }
    .bodyHdrDiv .bodyTxt {
        font-size:20px;
    }
    
    /*Login & Sign Up */
    .loginRightDiv {
        background-size:cover;   
        background-position:0px 0px;
    }
    
    /*footer menu*/
    .footerMenu {
        display:block;
        position:static;
        width:auto;
        left:auto;
        top:auto;
        background:#fff;
        padding:50px 0px;
        box-shadow:none;
        border-right:none;
    }
    .footerMenu .deskTopFooterMenu {
        display:block;
    }
    .footerMenu .mobileFooterMenu {
        display:none;
    }
    .footerCpyRtDiv {
        display:block;
    }
    .footerMenu a.ftrMenuItem {
        display:inline;
        margin-bottom:0px;
        padding-bottom:0px;
        border-bottom:none;
    }
    .footerMenu .btmRightMenu {
        text-align:right;
    }
    .footerMenu .btmLeftMenu a.ftrMenuItem {
        margin-right:30px;
    }
    .footerMenu .btmLeftMenu a.ftrMenuItem:last-child {
        margin-right:0px;
    }
    .footerMenu .btmRightMenu a.ftrMenuItem {
        margin-left:30px;
    }
    .footerMenu .btmRightMenu a.ftrMenuItem:first-child {
        margin-left:0px;
    }
    
    /* Dashboard */
    .dashboardDiv {
        margin-left:270px;
        padding:60px 50px 50px 50px;
    }
    .dashboardDiv.subscribePageDiv {
        padding-top:60px;
    }
    .dashMobileMenuBtn, 
    .mobileSideMenuCloseBtn,
    .paywallMobileMenuDiv,
    .dashMobileMenuChptIntroDiv {
        display:none;
    }
    .pageHeading.prjChptIntro,
    .pageHeading.toolHeading {
        margin-left:0px;
    }
    .prjItemDiv {
        width:235px;
        max-width:none;
    }
    .noProjectList {
        margin-top: 200px;
    }
    .dashFooterDiv {
        margin-left:270px;
    }
    .dashFooterDiv.footerMenu .btmLeftMenu a.ftrMenuItem {
        margin-right:16px;
    }
    .dashFooterDiv.footerMenu .btmLeftMenu a.ftrMenuItem:last-child {
        margin-right:0px;
    }
    .dashFooterDiv.footerMenu .btmRightMenu a.ftrMenuItem {
        margin-left:12px;
    }
    .dashFooterDiv.footerMenu .btmRightMenu a.ftrMenuItem:first-child {
        margin-left:0px;
    }
    
    /*Side Menu*/
    .sidemenu {
        display:block;
    }
    
    /*Account Setting*/
    .loginLeftDiv .loginFormDiv.pwResetFormDiv {
        padding:80px 100px;
    }
    .setting_menu_div .mobileSettingMenu {
        display:none;
    }
    .setting_menu_div {
        margin-top:0px;
    }
    
    /*New Product*/
    .newProjectFormEntry .prdOvwBtn,
    .newProjectFormEntry .farLftBtn {
        padding:0px 8px;
    }
    
    /*Project Step*/
    .projectStepContent p {
        margin-bottom:15px;
        line-height:29px;
        font-size:16px;
    }
    
    /*Marketing Performance Tracker*/
    .noEvalLeftSide .sf_pf_captr {
        margin-left:30px;
        margin-right:30px;
    }
    .noEvalLeftSide .sf_pf_nurtr {
        margin-left:50px;
        margin-right:50px; 
    }
    .noEvalLeftSide .sf_pf_prchse {
        margin-left:80px;
        margin-right:80px; 
    }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    /*Top Menu*/
    .headerMenu .hdrMenuItem.logo{
        margin-right: 50px;
    }
    .headerMenu .topLeftMenu a.hdrMenuItem {
        margin-right:35px;
    }
    .headerMenu .hdrMenuSignUpBtn {
        margin-left:35px;
    }
    
    /*Login & Sign Up*/
    .loginRightDiv {
        background-color: #40bbff;
        background-position:0px 0px;
    }
    .signUpRightDiv.loginRightDiv {
        background-color: #6163cb;
        background-position:0px bottom;
    }
    
    /*Dashboard*/
    .nwPrjBtn .nwPrjBtnImg {
        margin-right:4px;
    }
    .nwPrjBtn .nwPrjBtnTxt {
        display:inline;
    }
    .nwPrjBtn .nwPrjBtnTxt .nwPrjBtnHidnTxt {
        display:none;   
    }
    .dashFooterDiv.footerMenu .btmLeftMenu a.ftrMenuItem {
        margin-right:30px;
    }
    .dashFooterDiv.footerMenu .btmLeftMenu a.ftrMenuItem:last-child {
        margin-right:0px;
    }
    .dashFooterDiv.footerMenu .btmRightMenu a.ftrMenuItem {
        margin-left:30px;
    }
    .dashFooterDiv.footerMenu .btmRightMenu a.ftrMenuItem:first-child {
        margin-left:0px;
    }
    
    /*New Product*/
    .newProjectFormEntry .prdOvwBtn,
    .newProjectFormEntry .farLftBtn {
        padding:0px 30px;
    }
    
    /*Marketing Performance Tracker*/
    .prjToolPerfUsrInptLeftSide {
        padding-left:40px;
        padding-right:40px;
    }
    .noEvalLeftSide .sf_pf_captr {
        margin-left:50px;
        margin-right:50px;
    }
    .noEvalLeftSide .sf_pf_nurtr {
        margin-left:100px;
        margin-right:100px; 
    }
    .noEvalLeftSide .sf_pf_prchse {
        margin-left:150px;
        margin-right:150px; 
    }
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
    
    /*Front Hero*/
    .bodyHdrDiv .frontHelloWizly { 
        font-size:18px;   
    }
    
    /*Dashboard*/
    .nwPrjBtn .nwPrjBtnTxt .nwPrjBtnHidnTxt {
        display:inline;   
    }
    .prjListHeadingRight .sortSelectLabel {
        display:inline;   
    }
    
    /*Marketing Performance Tracker*/
    .prjToolPerfUsrInptLeftSide {
        padding-left:40px;
        padding-right:40px;
    }
    .prjToolPerfUsrInptDiv .sf_pf_captr {
        margin-left:50px;
        margin-right:50px;
    }
    .prjToolPerfUsrInptDiv .sf_pf_nurtr {
        margin-left:100px;
        margin-right:100px; 
    }
    .prjToolPerfUsrInptDiv .sf_pf_prchse {
        margin-left:150px;
        margin-right:150px; 
    }
}