html,body {
width:100%;
min-height:100vh;
height:fit-content;
margin:0;
padding:0;
font-size:14px;
line-height:1.5em;
}
html,body,header,footer,h1,h2,h3,h4,h5,div,p,section,article,strong,b,small,em {
font-family:'Open Sans', Arial, sans-serif;
}
header {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 80px;
background-color: rgb(31 29 32);
color: #fff;
}
header:after {
content: "";
display: block;
position: fixed;
top: 76px;
width: 100%;
height: 3px;
background: #160404;
background: -moz-linear-gradient(left, #160404 0%, #8e8e8e 9%, #b2b2b2 13%, #848484 18%, #545454 23%, #3d3d3d 28%, #262626 32%, #6d6d6d 38%, #494949 46%, #000000 52%, #5b5b5b 69%, #474747 73%, #919191 78%, #6b6b6b 81%, #282828 85%, #828282 90%, #515151 95%, #000000 100%);
background: -webkit-linear-gradient(left, #160404 0%,#8e8e8e 9%,#b2b2b2 13%,#848484 18%,#545454 23%,#3d3d3d 28%,#262626 32%,#6d6d6d 38%,#494949 46%,#000000 52%,#5b5b5b 69%,#474747 73%,#919191 78%,#6b6b6b 81%,#282828 85%,#828282 90%,#515151 95%,#000000 100%);
background: linear-gradient(to right, #160404 0%,#8e8e8e 9%,#b2b2b2 13%,#848484 18%,#545454 23%,#3d3d3d 28%,#262626 32%,#6d6d6d 38%,#494949 46%,#000000 52%,#5b5b5b 69%,#474747 73%,#919191 78%,#6b6b6b 81%,#282828 85%,#828282 90%,#515151 95%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#160404', endColorstr='#000000',GradientType=1 );
border-bottom: 1px solid #333;
}
section.main h1 {
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: block;
width: 100%;
margin: 0;
padding: 0;
font-size: 24px;
font-weight: normal;
color: #fff;
text-align: center;
}
section.main h1 b,
section.main h1 small {
position:fixed;
text-align:center;
z-index:5;
}
section.main h1 b {
top: 120px;
width: 200px;
left: calc(50% - 100px);
}
header a.phone {
position: fixed;
top: 28px;
right: 40px;
padding-left: 16px;
background-image: url('../img/ui/phone.svg');
background-size: 13px 24px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 17px;
color: #fff;
text-transform: none;
text-decoration: none;
}
header a.buyNow {
position: fixed;
top: 20px;
right: 30px;
padding: 6px 20px;
border-radius: 100px;
border: 1px solid #5e5e5e;
font-size: 15px;
color: #fff;
text-decoration: none;
}
section.main {
position: relative;
top: 0;
left: 0;
width: 100%;
height: fit-content;
min-height: 100vh;
background: rgb(230,230,230);
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 );
}
div.subLine {
position: relative;
top: 0;
width: 100%;
height: 60px;
background: #111111;
}
section.main div.subLine h1 {
display: inline-block;
width: fit-content;
margin: 0;
padding: 18px 0 20px 52px;
font-size: 22px;
font-weight: 300;
color: #fff;
text-align: left;
}
section.itemCard,
section.whereToBuy,
section.warrantyPolicy,
section.contactUs,
section.knowledgeBase {
display: block;
width: 100%;
height: fit-content;
padding-top: 80px;
padding-bottom: 40px;
}
section.whereToBuy,
section.knowledgeBase {
height: fit-content;
}
section.whereToBuy div.header {
width: 100%;
max-width: 960px;
min-height: 340px;
margin: 30px auto -2px;
background-color: #111;
background-image: url('../img/products/rapid-design.webp');
background-size: cover;
background-position: 50% -375px;
border-radius: 4px;
overflow:hidden;
}
section.whereToBuy div.header.support {
width: 100%;
max-width: 960px;
min-height: 340px;
margin: 30px auto -2px;
background-color: #111;
background-image: url('../img/products/support-banner.webp');
background-size: 100% auto;
background-position: 0 -25px;
border-radius: 4px;
overflow: hidden;
}
section.knowledgeBase div.header {
width: 100%;
max-width: 960px;
min-height: 340px;
margin: 30px auto -2px;
background-color: #707F9B;
background-image: url('../img/products/knowledge-base-banner.webp');
background-size: 100% auto;
background-position: 0 -22px;
border-radius: 4px;
overflow: hidden;
}
section.whereToBuy div.header.support h1,
section.knowledgeBase div.header h1 {
background: transparent;
}
body#knowledgeBase {
background-color: #f4f4f4;
}
section.whereToBuy div.header h1,
section.knowledgeBase div.header h1 {
width: 100%;
height: 150px;
margin-top: 0;
padding: 40px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
border-radius: 4px 4px 0 0;
font-size: 30px;
font-weight: 450;
color: #fff;
}
section.knowledgeBase div.header h1 {
background:transparent;
}
section.whereToBuy div.header p,
section.knowledgeBase div.header p {
position: relative;
top: -170px;
padding-left: 40px;
font-size: 17px;
color: #fff;
}
article.briefBlock {
display: block;
width: 100%;
max-width: 1000px;
min-height: 300px;
margin: 0 auto 10px auto;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f3f3f3 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f3f3f3 100%);
background: radial-gradient(ellipse at center, #ffffff 0%,#f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 );
}
div#benefits h3 {
font-weight: normal;
font-size: 20px;
line-height: 1.5em;
}
section.warrantyPolicy,
section.contactUs,
section.knowledgeBase {
max-width: 1000px;
margin: 40px auto;
}
section.warrantyPolicy h1,
section.contactUs h1 {
font-weight:normal;
}
section.knowledgeBase h1 {
display: block;
padding-top: 20px;
padding-bottom: 30px;
font-size: 32px;
text-align: center;
font-weight: 300;
}
section.warrantyPolicy div.warranty,
section.contactUs h1,
section.knowledgeBase div.URLs {
max-width: 720px;
}
div.knowledge.content {
display:block;
width: 100%;
max-width: 720px;
margin: 0 auto;
}
div.knowledge.content ol {
padding-left: 20px;
font-size: 15px;
line-height: 1.55em;
}
div.knowledge.content ol li {
margin-bottom: 15px;
}
div.knowledge.content p.screenshot {
margin-bottom: 30px;
}
div.knowledge.content p.screenshot img {
width: 100%;
border-radius: 4px;
box-shadow: 0 1px 2px #bfbfbf;
}
div.knowledge.content p.screenshot.small img {
display: block;
width: fit-content;
margin: 0 auto;
text-align: center;
}
div.knowledge.content p.notice {
display: block;
width: 100%;
height: fit-content;
margin-top: 25px;
margin-bottom: 25px;
padding: 15px 15px 15px 20px;
background-color: #ececec;
border-radius: 4px;
}
div.knowledge.content p.notice b {
display: block;
padding-bottom: 10px;
font-size: 15px;
font-weight: 450;
}
div.knowledge.content p.notice span {
font-size:13px;
line-height:1.55em;
}
div.knowledge.content p.button a {
margin: 0 20px 0 0;
padding: 8px 18px;
background-color: #ededed;
border-radius: 4px;
border: 1px solid #c5c5c5;
font-size: 15px;
color: #111;
text-decoration: none;
}
div#benefits,
div#specification,
div#warranty {
display:none;
width: 100%;
max-width: 1000px;
min-height: 800px;
margin: -3px auto;
background: #fafafa;
}
div#benefits h3, div#benefits h4 {
text-transform: uppercase;
}
div.complexBox {
display:block;
width: 100%;
height: fit-content;
}
article.briefBlock div.textBlock {
float: left;
width: 500px;
min-height: 220px;
padding-bottom: 10px;
}
section.knowledgeBase div.URLs {
display: block;
width: 100%;
max-width: 960px;
margin: 10px auto;
}
article.briefBlock div.textBlock ul,
section.knowledgeBase div.URLs ul {
padding: 0;
list-style: none;
}
section.knowledgeBase div.URLs ul {
display: block;
width: 100%;
max-width: 960px;
margin: 10px auto 20px auto;
text-align: center;
}
section.knowledgeBase div.URLs ul li {
float:left;
display:block;
width:100%;
max-width:880px;
margin-bottom: 15px;
padding: 40px;
background-color:#fff;
border-radius:4px;
box-shadow: 0 1px 2px #e2e2e2;
text-align: left;
}
article.briefBlock div.rightBlock div.textBlock:before {
content: "About product:";
color: #000;
display: block;
margin-top: 5px;
margin-bottom: -5px;
font-weight: 550;
}
article.briefBlock div.textBlock ul li {
margin-bottom: 10px;
padding-left: 15px;
background-image: url('../img/ui/ok.svg');
background-repeat: no-repeat;
background-position: 0 6px;
}
article.briefBlock div.textBlock p {
margin-bottom: -5px;
line-height: 1.55em;
}
article.briefBlock div.capacity {
display: block;
width: 100%;
}
article.briefBlock div.capacity:before {
content: "Capacity";
float: left;
display: block;
width: 100%;
height: 1em;
margin: 0 0 15px;
font-weight: 550;
}
article.briefBlock div.capacity div.ssd {
float: left;
width: 100px;
height: 30px;
margin: 0 7px 7px 0;
padding: 5px 4px 2px 4px;
background-color: #fff;
border: 1px solid #e3e2e2;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
article.briefBlock div.capacity div.ssd:hover,
article.briefBlock div.capacity div.ssd:target {
background: #fffbd9;
border: 1px solid #eac37b;
color: #000;
}
article.briefBlock div.capacity div.ssd b {
display: inline-block;
margin: 3px auto 0;
font-weight: 550;
}
article.briefBlock div.capacity div.ssd i {
display: inline-block;
margin-left: 7px;
font-style: normal;
letter-spacing: -0.02em;
}
div.itemBenefits {
float: right;
width: 160px;
padding-top: 5px;
vertical-align: top;
}
div.itemBenefits i {
display: block;
font-style: normal;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 14px;
font-size: 13px;
color: #404040;
background-image: url('../img/ui/ok.svg');
background-repeat: no-repeat;
background-position: 0 10px;
background-repeat: no-repeat;
}
.visible,
div#benefits.visible,
div#specification.visible,
div#warranty.visible {
display:block;
}
.hidden {
display:none;
}
div#warranty.visible {
height: fit-content;
min-height: 340px;
}
article.briefBlock div.prices {
float: left;
display: block;
width: 100%;
padding-top: 15px;
padding-bottom: 10px;
}
article.briefBlock div.prices b {
display: block;
padding-bottom: 4px;
font-weight: 500;
}
article.briefBlock div.prices select.itemPrices {
width: 250px;
height: 38px;
padding-left: 5px;
font-size: 15px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
background-color: #fdfdfd;
}
article.briefBlock div.photos {
display: inline-block;
width: 360px;
height: fit-content;
}
ul#itemCard.demo_arrows,
ul#itemCard.demo_arrows li,
ul#itemCard.demo_arrows li a,
ul#itemCard.demo_arrows li a img {
width: 380px;
height: 380px;
padding: 0;
list-style: none;
}
article.briefBlock div.rightBlock {
width: calc(100% - 420px);
display: inline-block;
padding: 20px 20px 20px 30px;
vertical-align: top;
}
article.briefBlock div.photos img.mainPhoto {
display: block;
width: 360px;
height: 360px;
padding: 5px;
}
article.briefBlock div.prices select.itemPrices {
width: 250px;
height: 37px;
padding-left: 5px;
border: 1px solid #bfbfbf;
border-radius: 4px 0 0 4px;
background-color: #fdfdfd;
font-size: 15px;
}
button.buyNow,
div.knowledge.content p.button a.supportRequest {
position: relative;
top: 0;
display: inline-block;
width: 110px;
height: 37px;
margin: 0;
border: none;
background: #61d0ff;
background: -moz-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);
background: -webkit-linear-gradient(top, #61d0ff 0%,#0f8fc5 100%);
background: linear-gradient(to bottom, #61d0ff 0%,#0f8fc5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d8d8d8',GradientType=0 );
border: 1px solid #0f8fc5;
border-radius: 4px;
font-size: 15px;
font-weight: 555;
text-shadow: none;
color: #fff;
}
div.knowledge.content p.button a.supportRequest {
width: 125px;
height: 20px;
}
button.buyNow:hover,
button.buyNow:target,
article.order.sent a#orderComplete:hover,
article.order.sent a#orderComplete:target,
div.knowledge.content p.button a.supportRequest:hover,
div.knowledge.content p.button a.supportRequest:target,
div.knowledge.content p.button a:hover,
div.knowledge.content p.button a:target {
background:#27aae1;
border:1px solid #158abc;
color:#fff;
text-shadow:none;
}
div#benefits.visible h3,
div#specification.visible h3,
div#warranty.visible h3 {
font-weight: normal;
display: block;
margin-bottom:0;
padding: 20px 0 20px 30px;
font-size: 20px;
border-bottom: 1px solid #e5e5e5;
}
div.performance {
display: block;
width: 100%;
min-height: 400px;
background-color: #111;
background-image: url('../img/products/rapid-banner.webp');
background-size: cover;
background-position: center;
}
div.fadeGradient {
display: block;
width: 100%;
min-height: 400px;
height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+52 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
div#vFast.performance {
background-color: #e4e9ee;
background-image: url('../img/products/v-fast-benefit.webp');
background-size: 150%;
background-position: center right;
}
div#vFast.performance div.fadeGradient {
background: linear-gradient(to right, rgb(225 230 237) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 80%,rgb(225 230 236) 100%);
}
div#vRaid.performance {
background-color: #c3d1dd;
background-image: url('../img/products/v-raid-banner-2.webp');
background-size: auto 100%;
background-position: top right;
}
div#vRaid.performance div.fadeGradient {
background: -moz-linear-gradient(-45deg, rgba(139,159,176,1) 0%, rgba(255,255,255,0.63) 37%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(-45deg, rgba(139,159,176,1) 0%,rgb(255 255 255 / 0%) 37%,rgba(255,255,255,0) 100%);
background: linear-gradient(135deg, rgb(149 167 185) 30%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9fb0', endColorstr='#00ffffff',GradientType=1 );
}
div.performance div.textBlock,
div.compatibility div.textBlock {
display: block;
width: 100%;
max-width: 330px;
padding: 60px 30px;
color: #fff;
}
div#vFast.compatibility {
background-image: url('../img/products/v-fast-benefit-2.webp');
background-color: #9398a2;
background-position: center left;
background-size: 150%;
border-radius: 0 0 15px 15px;
overflow: hidden;
}
div#vFast.compatibility div.fadeGradient {
background: linear-gradient(to right, rgb(191 198 203) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 26%,rgb(176 185 190) 75%,rgb(175 184 190) 100%);
border-bottom: 1px solid #bdc5c9;
box-shadow: 0 2px 4px #bdc5c9;
}
div#vFast.compatibility div.fadeGradient div.textBlock {
box-shadow: none;
}
div#vFast.compatibility div.fadeGradient div.textBlock,
div#vFast.compatibility div.fadeGradient div.textBlock p {
max-width: 380px;
padding-right: 20px;
font-size: 15px !important;
}
div#vFast.compatibility
div.compatibility div.textBlock {
float: right;
height: fit-content;
min-height: fit-content;
margin-top: 60px;
margin-right: 50px;
padding-bottom: 10px;
background-color: rgba(0,0,0,0.15);
border: 1px solid #fff;
border-radius: 20px;
}
div#benefits div.compatibility div.textBlock h4 {
margin-top: -30px;
font-size: 26px;
}
div.compatibility div.fadeGradient {
background: -moz-linear-gradient(-45deg, rgba(75,80,90,0) 0%, rgba(75,80,90,0) 29%, rgba(75,80,90,0.68) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(75,80,90,0) 0%,rgba(75,80,90,0) 29%,rgba(75,80,90,0.68) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(75,80,90,0) 0%,rgba(75,80,90,0) 29%,rgba(75,80,90,0.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b505a', endColorstr='#ad4b505a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div.performance div.textBlock h4,
div.compatibility div.textBlock h4 {
margin-top: 0;
margin-bottom: 20px;
font-size: 28px;
font-weight: 300;
letter-spacing: 0.03em;
}
div.performance div.fadeGradient div.textBlock p,
div#vRaid.performance div.fadeGradient div.textBlock h4,
div#vRaid.performance div.fadeGradient div.textBlock p {
color:#fff;
}
div#vFast.performance div.fadeGradient div.textBlock h4,
div#vFast.performance div.fadeGradient div.textBlock p {
color:#111;
}
div#vRaid.compatibility {
display: block;
width: 100%;
max-width: 1000px;
min-height: 400px;
background-color: #333;
background-image: url('../img/products/v-raid-benefit-2.webp');
background-size: cover;
background-position: 60% -20px;
background-repeat: no-repeat;
background-size: 140%;
color: #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 1px 2px #777;
}
div#vRaid.compatibility div.fadeGradient {
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(29,32,36,0) 30%, rgba(59,64,74,0.82) 61%, rgba(77,83,96,1) 79%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(29,32,36,0) 30%,rgba(59,64,74,0.82) 61%,rgba(77,83,96,1) 79%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(29,32,36,0) 30%,rgba(59,64,74,0.82) 61%,rgba(77,83,96,1) 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d5360',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
body#itemCard {
background: rgb(0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f4f4f4',GradientType=0 );
}
div.compatibility {
display: block;
width: 100%;
max-width: 1000px;
min-height: 400px;
background-color: #333;
background-image: url('../img/products/rapid-benefit.webp');
background-size: auto 100%;
background-position: center right;
background-repeat: no-repeat;
color: #fff;
}
div.compatibility div.fadeGradient div.platforms {
display: block;
width: 100%;
height: fit-content;
margin: 25px 0 0;
text-align: left;
}
div.compatibility div.fadeGradient div.platforms span {
font-weight: 550;
letter-spacing: 0.02em;
}
div.compatibility div.fadeGradient div.platforms i.platforms {
display: block;
width: 360px;
min-height: 60px;
height: fit-content;
margin-top: 10px;
margin-left: -15px;
background-image: url('../img/ui/horizontal-platforms.svg');
background-size: 360px auto;
background-position: 0 0;
background-repeat: no-repeat;
text-align: left;
}
div.compatibility div.fadeGradient div.textBlock {
float: right;
height: fit-content;
min-height: fit-content;
margin-top: 20px;
margin-right: 50px;
padding-bottom: 10px;
border: none;
border-radius: 10px;
color: #fff;
}
div.compatibility div.fadeGradient div.textBlock p {
margin-bottom: -10px;
}
div#benefits div.design {
display: block;
width:100%;
min-height: 360px;
background: #555;
color: #fff;
border-radius:0 0 10px 10px;
overflow:hidden;
}
div#benefits div.design div.textBlock.modernDesign,
div#benefits div.design div.textBlock.guard {
display: inline-block;
width: 350px;
vertical-align: top;
}
div#benefits div.design div.textBlock.modernDesign {
float:left;
}
div#benefits div.design div.textBlock.guard {
float:right;
}
div#benefits div.design div.textBlock.modernDesign h4,
div#benefits div.design div.textBlock.guard h4 {
margin-bottom: 10px;
font-size: 20px;
font-weight: 300;
}
div#benefits div.design div.textBlock.modernDesign p,
div#benefits div.design div.textBlock.guard p {
font-size:15px;
line-height:1.55em;
}
div#benefits div.design {
display: block;
min-height: 360px;
background-color: #555;
background-image: url('../img/bg/steel.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0 1px 2px #777;
color: #fff;
overflow: hidden;
}
div#benefits div.design div.fadeBlock {
display: block;
width: calc(100% - 120px);
min-height: 360px;
height: 100%;
padding: 30px 60px;
background-color: rgba(0,0,0,0.5);
}
div#benefits div.design div.textBlock.modernDesign:before {
content: "";
display: block;
width: 360px;
height: 140px;
margin-top: 20px;
background-color: #fff;
background-image: url('../img/products/rapid-design.webp');
background-size: cover;
background-position: center center;
box-shadow: 0 2px 2px #1e1e1e;
border-radius: 4px;
}
div#benefits div.design div.textBlock.guard:before {
content: "";
display: block;
width: 360px;
height: 140px;
margin-top: 20px;
background-color: #fff;
background-image: url('../img/products/rapid-shock-guard.webp');
background-size: 100%;
background-position: top center;
box-shadow: 0 2px 2px #1e1e1e;
border-radius: 4px;
}
div.disclosures {
display: block;
width: 100%;
height: fit-content;
margin-top: 30px;
margin-bottom: -40px;
padding: 10px 40px 20px;
background: #ededed;
}
div.disclosures div.wrapper {
width: 100%;
max-width: 1000px;
margin: 0 calc(50% - 500px) 0 calc(50% - 538px);
}
div.disclosures div.wrapper h4 {
font-size:15px;
font-weight:500;
}
div.disclosures div.wrapper p {
max-width:700px;
font-size:12px;
}
section.whereToBuy h2.chooseStore,
section.knowledgeBase h2 {
max-width: 920px;
margin: 10px auto -20px auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
background: rgb(39,170,225);
background: -moz-linear-gradient(left, rgba(39,170,225,1) 0%, rgba(63,193,244,1) 32%, rgba(38,142,211,1) 67%, rgba(41,185,229,1) 100%);
background: -webkit-linear-gradient(left, rgba(39,170,225,1) 0%,rgba(63,193,244,1) 32%,rgba(38,142,211,1) 67%,rgba(41,185,229,1) 100%);
background: linear-gradient(to right, rgba(39,170,225,1) 0%,rgba(63,193,244,1) 32%,rgba(38,142,211,1) 67%,rgba(41,185,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27aae1', endColorstr='#29b9e5',GradientType=1 );
border-radius: 3px;
font-size: 18px;
font-weight: normal;
color: #fff;
text-align: left;
}
section.knowledgeBase h2 {
margin-bottom: -5px;
}
section.whereToBuy div.vendors,
div.sections {
display: block;
width: 100%;
max-width: 1000px;
height: fit-content;
margin: 30px auto;
}
section.whereToBuy div.vendors ul,
div.sections ul {
margin:0;
padding:0 0 0 20px;
list-style:none;
}
section.whereToBuy div.vendors ul li,
div.sections ul li {
display: inline-block;
width: calc(50% - 40px);
min-height: 100px;
margin-right: 30px;
margin-bottom: 15px;
}
section.whereToBuy div.vendors ul li a,
div.sections ul li a {
position: relative;
top: 0;
left: 0;
float: left;
display: block;
width: 160px;
height: 100px;
margin-right: 20px;
padding-left: 0;
border: 1px solid #e6e4e4;
background-color: #f6f6f6;
border-radius: 4px;
}
section.whereToBuy div.vendors ul li,
div.sections ul li {
width: 180px;
min-height: 200px;
margin-right: 10px;
vertical-align: top;
}
div.sections ul li {
width: calc(25% - 15px);
margin-right: 9px;
}
body section.whereToBuy div.vendors ul li a,
div.sections ul li a {
float: left;
width: 180px;
height: 180px;
}
div.sections ul li a {
display: block;
width: 100%;
height: 100%;
min-height: 180px;
background-color: #fafafa;
border: 1px solid #e8e8e8;
font-size: 16px;
color: #111;
text-decoration: none;
text-align: center;
}
div.sections ul li a span {
display: block;
margin: 15px auto;
}
div.sections ul li a span:before {
content: "";
display: block;
width: 80px;
height: 80px;
margin: 32px auto 15px;
background-color: #f1f1f1;
border-radius: 10px;
border: none;
}
div.sections ul li a.returnRequest span:before {
background-image: url('../img/ui/support-sprite.svg');
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: 0 0;
}
div.sections ul li a.productRegistration span:before {
background-image: url('../img/ui/support-sprite.svg');
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: -100px 0;
}
div.sections ul li a.warrantyPolicy span:before {
background-image: url('../img/ui/support-sprite.svg');
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: -200px 0;
}
div.sections ul li a.knowledgeBase span:before {
background-image: url('../img/ui/support-sprite.svg');
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: -300px 0;
}
div.sections ul li a:hover span:before,
div.sections ul li a:target span:before {
background-color: #2894d6;
}
div.sections ul li a.returnRequest:hover span:before,
div.sections ul li a.returnRequest:target span:before {
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: 0 -100px;
}
div.sections ul li a.productRegistration:hover span:before,
div.sections ul li a.productRegistration:target span:before {
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: -100px -100px;
}
div.sections ul li a.warrantyPolicy:hover span:before,
div.sections ul li a.warrantyPolicy:target span:before {
background-image: url('../img/ui/support-sprite.svg');
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: -200px -100px;
}
div.sections ul li a.knowledgeBase:hover span:before,
div.sections ul li a.knowledgeBase:target span:before {
background-image: url('../img/ui/support-sprite.svg');
background-size: 380px 180px;
background-repeat: no-repeat;
background-position: -300px -100px;
}
div.sections ul li a:hover span,
div.sections ul li a:target span {
color: #2894d6;
}
body section.whereToBuy div.vendors ul li a.HardDrivesForSale.logo {
background-size: auto 55% !important;
background-position: center center;
}
body section.whereToBuy div.vendors ul li a.Amazon.logo {
background-size: 120px auto !important;
}
body section.whereToBuy div.vendors ul li a.Walmart.logo {
background-size: 80% !important;
}
section.whereToBuy div.vendors ul li div.text {
float:left;
display:none;
}
section.whereToBuy div.vendors ul li div.text h2 {
display: block;
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 16px;
font-weight: 500;
}
section.whereToBuy div.vendors ul li:hover h2,
section.whereToBuy div.vendors ul li:target h2 {
color: #27aae1;
}
section.whereToBuy div.vendors ul li div.text p {
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 0;
font-size: 13px;
line-height: 1.4em;
}
footer {
border-top: 1px solid #ddd;
margin-top:0;
}
footer p,
footer p a,
footer div.rightBlock a {
color:#666;
}
body#knowledgeBase footer {
float: left;
margin-top: 120px;
border-top: 1px solid #ddd;
}
section.knowledgeBase div.URLs ul li a {
width: 100%;
}
section.knowledgeBase div.URLs ul li small {
position: relative;
top: 0;
right: 20px;
float: right;
color: #777;
}
section.knowledgeBase div.URLs ul li small i {
margin-left: 5px;
font-style: normal;
color: #111;
}
section.knowledgeBase div.URLs ul li a img {
float: left;
display: inline-block;
width: 64px;
height: 64px;
margin: 0 20px 0 0;
}
section.knowledgeBase div.URLs ul li a,
section.knowledgeBase div.URLs ul li a b {
float: left;
font-size: 17px;
font-weight: normal;
color: #111;
text-decoration: none;
vertical-align: top;
}
section.knowledgeBase div.URLs ul li a div.description {
float: left;
display: inline-block;
width: calc(100% - 100px);
height: fit-content;
}
section.knowledgeBase div.URLs ul li a b {
width: 100%;
margin-top: 10px;
}
section.knowledgeBase div.URLs ul li a p.date {
float: left;
display: block;
padding-top: 0;
font-size: 13px;
color: #bc2d00;
}
section.knowledgeBase div.URLs ul li a p.date:before {
content: "Published at";
display:inline-block;
margin-right:5px;
color: #717171;
}
section.knowledgeBase div.URLs ul li a:hover b,
section.knowledgeBase div.URLs ul li a:target b {
color:#248ed2;
}
div#warranty.visible p {
display: block;
max-width: 620px;
padding: 0 30px;
font-size: 15px;
}
div#warranty.visible p.button a.technicalSupport {
display: block;
color: #fff;
background: #27aae1;
text-decoration: none;
padding: 6px 18px 8px;
border: 1px solid #1892c6;
border-radius: 200px;
font-size: 15px;
width: 120px;
background: #57b9e0;
background: -moz-linear-gradient(top, #57b9e0 0%, #27aae1 47%, #00a0e0 100%);
background: -webkit-linear-gradient(top, #57b9e0 0%,#27aae1 47%,#00a0e0 100%);
background: linear-gradient(to bottom, #57b9e0 0%,#27aae1 47%,#00a0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b9e0', endColorstr='#00a0e0',GradientType=0 );
}
div#warranty.visible p.button a.technicalSupport:hover,
div#warranty.visible p.button a.technicalSupport:target {
background: #00a0e0;
border: 1px solid #1892c6;
text-shadow:none;
color:#fff;
}
div#warranty.visible p a.contextURL,
a.contextURL,
div#agreement label a {
text-decoration: none;
color: #444;
border-bottom: 1px dotted #444;
}
div#warranty.visible p a.contextURL:hover,
div#warranty.visible p a.contextURL:target,
a.contextURL:hover,
a.contextURL:target,
div#agreement label a:hover,
div#agreement label a:target {
color:#1892c6;
border-bottom: 1px dotted #1892c6;
}
div.performance {
display: block;
width: 100%;
min-height: 400px;
background-color: #111;
color: #fff;
}
div.techInfo.table {
display:block;
width: 100%;
padding-top:20px;
font-size: 15px;
}
div.techInfo.table div.row {
width: calc(100% - 60px);
margin-bottom:10px;
padding: 0 30px 10px;
}
div.techInfo.table div.row div.entity {
display: inline-block;
width: 200px;
font-weight: 400;
}
div.techInfo.table div.row div.value {
display: inline-block;
width: calc(100% - 240px);
font-weight: 550;
}
@media (min-width:900px) {
div.techInfo.table {
display: block;
width: 100%;
font-size: 15px;
background-image: url('../img/ui/gears.svg');
background-size: 180px auto;
background-repeat: no-repeat;
background-position: 90% 0;
}
div#warranty.visible {
background-image: url('../img/ui/warranty.svg');
background-size: 270px auto;
background-repeat: no-repeat;
background-position: 92% 40px;
}
}
div.introVideo {
width: 100%;
min-height: 513px;
height: 100vh;
background-color: #111;
}
video#video {
width: 100%;
height: auto;
margin-top: 0;
}
button#readMore {
position: absolute;
left: calc(50% - 52px);
display: inline-block;
width: 105px;
height: 30px;
margin-top: 16px;
background-color: rgba(0,0,0,0.5);
border-radius: 200px;
border: 1px solid #fff;
font-size: 14px;
color: #fff;
}
button#readMore:hover,
button#readMore:target {
position: absolute;
left: calc(50% - 52px);
z-index: 1;
display:block;
width: 105px;
height: 30px;
margin-top: 16px;
background-color:#fff;
border:1px solid #fff;
color:#111;
opacity:1;
}
header a.buyNow:hover,
header a.buyNow:target {
background-color:#fff;
border:1px solid #fff;
color:#111;
opacity:1;
}
section.main h1 b {
position: absolute;
top: 120px;
left: calc(50% - 100px);
width: 200px;
font-weight: normal;
letter-spacing: 0.11em;
}
section.main h1 small {
position: absolute;
top: 160px;
left: calc(50% - 200px);
width: 400px;
font-weight: 300;
letter-spacing: 0.02em;
}
section.main h1 small:first-letter {
text-transform:uppercase;
}
div.productLine {
z-index: 1;
display: block;
width: 100%;
height: 200px;
margin-top:0;
background: #d2d2d2;
}
div.productLine a {
display: inline-block;
width: 100%;
max-width: 33.5%;
height: 200px;
margin-right: -5px;
border: none;
color: #fff;
text-decoration: none;
text-align: center;
}
div.productLine a.rapid {
background-color: #333;
background-image: url('../img/products/rapid-banner-2.webp');
background-size: cover;
background-position: center;
}
div.productLine a.vFast {
background-color: #333;
background-image: url('../img/products/v-fast-banner.webp');
background-size: auto 140%;
background-position: center;
}
div.productLine a.vRaid {
background-color: #333;
background-image: url('../img/products/v-raid-gold.webp');
background-size: 100% auto;
background-position: center;
}
div.productLine a strong {
display: block;
padding-top: 10px;
padding-left: 15px;
font-size: 17px;
font-weight: normal;
color: #c4c4c4;
text-align: left;
}
div.productLine a strong b {
display: inline-block;
padding: 0 5px 2px 0;
font-size: 15px;
font-weight: 600;
color: #a6a6a6;
}
div.productLine a strong i {
font-style: normal;
color: #fff;
}
div.banners {
position: relative;
display: block;
width: calc(100% - 60px);
min-height: 200px;
margin-top: 0;
padding: 70px 30px 30px 30px;
text-align: center;
}
div.banners a {
display: inline-block;
width: calc(25% - 5px);
max-width:200px;
margin-left: 20px;
margin-right: 20px;
text-decoration: none;
vertical-align: top;
text-align:center;
}
div.banners a,
div.banners a b {
font-size:16px;
font-weight:normal;
color: #111;
text-decoration: none;
vertical-align: top;
text-align: center;
}
div.banners a.largestExternalSSD:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: 0 0;
background-size: 414px 196px;
}
div.banners a.largestExternalSSD:hover:before,
div.banners a.largestExternalSSD:target:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: 0 -108px;
background-size: 414px 196px;
}
div.banners a.warranty:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: -108px 0;
background-size: 414px 196px;
}
div.banners a.warranty:hover:before,
div.banners a.warranty:target:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: -108px -108px;
background-size: 414px 196px;
}
div.banners a.pentaBytes:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: -215px 0;
background-size: 414px 196px;
}
div.banners a.pentaBytes:hover:before,
div.banners a.pentaBytes:target:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: -215px -108px;
background-size: 414px 196px;
}
div.banners a.basedInCalifornia:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: -326px 0;
background-size: 414px 196px;
}
div.banners a.basedInCalifornia:hover:before,
div.banners a.basedInCalifornia:target:before {
content:"";
display:block;
width:86px;
height:86px;
margin:10px auto 20px auto;
background-image: url('../img/ui/benefit-sprite.svg');
background-repeat: no-repeat;
background-position: -326px -108.5px;
background-size: 414px 196px;
}
div.banners:before {
content: "Why choose us";
display: block;
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 1px dotted #bbb;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.05em;
text-align: center;
color: #777;
}
div.banners:after {
display: block;
content: "";
margin-top: 40px;
border-bottom: 1px dotted #bbb;
}
div.reviews h2,
div.whereToBuy h3 {
display: block;
margin-top: 40px;
margin-bottom: -10px;
padding-bottom: 0;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.05em;
text-align: center;
color: #777;
}
div.reviews h2 {
margin-bottom:0;
}
div.whereToBuy,
div.whereToBuy div.vendors {
display: block;
width: 100%;
max-width: 980px;
min-height: 140px;
margin: 10px auto;
text-align: center;
}
div.whereToBuy {
margin-top: 70px;
margin-bottom: -50px;
}
div.whereToBuy div.vendors a.HardDrivesForSale,
section.whereToBuy div.vendors ul li a.HardDrivesForSale.logo {
background-image: url('../img/wherebuy/hard-drives.svg');
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
}
div.whereToBuy div.vendors a.Amazon,
section.whereToBuy div.vendors ul li a.Amazon.logo {
background-image: url('../img/wherebuy/amazon.svg');
background-size: 70%;
background-repeat: no-repeat;
background-position: center center;
}
div.whereToBuy div.vendors a.Newegg,
section.whereToBuy div.vendors ul li a.Newegg.logo {
background-image: url('../img/wherebuy/newegg.webp');
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
div.whereToBuy div.vendors a.Walmart,
section.whereToBuy div.vendors ul li a.Walmart.logo {
background-image: url('../img/wherebuy/walmart.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 90%;
}
div.whereToBuy div.vendors a.eBay,
section.whereToBuy div.vendors ul li a.eBay.logo {
background-image: url('../img/wherebuy/ebay.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 60%;
}
div.whereToBuy div.vendors a {
filter: grayscale(1);
opacity: 0.9;
}
div.whereToBuy div.vendors a:hover,
div.whereToBuy div.vendors a:target {
filter: grayscale(0);
opacity: 1;
}
div.reviews ul#random.reviews {
display: block;
width: 100%;
max-width: 980px;
height: 385px;
margin: 40px auto;
padding: 0;
list-style: none;
overflow: hidden;
}
div.reviews ul#random.reviews li:first-child {
margin-left: 15px;
margin-right: 15px;
}
div.reviews ul#random.reviews li:nth-child(3),
div.reviews ul#random.reviews li:nth-child(4),
div.reviews ul#random.reviews li:nth-child(5) {
display:none;
}
div.reviews ul#random.reviews li i.rating.five {
display: inline-block;
float: right;
width: 95px;
height: 17px;
margin: 17px 0 0 0;
border: none;
background-image: url('../img/ui/stars.svg');
background-size: 95px auto;
background-repeat: no-repeat;
}
div.reviews ul#random.reviews li i.rating.five:after {
content: "5.0 out of 5 stars";
display: block;
margin: 18px 0 0 0;
font-style: normal;
font-size: 11px;
color: #8e8e8e;
}
div.reviews ul#random.reviews li p.header {
min-height: 42px;
margin-bottom: -5px;
padding-bottom: 0;
font-size: 16px;
letter-spacing: -0.02em;
}
div.reviews ul#random.reviews li p.color {
margin: -10px 0 5px 0;
}
div.reviews ul#random.reviews li div.details {
margin: 0 -20px;
padding: 15px 20px 0 20px;
border-top: 1px solid #efefef;
}
div.reviews ul#random.reviews li div.details p.date {
margin-top: 5px;
padding-top: 0;
font-size: 12px;
}
div.reviews ul#random.reviews li p.name {
margin-bottom: -5px;
padding-bottom: 0;
font-size: 15px;
font-weight: 550;
}
div.reviews ul#random.reviews li p.capacity,
div.reviews ul#random.reviews li p.color {
font-size: 13px;
color: #585858;
}
div.reviews ul#random.reviews li div.details p.date date {
padding-left: 4px;
color: #df8412;
}
div.reviews ul#random.reviews li p.review {
min-height: 140px;
}
h1.hidden,
div.introVideo.hidden,
button#readMore.hidden {
display:none !important;
}
div.productLine.onTop {
position: relative;
top: 80px;
left: 0;
height: 200px;
margin-bottom: 70px;
}
footer {
display: block;
width: 100%;
max-width: calc(100% - 50px);
margin: 80px auto 0 auto;
padding: 20px 20px 20px 30px;
background: #f4f4f4;
}
footer div.leftBlock, footer div.rightBlock {
display: inline-block;
width: calc(50% - 30px);
vertical-align: top;
}
footer div.leftBlock {
text-align:left;
}
footer div.rightBlock {
width: calc(50% + 10px);
padding-top:9px;
text-align:right;
}
footer div.rightBlock a:first-child {
margin-right:15px;
}
footer div.leftBlock p.copyright,
footer div.leftBlock p.seo {
display: inline-block;
width: fit-content;
padding-right: 5px;
font-size:13px;
color: #000;
}
footer p.copyright a {
padding-bottom: 0;
border-bottom: none;
text-decoration: none;
}
footer p.copyright a:hover,
footer p.copyright a:target,
footer div.rightBlock a:hover,
footer div.rightBlock a:target {
padding-bottom:0;
border-bottom: 1px dotted #27aae1;
color: #27aae1 !important;
}
footer div.rightBlock a {
font-size: 13px;
color: #111;
text-decoration: none;
}
@media (min-width:2000px) {
section.main div.productLine,
section.main div.productLine a {
height: 345px;
}
}
@media (min-width:1850px) and (max-width:1999px) {
section.main div.productLine,
section.main div.productLine a {
height: 330px;
}
}
@media (min-width:1700px) and (max-width:1849px) {
section.main div.productLine,
section.main div.productLine a {
height: 300px;
}
}
@media (min-width:1550px) and (max-width:1650px) {
section.main div.productLine,
section.main div.productLine a {
height: 280px;
}
}
@media (min-width:1550px) {
section.main div.productLine a {
width: calc(33% + 8px);
}
}
@media (min-width:1000px) {
a.logo {
position: fixed;
top: 15px;
left: 40px;
width: 192px;
height: 50px;
background-image: url('../img/logotype.svg');
background-size: 192px 50px;
background-repeat: no-repeat;
background-position: center;
}
div.productLine,
div.productLine a {
height:240px;
}
div.reviews ul#random.reviews {
display: block;
width: 100%;
max-width: 980px;
height: 385px;
margin: 40px auto;
padding: 0;
list-style: none;
overflow: hidden;
}
div.disclosures {
display: block;
width: 100%;
height: fit-content;
margin-top: 30px;
margin-bottom: -120px !important;
padding: 10px 40px 20px;
background: #ededed;
}
}
@media (min-width:959px) and (max-width:960px) {
section.itemCard h1,
section.whereToBuy h1,
section.warrantyPolicy h1 {
font-size: 24px !important;
}
}
@media (max-width:999px) {
a.logo {
position: fixed;
top: 13px;
left: 20px;
width: 192px;
height: 50px;
background-image: url('../img/logotype.svg');
background-size: 192px 50px;
background-repeat: no-repeat;
background-position: center;
}
div.reviews ul#random.reviews {
display: block;
max-width: calc(100% - 40px);
max-width: calc(100% - 40px);
height: 385px;
margin: 40px auto;
padding: 0;
list-style: none;
overflow: hidden;
}
div.disclosures {
display: block;
width: 100%;
max-width: 100%;
height: fit-content;
margin-top: 0;
margin-bottom: -60px;
padding: 10px 20px 20px 20px;
background: #ededed;
}
div.disclosures div.wrapper {
width: calc(100% - 20px);
max-width: calc(100% - 20px);
margin-left: 0;
margin-right: 0;
}
.visible, div#benefits.visible, div#specification.visible, div#warranty.visible {
display: block;
width: 100%;
max-width: 100%;
}
footer {
border-top: 1px solid #ddd;
margin-top: 0;
}
}
@media (min-width:800px) {
img.stop-img {
display:none;
}
}
@media (min-width:799px) and (max-width:800px) {
button#readMore {
left:60% !important;
}
div.introVideo {
width: 100%;
min-height: 405px !important;
height: 405px !important;
background-color: #111;
}
div.banners a {
display: inline-block;
width: calc(25% - 25px) !important;
max-width: 200px;
margin-left: 10px !important;
margin-right: 10px !important;
text-decoration: none;
vertical-align: top;
text-align: center;
}
div.reviews ul#random.reviews li {
height: 389px;
}
div.reviews ul#random.reviews li:first-child {
margin-left: 10px !important;
margin-right: 10px !important;
}
div.reviews ul#random.reviews li p.review {
min-height: 168px;
}
div.whereToBuy div.vendors a {
zoom: 80%;
}
nav#navigation ul.visible {
margin: 0;
padding: 15px 20px !important;
}
nav#navigation ul#main-menu li {
width: 100%;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
nav#navigation ul#main-menu li ul#products.sub.visible li.childURL a {
font-size: 15px;
}
nav#navigation ul#main-menu li ul#products.sub.visible li.childURL {
height: 30px;
min-height: 30px;
}
div.performance div.textBlock, div.compatibility div.textBlock {
display: block;
width: 100%;
max-width: 300px !important;
padding: 60px 30px;
color: #fff;
}
div#benefits div.design div.textBlock.modernDesign,
div#benefits div.design div.textBlock.guard {
display: inline-block;
width: 300px;
vertical-align: top;
}
div#benefits div.design div.textBlock.modernDesign:before,
div#benefits div.design div.textBlock.guard:before {
width:300px;
}
div#benefits div.design div.textBlock.modernDesign h4,
div#benefits div.design div.textBlock.guard h4 {
margin-bottom: 10px;
font-size: 18px;
font-weight: 300;
}
div#benefits div.design div.textBlock.modernDesign p,
div#benefits div.design div.textBlock.guard p {
font-size: 14px;
letter-spacing: -0.03em;
}
div.compatibility div.fadeGradient div.textBlock {
float: right;
height: fit-content;
min-height: fit-content;
margin-top: 0;
margin-right: 50px;
padding-bottom: 0;
border: none;
border-radius: 10px;
color: #fff;
}
div.compatibility div.fadeGradient div.textBlock,
div.compatibility div.fadeGradient div.textBlock p {
width: 340px;
}
div.compatibility div.fadeGradient div.platforms i.platforms {
zoom:80%;
}
div.disclosures {
margin-top: -40px;
margin-bottom: -80px;
}
section.whereToBuy div.header.support {
min-height: 295px;
padding: 0 0 0 40px;
margin-top: 0;
border-radius: 0;
}
section.whereToBuy div.header {
width: 100%;
max-width: 960px;
min-height: 295px;
margin: 0 auto -2px !important;
}
section.whereToBuy div.vendors ul li, div.sections ul li {
width: 180px;
min-height: 175px;
margin-right: 10px;
vertical-align: top;
}
section.itemCard h1,
section.whereToBuy h1,
section.warrantyPolicy h1 {
max-width: calc(100% - 60px) !important;
margin-top: 20px !important;
padding-top: 0 !important;
padding-left: 0 !important;
line-height: 1.55em;
}
div#vFast.compatibility div.fadeGradient div.textBlock,
div#vFast.compatibility div.fadeGradient div.textBlock p {
max-width: 380px;
padding-right: 20px;
font-size: 14px !important;
}
div.performance,
div.fadeGradient,
div.compatibility {
min-height: 385px !important;
border-radius:0 !important;
}
div#vFast.compatibility {
background-color: transparent !important;
}
section.warrantyPolicy {
width: calc(100% - 60px) !important;
margin: 0 auto !important;
}
section.knowledgeBase h1 {
padding-top: 0;
}
section.knowledgeBase h2 {
max-width: calc(100% - 80px);
margin-bottom: -5px;
}
section.knowledgeBase div.URLs {
display: block;
width: 100%;
margin: 10px auto;
}
section.knowledgeBase div.URLs,
section.knowledgeBase div.URLs ul li {
max-width: calc(100% - 60px);
margin-left: 10px;
}
section.whereToBuy div.header h1 {
margin: -10px 0 30px 0 !important;
padding-top: 30px !important;
padding-left: 40px !important;
border-radius: 0;
}
div.knowledge.content p.notice {
width: calc(100% - 30px);
}
div#vRaid.performance {
background-position: -180px 0 !important;
}
div#vRaid.compatibility {
background-position: 80% -20px !important;
}
footer {
border-top: 1px solid #ddd;
margin-top: 40px;
}
}
@media (max-width:799px) {
div.reviews ul#random.reviews li:first-child {
margin-left:0;
}
}
@media (min-width:641px) {
div.reviews ul#random.reviews li {
display: inline-block;
width: calc(50% - 60px);
max-width: 415px;
min-height: 320px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 10px 20px;
background-color: #fff;
border-radius: 4px;
vertical-align: top;
border-left: 1px solid #ececec;
border-bottom: 1px solid #ececec;
border-right: 1px solid #ececec;
}
div.whereToBuy div.vendors a {
width: 175px;
height: 140px;
display: inline-block;
border: none;
margin: 20px 5px;
}
section.itemCard h1,
section.whereToBuy h1
section.warrantyPolicy h1 {
display: block;
width: calc(100% - 40px);
max-width: 1000px;
height: fit-content;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 45px;
font-size: 26px;
font-weight: normal;
letter-spacing: -0.02em;
}
}
@media (max-width:640px) {
div.introVideo {
width: 100%;
min-height: 300px;
height: fit-content;
background-color: #111;
}
div.introVideo video {
display:none;
}
img.stop-img {
float: right;
width: auto;
height: 300px;
}
div.subLine {
position: absolute;
top: 80px !important;
width: 100%;
height: 150px;
padding-top: 45px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
section.main {
margin-bottom: 40px;
}
section.main div.subLine h1 {
display: block;
width: 360px;
margin: 10px calc(50% - 180px);
padding: 18px 0 20px 0;
font-size: 18px;
font-weight: 300;
color: #fff;
text-align: center;
}
div.productLine a {
display: inline-block;
width: 100%;
max-width: 33.5%;
height: 135px;
margin-right: -5px;
border: none;
color: #fff;
text-decoration: none;
text-align: center;
}
button#readMore {
margin-top:26px;
}
div.productLine,
div.productLine a {
height: 120px;
}
div.productLine a {
display: inline-block;
width: 100%;
max-width: 33.5%;
margin-right: -5px;
border: none;
color: #fff;
text-decoration: none;
text-align: center;
}
div.productLine a.rapid {
background-color: #333;
background-image: url('../img/products/main-rapid-banner-mobile-view.webp') !important;
background-size: cover;
background-position: center;
}
div.productLine a.vFast {
background-color: #333;
background-image: url('../img/products/main-v-fast-mobile-view.webp') !important;
background-size: cover;
background-position: center;
}
div.productLine a.vRaid {
background-color: #333;
background-image: url('../img/products/main-v-raid-banner-mobile-view.webp') !important;
background-size: cover;
background-position: center;
}
div.banners {
padding-top:40px;
}
div.banners a {
display: inline-block;
width: 140px;
max-width: 200px;
margin-left: 20px;
margin-right: 20px;
margin-bottom:20px;
text-decoration: none;
vertical-align: top;
text-align: center;
}
div.reviews ul#random.reviews li {
display: inline-block;
width: calc(100% - 45px);
max-width: calc(100% - 45px);
min-height: 320px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 10px 20px;
background-color: #fff;
border-radius: 4px;
vertical-align: top;
border-left: 1px solid #ececec;
border-bottom: 1px solid #ececec;
border-right: 1px solid #ececec;
}
div.reviews ul#random.reviews li p.header {
width: calc(100% - 105px);
min-height: 42px;
margin-bottom: -5px;
padding-bottom: 0;
font-size: 15px;
letter-spacing: -0.02em;
}
div.banners a b {
line-height:1.55em;
}
div.whereToBuy div.vendors a {
width: 175px;
height: 80px;
display: inline-block;
border: none;
margin: 30px 5px 0 5px;
}
div.whereToBuy {
margin-top: 65px;
margin-bottom: -50px;
}
div.whereToBuy h3 {
margin-top: 0;
padding-top: 0;
}
div.whereToBuy div.vendors {
padding-bottom: 40px;
}
div.whereToBuy div.vendors a:not(:first-child) {
margin-top:10px;
}
article.briefBlock {
margin-bottom:0;
border-bottom:1px solid #ddd;
}
section.itemCard h1, section.whereToBuy h1 section.warrantyPolicy h1 {
display: block;
width: calc(100% - 20px);
max-width: calc(100% - 60px);
height: fit-content;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
font-size: 20px;
font-weight: normal;
letter-spacing: -0.02em;
line-height: 1.5em;
}
div.performance {
display: block;
width: 100%;
min-height: 100vh;
background-color: #111;
background-image: url('../img/products/rapid-banner-mobile-view.webp');
background-size: auto 120%;
background-position: center bottom;
background-repeat: no-repeat;
}
div.performance div.textBlock {
width: 340px;
margin-left: 0;
}
div#benefits div.design,
div.fadeGradient {
height: fit-content;
}
div.performance div.fadeGradient {
height: 100vh;
}
div#benefits div.design div.fadeGradient {
padding-bottom:30px;
}
div.compatibility {
display: block;
width: 100%;
max-width: 100%;
min-height: 100vh;
background-color: #333;
background-image: url('../img/products/rapid-benefit-mobile-view.webp');
background-size: 130% auto !important;
background-position: bottom center;
background-repeat: no-repeat;
color: #fff;
}
div.compatibility div.fadeGradient {
height: 100vh;
background: -moz-linear-gradient(top, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69000000', endColorstr='#00000000',GradientType=0 );
}
div.compatibility div.fadeGradient div.textBlock {
float: left;
width: 100%;
height: fit-content;
min-height: fit-content;
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
border: none;
border-radius: 10px;
color: #fff;
}
div#benefits div.design {
border-radius:0;
}
div#benefits div.design div.fadeBlock {
height: 120vh;
}
div#benefits div.design div.textBlock.modernDesign, div#benefits div.design div.textBlock.guard {
display: block;
width: 350px;
vertical-align: top;
margin-left: calc(50% - 175px);
margin-right: calc(50% - 175px);
}
article.briefBlock div.textBlock ul {
width: calc(100% - 150px);
}
div.disclosures div.wrapper p {
max-width: calc(100% - 10px);
font-size: 12px;
}
section.warrantyPolicy,
section.contactUs,
section.knowledgeBase {
max-width: calc(100% - 50px);
margin: 10px auto;
}
section.whereToBuy div.header.support {
width: 100%;
max-width: 100%;
min-height: 200px;
height: 260px;
margin: 0 auto -10px auto;
background-color: #7084a0;
background-image: url('../img/products/support-mobile-view.webp');
background-size: cover;
background-position: 0 82%;
background-repeat: no-repeat;
border-radius: 0;
overflow: hidden;
}
section.whereToBuy div.header.support h1,
section.knowledgeBase div.header h1 {
background: transparent;
font-size: 24px;
font-weight: 400;
}
section.whereToBuy h2.chooseStore,
section.knowledgeBase h2 {
margin-bottom: -10px;
border-radius:0;
}
div.sections ul li {
width: calc(100% - 20px);
min-height: 80px;
height: fit-content;
margin-right: 0;
margin-bottom: 0;
}
div.sections ul li a {
display: block;
width: 100%;
height: 100%;
min-height: 82px;
background-color: transparent;
border: none;
font-size: 16px;
color: #111;
text-decoration: none;
text-align: center;
}
div.sections ul li a span {
display: block;
margin: 5px auto;
padding-top: 25px;
text-align: left;
}
div.sections ul li a span:before {
float: left;
zoom: 70%;
margin: -25px 20px 0 20px;
}
section.knowledgeBase div.URLs ul li {
float: left;
display: block;
width: 100%;
max-width: calc(100% - 80px);
margin-bottom: 15px;
padding: 40px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 2px #e2e2e2;
text-align: left;
}
section.knowledgeBase div.URLs ul li small {
position: relative;
top: 10px;
left: 0;
right:auto;
float: left;
color: #777;
}
section.whereToBuy div.header {
width: 100%;
max-width: 960px;
min-height: 340px;
margin: 0 auto -10px;
background-color: #111;
background-image: url('../img/products/rapid-design.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 0;
overflow: hidden;
}
section.whereToBuy div.header h1 {
font-size: 22px;
letter-spacing: -0.03em;
}
section.whereToBuy div.vendors ul {
padding: 0;
text-align: center;
}
section.whereToBuy div.vendors ul li {
width: calc(100% - 40px);
min-height: 120px;
height: 120px;
margin: -5px 5px 10px 0;
vertical-align: top;
}
body section.whereToBuy div.vendors ul li a {
width: 100%;
height: 100%;
}
body section.whereToBuy div.vendors ul li a.HardDrivesForSale.logo {
background-size: auto 105% !important;
background-position: center center;
background-repeat: no-repeat;
}
body section.whereToBuy div.vendors ul li a.Amazon.logo {
background-size: 140px auto !important;
background-position: center center;
background-repeat: no-repeat;
}
body section.whereToBuy div.vendors ul li a.Newegg.logo {
background-size: auto 80% !important;
background-position: center center;
background-repeat: no-repeat;
}
body section.whereToBuy div.vendors ul li a.Walmart.logo {
background-size: auto 50% !important;
background-position: center center;
background-repeat: no-repeat;
}
body section.whereToBuy div.vendors ul li a.eBay.logo {
background-size: auto 50% !important;
background-position: center center;
background-repeat: no-repeat;
}
div.form {
display: block;
margin: 20px auto -20px auto !important;
padding: 10px 20px 10px 22px;
background-color: #f3f3f3;
border-radius: 0 0 4px 4px;
border-bottom: 1px solid #ddd;
}
footer div.rightBlock {
padding-top: 15px;
float: right;
}
footer p, footer p a,
footer div.rightBlock a {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 15px;
line-height: 2em;
}
footer div.rightBlock a {
padding-left: 0;
padding-bottom: 0;
line-height: 1em;
}
footer div.rightBlock a:first-child,
footer div.rightBlock a {
display: block;
width: fit-content;
margin-left: auto;
margin-right: 0;
margin-bottom: 15px;
border-bottom: 1px dotted transparent;
text-align: right;
}
footer div.rightBlock a:hover,
footer div.rightBlock a:target {
border-bottom: 1px dotted #27aae1;
}
}
@media (max-width:640px) and (min-width:639px) {
div.productLine,
div.productLine a {
height: 160px !important;
}
div.knowledge.content p.notice {
width: calc(100% - 40px);
}
article.briefBlock div.photos {
display: inline-block;
width: 320px;
height: fit-content;
}
ul#itemCard.demo_arrows,
ul#itemCard.demo_arrows li,
ul#itemCard.demo_arrows li a,
ul#itemCard.demo_arrows li a img {
width: 320px;
height: 320px;
margin-right: 0;
padding: 0;
list-style: none;
}
article.briefBlock div.rightBlock {
display: inline-block;
width: calc(100% - 360px) !important;
padding: 20px 20px 20px 0 !important;
vertical-align: top;
}
article.briefBlock div.rightBlock ul li {
width: calc(100% - 60px) !important;
}
article.briefBlock div.capacity div.ssd {
width: 50px !important;
}
div.compatibility {
height: 400px !important;
}
div#vFast.performance {
min-height: 460px !important;
height: 460px !important;
background-position: bottom right !important;
}
div#vFast.compatibility {
border-radius: 0 !important;
background-position: bottom left;
}
div#vRaid.performance {
height: 400px !important;
min-height: 400px !important;
background-color: #c3d1dd;
background-image: url('../img/products/v-raid-banner-2.webp');
background-size: auto 100% !important;
background-position: -250px 0;
background-repeat: no-repeat;
}
div#vRaid.compatibility {
display: block;
width: 100%;
max-width: 100%;
min-height: 400px;
background-color: #333;
background-image: url(../img/products/v-raid-benefit-2.webp);
background-size: cover;
background-position: 80% 0 !important;
background-repeat: no-repeat;
background-size: cover !important;
color: #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 1px 2px #777;
}
div#vRaid.compatibility div.fadeGradient div.textBlock {
margin-left: 250px !important;
}
}
@media (min-width:501px) {
div.whereToBuy div.vendors a.Newegg {
background-size: auto 70%;
}
section.whereToBuy div.vendors ul li a.Newegg.logo {
background-size: 70%;
}
}
@media (max-width:500px) {
ul#itemCard.demo_arrows {
margin: 0 0 -40px 0;
}
div.disclosures div.wrapper p {
max-width: calc(100% - 10px);
font-size: 12px;
}
article.briefBlock div.complexBox {
float: left;
display: block;
width: 100%;
height: fit-content;
}
article.briefBlock div.capacity {
float: left;
display: block;
width: 100%;
height: 200px;
}
article.briefBlock div.capacity div.ssd,
article.briefBlock div.capacity div.ssd:hover,
article.briefBlock div.capacity div.ssd:target {
float: left;
display: inline-block;
width: fit-content;
height: 30px;
margin: 0 5px 7px 0;
padding: 7px 5px;
background-color: #f5f5f5;
border: none;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
article.briefBlock div.prices {
position: fixed;
left: 0;
bottom: 0;
padding-left: 20px;
background: #f5f5f5;
border-top: 1px solid #ddd;
}
article.briefBlock div.capacity {
position: fixed;
bottom: 7px;
left: 20px;
z-index: 1;
height: 40px;
}
article.briefBlock div.capacity:before {
display: inline-block;
width: fit-content;
margin-right: 10px;
padding-top: 10px;
font-size: 13px;
}
article.briefBlock div.prices button.buyNow {
float: right;
margin-right: 40px;
width: 90px;
}
div#benefits div.design div.textBlock.modernDesign, div#benefits div.design div.textBlock.guard {
display: block;
width: 100%;
vertical-align: top;
margin-left: 0;
margin-right: 20px;
}
div.productLine.onTop {
position: relative;
top: 80px;
left: 0;
z-index: 1;
height: 120px;
margin-bottom: 70px;
background-color: #e9e9e9;
}
div.whereToBuy div.vendors a.Newegg {
background-size: auto 100%;
}
}
@media (max-width:480px) {
div.compatibility {
background-size: 150% auto;
}
div#benefits div.design div.fadeBlock {
width: calc(100% - 60px);
height: 120vh;
padding-top: 10px;
padding-left: 30px;
}
div.performance div.textBlock {
width: 300px;
margin-left: 0;
}
div#specification.visible h3, div#warranty.visible h3 {
margin-top: 0;
font-size: 17px;
}
div.techInfo.table div.row div.entity {
display: block;
width: 100%;
font-weight: 400;
}
div.techInfo.table div.row div.value {
display: block;
width: 100%;
margin-bottom: -5px;
padding-top: 5px;
font-weight: 550;
}
div#warranty.visible {
padding-bottom: 30px;
}
div#warranty.visible p {
display: block;
max-width: 620px;
padding: 0 30px;
font-size: 14px;
}
}
@media (min-width:360px) and (max-width:480px) {
article.briefBlock div.photos {
display: inline-block;
width: 100%;
height: fit-content;
}
article.briefBlock div.photos ul#itemCard.demo_arrows {
margin: 0 calc(50% - 180px) -40px calc(50% - 180px);
}
div.performance {
background-size: auto 120%;
}
div#vFast.performance {
background-color: #e4e9ee;
background-image: url('../img/products/v-fast-benefit-mobile-view.webp');
background-size: 160%;
background-position: center bottom;
background-repeat: no-repeat;
}
div#vFast.compatibility {
background-image: url('../img/products/vectotech-v-fast-8tb-mobile-view.webp');
background-color: #9398a2;
background-position: center bottom;
background-size: 100% auto !important;
border-radius: 0 0 15px 15px;
overflow: hidden;
}
div#vFast.performance div.fadeGradient,
div#vFast.compatibility div.fadeGradient,
div#vRaid.compatibility div.fadeGradient {
background-color:transparent !important;
background:transparent !important;
}
div.compatibility {
background-size: 180% auto !important;
}
div#vRaid.performance {
height: 84vh;
min-height: 84vh;
background-color: #c3d1dd;
background-image: url('../img/products/v-raid-banner-mobile-view.webp');
background-size: auto 100%;
background-position: bottom center;
background-repeat: no-repeat;
}
div#vRaid.compatibility {
display: block;
width: 100%;
max-width: 100%;
min-height: 400px;
height: 85vh;
margin-top: -2px;
background-color: #454b57;
background-image: url('../img/products/v-raid-benefit-mobile-view.webp');
background-position: bottom center !important;
background-repeat: no-repeat;
background-size: 120% auto !important;
color: #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 1px 2px #777;
}
div#benefits div.design div.textBlock.guard {
margin-left: 20px !important;
margin-right: 0;
}
div.compatibility div.fadeGradient div.platforms i.platforms {
display: block;
width: 320px !important;
min-height: 60px;
height: fit-content;
margin-top: 10px;
margin-left: -15px;
background-image: url(../img/ui/horizontal-platforms.svg);
background-size: 320px auto !important;
background-position: 0 0;
background-repeat: no-repeat;
text-align: left;
}
div#benefits div.design div.textBlock.modernDesign:before,
div#benefits div.design div.textBlock.guard:before {
width:320px;
}
div#benefits div.design div.textBlock.modernDesign h4,
div#benefits div.design div.textBlock.guard h4 {
margin-top: 15px;
margin-bottom: -10px !important;
line-height: 1.5em;
}
section.whereToBuy div.header.support {
width: 100%;
max-width: 100%;
min-height: 200px;
height: 260px;
margin: 0 auto -10px auto;
background-color: #7084a0;
background-image: url('../img/products/support-mobile-view.webp');
background-size: 100% auto;
background-position: right bottom;
background-repeat: no-repeat;
border-radius: 0;
overflow: hidden;
}
section.whereToBuy div.header.support h1,
section.knowledgeBase div.header h1 {
background: transparent;
font-size: 24px;
font-weight: 400;
}
div.sections ul li {
width: calc(100% - 20px);
min-height: 80px;
height: fit-content;
margin-right: 0;
margin-bottom: 0;
}
section.whereToBuy h2.chooseStore,
section.knowledgeBase h2 {
margin-bottom: -10px;
border-radius:0;
}
div.sections ul li a {
display: block;
width: 100%;
height: 100%;
min-height: 82px;
background-color: transparent;
border: none;
font-size: 16px;
color: #111;
text-decoration: none;
text-align: center;
}
div.sections ul li a span {
display: block;
margin: 5px auto;
padding-top: 25px;
text-align: left;
}
div.sections ul li a span:before {
float: left;
zoom: 70%;
margin: -25px 20px 0 20px;
}
section.warrantyPolicy,
section.contactUs,
section.knowledgeBase {
max-width: calc(100% - 50px);
margin: 10px auto;
}
div.whereToBuy div.vendors a {
width: 240px;
margin-left: calc(50% - 120px);
margin-right: calc(50% - 120px);
margin-bottom: 10px;
}
}
@media (max-width:360px) {
div.reviews ul#random.reviews {
height: 830px !important;
}
div.reviews ul#random.reviews li {
margin-left:auto;
margin-right:auto;
}
article.briefBlock div.textBlock ul {
width: calc(100% - 180px);
max-width: calc(100% - 180px);
}
div.compatibility {
display: block;
width: 100%;
max-width: 100%;
min-height: 100vh;
background-color: #d3d3d3;
background-image: url('../img/products/rapid-benefit-mobile-view.webp');
background-size: 170% auto !important;
background-position: bottom center;
background-repeat: no-repeat;
color: #fff;
}
div.compatibility div.fadeGradient div.textBlock {
float: left;
width: calc(100% - 60px) !important;
max-width: calc(100% - 60px) !important;
height: fit-content;
min-height: fit-content;
margin-top: 0 !important;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
border: none;
border-radius: 10px;
color: #fff;
}
div.compatibility div.fadeGradient div.platforms i.platforms {
display: block;
width: 320px !important;
min-height: 60px;
height: fit-content;
margin-top: 10px;
margin-left: -15px;
background-image: url('../img/ui/horizontal-platforms.svg');
background-size: 320px auto !important;
background-position: 0 0;
background-repeat: no-repeat;
text-align: left;
}
div#benefits div.design div.textBlock.modernDesign:before {
content: "";
display: block;
width: 300px !important;
height: 140px;
margin-top: 20px;
background-color: #fff;
background-image: url('../img/products/rapid-design.webp');
background-size: cover;
background-position: center center;
box-shadow: 0 2px 2px #1e1e1e;
border-radius: 4px;
}
div#benefits div.design div.textBlock.guard:before {
content: "";
display: block;
width: 300px;
height: 140px;
margin-top: 20px;
background-color: #fff;
background-image: url('../img/products/rapid-shock-guard.webp');
background-size: 100%;
background-position: top center;
box-shadow: 0 2px 2px #1e1e1e;
border-radius: 4px;
}
div#benefits div.design div.textBlock.guard {
margin-left: calc(50% - 150px) !important;
margin-right: calc(50% - 150px) !important;
}
div#benefits div.design div.textBlock.modernDesign h4,
div#benefits div.design div.textBlock.guard h4 {
margin-top: 15px;
margin-bottom: 10px;
font-size: 20px;
font-weight: 300;
line-height: 1.5em;
}
section.warrantyPolicy,
section.contactUs,
section.knowledgeBase {
max-width: calc(100% - 50px);
margin: 10px auto;
}
}