@charset "UTF-8";
/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, del, dfn, em, font, q, s, samp, strike, strong, ol, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { font-size: 10px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {font-family: Verdana, tahoma; background: #fff; line-height: 1.7; color: #888; word-wrap: break-word; font-size: 14px;}
article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
dt { font-weight: bold; }
a {text-decoration: none;}
a:focus { outline: thin dotted; }
a:hover{text-decoration: none; outline: 0;}
a:active { outline: 0; }
a img { border: 0; }
.clearboth:before, .clearboth:after, .clearfix:before, .clearfix:after { content: " "; display: table; }
.clearboth:after, .clearfix:after { clear: both; }

/* header styles */
header {float:left;width:100%;margin:0px 0px 25px 0px}
header a {outline: none;}
header .logo {float:left;width: 100%;margin:30px 0px 20px 0px}
header .logo a {background:url(../images/ibackup2x.png) no-repeat;background-size:142px 59px;height:59px;width:142px;display: block;margin:0px auto;text-indent: -3500px;}
header nav {width:100%;text-align: center;margin: 0px 0px 20px 0px;float: left;}
header nav li {display: inline;padding:0px 8px}
header nav a {color:#fff;outline: none;}
header nav a:hover {color:#fff668}
header .subMenu {display:none;}
header .topMenu {float: left;width:100%;}
header .topMenu ul {float:right;}
header .topMenu ul li {float:left;}
header .topMenu ul li:first-child {margin-right: 20px}
header .topMenu a {padding:4px 28px 6px 15px;float: left;border-radius: 0px 0px 5px 5px}
header .topMenu a.signup {color:#a3df80;background: url(../images/IBackup_icons.png) no-repeat 0px 7px;padding:5px 10px 5px 30px;}
header .topMenu a.signup:hover {color:#fff}
header .topMenu a.login {color:#000;background: url(../images/login-arrow.png) #fff no-repeat 60px -136px;}
header .topMenu a.login:hover {color:#0088b5;}

/* common styles */
html, body {height:100%;}
body {    background: url(../images/back_bg-new.jpg) no-repeat; background-position: top center; background-repeat: no-repeat;  background-attachment: fixed; background-color: #49515d; background-size: cover; width: 100%;} 
/* .overallBg {background:url(../images/back_bg.jpg) top center #7f9171 repeat-x;height:100%;float:left;width:100%;} */
.container {padding:0px 20px;overflow: hidden;position:relative;}
.overallBg {position:relative;padding-bottom:53px;min-height: 100%}
.boxWrap {margin:20px auto 70px auto;width:100%;background-color:#e1e6e2;padding:20px;line-height: normal;overflow: hidden;position:relative;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)}
/* .boxWrap:before {border-bottom:1px solid red;content: '';position: absolute;left: 0px;width:100%;} */
.boxWrap h1 {text-align: center;line-height:normal;font-size:20px;margin:0px 0px 15px 0px;color:#353736;}
.row {float:left;width:100%;margin:0px 0px 20px 0px;}
.boxWrap label {float:left;width:100%;margin:0px 0px 5px 0px;color:#535351}
.boxWrap .inputBox {float:left;width: 100%;height: 45px;padding:0px 5px;border:1px solid #b7b7b7;background-color:#fff;font-size: 16px;}
.boxWrap select {background-color: #fff;border:1px solid #b7b7b7;border-radius: 0px;height:40px;padding:0px 5px;width: 100%;font-size: 14px;}
.multipleAc {display:none;}
.textCenter {width: 100%;text-align: center;}

/* input styles */
.primaryBtn {background-color:#18b2d9;color:#fff;width:100%;text-align: center;border:0px;padding:10px 0px;font-size:18px;cursor: pointer;margin:10px 0px 0px 0px; -webkit-appearance:none}
.primaryBtn:hover {background-color: #38d4fb;}
.primaryBtn:active {background-color:#18b2d9;box-shadow: inset 0px 0px 10px #1d839c;}
.customCheck {float: left;padding:0px 0px 0px 0px;position: relative;cursor: pointer;width: 21px;margin:0px 10px 0px 0px}
.customCheck input[type="checkbox"] {margin: 0px;float: left;text-indent: inherit;height: 21px;position: absolute;left: 0px;opacity: 0;width: 21px;padding: 0px;}
.customCheck input[type="checkbox"] + label {background: url(../images/checkboxNw.png) no-repeat  0px 0px;height: 21px;width:21px;display:inline-block;white-space: nowrap;padding:0px 0px 0px 30px;line-height: 20px;}
.customCheck input[type=checkbox]:checked + label {background-position:0px -61px;opacity: 1;}

/* footer related styles */
footer {display: none;}
footer a {outline: none;}
.copy {background-color:#020202;text-align: center;float:left;width: 100%;padding:15px 0px 15px 0px;position: absolute;bottom: 0px;left:0px;right:0px}

/* login page related styles */
.forgotLink {float:right;}
.forgotLink a {color:#0088b5;float: left;margin:2px 0px 0px 0px}
.primaryLink {color:#0088b5;margin:10px 0px 0px 0px}
.forgotLink a:hover, .primaryLink:hover  {color:#535351}

/* forgot page related styles */
.forgotPasstxt {float:left;width:100%;margin:0px 0px 20px 0px}
.forgotPasstxt p {font-size: 12px;color: #343434;line-height: 20px;}
.forgotPasstxt p.txtBold {font-weight: bold;margin:0px 0px 15px 0px}
.captcha {float:left;margin:5px 15px 0px 0px;}
.verification .inputBox {width:50%}
.verification + .row > .primaryBtn {margin:15px 0px 0px 0px}
.forgotPasstxt + .muluserErr {margin:-10px 0px 20px 0px}

/* forgot ret related styles */
.passwordRettxt {float: left;width: 100%;margin: 0px 0px 20px 0px;}
.passwordRettxt p {margin:0px 0px 15px 0px;color: #000;}
.passwordRettxt p:last-child{margin:0px 0px 0px 0px;}

/* error & success message styles  */
.message {color:#3f3d3e;float:left;width:100%;margin:0px 0px 15px 0px;display:none;padding: 20px 15px 20px 70px !important}
.message p {padding:0px;font-size: 14px;line-height: 20px;margin-bottom: 10px}
.message p:last-child {margin-bottom: 0px}
.errorMsg p {padding:0px}
.errorMsg {background:url(../images/err_notify.png) 15px center #fde4ea no-repeat;border:1px solid #edc4cc;}
.successMsg {background:url(../images/succ_notify.png) 15px center #f9f7e9 no-repeat;border:1px solid #eae9da;}
.muluserErr {color:#b73838;margin: 15px 0px 20px 0px;float: left;width: 100%;}
.forgotPwderror {color:#3f3d3e;float:left;width:100%;margin:0px 0px 15px 0px;background-color:#fde4ea;border:1px solid #edc4cc;}
.forgotPwderror p {padding:0px;line-height: 26px;}
.forgotPwderror.ibSuccPass p {color:#3f3d3e;}
.txterror, .ibc-error-msg {color:#ff0000; font-size: 12px;}
#forgot_succ {background-position: 15px 20px}
#forgot_succ div {
    color:#669630;
    font-size: 20px;
}

.forgotPwderror.ibSuccPass  .confirmBox {padding-left:45px;}
.forgotPwderror.ibSuccPass {background-color: #f9f7e9;border:1px solid #eae9da;padding: 20px 30px 20px 15px;font-size: 14px;position: relative;}
.forgotPwderror.ibSuccPass:before {position: absolute;background: url('../images/notify-success-icon.png') no-repeat;content: '';width:35px;height:35px;}
.forgotPwderror.ibFpError {padding:  20px 15px;font-size: 14px;position: relative;}
.forgotPwderror.ibFpError p {padding-left:55px;}
.forgotPwderror.ibFpError:before {position: absolute;background: url('../images/err_notify.png') no-repeat;content: '';width:40px;height:35px;}
.ibSucctxtclr {color:#669630 !important;}
/* rpc ad */
.rpcAd {background:url(../images/rpc_320.png) no-repeat center center;float: left;width:100%;height:136px;margin:0px 0px 10px 0px;cursor: pointer;}
.rpcAd a {float: left;width: 100%;height: 100%;}

.rpcAd + .boxWrap {margin-top:0px;}

.reCapchanew {float:left;width:100%;margin:0px 0px 10px 0px;}

/* media query styles */
@media screen and (min-width:480px){
    header {margin:0px 0px 30px 0px}
    .boxWrap{max-width: 480px;padding:25px 35px 15px 35px;min-height: 250px;}
    .boxWrap h1 {font-size: 22px;margin-bottom:20px}
    .primaryLink {font-size: 16px;}
    .boxWrap {margin-bottom:60px;}

    /* forgot password */
    .forgotPasstxt {margin-bottom:30px;}
    .forgotPasstxt p.txtBold {font-size: 14px;margin:0px 0px 15px 0px}

    .rpcAd {width:480px;float: none;margin: 0px auto 10px auto;}
    
}
@media screen and (max-width:480px){ 
.rpcAd {width:100% !important;}
}


@media screen and (min-width:767px){
    .logo {float:left;width: auto !important}
    header nav {margin:45px 0px 0px 20px;text-align: left;float: left;width:auto}
    header nav li {padding:0px 18px}
    header nav a {font-size:18px;}
}

@media screen and (min-width:980px){
    .boxWrap {margin-bottom:80px;}
    .container {max-width: 1236px;width: 100%;margin: 0px auto;padding:0px}
    header .logo {margin:10px 0px 0px 0px}
    header {padding:0px;margin:0px 0px 60px 0px}
    header nav {margin:0px 0px 0px 40px;text-align: left;float: left;width:75%}
    header nav li {padding:0px 35px 0px 0px;text-transform: uppercase}
    header .subMenu li {font-size: 12px;text-transform: inherit;padding:0px 5px 0px 0px;}
    header .subMenu a {font-size: 12px;}
    header nav a {font-size:18px;}
    header .subMenu {display:block;}
    header .subMenu:before {content: '';background:url(../images/divider_menu.png) no-repeat;width:100%;height: 3px;float: left;margin:8px 0px 3px 0px}
    header .topMenu {margin:0px 0px 10px 0px}
    footer {display:block;background:url("https://www.ibackupstatic.com/source/images/footer.png") repeat-x 0 -20px;float:left;width:100%}
    footer ul { width: 24%; min-width: 220px; min-height: 400px;float:left;padding:0 0 25px 1%}
    footer li {margin:2px 0px 2px 1%}
    footer li a { color: #a5a5a5; text-decoration: none; line-height: 32px; float: left; padding-left: 5px;width:90% }
    footer li a:hover { background-color: #252525; color: #fff }
    footer h4 { color: #fff; line-height: 64px; margin: 0px 0px 12px 0px; padding-left: 5px;font-size: 16px;}
    footer .container {padding:0px}
    .copy {text-align: left;position: static}
    .copy p {margin:0px 0px 0px 15px;font-size: 12px;}
}



@media screen and (min-width:1024px) and (max-width:1149px) { 
   .overallBg .rpcAd {background:url(../images/rpc_ad_980.jpg) no-repeat center center;width:495px;height:412px;} 
   .overallBg .rpcAd + .boxWrap {margin-left:555px;min-height: 412px;max-width: 440px;}
   .overallBg .rpcAd + .boxWrap .row {margin-bottom: 15px;}
   header .logo {margin-left:20px;}
}

@media screen and (min-width:1150px) and (max-width:1280px) { 
   .overallBg .rpcAd {background:url(../images/rpc_ad_980.jpg) no-repeat center center;width:495px;height:412px;} 
   .overallBg .rpcAd + .boxWrap {margin-left:565px;min-height: 412px;max-width: 440px;}
   .overallBg .rpcAd + .boxWrap .row {margin-bottom: 15px;}
   header .logo {margin-left:20px;}
}



@media screen and (min-width:1024px){
.rpcAd {background:url(../images/rpc_ad.jpg) no-repeat center center;border:0px;height:506px;width:605px;position: absolute;left:5%;}
/*.rpcAd:hover {background:url(../images/rpc_ad_hover.jpg) no-repeat;}*/
.rpcAd + .boxWrap {margin-left:54.5%;min-height: 506px;}
}



#forgot_succ{padding: 20px 20px 20px 60px;
margin-bottom: 20px;}

#forgot_succ p{padding-top:12px}
.customCheck input[type="checkbox"]:focus + label{background: url(../images/checkboxNw.png) no-repeat  0px -123px;}
.customCheck input[type=checkbox]:checked:focus + label{background-position:0px -61px;opacity: 1;}
.message.errorMsg#error_msg div {color: #ab5967;font-size: 20px;margin-bottom: 10px;}


/* ipad pro */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    footer{background-color:#282828;position: absolute;left: 0;bottom: 0;right:0;height: auto;}
    .copy {position:absolute;left:0;bottom:0;right:0;height:auto;}
}

@media screen and (max-width:480px){
#catpcha-block {
      transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
}

.forgotPwderror.ibSuccPass{color: #3f3d3e;    float: left;    width: 100%;    margin: 0px 0px 15px 0px;    background-color: #ddffccf5;    border: 1px solid #9ae880;    padding:10px;}


/*offer25% and 50% related for RPC */

@media screen and (max-width: 1023px){
.rpcAd.offerNew a {background:url(/include/images/banner_728_pcmag_offer.png) no-repeat center !important;}
}
@media screen and (max-width: 1132px) and (min-width: 1024px){
.rpcAd.offerNew {background:url(/include/images/rpc_banner_offer.jpg) no-repeat !important;
left:10px !important;}
}
.rpcAd.offerNew{background:url(/include/images/rpc_banner_offer.jpg) no-repeat !IMPORTANT;background-size: contain !important;}


/* banner add related updates for responsive */
form#loginForm {padding: 0 70px;width: 100%;float: left;margin-bottom:60px;}
form#loginForm .rpcAd {height: 506px;width: 604px;position: relative;left: inherit !important;top: inherit !important;float: left;margin: 0;}
form#loginForm .rpcAd + .boxWrap {max-width: 100%;padding: 25px 35px 15px 35px;width: calc(100% - 609px);float: left;margin: 0 !important;margin-left: 5px !important;}


@media screen and (max-width: 1280px) and (min-width: 1150px){
    .overallBg form#loginForm .rpcAd + .boxWrap {min-height: 506px;}
}
@media screen and (max-width: 1149px) and (min-width: 980px){
    form#loginForm .rpcAd{width:497px !important;height: 442px !important;}
    form#loginForm .rpcAd + .boxWrap {width: calc(100% - 502px);min-height: 442px;padding: 25px 20px 15px 20px;}
}
@media screen and (max-width: 1023px){
    form#loginForm .rpcAd.offerNew a {background:none !important;}
}
@media screen and (max-width: 979px){
    form#loginForm{padding:0 20px;}
    form#loginForm .rpcAd{background:none !important;}
    form#loginForm  .rpcAd {width:480px !important;float: none;margin: 0px auto 10px auto;height: auto;min-height: 138px;}
    form#loginForm .rpcAd.offerNew a {background: url(/include/images/banner_728_pcmag_offer.png) no-repeat center !important;height: 138px;}
    form#loginForm .rpcAd +  .boxWrap {max-width: 100%;padding: 25px 35px 15px 35px;min-height: auto;width: 480px !important;float: none;margin: 0 auto !important;}
}
@media screen and (max-width: 640px){
    form#loginForm{padding:0;}
    form#loginForm  .rpcAd,form#loginForm .rpcAd +  .boxWrap{width:80% !important;}
    form#loginForm .rpcAd +  .boxWrap{padding: 20px 20px 0;}
}
@media screen and (max-width: 480px){
    form#loginForm  .rpcAd,form#loginForm .rpcAd +  .boxWrap{width:100% !important;}
    .customCheck input[type="checkbox"] + label{padding:0px 0px 0px 25px;}
    .customCheck{margin:0px 5px 0px 0px;}
    form#loginForm .rpcAd + .boxWrap{padding: 20px 15px 0;}
    .boxWrap{padding:20px 15px}
}

#acc_cancel_succ.success {background-color: #f9f7e9;border: 1px solid #eae9da;width: 100%;color: #3f3d3e;clear: both;padding: 15px 20px 15px 70px;margin: 30px 0 0;display: none;font-size: 14px;line-height: 22px;position:relative;box-sizing: border-box;margin-bottom: 20px;}

#acc_cancel_succ.success::before {position: absolute;width: 35px;height: 35px;background: url(../images/ib-notify-success-icon.png) no-repeat;content: '';top: 20px;left: 20px;}