@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600";* { margin: 0; padding: 0; box-sizing: border-box } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; font-size: 62.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100% } body { margin: 0; font: 16px/1 sans-serif } h1, h2, h3, h4, h5, p, ul, ol, blockquote, figure, button { margin: 0; padding: 0 } main, li { display: block } h1, h2, h3, h4, h5, p { font-size: inherit } strong { font-weight: bold } sup { position: relative; top: -.5em; font-size: 65%; line-height: 0; vertical-align: baseline } a, button { color: inherit; transition: 0.3s } a { text-decoration: none } button { overflow: visible; border: 0; font: inherit; letter-spacing: inherit; background: none; cursor: pointer; -webkit-font-smoothing: inherit } button:focus { outline: 0 } ::-moz-focus-inner { padding:0; border:0 } * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -ms-box-sizing: inherit; -o-box-sizing: inherit; box-sizing: inherit; } *:before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -ms-box-sizing: inherit; -o-box-sizing: inherit; box-sizing: inherit; } *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -ms-box-sizing: inherit; -o-box-sizing: inherit; box-sizing: inherit; } .clearfix:before { content: ""; display: table } .clearfix:after { content: ""; display: table; clear: both } img { max-width: 100%; height: auto; border: 0; box-sizing: content-box; vertical-align: middle } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, video { display: inline-block } input[type="text"], input[type="password"], textarea { appearance: normal; -webkit-appearance: normal; -moz-appearance: normal; -o-appearance: normal; -ms-appearance: normal; line-height: normal } header, section, footer { min-width: 100%; float: left; clear: both } a { color: #fff } a:hover, a:focus { color: #aa9380 } a:active, a .current { color: #3b3b3b; text-decoration: none } h1, h2, h3, h4 { font-family:'Open Sans', Tahoma, Verdana, Arial; font-weight: 400 } h1 { font-size: 3.814em; line-height: initial } h2 { font-size: 4.214em; line-height: initial } h3 { font-size: 4.214em; line-height: initial } body { font-family: 'Open Sans', Tahoma, Verdana, Arial; font-size: 16px; font-size: 1.6rem; color: #333; background: #fff; height: 100%; width: 100%; min-height: 100%; overflow-x: hidden; font-weight: 400; line-height: 28px } .container { max-width: 1280px; width: 100%; margin: 0px auto; padding: 0px 20px; position: relative } header { background: #36AEFB url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bg-header-vault.png) no-repeat center center; border-bottom: 9px solid #3b4248; height: 570px } header .vault-new { position: absolute; top: -20px; right: 20px } .logo-nav-wrapper { height: 100px; margin-top: 60px } .logo-nav-wrapper nav { float: right; margin-top: 20px } .logo-nav-wrapper nav ul { list-style: none } .logo-nav-wrapper nav ul li { display: inline-block; padding: 0px 20px } .logo-nav-wrapper nav ul li a { color: #ffffff; font-size: 18px; font-size: 1.8rem; border-bottom: transparent } .logo-nav-wrapper nav ul li a:hover { padding: 20px 0 8px; border-bottom: 1px solid } .logo-nav-wrapper nav ul li .buy-nw { background: rgba(255,255,255,0.1); padding: 10px 20px; color: #fff; border: 1px solid rgba(255,255,255,0.6) } .logo-nav-wrapper nav ul li .buy-nw:hover { padding: 10px 20px; border-bottom: 1px solid } .know-more { font-size: 16px; color: #008cdd; clear: both; text-align: right } .know-more a { color: #008cdd; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bynw-more.png) no-repeat right center; display: inline-block; padding-right: 20px; } footer nav ul li { display: inline-block; border-right: 0px solid #fff } .header-nav { height: 40px; background: #0071bc; font-size: 14px; font-size: 1.4rem } .header-nav nav { padding-top: 6px; overflow: hidden; } .header-nav nav ul li { display: inline; padding-right: 30px } .header-nav nav ul li a:hover { color: #ffe5ba; } .header-nav nav ul li a:active, .header-nav nav ul li a:focus { color: #0071bc } .backarrow { background: rgba(0, 0, 0, 0) url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/pc-items.png) no-repeat scroll 5px -431px; padding-left: 30px; } sup { position: relative; top: -.4em; font-size: 65%; line-height: 0; vertical-align: baseline; left: -5px } .buy-nw { background-color: #e8edf0; position: relative } .buy-nw:before { content: ''; position: absolute; top: -60px; left: 0px; z-index: -1; background: #1a2118 url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bg-buyNw-nw.png) no-repeat; height: 570px; width: 100% } .buy-nw header { background-image: none; background-color: transparent; height: 100%; border-bottom: 0px } .buy-nw h1 { color: #FFF; font-size: 21px; margin-bottom: 20px; line-height: 26px } .buy-nw .section-left { float: left; width: 70%; background-color: #fff; padding: 30px 30px; margin-bottom: 40px; border: 1px solid #b8c3c9; overflow: hidden } .buy-nw .section-left { margin-top:10px;float: left; width: 70%; background-color: #fff; padding: 30px 30px; margin-bottom: 40px; border: 1px solid #b8c3c9; overflow: hidden } .buy-nw .section-left form { margin: 0px auto; width: 100%; } .buy-nw .section-left form>h3 { font-size: 26px; color: #4d5151; margin: 15px 0px 0px; line-height: 30px } .buy-nw .section-left form .para { font-size: 14px; margin-bottom: 30px } .buy-nw .section-left p { margin-bottom: 10px; clear: both } .buy-nw .group { position: relative; min-height: 90px } .buy-nw input { font-size: 18px; padding: 13px 10px 10px 5px; display: block; width: 100%; border: none; border: 1px solid #989898;font-family:'Open Sans', Tahoma, Verdana, Arial; } .buy-nw select { font-size: 16px; border: none; border: 1px solid #989898; padding: 9px 5px; color: #4d5151; height: 43px; width: 100%; } .buy-nw input:focus { outline: none } .buy-nw input[type="radio"] { border: none } .buy-nw input[type="radio"]:focus { border: none } .buy-nw label { color: #333; font-size: 16px; font-weight: normal; position: relative; pointer-events: none; left: 0; top: 0; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } /* .buy-nw .lbl { top: -25px !important; font-size: 13px !important; color: #78909c !important; left: 0px !important } */ .buy-nw input[type='checkbox'] { float: left; margin-top: 7px; margin-left: 0; margin-right: 10px } .buy-nw input[type='submit'] { font-family:'Open Sans', Tahoma, Verdana, Arial; background: #2b80c3 none repeat scroll 0 0; border: 0 none; border-radius: 4px; color: #fff; cursor: pointer; display: block; font-size: 21px; font-weight: 400; height: 50px; padding: 0; text-align: center; width: 138px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .buy-nw input[type='submit']:hover { background: #3895de; } .buy-nw input[type='submit']:active { background: #2b80c3; } .buy-nw .section-left p span { display: table } .buy-nw .section-left p a { color: #26829d } .buy-nw .col-first .group, .buy-nw .col-third .group, .buy-nw .col-fourth-child .group, .buy-nw .col-fifth .group { float: left; width: 48% } .buy-nw .col-first .grp-rgt, .buy-nw .col-third .grp-rgt, .buy-nw .col-fourth-child .grp-rgt, .buy-nw .col-fifth .grp-rgt { float: right } .buy-nw .col-six .group { clear: both } .buy-nw .col-six .captcha { float: left; margin-right: 20px; width: 110px } .buy-nw .col-six input { max-width: 260px; height: 36px } .buy-nw .col-six label { left: 140px; top: 5px } .buy-nw .col { clear: both } .buy-nw .col h3 { font-size: 22px; color: #4d5151; margin: 20px 0px 0px; float: left; width: 100%; } .buy-nw .col-fourth #billingError { clear: both; float: left; margin-bottom: 20px } .buy-nw .col-fourth .red { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-error-icon.png) no-repeat 0px 7px } .buy-nw .error-class { display: none } .buy-nw .red { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-error-icon.png) no-repeat 0px 2px; padding-left: 16px; color: #fe3b21; font-size: 13px } .buy-nw #termsErr.red { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-error-icon.png) no-repeat 0px 8px; } .buy-nw .green { color: #0071bc; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-check-icon-blue.png) 0px 1px no-repeat; padding-left: 16px; font-size: 13px } .buy-nw .bill-ship-address span { margin-right: 10px } .buy-nw .bill-ship-address input { display: inline-block; width: auto; margin-right: 5px } .buy-nw .captcha { float: left; width: 100% } .buy-nw .captcha p { margin: 0px 0px 10px } .buy-nw .captcha h3 { margin: 30px 0px 10px } .buy-nw .captcha .group { margin-bottom: 5px } .buy-nw .captcha .captcha-img { width: 100%; min-height: 100% } .buy-nw .captcha .captcha-img span { float: left; width: auto } .buy-nw .captcha .captcha-img input { float: left; width: 100%; max-width: 200px; margin-left: 20px; height: 35px; padding: 5px 5px } .buy-nw .captcha .grp-rgt { float: left; width: 200px } .buy-nw .captcha .captcha-error { clear: both; float: left; background-image: none; padding-left: 0px } .buy-nw .shipping-container { clear: both; border: 1px solid #ccc; padding: 10px 20px; background: #F7FFDC; float: left; width: 100% } .buy-nw .shipping-container>p { float: left; margin-right: 20px; margin-bottom: 0px } .buy-nw .sub-container { margin-top: 40px; margin-bottom: 20px } .buy-nw .section-right { float: right; width: 30%; text-align: center; margin-top: -130px } .buy-nw .section-right .pad-left { padding: 0px 20px 0px 40px } .buy-nw .section-right .pad-left ul li { position: relative; margin-left: 20px; list-style: none; padding-bottom: 10px; } .buy-nw .section-right .pad-left ul li:before { display: list-item; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/buyNw-bullet.png) no-repeat; position: absolute; content: ''; top: 6px; left: -24px; width: 18px; height: 18px } .buy-nw .section-right img { margin-top: 0px } .buy-nw .section-right img:nth-child(1) { max-width: 260px } .buy-nw .section-right img:nth-child(2) { max-width: 240px; margin-top: 10px } .buy-nw .section-right h3 { text-align: left; color: #143f58; font-size: 20px; margin: 40px 0px 20px; font-weight: 500; padding: 0px 0px } .buy-nw .section-right article { text-align: left; padding-bottom: 20px } .buy-nw .section-right article h3 { color: #178ed9; font-size: 20px; text-align: left; margin: 10px 0px 10px } .buy-nw .section-right article p { font-size: 14px } .buy-nw .section-right .knw-more { float: right } .buy-nw .section-right .knw-more a { color: #178ed9 } .buy-nw .cvv input { max-width: 180px; float: left } .buy-nw .cvv img { vertical-align: middle; top: 5px; position: relative; left: 10px } .buy-nw .select-grp { float: right; width: 100%; text-align: right } .buy-nw .tooltip { cursor: pointer } .buy-nw .cvvtxt { color: #5187AD; padding: 0 5px; font-weight: bold; font-size: 13px; border-radius: 25px; background: #d7e2e7 } .buy-nw span.question { cursor: pointer; color: #fff; font-size: 12px; border-radius: 8px; text-align: left; position: relative; line-height: 20px } .buy-nw div.tooltip { background-color: #747C81; color: #fff; position: absolute; left: -145px; top: -132px; z-index: 1000000; width: 320px; border-radius: 5px } .buy-nw div.tooltip:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #747C81; content: ""; display: block; height: 0; width: 0; line-height: 0; position: absolute; top: 100%; left: 50% } .buy-nw div.tooltip p { margin: 10px; color: #fff } .buy-nw input.cardType { background-image: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/Bn_Cardicn.png); background-repeat: no-repeat; background-position: 8px 13px; padding-left: 50px } .buy-nw input.visa { background-image: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/visa.png) } .buy-nw input.mastercard { background-image: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/master.png) } .buy-nw input.amex { background-image: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/amex.png) } .buy-nw input.discover { background-image: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/discover.png) } .buy-nw .card-type label { left: 55px; top: 10px } .buy-nw article>ul { list-style: list-item } .buy-nw article>ul li { display: list-item; list-style: square; margin-left: 20px } .buy-nw .db { display: block } /*.buy-nw #countryCode, .buy-nw #bcountry, .buy-nw #state { max-width: 100% }*/ .buy-nw .col-third p { font-size: 13px; line-height: 20px; padding-top: 12px; float: left; clear: both; color: #4d5151 } .shipment-terms { float: left; width: 100% } .shipment-terms h3 { font-size: 22px; color: #4d5151; margin: 40px 0px 15px; float: left; width: 100% } .shipment-terms ol li { display: list-item; list-style: inherit; margin-left: 30px; margin-bottom: 8px; font-size: 14px !Important;line-height: 26px; } .shipment-terms a { color: #26829d } .termbox { max-height: 100px; overflow: scroll; float: left; width: 100%; border: 1px solid #989898; padding: 10px 15px 15px; margin: 0px 0px 10px; overflow-x: hidden; font-size: 16px; line-height: 24px; background-color: #FFF; } .termbox:hover { box-shadow: 0 0 5px #6ca9ee inset; border: 1px solid #6ca9ee; } #win_version, #mac_ver, #nas_ver { margin-top: 5px; float: left; width: 100%; text-align: center; font-size: 12px } #win_version_date, #mac_ver_date, #nas_ver_date { font-size: 12px; text-align: center; float: left; width: 100%; margin-top: -5px } .mac { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/download-btns.png) no-repeat -169px -27px; width: 127px; height: 45px; display: block; text-indent: -5000px; margin: 0px auto } .download_btns_upgrade { margin: 30px auto 14px; float: left; width: 100% } .dwnload { display: block; padding: 10px 20px; background: #2c78b4 url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/Vault_DownloadBtn.png); text-align: center; color: #fff; font-size: 20px; text-indent: -6000px !important; width: 127px !important; height: 43px; margin: 0px auto } .master_wrapper { width: 100%; height: 100%; position: fixed; left: 0; top: 0; margin: 0; padding: 0; z-index: 99 } .shadow_container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .7; -moz-opacity: .7; -webkit-opacity: .7; -khtml-opacity: .7; filter: alpha(opacity=90) } .popup_wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .first_pos_container { display: table; overflow: hidden; margin: 0px auto; height: 100%; width: 550px } .first_pos_container_new { display: table; overflow: hidden; margin: 0px auto; height: 100%; max-width: 450px; width: 100% } *:first-child+html .first_pos_container { position: relative } * html .first_pos_container { position: relative } .popup_wrapper .sec_pos_container { display: table-cell; vertical-align: middle } *:first-child+html .popup_wrapper .sec_pos_container { position: absolute; top: 50% } * html .popup_wrapper .sec_pos_container { position: absolute; top: 50% } .popup_wrapper .popup_container { background: #f9f9f9; border: 4px solid #6ea5ce; border-radius: 2px; padding: 15px; position: relative } .popup_container { position: absolute; overflow: hidden; left: -99999px; display: none } .master_wrapper .popLeft { left: 0 } .popup_close_btn { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/popup_close_btn.png) no-repeat center center; max-width: 16px; height: 16px; cursor: pointer; float: right; text-align: right; width: 100%; padding: 20px; margin-top: -10px } .popup_container .popup_header { position: relative; background: none; margin-bottom: 10px; border-bottom: 1px solid #d2dae0 } .popup_container .popup_footer { position: relative; margin: 10px 0 0 } .popup_container .popup_footer input { float: right; width: auto } .popup_container .popup_content { margin: 0; padding: 0 } .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/Loader.gif) no-repeat center; display: none } .popup_system h3 { text-align: left; padding: 0px; margin: 0px; font-size: 18px; margin-bottom: 10px; float: left } .popup_system ul { padding: 0px; margin: 0px; list-style-type: none } .popup_system li { background: url("https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/ide_bullet.gif") no-repeat scroll left 7px transparent; margin: 0; padding: 0 0 10px 23px; line-height: 24px; font-size: 12px } .popup_content p { color: #1374AB; padding: 0px; margin: 10px 0px 10px } .popup_system_box { padding: 10px 30px 20px } .select-grp label { position: absolute; top: -30px; right: 85px } .title-container { float: left; max-width: 830px } .other-country { display: none } .other-country h3 { font-size: 22px; margin-top: 10px } .other-country p { margin-bottom: 20px; float: none } .ships-usa { display: none } .buy-nw .section-left .bills-usa p { float: left; margin-bottom: 0px; margin-right: 20px } #shippingError { clear: both; float: left; margin-bottom: 20px; width: 100% } .ships-usa-container { display: none } .ships-usa-container .group { min-height: 90px } .ships-usa-container .red { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-error-icon.png) no-repeat 0px 7px } .ships-usa-container-dn { display: none } .ships-usa-container-db { display: block } .userName { display: none } .buy-nw .intermediate-container h3 { border-bottom: 1px dotted; padding-bottom: 20px } .buy-nw .intermediate-container p span { display: inline-block } .buy-nw .intermediate-container input[type='submit'] { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bg-intermediate.png) no-repeat; width: 137px; height: 61px; display: block; font-size: 20px; text-align: center; padding: 0 } .buy-nw .intermediate-container .content { margin-top: 20px } .buy-nw .intermediate-container .dis_price { margin-left: 20px } .buy-nw .intermediate-container .signup_footer { margin-top: 40px } .form-section { margin-bottom: 40px } .intermediate .section-left { min-height: 680px } #month, #year { background-color: #ffffff } .rel { pointer-events: none; color: #718494 } #terms_check, #terms_check2 { width: auto; border: none } /*# sourceMappingURL=vt-styles-main.css.map */ .note-for-us { font-size: 13px; color: #4e5864; padding-top: 30px; width: 100%; float: left; line-height: 22px; } .buy-nw .section-left p.note-for-us span { display: inline; color: red; } .reCapchanew .red { background: none; padding-left: 0px; } /* Money back */ .signup-imgvault.buy-nw .section-right img:nth-child(1) { max-width: 350px; } .buy-nw.signup-imgvault .section-right { margin-top: 0px !important; } /*BMR */ .bmr .storage-wrap h3 { color: #4d5151; padding-bottom: 20px; font-size: 22px; } .bmr .eval-box-left { width: 48%; float: left; } .bmr .eval-box-right { width: 48%; float: right; } .bmr .eval-box { border: 1px #d2cdba solid; border-radius: 4px; padding: 20px; box-sizing: border-box; background: #f8f5e6; margin-bottom: 30px; padding-bottom: 17px; width: 48%; } .bmr .check-img {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/rush_signup_sprite1.png) no-repeat 0 0;width: 33px;height: 33px;float: left;} .bmr .check-info { font-size: 17px; float: left; padding-left: 15px; width: calc(100% - 35px); } .bmr .eval-box .check-info { padding-top: 4px; } .bmr .storage-wrap .eval-box.pad_zero { padding: 0; } .bmr .storage-wrap .eval-box-head { padding: 10px 20px; border-bottom: 1px #d2cdba solid; } .bmr .storage-wrap .eval-pricing-info { padding: 10px 20px; } .bmr .eval-box-head th { text-align: left; font-size: 20px; } .bmr .eval-box-head th:last-child { text-align: right; color: #444444; font-size: 18px; font-weight: normal; } .bmr .eval-box-head .discount-strike { text-align: center; } .bmr .eval-box-head .discount-strike strike { color: red; text-align: center; } .bmr .eval-box-head .discount-strike span { color: #9a9890; text-align: center; font-size: 15px; font-weight: normal; } .bmr .eval-box table tr td:nth-child(2) { text-align: right; } .bmr .eval-box table tr td { padding: 5px 0; font-size: 15px; color: #727272; } .bmr .eval-box table tr:first-child td { font-weight: 600; font-size: 15px; color: #444444; } .bmr .eval-box table tr td:nth-child(2) { color: #444444; font-size: 16px; } .bmr .eval-box table tr:last-child td { border-top: 1px #d2cdba dotted; padding: 5px 0 0; } .bmr .eval-box table tr:last-child td:last-child { font-weight: 600; } .bmr .eval-pricing-info table th { text-align: left; } .bmr .eval-pricing-info table th span { text-align: left; display: inline-block; padding-left: 10px; padding-top: 4px; } .bmr .eval-pricing-info table td span.final-inclusion { display: block; font-size: 13px; line-height: 18px; } .bmr .eval-box table tr td { padding-top: 14px; padding-left: 6px; } .bmr .eval-box table tr:last-child td { padding-left: 7px; } .rhs-header-sec { position: relative; min-height: 290px; } .bmr .storage-wrap .check-info span { font-size: 15px; line-height: 22px; } .bmr .device-img { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bmr-form-server.png) no-repeat; width: 379px; height: 374px; } .signup-imgvault.bmr .cta-sec { bottom: 80px; position: absolute; left: 132px; } .signup-imgvault.bmr .cta-sec p { color: #fff; margin: 0; padding: 0; font-size: 15px; text-align: left; } .buy-nw.bmr .shipping-container { background: none; border: none; } .buy-nw.bmr .shipping-container { padding-left: 0; } .bmr .clear { clear: both; } .bmr strike { color: red; } .bmr span.sml-txt { color: #5f5f5f; font-size: 13px; } .bmr.buy-nw .col-third p { margin-top: auto; } .bmr.buy-nw .green { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-check-icon-blue.png) 0px 1px no-repeat; } .hp_left { float: left; width: 450px; height: 100%; } .bmr .hp_left a { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bmr-Idrive-logo.png) no-repeat 0 0; width: 100%; height: 80px; display: inline-block; text-indent: -10000px; margin: 10px 0 0 0; } .buy-nw.signup-imgvault.bmr .section-right h3 { margin-top: 0; } @-moz-document url-prefix() { select, select:-moz-focusring, select::-moz-focus-inner { color: transparent !important; text-shadow: 0 0 0 #000 !important; background-image: none !important; border:0; } } .signup-imgvault.bmr .cta-sales { border: 1px #00fffc solid; text-align: center; margin-top: 20px; color: #fff; float: left; font-weight: 500; width: 128px; height: 38px; line-height: 35px; } .signup-imgvault.bmr .cta-sales:hover { background: rgba(255, 255, 255, 0.12); } .signup-imgvault.bmr .hp_left a { margin-left: 0px; margin-top: 7px } .signup-imgvault.bmr .min-height-auto { min-height: auto; } .note-sec { font-size: 12px; color: #4e5663; padding-left: 10px; } .note-sec span { color: red; } .note-sec span.note-25 { color: #4e5663; } .ships-usa.only-usa-country { float: left; width: 100%; border: 1px solid #a7caa7; background: #dbfbdb; padding: 10px; margin: 15px 0 0; } .intermediate-container .terms b { padding: 30px 0 0 0; float: left; width: 100%; font-weight: 500; } .storage-wrap { float: left; width: 100%; padding: 30px 0 0 0;margin-bottom:20px; } /* Billing Information */ .buy-nw .card-type label { left: 0; top: 0; } .buy-nw .card-type img { float: right; position: absolute; right: 5px; top: 40px; } .buy-nw .col-fourth-child .group label { float: left; left: 0; top: 0; width: 100%; } .buy-nw .col-fourth-child .group .select-grp label { float: left; left: 0px; top: 0; width: 100%; } .buy-nw label { position: relative; } .signup-imgvault.bmr .style-select select { outline: none; } .buy-nw .col-third p { padding-top: 0; } #shippingError { padding-top: 10px; } .ships-usa-container .red { background: rgba(0, 0, 0, 0) url("https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-error-icon.png") no-repeat scroll 0 18px; } .reCapchanew { padding-top: 20px; } .signup-imgvault.bmr .select-style-exp { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/selectbox-arrow.png) no-repeat right center; height: 43px; width: 70px; overflow: hidden; display: inline-block; margin-right: 16px; } .signup-imgvault.bmr .select-style-exp select { border: 1px solid #989898; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/selectbox-arrow.png) no-repeat right !important; font-size: 14px; height: 43px; width: 70px !important; } .signup-imgvault.bmr .select-style-exp:nth-child(3) { margin-right: 0; } .signup-imgvault.bmr .style-select { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/selectbox-arrow.png) no-repeat right center; height: 49px; width: 100%; overflow: hidden; border: none; } .signup-imgvault.bmr .style-select select { font-family:'Open Sans', Tahoma, Verdana, Arial; width: 100%; padding: 5px 35px 5px 5px; font-size: 16px; border: 1px solid #989898; height: 49px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/selectbox-arrow.png) no-repeat right; border-radius: 0; color:#000;} .signup-imgvault.bmr .style-select select::-ms-expand, .signup-imgvault.bmr .select-style-exp select::-ms-expand { display: none; /* remove default arrow in IE 10 and 11 */ } .buy-nw input:focus, .signup-imgvault.bmr .style-select select:focus { box-shadow: 0 0 5px #6ca9ee inset; border: 1px solid #6ca9ee; } .note-planStorage p { font-size: 13px; line-height: 18px; } .shipment-terms h4 { color: #4d5151; float: left; width: 100%; padding: 2px 15px; font-weight: bold; } .signup-imgvault .termbox ol { clear: both; } /* target Internet Explorer 9 to undo the custom arrow */ @media screen and (min-width:0\0) { .signup-imgvault.bmr .style-select select, .signup-imgvault.bmr .select-style-exp select { background:none\9; padding: 5px\9; } } .bmr .eval-box { border: 1px #d2cdba solid; border-radius: 4px; padding: 20px; background: #f8f5e6; margin-bottom: 30px; padding-bottom: 17px; width: 100%; min-width: 270px; box-sizing: border-box; max-width: 375px; } /* invalid credit card related styles */ .errorCreditcard { background: url(https://static.idriveonlinebackup.com/source/images/creditCardblock.png) #fae6e7 20px center no-repeat; float: left; display: block; border: 1px solid #eed1d3; color: #c84849; padding: 12px 10px 12px 90px; line-height: 22px; margin: -5px 0px 15px 0px; } .errorCreditcard p { margin: 0px !important; padding: 0px; line-height: 28px; } .buy-nw .col-fourth-child .group { width: 250px; } .buy-nw .col-fourth-child .grp-rgt { float: left; } .buy-nw .col-fourth-child .grp-rgt .select-grp { text-align: left; } .buy-nw nav { height: 40px; overflow: hidden; } .buy-nw .ships-usa {background: #f9e4e4;padding: 10px;border: 1px #fdcdcd solid;margin-top: 10px !IMPORTANT;margin-bottom: 10px !IMPORTANT;} .with-include-cloud-storage-box { border: 1px #d1dfb0 solid; border-radius: 4px; padding: 20px; background: #f1f8e0; margin-bottom: 30px; padding-bottom: 17px; width: 100%; min-width: 270px; box-sizing: border-box; max-width: 500px; } .with-include-cloud-storage-box:after { content: ''; display: block; clear: both; font-size: 0; visibility: hidden; } .wicsb-text { display: inline-block; padding: 4px 0px 0 10px; float: left; width: calc(100% - 50px); line-height: 25px; } .wicsb-space { font-size: 25px; color: #d26045; font-weight: bold; vertical-align: sub; } .bmr .cloud-storage-space .eval-box, .with-include-cloud-storage-box, .bmr .cloud-storage-space .eval-box-left { width: 100%; max-width: 500px; } .bmr .eval-box .eval-pricing-info.single_row_visible table tr:last-child td { border-top: 0px #d2cdba dotted; padding: 10px 0 0 42px; } .buy-nw .intermediate-container #continueVault, .intermediate .intermediate-container #continueVault { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup-intermediate.png) no-repeat; width: 137px; height: 61px; display: block; font-size: 20px; text-align: center; padding: 0; outline: none; border: 0; box-shadow: none; } .backarrow { background: url("https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/back-return-arrow.png") no-repeat 0 3px; padding-left: 21px; } .singup_btn { background: transparent; color: #fff; margin-right: 30px; margin-top: 6px; font-size: 16px; float: right; } a.singup_btn:hover { color: #ffe5ba; } /* Image Vault Styles */ .buy-nw.signup-imgvault::before { background: #466190 url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup_bg.jpg?v=1.0.2) repeat 0px 110px; content: ""; height: 588px; left: 0; position: absolute; top: -60px; width: 100%; z-index: -1; } .buy-nw.signup-imgvault .section-right { margin-top: 40px; } .signup-imgvault .logo img { max-width: 203px; } .buy-nw.signup-imgvault h1 { color: #fff; } .signup-imgvault .header-nav { height: 40px; background: #0071bc; font-size: 14px; font-size: 1.4rem; position: fixed; width: 100%; height: 40px; top: 0px; z-index: 999999; } .signup-imgvault .header-nav nav { padding-top: 6px; float: left; width: calc(100% - 180px); overflow: visible; } .signup-imgvault .header-nav nav ul li { display: inline; padding-right: 30px } .signup-imgvault .header-nav nav ul li a:hover { color: #ffe5ba; } .signup-imgvault .backarrow { padding-left: 20px; } .signup-imgvault .login_btn { margin-right: 6px; } .signup-imgvault .login_btn a { float: right; height: 40px; background: #fff url("https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/ext_icons.png") no-repeat scroll 78px -360px; color: #447daa; padding: 0 30px; font-size: 15px; line-height: 40px; font-weight: 400; letter-spacing: 0.05em; outline: medium none; text-decoration: none; } .signup-imgvault .login_btn a:hover { color: #000; } .signup-imgvault .singup_btn { background: transparent; color: #fff; margin-right: 30px; margin-top: 6px; font-size: 16px; float: right; } .signup-imgvault a.singup_btn:hover { color: #ffe5ba; } .clear { clear: both; float: none; } .buy-nw.signup-imgvault .section-right h3 { margin-top: 60px; } .buy-nw.signup-imgvault .section-right { width: 35%; } .buy-nw.signup-imgvault .section-left { width: 65%; } .signup-imgvault .vlt-note p { padding-top: 10px; padding-bottom: 20px; font-size: 12px; text-align: left; line-height: 15px; } .signup-imgvault .vlt-note span { color: red; display: inline !important; } .buy-nw .logo-nav-wrapper .logo { background: rgba(0, 0, 0, 0) url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/ide_imgVault_bareMetalLogoN_white.png) no-repeat scroll 0 0; display: block; height: 46px; margin-top: 7px; width: 426px; } .buy-nw .logo-nav-wrapper .logo img { display: none } .signup-imgvault .singup_btn { color: #000; margin-left: 0; margin-top: 0; font-size: 16px; float: right; padding: 0 20px; min-height: 40px; line-height: 40px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup.png) no-repeat scroll 8px 6px #FFFFFF; padding-left: 45px; float: right; margin-right: 0; } .bmr .hp_left { width: auto; } .bmr .hp_left a { height: 80px; margin-top: 0px; background: rgba(0,0,0,0) url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/idrive_bmr_logo_white.svg) no-repeat left 0px center; display: inline-block; text-indent: -10000px; width: 180px; margin: 0px 20px 0px; margin-left: 0; background-size: contain; } .signup-imgvault a.singup_btn:hover { color: inherit; } .signup-imgvault .title-container { position: relative; z-index: -1; } .termbox { max-height: 200px; } .shipment-terms h3 { margin: 0px 0px 15px; } .shipment-terms h4 { color: #4d5151; float: left; width: 100%; padding: 10px 15px; font-weight: 500; } input.custom_checkbox#terms_check[type=checkbox], input.custom_checkbox#terms_check2[type=checkbox] { border: 1px #a6a6a6 solid; width: 16px; height: 16px; position: relative; display: inline-block; border-radius: 3px; } input.custom_checkbox#terms_check[type=checkbox]:after, input.custom_checkbox#terms_check2[type=checkbox]:after { visibility: hidden; } input.custom_checkbox#terms_check[type=checkbox]:checked:after, input.custom_checkbox#terms_check2[type=checkbox]:checked:after { content: ''; visibility: visible; font-size: 12px; position: absolute; top: -1px; left: -1px; /*background: #20c3e2;*/ width: 16px; color: #fff; text-align: center; height: 16px; border-radius: 3px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/check-box.png) no-repeat -1px -56px; } input.custom_checkbox#terms_check:focus, input.custom_checkbox#terms_check2:focus { box-shadow: 0 0 0px #6ca9ee inset } .buy-nw input.mob-submit:focus { box-shadow: 0 0 0px #6ca9ee inset; border: 0px solid #6ca9ee; } .ie9andBelow input[type=checkbox].custom_checkbox#terms_check::after, input[type=checkbox].custom_checkbox#terms_check2::after { visibility: visible !important; width: 36px; height: 36px; border-width: 0px; border-radius: 0px; } .signup-imgvault label.terms-check2-label { cursor: pointer; display: inline-block; pointer-events: auto; transition: initial; position: relative; padding-left: 10px; margin-right: 10px; } /* .signup-imgvault label.terms-check2-label:before { content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 5px; } */ /* .signup-imgvault input[type=checkbox]#terms_check2 { display: none; } */ /* .signup-imgvault label.terms-check2-label:before { background: url(../images/check-box.png) no-repeat 0 -28px; width: 18px; height: 18px; } */ /* .signup-imgvault input[type=checkbox]#terms_check2:checked + label.terms-check2-label:before { background: url(../images/check-box.png) no-repeat 0 -56px; } */ /* .signup-imgvault label.terms-check2-label:before { content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 5px; } */ .signup-imgvault input[type=checkbox]#terms_check2 { display: block; } .signup-imgvault input#phone { padding-bottom: 7px; } .signup-imgvault span#captcha_err { background: none; } .signup-imgvault .bill-ship-address .radio-btn { position: absolute; left: -9999px; } .signup-imgvault .bill-ship-address input[type=radio] + label { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/radio-image.png) no-repeat 0 -26px; width: 18px; height: 18px; padding-left: 25px; margin-right: 10px; pointer-events: auto; transition: initial; } .signup-imgvault .bill-ship-address input[type=radio]:checked + label { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/radio-image.png) no-repeat 0 2px; width: 18px; height: 18px; } /* BMR Sighup Intermediate Page */ .buy-nw.intermediate .section-right { float: right; width: 35%; text-align: center; margin-top: -130px; } .buy-nw.intermediate .logo-nav-wrapper { height: 100px; } .buy-nw.intermediate .section-left { float: left; width: 65%; background-color: #fff; padding: 30px 30px; margin-bottom: 40px; border: 1px solid #b8c3c9; overflow: hidden; } .buy-nw.intermediate::before { background: #1a2118 url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bmr-promotiona-banner.jpg) no-repeat scroll 0 0; content: ""; height: 510px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .intermediate .hp_left a { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/idrive_bmr_logo_white.svg) no-repeat 0 0; width: 180px; height: 60px; display: inline-block; text-indent: -10000px; margin: 10px 0 0 0px; } .buy-nw.intermediate h1 { color: #fff; } .buy-nw.intermediate .intermediate-container input[type='submit'] { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup-intermediate.png) no-repeat; width: 137px; height: 61px; display: block; font-size: 20px; text-align: center; padding: 0; outline: none; border: 0; box-shadow: none; color: #333; font-weight: 700; } .buy-nw.intermediate .device-img { background: rgba(0, 0, 0, 0) url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup-intermediate-device.png) no-repeat scroll 0 0; height: 374px; width: 379px; height: 370px; } .buy-nw.intermediate .section-right .pad-left { padding: 0px 20px 0px 40px; } .buy-nw.intermediate .section-right h3 { margin-top: 4px; } .hp_left { width: auto; } .intermediate .hp_left a { height: 80px; margin-top: 0px; background: rgba(0,0,0,0) url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/idrive_bmr_logo_white.svg) no-repeat left 0px center; display: inline-block; text-indent: -10000px; width: 180px; margin: 0px 20px 0px; margin-left: 0; background-size: contain; } .buy-nw.intermediate .header-nav nav { padding-top: 6px; float: left; width: calc(100% - 180px); overflow: visible; } .buy-nw.intermediate .singup_btn { color: #000; margin-left: 0; margin-top: 0; font-size: 16px; float: right; padding: 0 20px; min-height: 40px; line-height: 40px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup.png) no-repeat scroll 8px 6px #FFFFFF; padding-left: 45px; float: right; margin-right: 0; } .buy-nw.intermediate .header-nav nav ul li { padding-right: 14px; } .buy-nw.intermediate#res-menu-btn .menu-icon-txt { padding-top: 0; } .buy-nw.intermediate#res-menu-btn .menu-btn .menu-icon { margin-top: 6px; } /* BMR Sighup Intermediate Page Changes - Quotation Recipt */ .quotation_recipt { width: 100%; } .quotation_recipt h2 { background: #e0e4e7; font-size: 18px; line-height: 24px; padding: 10px; } .quotation_recipt table { margin: 20px 0 50px; border: 1px #ccc solid; } .quotation_recipt tr.order-table-header td { text-align: left; font-weight: 400; border-bottom: 1px #505050 dotted; } .quotation_recipt tr.order-table-header td:nth-child(2), .quotation_recipt table td:nth-child(2), .quotation_recipt table th:nth-child(2) { text-align: right; } .quotation_recipt table td { text-align: left; padding: 10px 0; } .quotation_recipt tr.total-amt td { border-top: 1px #505050 dotted; } .quotation_recipt tr.order-table-header td { font-weight: 500; } .quotation_recipt table td span.size-of-device { font-size: 18px; font-weight: 500; padding-left: 7px; vertical-align: middle; } .quotation_recipt table.final__price__table { max-width: 520px; } .quotation_recipt table th { text-align: left; font-weight: 400; background: #5a686b; padding: 5px 10px; color: #fff; } .quotation_recipt table tr td { padding: 10px; } .quotation_recipt table tr:nth-child(odd) td { background: #eef0f0; } .highlight-font { color: #03535f; font-weight: 500; } /* BMR Sighup Intermediate Page Changes - Quotation Recipt Ends*/ /* BMR Sighup Intermediate Page Ends*/ /* confirmation page styles */ .confirmationPage .img-ins .header-nav { height: 40px; background: #03535f; } .confirmationPage.faq .header-nav nav { float: left; } .confirmationPage .img-ins p { margin: 15px 0px } .confirmationPage .img-ins .imgCenter { padding: 20px 0px; margin: 0px auto; text-align: left; margin-left: 30px; } .confirmationPage .clear { clear: both; } .confirmationPage header { border-bottom: 0px; background-image: none; height: 100%; background-color: transparent; } .confirmationPage .confirmation-header { padding: 20px 0px 60px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bg_banner_imagevault.jpg) no-repeat scroll 0 0; ; color: #fff } .confirmationPage .confirmation-header h2 { font-size: 18px } .confirmationPage .body-section { padding: 40px 0px; min-height: 300px; width: 100%; display: inline-block; } .confirmationPage .wrapper { margin: 0px auto; position: relative; overflow: hidden; height: 100%; width: 100%; max-width: 1280px; padding: 0 20px; box-sizing: border-box; display: table; } .confirmationPage .body-section .wrapper h3 { font-size: 34px; margin-bottom: 10px; line-height: normal; margin: 5px 0 15px; color: #2d72a3; } .confirmationPage .body-section .wrapper .loginBtn { display: block; background: #2b80c3; max-width: 160px; text-align: center; padding: 10px; margin-top: 40px; color: #FFF; font-size: 18px; font-weight: normal; border-radius: 4px; } .confirmationPage .body-section .wrapper .loginBtn:hover { background-color: #3895de } .confirmationPage .body-section .wrapper .loginBtn:active { background-color: #2b80c3 } .confirmationPage .confirmation-header h2 { color: #fff; font-size: 18px; max-width: 1000px; line-height: 26px; } .confirmationPage .confirmation-header h1 { color: #fff; font-size: 30px; margin: 10px 0; } .confirmationPage .confirmation-header { padding: 20px 0px 60px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bg_banner_imagevault.jpg) no-repeat scroll 0 0; color: #fff; } .confirmationPage .confirmation-header h1 { margin: 30px 0 15px; clear: both; } .confirmationPage .header-nav nav { width: calc(100% - 190px); } .confirmationPage .img-ins .hp_left a { background-position: -10px 0px; } .confirmationPage .confirmation-header h2 { clear: both; } .confirmationPage .singup_btn { color: #000; margin-left: 0; margin-top: 0; font-size: 16px; float: right; padding: 0 20px; min-height: 40px; line-height: 40px; background: url(https://static.idriveonlinebackup.com/include/images/signup.png) no-repeat scroll 8px 6px #FFFFFF; padding-left: 45px; margin-right: 0; } .img-ins.confirmationPage .hp_left a { height: 60px; margin-top: 0px; background: rgba(0,0,0,0) url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/idrive_bmr_logo_white.svg) no-repeat left 0px center; display: inline-block; text-indent: -10000px; width: 180px; margin: 0px 20px 0px; margin-left: 0; background-size: contain; } .confirmationPage .wrapper, .confirmationPage .header-nav nav { overflow: visible; } .confirmationPage a.singup_btn:hover { color: #545454; } .confirmationPage .header-nav nav ul li { padding-right: 20px; } .hide-elements .section-right .pad-left { display: none; } .hide-elements .section-left { min-height: 365px; } /* confirmation page styles Ends*/ /* IE9 Block */ .ieBlockmsg { display: none; } .ie9andBelow .ieBlockmsg { display: block; background: #bbe8dd; color: #162d3f; float: left; width: 100%; padding: 10px 0px 15px; z-index: 99; position: relative; font-size: 18px; line-height: 28px; top: 0px; } .ie9andBelow .ieBlockmsg .ieIco span { font-weight: 600; } .ie9andBelow .ieBlockmsg .ieIco { text-align: center; font-weight: 400; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/ie_alert_ico.png) no-repeat; background-position: left center; margin: 0px auto; display: block; width: 500px; height: 61px; padding: 10px 0px 0px 5px; font-size: 16px; } /* IE9 lock Ends */ .buy-nw { background-color: #FFF; } .buy-nw .section-right .pad-left ul li { padding-bottom: 22px; font-size: 15px; line-height: 26px; } .buy-nw.signup-imgvault.bmr .section-right h3 { font-size: 18px; font-weight: 500; color: #143f58; line-height: 35px; font-weight: 600;} .buy-nw .section-left { background-color: #fbfbfb; } .buy-nw.bmr .shipping-container { padding-right: 0; } /* For Rush - UI Changes - 10-05-2019 */ .ship-type-select .wicsb-text, .rush-build-select .wicsb-text { width: calc(100% - 20px); } .rush-build-select .wicsb-text { padding-left: 5px; } .bmr .check-info { padding-top: 3px; } .rush-build-box p { width: 100%; clear: both; padding-top: 10px; font-size: 15px; line-height: 22px; } .col-split1 { width: 100%; display: inline-block; font-weight: 400; } .col-split1 span { cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } p.col-split1 { padding: 0; } .col-split2 { width: 30%; display: inline-block; text-align: right; font-weight: 400; } .shipping-type-box { width: 100%; max-width: 500px; border: 1px #d2cdba solid; border-radius: 4px; padding: 20px; background: #f8f5e6; margin-bottom: 30px; padding-bottom: 17px; min-width: 270px; box-sizing: border-box; } .user-radio-options { clear: both; margin: 10px 2px 10px; } .user-radio-options ul li .col1 { width: 100%; float: left; } .user-radio-options ul { list-style: none; margin: 0; padding: 0; overflow: auto; } .user-radio-options ul li { width: calc(100% - 20px); color: #545454; display: block; position: relative; float: left; margin-right: 20px; } .user-radio-options ul li input[type=radio] { position: absolute; visibility: hidden; } .user-radio-options ul li label { display: block; position: relative; padding: 0px 0px 25px 28px; margin: 10px auto; height: 0px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; font-size: 14px; font-weight: normal; pointer-events: auto !important; } .user-radio-options ul li .check { display: block; position: absolute; border: 2px solid #AAAAAA; border-radius: 100%; height: 20px; width: 20px; top: 12px; left: 0px; z-index: 5; } .user-radio-options ul li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: 3px; left: 3px; margin: auto; } .user-radio-options input[type=radio]:checked~.check { border: 2px solid #26a0f5; } .user-radio-options input[type=radio]:checked~.check::before { background: #26a0f5; } .user-radio-options input[type=radio]:checked~label { color: #545454; } /* custom-checkbox Code */ .rush-build-select .custom-checkbox .checkBox-col input[type='checkbox'] { visibility: hidden; } .rush-build-select .input__wrap .custom-checkbox { margin-left: 15px; margin-top: 6px; float: left; } .rush-build-select .custom-checkbox .checkBox-col { position: relative; height: 18px; width: 18px; display: inline-block; vertical-align: sub; } .rush-build-select .custom-checkbox .checkBox-col:before { content: ' '; position: absolute; top: 2px; left: 0px; width: 18px; height: 18px; } .rush-build-select .custom-checkbox .checkBox-col.checked:after { content: ' '; position: absolute; top: 2px; left: 0px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup_checkbox.png) no-repeat 0 0px; width: 16px; height: 16px; } .rush-build-select .custom-checkbox .checkBox-col:before { content: ' '; position: absolute; top: 2px; left: 0px; width: 18px; height: 18px; } .rush-build-select .custom-checkbox .checkBox-col:after { content: ' '; position: absolute; top: 2px; left: 0px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup_checkbox.png) no-repeat 0 -37px; width: 16px; height: 16px; } .rush-build-select .check-img2 { width: 20px; height: 35px; float: left; } /* New Code */ .usr-selct-box { background: #f8f5e6; border: 1px #d2cdba solid; max-width: 580px; border-radius: 5px; color: #444444; } .usr-select-row { padding: 15px 0; margin: 0 15px; } .dashed-border { border-bottom: 1px #cdc7ab dashed; } .table-col-wrap { background: #f4eed1; padding: 10px 15px; margin: 20px; margin-top: 0; border-radius: 4px; width: calc(100% - 40px);; } .table-col-wrap table th { font-weight: 500; text-align: left; border-bottom: 1px #cdc7ab dashed; font-size: 14px; } .table-col-wrap table th, .table-col-wrap table td { padding: 5px 0; font-size: 14px; } .table-col-wrap table tr td { font-weight: 600;} .table-col-wrap table th.first-col { padding-top: 0; } .table-col-wrap table th.first-col, .table-col-wrap table td.first-col { width: 50%; } .table-col-wrap table th.second-col, .table-col-wrap table td.second-col { width: 25%; text-align: center; } .table-col-wrap table th.third-col, .table-col-wrap table td.third-col { width: 25%; text-align: right; } .bg-green {background: #ecf4ff;border: 1px #cee3ff solid;} .bg-blue { background: #e6f7fc; border: 1px #b4d9e4 solid; } .usr-select-row.rush-build-box .rush-build-select { padding: 15px 0 10px; } .usr-select-row.rush-build-box p { color: #808c75; margin: 0; } .usr-select-row.ship-type-box .ship-type-select { padding: 10px 0; margin: 0 15px; border-bottom: 1px #c4c8b6 dashed; } .usr-selct-box.bg-blue .note { background: #daeef4; padding: 5px 10px; color: #444; font-size: 12px; line-height: 20px; margin: 0; padding-left: 16px; } .storage-wrap.rush__container { float: left; width: 100%; margin: 0 0 30px; } .rush__wrap .check-img {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/rush_signup_sprite1.png) no-repeat 0 -57px;width: 33px;height: 33px;} .shipping__wrap .check-img { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/rush_signup_sprite.png) no-repeat 0 -106px; width: 33px; height: 33px; } .buy-nw.bmr .shipping-container { margin-bottom: 30px; } .storage-wrap.rush__container h3 { padding-top: 0px; } .storage-wrap.rush__container .rush__wrap { float: left; width: 100%; padding: 0 0 10px; } .storage-wrap.rush__container .shipping__wrap { float: left; width: 100%; padding: 0 0 10px; } .buy-nw .shipping-container .ships-usa { margin: 20px 0 0; } .usr-select-row.ship-type-box { padding-bottom: 0; } .usr-select-row.rush-build-box { padding-bottom: 0; } .usr-selct-box.bg-blue .note .hide-canada { display: inline; } .canada-option h3, .canada-option .rush__wrap, .canada-option .user-radio-options ul li:last-child, .canada-option .usr-selct-box.bg-blue .note .hide-canada, .canada-option .user-radio-options ul li .check { display: none; } .canada-option .user-radio-options ul li label { cursor: default; padding-left: 0; font-size: 16px; } /* Fixes */ .signup-imgvault .bill-ship-address label { padding-bottom: 5px; } .storage-wrap { padding-top: 0; } .bmr .storage-wrap h3 { padding-top: 30px; padding-bottom: 10px; } .storage-wrap.rush__container h3 { padding-top: 0; } .credit__card__container { clear: both; width: 100%; float: left; padding-top: 30px; } /* For Rush - UI Changes - 10-05-2019 */ /* More Menu */ /* Static More Menu */ .more-menu { position: relative; } .more-menu .more-links { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/icons.png) 15px 10px no-repeat; height: 40px; margin: 0; padding: 0; text-indent: -9999px; width: 60px; display: inline-block; position: absolute; top: -10px; } .more-menu:hover .more-links { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/icons.png) 15px -3461px no-repeat #fff; } .more-menu .features-menu { display: none; position: absolute; left: -400px; top: 30px; background: #fff; z-index: 10; width: 670px; padding: 15px; padding-bottom: 15px; box-shadow: 0 0.1873rem 0.373rem 0 rgba(43,60,81,.23); } .faq .more-menu .features-menu { padding-bottom: 5px; } .more-menu:hover .features-menu, .more-menu .features-menu:hover { display: block; } .more-menu .features-menu h4 { padding: 0; font-size: 18px; line-height: 24px; color: #82aaaa; text-align: left; margin: 0 } .more-menu .features-menu p { width: 100%; font-size: 14px; line-height: 18px; padding: 4px 0 15px; margin: 0; border-bottom: 1px solid #e9e9e9; color: #585858; } .more-menu ul.nav-features { width: 100%; margin: 10px 0 0; } .more-menu ul.nav-features li { width: 33.33%; float: left; font-size: 15px; line-height: 20px; padding-right: 5px; } .more-menu ul.nav-features li a { color: #585858; padding: 10px 5px 10px 5px; display: inline-block; width: 100%; } .more-menu ul.nav-features li a span { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bmr-more-icons.png) no-repeat 3px 0; height: 20px; display: inline-block; margin-right: 10px; vertical-align: text-bottom; min-width: 23px; } .more-menu ul.nav-features li a span.web-console-icon { background-position: 0 -35px; width: 19px; height: 17px; } .more-menu ul.nav-features li a span.esxi-vcenter-icon { background-position: 0 -71px; width: 22px; height: 19px; } .more-menu ul.nav-features li a span.vitual-icon { background-position: 0 -105px; width: 19px; height: 16px; } .more-menu ul.nav-features li a span.cld-manage-icon { background-position: 0 -142px; width: 22px; height: 15px; vertical-align: baseline; } .more-menu ul.nav-features li a span.cld-seed-icon { background-position: 0 -177px; width: 23px; height: 15px; vertical-align: baseline; } .more-menu ul.nav-features:after { content: ''; display: block; clear: both; } .header-nav nav .more-menu ul.nav-features li a:hover { color: #1374ab; background: none; } .header-nav nav ul li.more-menu .nav-features li { display: inline !important; margin-right: 0; } .header-nav nav ul { width: 100%; } .header-nav nav ul li { float: left; } .header-nav nav ul li.more-menu { margin-top: 4px; } .header-nav nav ul li.more-menu .nav-features li:nth-child(4) { clear: both; } /* Index Page */ .bmr .header-nav nav ul li { padding-right: 14px; } /* Existing CSS changes */ .header-nav .container { overflow: visible !important; } .header-nav nav ul li:last-child, .faq.img-ins .header-nav ul li:last-child { display: inline; } .bmr .header-nav nav ul li:last-child { display: inline; } .web-access .header-nav nav, .virtual .header-nav nav, .faq .header-nav nav, #bmr-video .header-nav nav, .oly-pvt-support .header-nav nav { width: calc(100% - 180px); } #main-header { line-height: 3em; font-family: Roboto, sans-serif; font-size: 14px; color: #333; background: 0 0; position: absolute; top: 0; z-index: 99999999; right: 20px } #main-header ul { list-style: none } #main-header ul li { margin: 0; padding: 0 } #main-header nav { height: 88px } #main-header .nav-left { float: left; overflow: hidden; width: calc(100% - 340px) } #main-header .nav-right { float: right; height: 35px } .menu-btn { position: relative; top: 5px; cursor: pointer } .menu-btn span { height: 2px; background: #fff; width: 22px; margin-bottom: 4px; display: block } #menu, #menu.menu_hide { height: 100%; visibility: visible; overflow-y: auto; position: fixed; padding: 0 } body { overflow-x: hidden } #menu nav ul li { clear: both; display: block; padding: 0 } #menu nav ul li a { color: #fff; font-size: 16px; padding: 0 20px; display: block; position: relative } #menu nav ul li a:hover { background-color: #49595d } #menu nav ul li.sb-close a { float: right; border-bottom: 1px dotted transparent; cursor: pointer } #menu.menu_hide { margin-left: 0; z-index: 99999; width: 100%; float: right; top: 0; left: 100%; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; transition: transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0) } #menu, #sb-site.menu_active { -webkit-transform: translateZ(0); transition: transform .4s 0s, visibility 0s .4s; -webkit-backface-visibility: hidden } #menu { background-color: #242930; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transform: translateX(-340px); -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); -o-transform: translateX(-320px); margin-right: -320px; width: 320px; right: 0; z-index: 9999999999 } #sb-site.menu_active { -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transform: translateX(-340px); -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); -o-transform: translateX(-320px) } #sb-site.menu_deactive { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; transition: transform .4s 0s, visibility 0s .4s; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0) } #cssmenu, #cssmenu a, #cssmenu li, #cssmenu ul { margin: 0; padding: 0; border: 0; list-style: none; font-weight: 400; text-decoration: none; line-height: 1; font-size: 14px; position: relative; width: 100%; overflow: hidden } #cssmenu>ul>li { border-bottom: 1px dashed #676965; border-bottom: 1px dashed rgba(103,105,101,.42); padding: 12px 17px } #cssmenu>ul>li.last { border: none } #cssmenu a { line-height: 1.3 } #cssmenu>ul>li>a { font-size: 18px; display: block; color: #48D1F6; cursor: pointer } #cssmenu>ul>li>a>span { display: inline-block; padding: 12px 10px; color: #59d1f4; font-size: 24px } #cssmenu>ul>li>a:hover { text-decoration: none } #cssmenu ul ul { display: none } #cssmenu ul ul li { padding: 0 } #cssmenu ul ul li:last-child { border-bottom: none } #cssmenu ul ul a { cursor: pointer; padding: 8px 10px 8px 20px; display: block; color: #b1adae; font-size: 16px; font-weight: 400; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/res-idrive-footer-new-icons.png) 8px -502px no-repeat } #cssmenu ul ul a:hover { color: #fff } #cssmenu>ul>li.has-sub>a span { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/res-icon-menu.png) 0 9px no-repeat } #cssmenu>ul>li.has-sub.open>a span { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/res-icon-menu.png) 0 -30px no-repeat } #main-header .nav-right li.menu-live-chat { display: none } .sb-close { text-align: right; cursor: pointer; position: absolute; top: 10px; right: 20px; z-index: 999 } .sb-close img { padding: 5px; width: 16px; height: 16px } .sb-close img:hover { background-color: #4DB6F0; border-radius: 70% } span.menu-close-btn { float: right; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/video_popup_close.svg) center center no-repeat; font-size: 12px; width: 24px; height: 24px; background-size: contain; } .close { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/res-icon-menu.png) -1px -80px no-repeat; width: 15px; height: 15px; display: block; cursor: pointer } .mob-menu { display: none } #menu span.menu-item-highlight { font-size: 15px; color: #dcc60c; padding: 0 } .menu-btn .menu-text { float: left; color: #fff; font-size: 18px; margin: 0 0 0 5px } .menu-btn .menu-icon { float: left; margin: 5px 0 0 } #res-menu-btn .singup_btn { float: right; } #res-menu-btn .menu-btn-wrap { display: none; } .faq section.body-section { background: none; } #res-menu-btn .menu-mob-hide { display: none; } header { z-index: 2; position: relative; } footer.main-footer p { min-height: 45px; } .more-menu:hover .more-links, .more-menu .more-links { transition: none; } /* More Menu Ends */ /* New Footer */ footer.main-footer { background: #202731 none repeat scroll 0 0; padding-bottom: 20px; padding-top: 30px; text-align: center; } footer .foot-col-wrap { position: relative; padding-bottom: 0px; } footer .foot-col-wrap .foot-col .foot-logo { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/idrive_bmr_logo_white.svg) no-repeat; width: 120px; height: 40px; background-size: contain; display: block; } footer .container { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 20px; position: relative; box-sizing: border-box; } footer .foot-col-wrap ul, footer .foot-col-wrap ul li { padding: 0; margin: 0; list-style: none; } footer .foot-col-wrap ul li { display: block !important; } .faq footer.main-footer .foot-social-col p { padding-top: 0px; padding-bottom: 0; } footer .foot-col-wrap .foot-col { width: 25%; float: left; text-align: left; } footer .foot-col-wrap .foot-col h4 { color: #fff; padding-bottom: 5px; padding-left: 5px; } footer .foot-col-wrap .foot-col ul li a { color: #818892; font-size: 15px; padding: 4px 0 4px 5px; line-height: 20px; width: 95%; float: left; } footer .foot-col-wrap .foot-col ul li a:hover { background: #383c47; color: #fff; } footer .foot-col-wrap .foot-support { bottom: -15px; position: absolute; right: 0; } footer .foot-col-wrap .support-details a { display: block; text-align: right; color: #f7feff; padding-bottom: 4px; } footer .foot-col-wrap .support-details .support-title { font-size: 18px; line-height: 22px; } footer .foot-col-wrap .support-details .support-no { font-size: 20px; line-height: 24px; } footer .foot-col-wrap .support-details .support-time { font-size: 13px; line-height: 16px; } footer .foot-social-connect { margin-top: 40px; padding-top: 20px; border-top: 1px #3c434d solid; } footer .foot-social-col { width: 50%; float: left; } footer .foot-social-col p { text-align: left; color: #818892; font-size: 13px; padding: 0; margin: 0; } footer .foot-social-col .foot-socialIcon-wrap { float: right; } footer .foot-social-col .foot-socialIcon-wrap a { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/social_media_icons.png) no-repeat 0 0; width: 27px; height: 27px; display: block; float: left; margin-left: 10px; transition: none; } footer .foot-social-col .foot-socialIcon-wrap a.facebook { background-position: 0 0; } footer .foot-social-col .foot-socialIcon-wrap a.facebook:hover { background-position: -50px 0; } footer .foot-social-col .foot-socialIcon-wrap a.twitter { background-position: 0 -43px; } footer .foot-social-col .foot-socialIcon-wrap a.twitter:hover { background-position: -50px -43px; } footer .foot-social-col .foot-socialIcon-wrap a.linkedin { background-position: 0 -86px; } footer .foot-social-col .foot-socialIcon-wrap a.linkedin:hover { background-position: -50px -86px; } footer .foot-social-col .foot-socialIcon-wrap a.googlePlus { background-position: 0 -129px; } footer .foot-social-col .foot-socialIcon-wrap a.googlePlus:hover { background-position: -50px -129px; } .footer__sub__heading h4 { margin-top: 28px; } footer .foot-col-wrap .foot-col li:after { content: ''; clear: both; display: block; } /* Footer Ends */ .signup-imgvault .container.over-flow-visible { overflow: visible !important; } .buy-nw.signup-imgvault .section-left a { color:#26829d; } /* Order Confirmation Popup */ .signup-imgvault .order-confirm-popup a { color: #2d72a3; } .signup-imgvault .order-confirm-popup .popup-note { font-size: 13px; line-height: 1.8; margin-top:20px; } .signup-imgvault .order-confirm-popup { display: none; position: fixed; z-index: 1000; width: 98%; background: #f9f9f9; border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; max-width: 640px; height: auto; margin-top: 20px; } .signup-imgvault .order-confirm-popup { width: 90%; max-width:590px; } .signup-imgvault .order-confirm-popup header, .signup-imgvault .order-confirm-popup .modal-header { padding: 0.95em 1.5em 0.7em; border-bottom: 1px solid #ddd; } .signup-imgvault .order-confirm-popup header { margin-bottom:20px; } .signup-imgvault .order-confirm-popup header h3, .signup-imgvault .order-confirm-popup header h4 { margin: 0; } .signup-imgvault .order-confirm-popup .modal-body { padding: 0.2em 1.5em 2em; } .signup-imgvault .modal-overlay { opacity: 0.7; filter: alpha(opacity=0.7); position: fixed; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: rgb(0, 0, 0)!important; } .signup-imgvault .order-confirm-popup a.close { line-height: 1; font-size: 1.5em; position: absolute; top: 10px; right: 15px; text-decoration: none; color: #bbb; } .signup-imgvault .order-confirm-popup a.close:hover { color: #222; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } .signup-imgvault .order-confirm-popup h3 { font-size: 20px; font-weight: 500; margin: 0; padding: 0; text-align: left; } .signup-imgvault .order-confirm-popup .confirm_cta a, .signup-imgvault .order-confirm-popup .confirm_cta .id-submit_btn { width: 160px; background: #0071bc; color: #fff; font-size: 1.1em; line-height: 22px; padding: 11px 0; margin: 30px 0 10px; text-align: center; border-radius: 3px; display: block; } .signup-imgvault .order-confirm-popup .confirm_cta a:hover, .signup-imgvault .order-confirm-popup .confirm_cta .id-submit_btn:hover { background: #0786d8; } /* Intermediate Confirmation Table */ .signup-imgvault .order-confirm-popup .table-addOns { width: 100%; border: 0px #cccccc solid; clear:both; } .signup-imgvault .order-confirm-popup .table-addOns ul li { font-size: 15px; padding: 4px 15px; background: #fff; } .signup-imgvault .order-confirm-popup .table-addOns ul.tableRow li { border-bottom: 1px #eef0f0 solid; } .signup-imgvault .order-confirm-popup .table-addOns ul.tableRow li:last-child { border-bottom: none;border-top:1px solid #e3e3e3; } .signup-imgvault .order-confirm-popup .table-addOns ul li:after { content: ''; clear: both; display: block; } .signup-imgvault .order-confirm-popup .table-addOns ul.tableHead li { background: #21789d; color: #fff; font-weight: 500; } .signup-imgvault .order-confirm-popup .table-addOns ul li .col1 { width: calc(100% - 150px); float:left; } .signup-imgvault .order-confirm-popup .table-addOns ul li .col2 { width: 150px; float: left; text-align: right; } .signup-imgvault .order-confirm-popup .table-addOns ul.tableHead{border: 1px #21789d solid;} .signup-imgvault .order-confirm-popup .table-addOns ul.tableRow{border: 1px #e3e3e3 solid;} .signup-imgvault .order-confirm-popup .table-addOns ul.tableRow li.totalAmount p { font-weight: 600;} /* Intermediate Confirmation Table Ends*/ /* Order Confirmation Popup Ends*/ /* Responsive */ @media screen and (min-width: 1400px) { body { font-size: 18px } .header-nav nav ul li a, footer .foot-col-wrap .foot-col ul li a { font-size: 1.1em !important } .buy-nw .section-left form>h3 { font-size: 28px; } .buy-nw .section-left form .para { font-size: 16px; padding-top: 15px; } .buy-nw .group label { font-size: 16px; } .buy-nw .col-third p { font-size: 14px; } .bmr .cloud-storage-space .eval-box, .with-include-cloud-storage-box, .bmr .cloud-storage-space .eval-box-left { max-width: 580px; } .bmr .eval-box table tr td { font-size: 16px } .shipment-terms ol li { font-size: 16px; } .shipment-terms h4 { font-size: 18px } footer .foot-col-wrap .foot-col h4 { font-size: 1.1em!important; } footer .foot-col-wrap .foot-col ul li a { font-size: .9em!important } .note-for-us { font-size: 14px; } } @media screen and (max-width: 1280px) { .s-works { height: 100%; padding-bottom: 40px } footer.footer_bmr .footer_row{gap:20px !important;} } @media only screen and (max-width:1200px) { .bmr .header-nav { font-size: 1.4rem; } .header-nav nav ul li { font-size: 13px; } .header-nav nav ul li a.backarrow span { display: none; } .buy-nw.intermediate .section-right { overflow: hidden; } .confirmationPage .img-backup-ins .header-nav nav ul li { padding-right: 8px; } .confirmationPage .confirmation-header h1 { line-height: 35px; } } @media screen and (max-width: 1140px) { .works-content { bottom: 40px } .title-container { float: left; max-width: 680px } .buy-nw .section-right { margin-top: -150px } } @media only screen and (min-width:1025px) { .signup-imgvault .header-nav { transform: none !important; } .intermediate .header-nav { transform: none !important; } .signup-imgvault.bmr header { transform:none !important; } .signup-imgvault .form-section { transform:none !important; } } @media screen and (max-width: 1024px) { .buy-nw .section-left { padding: 30px 30px } .title-container { float: left; max-width: 680px } .intermediate .header-nav .container { padding-right: 0; } .signup-imgvault .bill-ship-address input[type=radio]:checked + label { background-position: 0 1px; } .signup-imgvault .bill-ship-address input[type=radio] + label { background-position: 0 -27px; } /* More Menu */ .web-access .header-nav nav, .virtual .header-nav nav, .faq .header-nav nav, #bmr-video .header-nav nav { width: auto !important; } #res-menu-btn .nav-right-wrap { float: right; } #res-menu-btn .header-nav nav ul li:nth-child(2) { display: none !important; } #res-menu-btn .header-nav nav ul li { display: none; } #res-menu-btn .header-nav nav ul li:nth-child(1), .sGuide .header-nav nav ul li:nth-child(2) { display: block; } #res-menu-btn .header-nav nav { width: calc(100% - 276px); } #res-menu-btn .singup_btn { float: left; min-width: 166px; box-sizing: border-box; } #res-menu-btn .menu-btn-wrap { width: 110px; float: left; color: #fff; position: relative; display: block; background: #014f82; } #res-menu-btn .menu-btn-wrap ul, #res-menu-btn .menu-btn-wrap ul li { margin: 0; padding: 0; list-style: none; } #res-menu-btn .menu-btn { top: 0; } #res-menu-btn .wrapper { float: none; } #res-menu-btn .dynamic-links { width: auto; float: left; } #res-menu-btn .menu-wrap { height: 40px; width: 110px; float: left; cursor: pointer; top: 0!important; padding: 6px 0 0 15px; } #res-menu-btn .menu-icon-txt { color: #fff; font-size: 16px; padding-left: 30px; padding-top: 2px; } #res-menu-btn.web-access .menu-icon-txt { padding-top: 3px; } #res-menu-btn .header-nav .wrapper { padding-right: 0; } #res-menu-btn .dynamic-links .nav-right { margin-top: 3px; } #res-menu-btn .body-section { clear: both; } #cssmenu ul li:first-child { padding-top: 33px; } #menu-icon { display: none !important; } .faq .term_header { display: none; } #cssmenu li.has-sub ul>li:first-child { padding-top: 0; } #cssmenu>ul>li { padding: 0; } #cssmenu>ul>li>a, #cssmenu li.has-sub { padding: 12px 17px; font-weight: 400; } #cssmenu li.has-sub ul>li { padding-left: 17px; padding-right: 17px; } #cssmenu .has-sub a.crpointer { padding: 0; } /* All Pages Except Index and Videos (For Left navigation hide, responsive) */ .bmr#res-menu-btn .header-nav .container { padding-right: 0; } .bmr#res-menu-btn .dynamic-links .nav-right { margin-top: 0; } .bmr#res-menu-btn .menu-btn .menu-icon { margin-top: 8px; } .nav-hide { display: none; } .leftnav_terms ul { padding-left: 0px; margin-left: -20px; background-color: #39464E; padding-top: 0px; margin-top: -1px; width: 215px; } .express_backup .leftnav_terms ul li a { padding-left: 30px; } .leftnav_terms ul li a { padding-left: 10px; box-sizing: border-box; width: 215px; color: #FFF; border-color: #313E46 } .leftnav_terms li.faq_server_li:hover>a { color: #FFF; } .leftnav_terms li a:hover { color: #80C7E3; } .leftnav_terms li a.act { color: #80C7E3; background: none } .faq .leftnav_terms ul.division_list { width: 194px; } .faq .leftnav_terms ul.division_list li a:hover, .faq .leftnav_terms ul.division_list li a.act { color: #80C7E3 } .faq .header_title p { padding-left: 70px; padding-bottom: 0px; padding-top: 25px; } .leftnav_terms { margin-left: 0; padding-left: 20px; z-index: 99999; width: 195px; float: left; position: fixed; top: 0px; left: 0px; height: 100%; background-color: #39464E; visibility: hidden; overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; transition: transform .4s 0s, visibility 0s .4s; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transform: translateX(-230px); -webkit-transform: translateX(-230px); -moz-transform: translateX(-230px); -ms-transform: translateX(-230px); -o-transform: translateX(-230px); } .faq .content_terms { min-width: 100%; border-left: none; } .buy-nw input[type='checkbox'] { margin-top: 4px; } /* More Menu Ends*/ } @media screen and (max-width: 980px) { .usr-selct-box{width:100%;max-width:none;} .table-col-wrap{width:90%;} .download-page .banner-wrapper hgroup { margin-top: 20px } .s-works { display: none } .download-page header { height: 100%; padding-bottom: 0px } .download_pcmac { padding: 0px 20px } .windows, .mac { margin-left: auto } #win_version, #mac_ver { text-align: center } #win_version_date, #mac_ver_date { text-align: center } .dwnload { margin: 0px auto } .sys_req { float: none; text-align: center } .download_btns ul { margin-left: auto } .download_btns ul li { width: 50% } .form-section { overflow: hidden;width:100%; } .buy-nw .section-right { display: none } .buy-nw .section-left { width: 100%; padding: 30px } footer nav { display: none } footer p { padding-top: 0px } footer.main-footer { padding-bottom: 10px; padding-top: 0; } .signup-imgvault .header-nav nav ul li:nth-child(7), .signup-imgvault .header-nav nav ul li:nth-child(6), .signup-imgvault .header-nav nav ul li:nth-child(5), .signup-imgvault .header-nav nav ul li:nth-child(4) { display: none; } .signup-imgvault.buy-nw.signup-imgvault .section-left { width: 100%; } .rentina .buy-nw .logo-nav-wrapper .logo { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/ide_imgVault_bareMetalLogo_wt@2x.png) no-repeat 0 0; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; width: 399px; height: 43px; } .buy-nw.intermediate .section-left { width: 100%; } /* New Footer */ footer.main-footer { padding: 0; } footer .foot-col-wrap { display: none; } footer .foot-social-connect { margin-top: 0; border: none; } /* Footer Ends*/ /* More Menu */ .mob-menu { display: block } #res-menu-btn .titleheader_body { display: block; } /* More Menu Ends*/ /* Order Confirmation Popup */ .signup-imgvault .order-confirm-popup { width: 90%; } /* Order Confirmation Popup Ends*/ } @media screen and (max-width:980px) and (min-width:480px){ .container{padding:0px;} .title-container{ margin-top: -30px; margin-left: 30px; margin-bottom: 30px;} } @media only screen and (max-width:768px) { .signup-imgvault .header-nav nav { font-size: 11px; } .signup-imgvault .header-nav nav ul li:nth-child(5), .banner-right-col figure { display: none; } .signup-imgvault .header-nav nav ul li { padding-right: 15px; } .signup-imgvault .login_btn a { font-size: 13px; } .signup-imgvault .singup_btn { font-size: 13px; } .buy-nw.signup-imgvault h1 { margin-bottom: 0px; } .signup-imgvault .header-nav nav ul li { display: none; } .signup-imgvault .header-nav nav ul li:nth-child(1) { display: block; } .signup-imgvault .backarrow { font-size: 14px } .signup-imgvault .title-container { padding-bottom: 10px; } } @media screen and (max-width: 767px) { header { background-image: none; height: 100%; padding-bottom: 20px } .banner-wrapper figure { display: none } .download-page .download_section { margin-bottom: 40px } .download_pcmac { width: 100% } #win_version, #mac_ver { text-align: center; margin-left: 0px } .sys_req { margin: 20px auto; clear: both; float: left; width: 100% } .download_btns ul { float: none; max-width: 400px } .bill-ship-address { clear: both } .download-page .banner-wrapper { text-align: center } .download-page .banner-wrapper hgroup { margin-top: 20px } .download-page .banner-wrapper hgroup h1 { font-size: 2.9rem } .download-page .banner-wrapper hgroup p { margin-top: 10px; font-size: 16px; padding-bottom: 10px; line-height: initial; padding: 0px 30px } .buy-nw .section-left form .para { line-height: initial; margin-top: 10px } .header-nav nav ul li { display: none; } .header-nav nav ul li:nth-child(1) { display: block; } .backarrow { font-size: 14px } /* Confirmation Page */ .confirmationPage .body-section .wrapper { padding-left: 10px; padding-right: 10px; } .confirmationPage .body-section .wrapper h3 { font-size: 24px; text-align: center; } .confirmationPage .confirmation-header h1, .confirmationPage .confirmation-header h2, .confirmationPage .body-section p { text-align: center; } .confirmationPage .lobinBtnBox { margin: 0 auto; width: auto; display: table; padding: 0; } .confirmationPage .body-section .wrapper .loginBtn { padding: 10px 30px; border-radius: 2px; } /*BMR*/ .bmr .eval-box-left, .eval-box-right { float: none; } .buy-nw .eval-box-left { width: 100%; } .bmr .eval-box-right { margin-top: 30px; } /* More Menu */ html { -webkit-text-size-adjust: 100% } #cssmenu>ul>li>a { font-size: 18px } #cssmenu ul ul a { font-size: 16px; padding-bottom: 2px } #res-menu-btn .singup_btn { display: none; } #res-menu-btn .menu-mob-hide { display: block; } span.menu-close-btn { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/video_popup_close.svg) no-repeat 0px 6px / contain; width: 25px; height: 36px; } /* More Menu Ends*/ } @media screen and (max-width: 640px) { .check-info-inline{display: block ! IMPORTANT;width: 100% ! IMPORTANT;} .header-nav { font-size: 13px } .header-nav nav ul li { padding-right: 10px } .banner-wrapper hgroup h1 { font-size: 3.2rem } .banner-wrapper hgroup p { margin-top: 10px; font-size: 22px; padding-bottom: 10px } .banner-wrapper hgroup p br { display: none } .buy-nw .group { width: 100% !important } .buy-nw .select-grp { text-align: left } .buy-nw .select-grp label { position: absolute; top: -30px; left: 0px } .buy-nw .card-type img { display: none } .marTop { margin-top: 20px } .buy-nw .col-fourth-child .group .select-grp label { position: static; } .bmr .eval-box-left, .bmr .eval-box { width: 100%; max-width: 100%; } .bmr .eval-box { max-width: 100%; } .errorCreditcard { background-image: none; padding: 12px 15px 12px 15px } .errorCreditcard p { line-height: 24px; font-size: 14px; } /* .buy-nw .group.cvv{ width: 50% !important;} */ .buy-nw .col.col-fourth-child .group.grp-rgt { width: 50% !important; max-width: 165px; } .buy-nw .cvv input { width: calc(100% - 50px); } .buy-nw .title-container { max-width: 100%; } .shipping-container div.red { background-position: 0 18px; } .signup-imgvault .header-nav { font-size: 13px } .signup-imgvault .header-nav nav ul li { padding-right: 10px } .signup-imgvault .header-nav nav { font-size: 11px } .signup-imgvault .header-nav nav ul li { padding-right: 6px } .signup-imgvault .header-nav nav ul li:nth-child(2) { display: none; } .signup-imgvault .li-2-col { padding-right: 20px; } .signup-imgvault .title-container { padding-bottom: 5px; } } @media only screen and (max-width:560px) { /* More Menu */ #res-menu-btn .title_video { bottom: -70px; } /* More Menu Ends*/ } @media only screen and (max-width:540px) { .signup-imgvault .header-nav nav ul li:nth-last-child(-n+4) { display: none; } .buy-nw.signup-imgvault h1 { font-size: 16px; margin-bottom: 5px; } } @media screen and (max-width: 480px) { .xs-n { display: none } .header-nav nav ul li { padding-right: 6px } .vault-new { position: absolute; top: -20px; right: 20px; max-width: 70px } .banner-wrapper hgroup h1 { font-size: 2.2rem; margin-top: 20px } .banner-wrapper hgroup p { font-size: 15px; padding-bottom: 0px; line-height: 20px } .intro-offer img { width: 100% } .s-vault h2 { font-size: 3.4rem } .download-footer h3 { font-size: 27px } .marTop { margin-top: 20px } .buy-nw .section-left { padding: 30px 20px } .buy-nw .captcha .captcha-img input { max-width: 90px } .buy-nw div.tooltip { background-color: #747C81; color: #fff; position: absolute; left: -202px; top: -86px; z-index: 1000000; width: 200px; border-radius: 5px } .buy-nw div.tooltip:before { border-top: 10px solid transparent; border-left: 10px solid #747C81; border-bottom: 10px solid transparent; content: ""; display: block; height: 0; width: 0; line-height: 0; position: absolute; top: 50%; left: 100% } .buy-nw .group.grp-rgt, .buy-nw .col-first .group { width: 100% !important; } .buy-nw .cvv input { max-width: 100%; } .buy-nw .col.col-fourth-child .group.grp-rgt { width: 170px!important; float: left; } .buy-nw .red { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/vault-error-icon.png) no-repeat 0px 2px; } .form-section .container { padding: 0; } .form-section .container .section-left { padding: 30px 20px; } .buy-nw.bmr .shipping-container { padding-right: 0; } .buy-nw .logo-nav-wrapper .logo { width: 280px; height: 30px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/ide_imgVault_bareMetalLogoN_280wt.png) no-repeat 0 0; } .retina .buy-nw .logo-nav-wrapper .logo { width: 280px; height: 30px; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/ide_imgVault_bareMetalLogoN_280wt@2x.png) no-repeat 0 0; background-size: contain; } .signup-imgvault .form-section { float: none; } .with-include-cloud-storage-box, .bmr .eval-box { min-width: auto; } .table-col-wrap { width: 100%; margin: 0; } /* More Menu */ #res-menu-btn .singup_btn { background: #fff; padding-left: 0; color: #666; text-align: center; min-width: 115px; padding-left: 0; padding-right: 0; } #res-menu-btn .header-nav nav { width: calc(100% - 240px); } #res-menu-btn .singup_btn:hover { color: #333; } #res-menu-btn .backarrow span { display: none; } /* More Menu Ends*/ } /*# sourceMappingURL=vt-styles-responsive.css.map */ @media only screen and (max-width:360px) { /* New Footer */ footer .foot-social-col .foot-socialIcon-wrap a { margin-left: 5px; } /* Footer Ends*/ } @media screen and (-webkit-min-device-pixel-ratio:0) { /* More Menu */ .menu-btn { top: 8px } /* More Menu Ends*/ } /* Google Plus Hide */ footer .foot-social-col .foot-socialIcon-wrap a.googlePlus { display: none; } /* Sakthi - 10-05-2019 */ .terms_wrap { margin-top: 10px; } .terms_wrap_head { margin-left: 0px; padding-bottom: 0px; border: none; margin-top: 0px; color: #333; font-size: 14px; font-weight: bold; ; width: 100%; } .terms_wrap ol { padding-left: 14px; } .terms_wrap ol li { margin: 5px 0; display: list-item; list-style: inherit; font-size: 14px; line-height: 26px; color: #333; } .terms_wrap a { color: #26829d; } .terms_wrap ol li strong.extra__storage__cost { font-weight: 500; } .terms_wrap ol li strong.device__price { font-weight: 600; } .buy-nw .intermediate-container .signup_footer { margin-top: 0px; float: left; width: 100%; } .intermediate .section-left { min-height: 600px; } .buy-nw .intermediate-container .dis_price { margin-left: 5px; } .nr_price { font-size: 14px; color: #a5a0a0; text-decoration: line-through; padding-left: 5px; } .nr_price +.dis_price { color: #76992c; font-size: 16px; padding-left: 4px; margin-left: 2px !important; } .dis_amount { font-weight: normal; font-size: 16px; font-weight: bold; color: #333; margin-left: 3px; } .subscribedplan { margin: 0px 0px 5px 0px; font-size: 1em; float: left; color: #333; clear: both; overflow: hidden; } .subscribedplan span, .subscribedplan b { font-size: 1em; font-weight: bold; color: #333; } .buy-nw .section-left { padding: 15px 30px; } .intermediate .logo-nav-wrapper { height: 90px; } .buy-nw .intermediate-container h3 { border: none; } .intermediate .intermediate-container .bmr_signup_footer #continueVault { background: #0071bc none repeat scroll 0 0; border: 0 none; border-radius: 4px; color: #fff; cursor: pointer; display: block; font-size: 21px; font-weight: 400; height: 42px; padding: 0; text-align: center; width: 138px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .intermediate .intermediate-container .bmr_signup_footer #continueVault:hover { background: #2b80c3; } .intermediate .intermediate-container .bmr_signup_footer #continueVault:active { background: #2b80c3; } .usr-select-row.rush-build-box p.col-split1 { color: #444; font-weight: 500; } .usr-select-row.rush-build-box p { color: #666; } .usr-selct-box .note-planStorage p { clear: both; padding: 10px; color: #888; margin-bottom: 0; background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* Sakthi - 10-05-2019 */ /* Custom Check Box Code */ label.checkbox_container { display: block; position: relative; padding-left: 25px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: auto !important; font-size: 15px; color: #666; } .checkbox_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox_container .checkmark { position: absolute; top: 5px; left: 0; height: 18px; width: 18px; background-color: #fff; border: 1px #a6a2a2 solid; } .checkbox_container input:checked ~ .checkmark { background-color: #fff; } .checkbox_container .checkmark:after { content: ""; position: absolute; display: none; } .checkbox_container input:checked ~ .checkmark:after { display: block; } .checkbox_container .checkmark:after { left: 5px; top: 1px; width: 6px; height: 11px; border: solid #2196F3; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Custom Check Box Code Ends*/ /* Focus Radio button and checkbox on tab */ .buy-nw input[type='checkbox']:focus+span.checkmark { outline: 1px #26a0f5 solid; } .buy-nw input[type=radio]:focus + label { outline: 1px #a2e9ff solid; } .ship-type-box .user-radio-options input[type=radio]:focus + label + check { outline: 1px #a2e9ff solid; } /* Focus Radio button and checkbox on tab Ends*/ .usr-select-row.ship-type-box .user-radio-options ul li input[type=radio] { position: absolute; visibility: hidden; width: 20px; height: 20px; top: 12px; margin: 0; display: none; } .usr-select-row.ship-type-box .user-radio-options{position: sticky;position: -webkit-sticky;} /* COVID-19 alert and note message in bmr signup page */ .flex-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* .corna-fixied { background-color: #fed2c6; height: 70px } */ /* .corna-fixied .container { height: 100%; } */ /* .corna-fixied p { color: #9f2424; text-align: left; position: relative; margin: 0 auto; height: 100%; } */ /* .corna-fixied p span { font-family: inherit; font-size: 18px; position: relative; line-height: 20px; align-items: center; height: 100%; justify-content: center; -webkit-box-pack: justify; -webkit-justify-content: center; -ms-flex-pack: justify; justify-content: center; } */ /* .covid-alert .header-nav{ height: 110px;} */ /* .covid-alert .covid-container{ margin-top: 115px } */ /* .covid-alert .section-left p.covid-note { color: #888; font-weight:300; text-align: justify; display: inline-block; padding: 15px 0; line-height: 1.5;} */ /* @media only screen and (min-width: 1400px) { */ /* .covid-alert .covid-container { margin-top: 115px } */ /* } */ /* @media only screen and (max-width: 925px) { */ /* .corna-fixied p { text-align: left; } */ /* .corna-fixied p span { font-size: 14px; line-height: 18px; } */ /* } */ .buy-nw .shipping-container .ships-usa h3{ font-size: 18px !important; line-height: 35px; } .id-loader-new-pg { display: none; position: fixed; z-index: 99999; background-image: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/Loader.gif); background-color: #000; opacity: .8; background-repeat: no-repeat; background-position: center; left: 0; bottom: 0; right: 0; top: 0; } p.covid-note,.corna-fixied p{display:none;} .buy-nw input[type='submit']{ margin: 30px 0 20px;} /* for total amount */ li.totalAmount p span { font-size: 20px; color: #2d75b7; /* font-weight: bold; */ margin-left: 6px; } li.totalAmount p { float: right; } .totalAmount { /* float: left; */ background: #e8e8e8 !important; width: 100%; /* border-left: 1px solid #ccc; */ } /* stripe related style */ .bmr-stripenew.bmr .hp_left a{background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bmr_pro_white.svg) no-repeat;margin-top: 27px;height: 65px;width: 242px;} .bmr-stripenew .labelStripeCVC .question img{margin-top: -8px;} .bmr-stripenew .labelStripeCVC .question div.tooltip{left: -153px;top: -140px;} .bmr-stripenew .labelStripeCVC{margin-left: 0!important;} .bmr-stripenew.buy-nw label.labelStripeCVC{pointer-events: unset;} .bmr-stripenew #cc_info {border: 1px solid #989898;width: 100%;background: #fff;height: 46px !important;margin-bottom: 25px;box-sizing: border-box;padding: 13px 10px 10px 10px;} .bmr-stripenew #cc_info div{width:100% !important;} .bmr-stripenew #billingError{width: 100%;margin-bottom: 0px!important;margin-top: 10px;} .bmr-stripenew .cvv{color: #5187AD;padding: 0 5px;font-weight: bold;background-color: #d7e2e7;font-size: 13px;border-radius: 25px;cursor: pointer;} .bmr-stripenew .cvv:hover{background-color: #f5f5f5;} .bmr-stripenew #cc_info:focus, .bmr-stripenew #cc_info .InputContainer .InputElement:focus{box-shadow: 0 0 5px #6ca9ee inset;border: 1px solid #6ca9ee;} .bmr-stripenew .logo-nav-wrapper { height: 100px; margin-top: 60px; } @media screen and (max-width: 480px){ .buy-nw.bmr-stripenew .labelStripeCVC .question div.tooltip {left: -86px;top: -200px;} .buy-nw.bmr-stripenew .labelStripeCVC .question div.tooltip:before{border: 10px solid;border-color: #747C81 transparent transparent transparent !important;top: 100%;left: 44%;} } @media screen and (max-width: 380px){ .buy-nw.bmr-stripenew .labelStripeCVC .question div.tooltip {left: -215px;top: -135px;} .buy-nw.bmr-stripenew .labelStripeCVC .question div.tooltip:before{border: 10px solid;border-color: transparent transparent transparent #747C81 !important;top: 72%;left: 100%;} } /*sales tax related style for note*/ .note-txt {color: #a70000;margin-bottom: 0px;font-size: 14px;font-weight: bold;float: left;margin-top: 23px;} .note-list{margin: 8px 0 17px;padding-left: 8px;float: left;line-height: 14px;margin-top: 30px;margin-bottom: 30px;} .note-list li {font-size: 14px;display: list-item;margin-bottom: 9px;/* color: #333; */list-style: none;} .sales-tax .note-list { margin: 8px 0 17px; padding-left: 30px; } .sales-tax .note-list li { font-size: 13px; margin-bottom: 9px; color: #333; line-height: 20px; list-style: inherit; padding-left: 0px; } .sales-tax .note-txt { color: #333; margin-bottom: 0px; font-size: 14px; font-weight: bold; margin-top: 20px; width: 100%; } .sales-tax.signup-imgvault .order-confirm-popup .table-addOns ul.tableHead li{ padding: 10px 15px; } .sales-tax.signup-imgvault .order-confirm-popup .table-addOns ul li{ padding: 14px 15px; } .sales-tax li.totalAmount p{ float: left; width: 100%; } .sales-tax li.totalAmount p span{ float: right; } @media screen and (max-width:480px){ .sales-tax.signup-imgvault .order-confirm-popup .table-addOns ul li{ padding: 10px; } .signup-imgvault .order-confirm-popup .table-addOns ul li .col1{ font-size: 14px; } #salesTaxPriceBlk .col1{width: calc(55%);} #salesTaxPriceBlk .col2{ width: 35%; float: right; } } @media screen and (max-height:700px){ .signup-imgvault .order-confirm-popup{ top: 0px !IMPORTANT; clear: both; } .signup-imgvault .order-confirm-popup .modal-body{ max-height: calc(100vh - 100px); overflow: auto; } } /* New footer - start */ footer.footer_bmr { background-color: #fff; float: left; width: 100%; padding-top: 50px; border-top: 1px solid #cdcdcd; text-align: left; } footer.footer_bmr .wrapper { display: table; max-width: 1280px; width: 100%; margin: 0px auto; padding: 0px 20px; position: relative; box-sizing: border-box; } footer.footer_bmr .footer_row { display: flex; flex-wrap: wrap; padding: 0 0 30px; gap: 30px; } footer.footer_bmr .footer_row .foot_col { width: 25%; } footer.footer_bmr .footer_row .foot_col img { max-width: 50%; margin-bottom: 15px; } footer.footer_bmr .footer_row .foot_col p { font-size: 13px; line-height: 23px; } footer.footer_bmr .footer_row .foot_col h6 { font-size: 18px; font-weight: 500; color: #000; margin-bottom: 20px; margin-top: 0px; } footer.footer_bmr .footer_row .foot_col .ftr_sub_head { display: block; margin-top: 40px; } footer.footer_bmr .footer_row .foot_col h6 sup { line-height: normal; line-height: normal; top: 0; left: 0; vertical-align: super; } footer.footer_bmr .footer_row .foot_col ul li a { font-size: 15px; color: #252525; line-height: 34px; } footer.footer_bmr .footer_row .foot_col ul li a:hover { color: #0071bc; } footer.footer_bmr .footer_row .foot_col { width: 23%; border-right: 1px dashed #dbdbdb; padding: 0 0; } footer.footer_bmr .footer_row .foot_col:last-child { border-right: 0px; } footer.footer_bmr .social-icons a { display: inline-flex; float: left; margin: 10px 20px 0 0; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/sprite-image-new.svg) no-repeat -305px -83px; width: 31px; height: 53px; padding: 0 0 20px 0; transition:0s; } footer.footer_bmr .social-icons .facebook:hover { background-position: -305px -323px; } /* footer.footer_bmr .social-icons .twitter:hover { */ /* background-position: -305px -403px; */ /* } */ footer.footer_bmr .social-icons .twitter:hover { background-position: -305px -633px; } footer.footer_bmr .social-icons .linkedin:hover { background-position: -305px -483px; } /* footer.footer_bmr .social-icons .twitter { */ /* background-position: -305px -163px; */ /* width: 31px; */ /* height: 53px; */ /* } */ footer.footer_bmr .social-icons .twitter { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/sprite-image-twitter.svg) no-repeat -305px -563px; width: 31px; height: 53px } footer.footer_bmr .social-icons .twitter:hover { background-position: -305px -633px; } footer.footer_bmr .social-icons .linkedin { background-position: -305px -243px; height: 53px; } footer.footer_bmr .mbl_row { display: none; } @media only screen and (max-width: 1024px) { footer.footer_bmr .footer_row { display: none; } footer.footer_bmr .social-icons ul li { margin: 0; } footer.footer_bmr .social-icons { width: 50%; float: right; } footer.footer_bmr .social-icons ul { float: right; } footer.footer_bmr .copyright { width: 50%; float: left; } footer.footer_bmr .social-icons a { margin-top: 0; } footer.footer_bmr .mbl_row { display: flex; height: 30px; } } @media only screen and (max-width: 980px) { body.signup_new.buy-nw:has(.mobile_menu_cont.menu_show) {overflow:hidden;} body.signup_new.buy-nw:has(.mobile_menu_cont.menu_show):before {content:''; position:absolute; left:0px; z-index:1; width:100%; height:calc(100% + 270px); top:0px; background:hwb(0deg 0% 100% / 90%);} footer.footer_bmr .footer_row { display: none; } footer.footer_bmr .mbl_row { display: flex; height: 30px; } } /* New Footer Ends */ /*header related style*/ .inner sup{font-size:14px;} .more-menu {position: relative;top: -35px;margin-left: 5px !important;} .more-menu .more-links {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_head-foot-icons.png) 15px -27px no-repeat;height: 61px;margin: 0;padding: 0;text-indent: -9999px;width: 60px;display: inline-block;position: absolute;top:6px;} .more-menu:hover .more-links {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_head-foot-icons.png) 15px 27px no-repeat #0071bc;} .web_header.active .more-menu .more-links {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_head-foot-icons.png) 15px 25px no-repeat;height: 65px;margin: 0;padding: 0;text-indent: -9999px;width: 60px;display: inline-block;position: absolute;top: 10px;} .web_header.active .more-menu:hover .more-links {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_head-foot-icons.png) 15px -30px no-repeat #fff;} .more-menu .features-menu { display: none; position: absolute; right: -60px; left: auto; top: 65px; background: #fff; z-index: 10; width: 600px; padding: 15px; box-shadow: 0 3px 8px #ccd3d9; } .more-menu:hover .features-menu,.more-menu .features-menu:hover {display: block;} .more-menu .features-menu h4 {padding: 0;font-size: 18px;line-height: 24px;color: #0071bc;text-align: left;margin: 0;} .more-menu .features-menu p {width: 100%;font-size: 14px;line-height: 18px;padding: 4px 0 15px;margin: 0;border-bottom: 1px solid #e9e9e9;color: #585858;} .more-menu ul.nav-features {width: 100%;margin: 10px 0 0;} .more-menu ul.nav-features li {width: 33.33%;float: left;font-size: 15px;line-height: 20px;padding-right: 5px;list-style: none;margin-left:0px !important;} .bmr .more-menu ul.nav-features li a {color: #585858;padding: 10px 5px;display: inline-block;width: 100%;height:55px;font-size:14px !Important;} .bmr .more-menu ul.nav-features li a span {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_more_menu.svg) no-repeat -5px -3px;height: 33px;display: inline-block;margin-right: 10px;vertical-align: middle;min-width: 35px;} .more-menu ul.nav-features li a span.web-console-icon {background-position: -5px -80px;width: 29px;} .more-menu ul.nav-features li a span.esxi-vcenter-icon {background-position: -5px -155px;width: 29px;} .more-menu ul.nav-features li a span.vitual-icon {background-position: -5px -155px;width: 29px;} .more-menu ul.nav-features li a span.cld-manage-icon {background-position: -5px -229px;width: 29px;} .more-menu ul.nav-features li a span.cld-seed-icon {background-position: -5px -304px;width: 29px;} .more-menu ul.nav-features li a span.cld-replica-icon {background-position: -5px -381px;width: 29px;} .more-menu ul.nav-features li a span.nas-icon {background-position: -5px -454px;width: 29px;} .more-menu ul.nav-features:after {content: '';display: block;clear: both;} .web_header.active .more-menu ul.nav-features li a{color: #000;} .web_header.active .more-menu ul.nav-features li a:hover{color: #0071bc;background:none;} .clear { clear: both; float: none; } .wrapper {display:table;max-width: 1280px;width: 100%; margin: 0px auto; padding: 0px 20px; position: relative; box-sizing: border-box; } .backarrow {padding-left: 20px;position: relative;} .backarrow:before {content: '';background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/back_arrow_new.png) 0 3px no-repeat;width: 25px;height: 20px;left: 0px;position: absolute;top: 0px;display: block;} .inner .web_header.active .backarrow:before {content: '';background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/back_arrow_new.png) 0 -40px no-repeat;} .inner .web_header{background: #fff;box-shadow: 0px 0px 2px rgba(0,0,0,0.3);height: 50px;width: 100%;position: fixed;z-index: 99999;top: 0;} .inner .web_header.active {background: #0071bd;box-shadow: 0 1px 4px 0 rgb(99 114 130 / 50%);} .inner .web_header ul li {display: inline-block;margin: 0 0 0 20px;cursor: pointer;} .inner .web_header ul li:first-child{margin-left:0px;} .inner .web_header ul li a {color: #000;text-decoration: none;font-size: 14px !Important;} .signup-imgvault.inner .web_header ul li a:hover, .signup-imgvault.inner .web_header ul li a.active{color: #0071bc;} .inner .web_header .logo {width: 20%;float: left;padding: 12px 0 0 0;} .inner .links {width: 100%;float: right;padding: 10px 0 0 0px;} .inner .banner{background: #97c2e1 url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/banner_image.jpg) no-repeat center;width: 100%;height: 650px;background-size: cover;margin-top: 2px;} .inner .web_header .logo{width: 200px;height: 40px;float: left;background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_pro_blue.svg) no-repeat;background-size: contain;margin: 17px 0px 0px;} .inner .web_header.active .logo {background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/bare-metal-recovery/source/images/bmr_pro_white.svg) no-repeat;background-size: contain;} .inner .web_header.active ul li a{color:#fff;} .inner .web_header.active ul li a:hover, .inner .web_header.active ul li a.active{color:#ff0;} .inner .contact_sec {float: right;position: relative;top: -10px;} .inner .contact_sec .singup_btn {background: #0071bc;color: #fff !important;float: right;font-size: 14px;line-height: 50px;margin-left: 0;margin-top: 0;min-height: 50px;padding: 0 20px 0 45px;position: relative;} .inner .contact_sec .singup_btn:after{content: '';position: absolute;background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_head-foot-icons.png) no-repeat 0 -108px;width: 24px;height: 30px;left: 12px;top: 7px;} .inner .contact_sec .singup_btn:hover{color:#ff0 !important;} .web_header.active .contact_sec .singup_btn {background: #fff;color: #000 !important;} .web_header.active .contact_sec .singup_btn:hover{color: #0071bc !important;} .inner .logo_cont {margin: 50px 0 0 0px;text-indent: -5999px;height: 40px;width: 240px;background:url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_pro_blue.svg) no-repeat;background-size: contain;display: inline-block;float: left;} .inner .white_logo_cont {margin: 50px 0 0 0px;text-indent: -3500px;height: 40px;width: 240px;background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_pro_white.svg) no-repeat;background-size: contain;float: left;} .static {width: 100%;height: auto;float: left;} .datto .static {margin-top: 50px;} .inner .sub_head{display: inline-block;padding: 37px 0 0;font-size: 20px;color: #fff;margin-left: 40px;position: relative;margin-top: 23px;padding-left: 0;} .inner .sub_head:before {content: "";background-color: #fff;position: absolute;width: 1px;height: 27px;top: 39px;left: -20px;display: block;} .inner .web_header.active ul li a.active {color: #ff0;} /*scroll top*/ .scroll_top {position: fixed;right: 20px;bottom: 40px;width: 30px;height: 30px;display: none;cursor: pointer;z-index: 99999;} .confirmationPage .confirmation-header { margin-top: 45px; height: 250px; } @media screen and (max-width:1024px){ .inner .logo_cont{ margin-top: 5px; margin-left: 10px;} .img-ins.confirmationPage .hp_left a{display:none;} } .inner .mobile_header, .mbl_row { display: none; } .signup-imgvault .header-nav nav ul li { display: inline; padding-right: 0px !IMPORTANT; } .scroll_top.fixed {position: fixed;left: auto;bottom: 70px;top: auto;display: block!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;} .inner .web_header.active .backarrow{background:none;} .inner .web_header.active .backarrow:before { content: ''; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/back_arrow_new.png) 0 -38px no-repeat; } .signup-imgvault .header-nav nav { padding-top: 10px; float: left; width: calc(100%); overflow: visible; } /*mobile css */ @media screen and (min-width:1024px) and (max-width:1280px){ .inner .web_header ul li{margin:0 0 0 10px;} .inner .web_header ul li a{font-size:13px;} .inner .contact_sec .singup_btn{font-size:13px;padding:0 20px 0 36px;} } @media only screen and (max-width: 1024px){ .logo-nav-wrapper{height:30px;} .mobile_header .logo_cont{background-size:90%;} .signup-imgvault.bmr .hp_left a{display:none;} .inner .mobile_header{display: block;} .inner .web_header{display: none;} .inner .mobile_header {display: block;background: #fff;z-index: 99;position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 45px;box-shadow: 0 1px 4px 0 rgba(99,114,130,.5);} .inner .moblie_menu_icon {display: table;width: 40px;height: 45px;float: right;padding: 0 10px;cursor: pointer;background: #006a9c;} .inner .moblie_menu_icon .bar_cont,.inner .moblie_menu_icon span {display: table-cell;width: 25px;height: auto;vertical-align: middle;color: #fff;} .inner .bar1,.inner .bar2,.inner .bar3 {width: 25px;height: 2px;background-color: #fff;margin: 2px 0;transition: .4s;float: left;} .inner .change .bar1 {-webkit-transform: rotate(-45deg) translate(0,6px);transform: rotate(-45deg) translate(0,6px);} .inner .change .bar2 {opacity: 0;} .inner .change .bar3 {-webkit-transform: rotate(45deg) translate(-3px,-8px);transform: rotate(45deg) translate(-3px,-8px);} .inner .static {-webkit-backface-visibility: hidden;transition: transform .4s 0s,visibility 0s .4s;-webkit-transition: -webkit-transform.4s0s,visibility 0s .4s;-moz-transition: -moz-transform .4s 0s,visibility 0s .4s;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top: 45px;} .inner .static.tap_menu {-webkit-backface-visibility: hidden;transition: transform .4s 0s,visibility 0s .4s;-webkit-transition: -webkit-transform .4s 0s,visibility 0s .4s;-moz-transition: -moz-transform .4s 0s,visibility 0s .4s;-webkit-transform: translateX(-282px);-moz-transform: translateX(-282px);-ms-transform: translateX(-282px);-o-transform: translateX(-282px);transform: translateX(-282px);} .inner .mobile_menu_cont {display: none;margin: 0;padding: 10px 0 100px;z-index: 99999;width: 100%;float: right;position: fixed;top: 45px;left: 100%;height: 100vh;background-color: #2a2828;visibility: visible;overflow-y: auto;-webkit-backface-visibility: hidden;transition: transform .4s 0s,visibility 0s .4s;-moz-transition: -moz-transform .4s 0s,visibility 0s .4s;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);} .inner .mobile_menu_cont.menu_show {display:block;-webkit-transform: translateX(-282px);-moz-transform: translateX(-282px);-ms-transform: translateX(-282px);-o-transform: translateX(-282px);transform: translateX(-282px);} .inner .mobile_menu_cont li {display: contents;} .inner .mobile_menu_cont li a {font-size: 16px;color: #48d1f6;text-decoration: none;padding: 10px 17px;float: left;width: 100%;box-sizing: border-box;font-weight: 400;margin-bottom: 5px;border: 0 solid #596a74;border-bottom-width: 0;margin: 0;height: auto;border-bottom: 1px dashed rgba(103,105,101,.42);position: relative;} .inner .mbl_row{display: flex;height: 30px;} .inner .footer_row{display: none;} .inner .social-icons ul li{margin: 0;} .inner .social-icons {width: 50%;float: right;} .inner .social-icons ul{float: right;} .inner .copyright {width: 50%;float: left;} .inner .social-icons a{margin-top: 0;} } @media screen and (max-width:480px){ .bmr-stripenew .logo-nav-wrapper{height:30px;} .logo-nav-wrapper{height:30px;} } @media screen and (min-width:2000px){ .buy-nw.signup-imgvault.bmr::before { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/signup_bg.jpg?v=1.0.2) repeat 0px 110px; background-size: cover; } } @media screen and (max-width:1024px) and (min-width:1024px){ .bmr .device-img { background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bmr-form-server.png) no-repeat; width: 359px; height: 374px; background-size: contain; } .buy-nw.signup-imgvault .section-right h3{margin-top:60px !Important;} .buy-nw .section-left .bills-usa p{ width: 100%; margin-bottom: 10px;} } /* vat updated */ .vat-section{margin-bottom: 15px;float: left;margin-top: 30px;margin-left: 5px;} .vat-section .hdr{font-size: 22px;font-weight: normal;margin-bottom:10px;color: #4d5151;} .vat-section .desc{font-size: 16px;margin-bottom: 20px !important;margin-top: 15px;color: #4d5151;line-height: 35px;} h2.summary-ttle{margin-bottom: 15px !important;} .vat-section .sumry-td-lft {width: 25%;} .vat-section .sumry-td-rgt {width: 67%;} .vat-section .sumry-td {padding: 0 15px;} .sumry-table .sumry-td {padding: 0 15px;} .sumry-tb-bdy .sumry-td .subtitle{font-size:13px;margin-top:3px;color: #888888;display: block;line-height:22px;} .sumry-td .vat-price{font-size: 16px;} .vat-section .row{padding-left: 0px !important;min-height: 85px;} .vat-section .row .flt_lt{float: left; width: 50%; position: relative; padding-left: 0px !important; max-width: 414px; min-width: 280px;} .signup-vat .vat-section .row .flt_lt .input{margin-bottom: 5px;} @media (max-width:1260px){ .sumry-table .sumry-td-lft {width: 24%;} .sumry-table .sumry-td-rgt {width: 70%;} .sumry-table .sumry-td {padding: 0 10px;} } @media (max-width:1199px){ .sumry-table .sumry-td-lft {width: 100%;} .sumry-table .sumry-td-rgt {width: 100%;} } .sumry-td .vat-price{font-size: 16px;} .sumry-td .vat-price strong + span { font-size: 14px !IMPORTANT; } .sales-tax .sumry-table .sumry-td-rgt { width: 50%!Important; } .sumry-table .sumry-td-lft { width: 30% !Important; } #vat{width;250px;} .vat-price .subtitle{font-size: 14px !important;} .vat-price{width: 50%;float: left;text-align: left;} .vatid_span { background-position: 0px 4px !IMPORTANT; } .signup-imgvault .order-confirm-popup .table-addOns.vataddition ul li .col1{ width: 50%; } .signup-imgvault .order-confirm-popup .table-addOns.vataddition ul li .col2{ width: 130px; text-align: left; } .col.col-fourth h3{ margin-bottom: 10px; } /*eye icon related */ input[type="password"]::-ms-reveal{display: none;} input[type="password"]::-ms-clear {display: none;} .pswd-input-wrap { position: relative } .pswd-input-wrap input { /* height: 36px!important; */ /* max-height: 36px; */ padding-right: 10px; } .pswd-input-wrap input#passwd{ padding-right:40px; } .pswd-input-wrap .pswd-encrypt { position: absolute; right: 1px; top: 1px; z-index: 1; font-size: 0; width: 40px; height: 47px; background: url(/assets/images/pswd-sprite.svg)no-repeat 0 0; background-size: 23px; cursor: pointer } .pswd-input-wrap .pswd-encrypt:focus { outline: auto; outline-color: #000 } .pswd-input-wrap .pswd-encrypt.show { background: url(/webmanager/assets/images/pswd-sprite.svg)no-repeat 8px -46px; background-size: 25px } .pswd-input-wrap .pswd-encrypt.hide { background: url(/webmanager/assets/images/pswd-sprite.svg)no-repeat 8px 13px; background-size: 25px; display: none } .pswd-input-wrap .pswd-encrypt.hide:hover,.pswd-input-wrap .pswd-encrypt.show:hover { background-color: none; } .pswd-tooptip-ctnr { width: 50px!important; height: 36px; position: absolute; left: 45px; top: 5px; background: #434343; padding: 5px!important; border-radius: 3px; display: flex; box-sizing: border-box; display: none; margin: 0; text-align: center } .pswd-encrypt:hover div.pswd-tooptip-ctnr { display: block } .pswd-tooptip-ctnr::after { position: absolute; content: ""; left: -5px; bottom: 10px; height: 0; border-right: 7px solid #434343; border-top: 7px solid transparent; border-bottom: 7px solid transparent; /* transform: rotate(273deg); */ } .pswd-tooptip-ctnr span { color: #fff; font-size: 14px; width: 100%; text-align: center; left: 0; top: 0; line-height: 28px } @media(max-width: 1199px) { .pswd-input-wrap .pswd-encrypt:hover .pswd-tooptip-ctnr { display:none!important } .pswd-input-wrap .pswd-encrypt{ right: 2px; } } @media(max-width: 640px) { .pswd-input-wrap .pswd-encrypt{ right: 2px; } } .buy-nw.signup-imgvault .section-left{ overflow: inherit; } @media screen and (max-width:580px){ .pswd-input-wrap .pswd-encrypt:hover, .pswd-input-wrap .pswd-encrypt, .pswd-input-wrap .pswd-encrypt:focus { background-color: #fff !IMPORTANT; } } /* Udit added new styles for new design/content updates*/ /* new css */ .signup_new.buy-nw h1 sup { font-size: 20px; position: relative; left: 0; top: -1em; } @media screen and (min-width: 2000px) { .signup_new.buy-nw.signup-imgvault.bmr::before { background: #dbe5e7 url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/new_bmr-signup-banner-4k.jpg) repeat 0 0; background-position: center; top: 0; background-repeat: no-repeat; background-size: cover } } .signup_new.buy-nw .section-left { margin-top: 40px } .signup_new.buy-nw .section-right h3 { font-size: 24px; line-height: 32px; font-weight: 700 } .signup_new.buy-nw .device-img { background: transparent; height: 310px } .signup_new.buy-nw .section-right .pad-left { padding: 0 10px 0 60px } .signup_new.buy-nw::before { background: #dbe5e7 url(../images/new_bmr-signup-banner-4k.jpg) repeat 0 0; background-position: center; top: 0; background-size: cover; background-repeat: no-repeat } .signup_new.buy-nw h1 { color: #000; font-weight: 600; font-size: 42px; width: 85%; line-height: 64px; margin-top: 30px } .signup_new.buy-nw.bmr .hp_left a { background:url(https://static.idriveonlinebackup.com/bare-metal-recovery/include/images/bmr_pro_blue.svg) no-repeat !important; width: 228px !important; margin-top: 27px !important; } .signup_new.buy-nw .new-flag { width: 60px; height: 30px; margin-left: 3px; display: inline-block; background: url(https://www.idrive.com/bare-metal-recovery/include/images/new_signup_new_flag.svg); line-height: 32px; margin-bottom: -10px; } .signup_new.buy-nw .section-right .pad-left ul li { line-height: 32px } @media screen and (max-width: 1199px) { .signup_new.buy-nw h1 { font-size: 32px; line-height: 54px } .signup_new.buy-nw .form-section { overflow: hidden } .signup_new.buy-nw::before { background-position: -1400px 0 } .signup_new.buy-nw h1 sup {font-size: 16px;} } @media screen and (max-width: 1100px) { .signup_new.buy-nw::before { background-position: -1480px 0 } } @media screen and (max-width: 1024px) { .signup_new.buy-nw::before { background-position: -1540px 0 } .signup_new.buy-nw h1 { width: 100%; font-size: 32px; margin: 0; line-height: 48px; margin-bottom: 25px } .signup_new.buy-nw .logo-nav-wrapper { margin-top: 25px } .signup_new.buy-nw .section-right .pad-left { padding: 0 10px 0 40px } .signup_new.buy-nw .device-img { height: 375px } .signup_new.buy-nw .logo-nav-wrapper { display: none } .signup_new.buy-nw h1 { font-size: 24px; margin: 0; line-height: 40px; margin-top: 115px } .signup_new.buy-nw h1 sup {font-size: 12px;} } @media screen and (max-width: 980px) { .signup_new.buy-nw::before { background: #e4ecee } .signup_new.buy-nw .logo-nav-wrapper { margin-top: 5px } .signup_new.buy-nw .title-container { margin-bottom: 0; max-width: 100%; width: 100%; margin-left: 0; padding: 0 30px } .signup-imgvault .order-confirm-popup header{padding-bottom:15px !Important;} } @media screen and (max-width: 767px) { .signup_new.buy-nw header { padding-bottom: 0 } } @media screen and (max-width: 479px) { .signup_new.buy-nw h1 { font-size: 22px; line-height: 40px; margin-top: 85px } .signup_new.buy-nw .title-container { padding: 0 } } /* new css */ .bmr-stripenew.sales-tax.inner.signup_new footer.footer_bmr .footer_row .foot_col:first-child a[href="https://www.idrive.com/bare-metal-recovery/"]{ margin-bottom: 15px; width: 190px; height: 40px; scale: 80%; max-width: none; background: url(https://static.idriveonlinebackup.com/bare-metal-recovery/source/images/bmr_pro_blue.svg) no-repeat 0 0; display: inline-block; margin-left: -20px; background-size: 100%; } .bmr-stripenew.sales-tax.inner.signup_new footer.footer_bmr .footer_row .foot_col:first-child a[href="https://www.idrive.com/bare-metal-recovery/"] img{ display: none; } /**partner order related style**/ .bmr .storage-wrap h3.plan_selection_title{font-size: 17px;padding-top: 0px;font-weight: 600;padding-bottom: 0px;} .signup_error .account_creation_error { float: left; width: 100%; padding: 0; margin: 0; } .signup_error .account_creation_error h3 { float: left; width: 100%; font-size: 28px; padding: 0 0 0px; color: #4d5151; margin: 0 0 20px; line-height: 50px; border-bottom: 1px solid #d6d6d6; } .signup_error .account_creation_error p { float: left; width: 100%; padding: 40px 0 0 0; } .signup_error .account_creation_error { float: left; width: 100%; padding: 0; margin: 0; height: 440px; } .signup_error h1 { font-size: 27px !important; margin-bottom: 20px !important; line-height: 26px ! IMPORTANT; width: 100% !important; } .signup_error.signup_new.buy-nw h1 sup{ font-size: 17px !important; line-height: 20px !important; top: -10px; } .signup_error.signup_new.buy-nw .section-left a{margin-left:3px;} @media screen and (max-width:1024px){ .signup_error.signup_error.signup_new.buy-nw h1 { font-size: 20px !important; line-height: 40px !important; } } /***new updates for BMR order related case****/ .rkpc-card { border: 1px solid #dfdfdf; border-radius: 6px; overflow: hidden; background: #fff; box-shadow: none; margin: 20px 0px 30px 0px; } .rkpc-card * { box-sizing: border-box; } .rkpc-head { display: flex; padding: 15px 18px; background: linear-gradient(180deg,#f3f6f9,#eef2f6); border-bottom: 1px solid #eef1f4; background: #ecf9fe; align-items: center; } .rkpc-head-title { font-size: 18px; font-weight: 600; color: #4b5563; margin: 0px; width: 50%; clear: none !IMPORTANT; margin-bottom: 0px !important; } .rkpc-head-price { font-size: 18px; font-weight: 600; color: #4b5563; text-align: right; margin: 0px; margin-bottom: 0px !IMPORTANT; } .rkpc-row { display: flex; padding: 20px 18px; border-top: 1px solid #f1f3f6; align-items: center; gap: 0px; } .rkpc-row-muted { } .rkpc-row-total { font-weight: 700; font-size: 16px; } .rkpc-item-wrap { display: flex; gap:1px; width: 50%; } .rkpc-item-name { font-weight: 600; color: #111827; margin: 0; font-size: 16px; } .rkpc-item-desc { font-size: 15px; margin: 0px 0 0 0; } .rkpc-price-wrap { width: 50%; display: flex; align-items: center; justify-content: flex-start; } .rkpc-old { text-decoration: line-through; font-size: 16px; margin-right: 0px; color:gray; } .rkpc-new { font-size: 16px; font-weight: 700; color: #111827; margin-left: 3px; } .rkpc-period { font-size: 15px; margin-left: 2px; margin-right: 10px; } .rkpc-billing { font-size: 15px; margin: 2px 0 0 0; display: flex; margin-bottom: 0px !important; } .rkpc-label { margin: 0; display: flex; width: 50%; font-size: 18px; } .rkpc-value { margin: 0; font-size: 16px; } .rkpc-row.rkpc-row-total .rkpc-value { font-size: 20px; } @media (max-width: 520px) { .rkpc-head,.rkpc-row { grid-template-columns:1fr; } .rkpc-head-price,.rkpc-price-wrap,.rkpc-value { text-align: left; } } p.check-info-inline { display: inline-flex; clear: none !IMPORTANT; width: 80%; } p.check-info-inline span{ display: inline-flex !important; margin: 0px 0px; font-size: 16px !important; } span.actual_price { font-weight: 800; } span.strike_span { text-decoration: line-through; margin-right: 5px !important; } span.billed_span { margin-left: 5px !important; display: inline-block !important; } span.annual_price {margin-left: 4px !important;} .rkpc-row p { margin-bottom: 0px !IMPORTANT; } .rkpc-card-wrap h3{ color: #4d5151; padding-bottom: 15px; font-size: 22px; float: left; width: 100%; } .rkpc-card-wrap { float: left; margin: 20px 0px 0px 0px; } /**confirmation popup styles**/ .confirmmodal .rkpc-item-wrap { width: 100%; flex-direction: column; } .signup-imgvault .order-confirm-popup.confirmmodal { max-width: 700px; } .signup-imgvault .order-confirm-popup.confirmmodal .table-addOns ul.tableHead li { background: #0071bc; } .signup-imgvault .order-confirm-popup.confirmmodal .totalAmount { background-color: #e9f0f3 !important; } .signup-imgvault .order-confirm-popup.confirmmodal .table-addOns ul li .col1 { width: 50%; padding-right: 30px; } .signup-imgvault .order-confirm-popup.confirmmodal .table-addOns ul li .col2 { width: 50%; text-align: left; } .signup-imgvault .order-confirm-popup.confirmmodal .rkpc-price-wrap { width: 100%; align-items: flex-start; flex-direction: column; } .signup-imgvault .order-confirm-popup.confirmmodal .rkpc-price-wrap .rkpc-period { margin-right: unset; } .signup-imgvault .order-confirm-popup.confirmmodal .totalAmount p span { float: unset; margin-left: 0; font-weight:700; } .signup-imgvault .order-confirm-popup.confirmmodal .totalAmount .col1 { font-weight: 600; } .signup-imgvault .order-confirm-popup.confirmmodal .salesTaxPriceBlk .rkpc-label { font-size: 15px !important; } .sales-tax .note-list{ padding-left: 0; } .sales-tax .note-list li{ list-style: none; } li#chargePriceBlk { display: flex; align-items: center; } .rkpc-annual { margin-left: 5px; font-weight: 600; } span.annual_price { font-weight: 600; } .buy-nw .osano-cm-info-views__view label{ pointer-events: unset ! IMPORTANT;}