/* Near line page */
.fluid .inner_wraper { padding: 20px 0px; }
.near-line p { line-height: 28px; }
.near-line p em { font-weight: 700; }
.near-line .banner-cnt { float: left; max-width: 800px; margin-top: 30px; }
.near-line h1 { font-size: 2.7em; color: #fff; }
.near-line h1 span { display: table; font-size: .5em;  margin-top: 20px; line-height:1.4em}
.near-line h2 { font-size: 18px; color: #fff; margin-top: 20px; }
.near-line h2 span { font-size: 54px; color: #f3ea89; }
.bg-banner { background: #03447A url(../images/bg-nearline.jpg) no-repeat center center; height: 540px; clear: both; float: left; width: 100%; position: relative; }
.greenBtn { background: #75a53c; text-align: center; float: left; padding: 12px; width: 100%; max-width: 200px; color: #fff; font-size: 20px; letter-spacing: 0.05em; text-transform: uppercase; clear: both; margin-top: 30px; height: 52px; box-sizing: border-box; max-width: 170px; display: inline-block; font-size: 18px; text-transform: capitalize; height: 45px; letter-spacing: 0; padding: 9px 12px 12px 12px; }
.greenBtn:hover { background: #8cbe52; color: #fff }
.greenBtn:active { box-shadow: 0 0 5px #49741f inset; background: #75a53c; color: #fff }
.cont-wrap { float: left; width: 100%; background-color: #ffffff; padding: 20px 0px; }
.content p { margin-bottom: 20px; text-align: justify; }
.section-wrapper + p:last-child { clear: both; font-size: 12px; line-height: 22px; margin-top: 20px; padding-top: 20px; }
.content h3 { color: #27a1a2; font-size: 20px; margin-bottom: 12px; }
.section-wrapper { clear: both; float: left; width: 100%; }
.icon { background: url(../images/icons-nearline.png) no-repeat; margin: 0px auto 30px; }
.icon-4 { background-position: -1px -563px; width: 49px; height: 61px; }
.icon-5 { background-position: -2px -788px; width: 70px; height: 63px; }
.icon-6 { background-position: -1px -1017px; width: 87px; height: 61px; }
.icon-7 { background-position: -1px -1240px; width: 100px; height: 61px; }
.sct { clear: both; display: block; float: left; width: 100%; margin-top: 60px; }
.sct .icon { background: url(../images/icons-nearline.png) no-repeat; margin: 0px auto 30px; }
.sct .icon-1 { background-position: -1px -1px; width: 51px; height: 72px; }
.sct .icon-2 { background-position: -1px -139px; width: 77px; height: 72px; }
.sct .icon-3 { background-position: -1px -287px; width: 65px; height: 72px; }
.sct h3 { color: #474747; font-size: 1.3em; }
.sct-two { margin-top: 20px; }
.sct-one article { width: 33.33%; float: left; text-align: center; padding: 0px 20px; box-sizing: border-box; }
.sct-one article p { text-align: center; font-size:0.9em }
.sct-two .greenBtn { margin: 40px auto; display: block; float: none; height: 100%; font-size: 18px; text-transform: capitalize; }
.sct-two article { width: 50%; float: none; text-align: center; box-sizing: border-box; margin: 0px auto; }
.how-it-works { clear: both; float: left; width: 100%; background: #f5f5f2; padding: 40px 0px 60px; box-sizing: border-box; }
.how-it-works .wrapper > h3 { text-align: center; font-size: 32px; margin-bottom: 60px; }
.how-it-works article { float: left; width: 25%; padding: 0px 20px; box-sizing: border-box; }
.how-it-works article h3 { font-size: 18px; color: #27a1a2; margin-top: 20px; padding-bottom: 10px; }
.how-it-works article p {  font-size:0.9em }
.snaps { position: relative; }
.snaps:before { position: absolute; top: 40px; left: 100%; content: ''; width: 38px; z-index: 1; background: url(../images/nearline-arrow.png) no-repeat; height: 38px; }
.lastsnap:before { display: none; }
.scan-wrap { text-align: center; }
.terms-cond { background-color: #fff; clear: both; float: left; width: 100%; }
.terms-cond p { clear: both; font-size: 12px; line-height: 22px; padding: 60px 0px; }
.guideLine { background-color: #fff; float: left; width: 100%; padding: 60px 0px; }
.guideLine h3 { font-size: 30px; margin-bottom: 20px; }
.guideLine ul { list-style: none; }
.guideLine ul li { background: url(https://static.idriveonlinebackup.com/include/images/ide_bullet.gif) no-repeat left 5px; padding-left: 25px; display: block; padding-bottom: 12px; text-align: left; text-align: justify; }
.red { color: #F00; }
.nearLineBanner { float: left; margin-top: 30px; }
.nearLineBanner img { width: 100%; max-width: 357px; }
.nearLineBanner a:nth-child(2) { display: none; }
/* Comparison chart */
.comparison-wrap { clear: both; float: left; width: 100%; background-color: #e9eef3; padding: 40px 0px; box-sizing: border-box; }
.comparison-wrap h3 { text-align: center; font-size: 26px; color: #333; text-align: center; padding-bottom: 40px; }
.comparison-wrap table, .comparison-wrap th, .comparison-wrap td { border-collapse: collapse; background-color: #fff; }
.comparison-wrap th, .comparison-wrap td { padding: 40px 15px; line-height: 24px; text-align: center; }
.tr-class { border-bottom: 1px dashed #d0e4eb; }
.tr-title { width: 20%; color: #000; font-weight: 700; font-size: 16px; text-align: left !important; padding-left: 20px !important; }
.comparison-wrap th { color: #6dacc0; font-size: 16px; }
.comparison-wrap td p { padding-bottom: 20px; }
.tr-img { text-align: center; }
.tr-img img { padding-bottom: 40px; }
.bg-Color { background: #f6fbf1 !important; }
.tr-width { width: 32%; }
.spn1, .spn2 { padding: 0px 5px; }
.spn1 { font-size: 0.7em; }
.spn2 { font-size: 0.7em; }
.bg-fix { width: 220px !important; }
.nearline-buy { clear: both; float: left; margin-top: 0px; }
.nearline-buy { clear: both; float: left; width: 100%; }
.nearline-buy a { max-width: 170px; display: inline-block; font-size: 18px; text-transform: capitalize; height: 45px; letter-spacing: 0; padding: 9px 12px 12px 12px; }

/* .nearline-buy a{background: url(../images/nearline-request.png) no-repeat 0 0; width: 230px; height: 55px;display: block;text-indent: -9999px;}
.nearline-buy a:hover,.nearline-buy a:focus{background-position: 0 -120px;}
.nearline-buy a:active{background-position: 0 -240px;} */

@media screen and (max-width: 980px) {
.how-it-works { padding-bottom: 0px; }
.how-it-works article { width: 50%; min-height: 240px; }
.snaps-xs:before { display: none; }
.sct-one article { width: 100%; }
.bg-banner { background: #03447A url(../images/nearline-980.jpg) no-repeat center center; position: relative; height: 100%; }
.nearLineBanner a:first-child { display: none; }
.nearLineBanner a:nth-child(2) { display: block; }
.near-line .banner-cnt { float: none; width: 100%; max-width: 100%; text-align: center; }
.near-line h1 span { width: 100%; box-sizing: border-box; }
.nearLineBanner { float: none; }
.comparison-wrap .content-wrapper { width: 100%; }
.nearline-buy { display: none; }
}

@media screen and (max-width: 767px) {
.sct-one article { width: 100%; margin-bottom: 40px; padding: 0px; }
.sct-two { margin-top: 0px; }
.sct-two .greenBtn { margin: 0px auto 20px; }
.how-it-works .wrapper > h3 { font-size: 30px; margin-bottom: 20px; }
.near-line h1 span br { display: none; }
.sct .icon { margin-bottom: 10px; }
.sct { margin-top: 0px; }
.comparison-wrap h3 { font-size: 22px; }
}

@media screen and (max-width: 640px) {
.how-it-works article { width: 100%; min-height: 100%; margin-bottom: 40px; padding: 0px 0px; }
.content-wrapper { margin-bottom: 0px; }
.snaps:before { display: none; }
.comparison-wrap { display: none; }
}

@media screen and (max-width: 480px) {
.bg-banner { height: 100%; }
.wrapper { padding: 0px 20px; }
.near-line h1 { font-size: 38px; text-align: center; }
.near-line h1 span { font-size: 14px; padding: 0px 20px; }
.nearLineBanner { margin: 0px auto; float: none; display: block; padding-top: 40px; clear: both; text-align: center; }
.near-line .banner-cnt { margin-top: 20px; }
}