.basic-grey-text { font-family: Arial, sans-serif; font-size: 1rem; line-height: 1rem; color: #656565; }

.rc-landingpage h1 { font-family: "metric-semibold", Arial, sans-serif; font-size: 3.375rem; line-height: 3.375rem; margin-bottom: 26px; }
.rc-landingpage h2 { font-family: "metric-semibold", Arial, sans-serif; font-size: 2.25rem; margin-bottom: 20px; }
.rc-landingpage p { font-family: Arial, sans-serif; font-size: 1rem; margin-bottom: 20px; }
.rc-landingpage p.h2-sub-headline { font-family: "metric-light", Arial, sans-serif; font-size: 1.875rem; margin-bottom: 20px; }
.rc-landingpage .text-centered h1, .rc-landingpage .text-centered h2, .rc-landingpage .text-centered p { text-align: center; }
.rc-landingpage .disclaimer { font-size: 0.75rem; font-style: italic; padding-top: 20px; }
.rc-landingpage .down-arrow { min-height: 49px; display: block; position: absolute; bottom: 0; left: 0; right: 0; }
.rc-landingpage .down-arrow-f1f1f1 { background: url("https://s3.belkin.com/resources/img/resource-center/shared/resourcecenter-arrow-f1f1f1.png") no-repeat bottom center; }
.rc-landingpage .down-arrow-white { background: url("https://s3.belkin.com/resources/img/resource-center/shared/resourcecenter-arrow-white.png") no-repeat bottom center; }
.rc-landingpage .down-arrow-f8f8f8 { background: url("https://s3.belkin.com/resources/img/resource-center/shared/resourcecenter-arrow-black.png") no-repeat bottom center; }
.rc-landingpage .down-arrow-ececec { background: url("https://s3.belkin.com/resources/img/resource-center/shared/resourcecenter-arrow-ececec.png") no-repeat bottom center; }
.rc-landingpage .down-arrow-top { min-height: 49px; display: block; position: absolute; top: 0; left: 0; right: 0; }
.rc-landingpage .down-arrow-top-black { background: url("https://s3.belkin.com/resources/img/resource-center/shared/resourcecenter-arrow-top-black.png") no-repeat bottom center; }
.rc-landingpage .down-arrow-top-f1f1f1 { background: url("https://s3.belkin.com/resources/img/resource-center/shared/resourcecenter-arrow-top-f1f1f1.png") no-repeat bottom center; }
.rc-landingpage .down-arrow-top-white { background: url("https://s3.belkin.com/resources/img/resource-center/shared/resourcecenter-arrow-top-white.png") no-repeat bottom center; }
.rc-landingpage .center-image { margin: 0 auto; }
.rc-landingpage #rc-faq { position: relative; padding-bottom: 80px; background-color: #ececec; }
.rc-landingpage #rc-faq p, .rc-landingpage #rc-faq li { text-align: left; }
.rc-landingpage #rc-faq h2 { text-align: center; text-transform: uppercase; margin: 100px 0 45px; }
.rc-landingpage #rc-faq dt { font-family: Arial, sans-serif; font-weight: bold; font-size: 1.125rem; line-height: 58px; display: block; color: #656565; border-bottom: 1px solid #707070; }
.rc-landingpage #rc-faq dd { background-color: #ebebeb; padding: 26px 40px; }
.rc-landingpage #rc-faq li { font-family: Arial, sans-serif; font-size: 1rem; line-height: 1rem; color: #656565; margin: 32px 16px; }
.rc-landingpage #rc-faq a { color: #73d44a; text-decoration: none; }
.rc-landingpage #rc-faq a:hover { text-decoration: underline; }
.rc-landingpage #rc-faq h3.faq-detail-sub { font-family: Arial, sans-serif; font-size: 1rem; line-height: 1rem; color: #656565; font-weight: bold; }
.rc-landingpage #rc-faq .faq-detail-note { font-style: italic; }
.rc-landingpage .faq-quest { display: inline-block; height: 58px; cursor: pointer; }
.rc-landingpage .faq-close-button { text-indent: -5000px; font-size: 1px; height: 22px; width: 22px; position: relative; box-sizing: border-box; line-height: 22px; margin-right: 20px; margin-top: -18px; display: inline-block; background-color: #a69c93; border-radius: 50%; transition: all 0.25s ease-out; top: -7px; }
.rc-landingpage .faq-close-button:before { width: 12px; height: 2px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -6px; display: block; background-color: #fff; transition: all 0.25s ease-out; }
.rc-landingpage .faq-close-button:after { width: 12px; height: 2px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -6px; display: block; background-color: #fff; transition: all 0.25s ease-out; transform: rotate(-135deg); }
.rc-landingpage .faq-close-button.closed { background-color: #73d349; }
.rc-landingpage .faq-close-button.closed:before { transform: rotate(90deg); }
.rc-landingpage .faq-close-button.closed:after { transform: rotate(0deg); }
.rc-landingpage .product-listing.product-grid { align-items: center; justify-content: center; }
.rc-landingpage .product-listing .product-item { float: none; }

@media (max-width: 1023px) { .rc-landingpage h2 { font-size: 3rem; padding-bottom: 10px; } }
@media (min-width: 1024px) { .rc-landingpage .vert-center-text-block { position: absolute; top: 50%; transform: translateY(-50%); } }
@media (max-width: 1023px) { .rc-landingpage p { margin-left: 40px; margin-right: 40px; } }
@media (max-width: 767px) { .rc-landingpage #rc-faq dt { padding-left: 10px; padding-right: 10px; padding-top: 18px; line-height: 24px; display: block; position: relative; }
  .rc-landingpage #rc-faq dt .faq-close-button { position: absolute; top: 20px; margin-top: 0; }
  .rc-landingpage .faq-quest { max-width: 90%; padding-left: 38px; } }
.main-banr-content { display: none; }

#main-carousel { padding-bottom: 0px; }

.rc-landingpage section { box-sizing: border-box; }

.rc-magsafearticle #whats-magsafe-technology { background-image: url("https://s3.belkin.com/resources/img/resource-center/magsafe/magsafe-what-is-magsafe-1680x865-desktop-us.jpg"); background-size: cover; background-position: top right; background-repeat: no-repeat; min-height: 865px; position: relative; }
.rc-magsafearticle #whats-magsafe-technology .copy-block { width: 25vw; max-width: 512px; margin-left: 10vw; }
.rc-magsafearticle #whats-magsafe-technology .copy-block h1 { margin-bottom: 21px; }

@media (min-width: 2800px) { .rc-magsafearticle #whats-magsafe-technology .copy-block { margin-left: 10vw; } }
@media (min-width: 3260) { .rc-magsafearticle #whats-magsafe-technology .copy-block { margin-left: 8vw; } }
@media (max-width: 1518px) { .rc-magsafearticle #whats-magsafe-technology .copy-block h1 { font-size: 2.8125rem; line-height: 2.8125rem; } }
@media (max-width: 1023px) { .rc-magsafearticle #whats-magsafe-technology .copy-block { width: 100%; margin-left: 0; text-align: center; } }
@media (max-width: 1023px) { .rc-magsafearticle #whats-magsafe-technology { min-height: auto; } }
.ms-badge { width: 9.5vw; max-width: 141px; }

@media (max-width: 1023px) { .ms-badge { width: 122px; } }
.rc-magsafearticle #whats-magsafe-technology .copy-block { padding-top: 6.13vw; }

@media (max-width: 1023px) { .rc-magsafearticle #whats-magsafe-technology { background-image: url("https://s3.belkin.com/resources/img/resource-center/magsafe/magsafe-what-is-magsafe-480x752-mobile-us.jpg"); background-size: cover; background-position: bottom center; background-color: #d5d5d5; }
  .rc-magsafearticle #whats-magsafe-technology .copy-block { margin-bottom: 90%; }
  .rc-magsafearticle #whats-magsafe-technology p:last-of-type { margin-bottom: 0; } }
#animation-frame, #video-frame { width: 100%; height: 56.2vw; max-height: 944px; }

@media (max-width: 1023px) { #video-frame { margin-top: 10px; } }
.rc-magsafearticle #how-magsafe-works { background-color: #e1dddc; padding-left: 0; padding-right: 0; }
.rc-magsafearticle #how-magsafe-works .copy-block { position: relative; z-index: 2; margin: 20px auto; max-width: 816px; margin-top: 70px; margin-bottom: -7.5vw; }
.rc-magsafearticle #how-magsafe-works #animation-container { position: relative; height: 0; padding-bottom: 62.95%; }
.rc-magsafearticle #how-magsafe-works .animation-frame { display: block; position: absolute; width: 100%; height: 100%; max-width: 100%; }
.rc-magsafearticle #how-magsafe-works h2, .rc-magsafearticle #how-magsafe-works p { text-align: center; }
.rc-magsafearticle #why-magsafe-technology { background-image: url("https://s3.belkin.com/resources/img/resource-center/magsafe/magsafe-why-should-i-get-magsafe-1680x700-desktop-us.jpg"); background-size: cover; background-position: top center; background-repeat: no-repeat; background-color: #646666; min-height: 747px; position: relative; }
.rc-magsafearticle #why-magsafe-technology h2, .rc-magsafearticle #why-magsafe-technology p { padding-left: 3.5vw; }
.rc-magsafearticle #why-magsafe-technology .copy-block { padding-top: 75px; }

@media (max-width: 1023px) { .rc-magsafearticle #how-magsafe-works { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; }
  .rc-magsafearticle #how-magsafe-works .copy-block { margin-top: 30px; }
  .rc-magsafearticle #how-magsafe-works img { margin-top: 0px; padding-left: 40px; }
  .rc-magsafearticle #how-magsafe-works .sort-last { -webkit-box-ordinal-group: 99; -moz-box-ordinal-group: 99; box-ordinal-group: 99; margin-top: 40px; } }
@media (max-width: 1023px) { .rc-magsafearticle #why-magsafe-technology { background-color: #edefea; } }
@media (max-width: 1023px) { .rc-magsafearticle #why-magsafe-technology { background-image: url("https://s3.belkin.com/resources/img/resource-center/magsafe/magsafe-why-should-i-get-magsafe-480x560-mobile-us.jpg"); background-size: 100% auto; background-position: bottom center; }
  .rc-magsafearticle #why-magsafe-technology .copy-block { margin-bottom: 110%; padding-top: 30px; text-align: center; }
  .rc-magsafearticle #why-magsafe-technology p { margin-left: 0; margin-right: 0; } }
#whats-the-difference { background-color: #dcd7d7; position: relative; background-position: left bottom; background-size: contain; background-repeat: no-repeat; }
#whats-the-difference .copy-block { text-align: center; padding-bottom: 35%; padding-top: 100px; z-index: 1; }
#whats-the-difference .copy-block p { padding-left: 80px; padding-right: 80px; }
#whats-the-difference .copy-block p:last-child { margin-bottom: -40px; }

@media (max-width: 1023px) { #whats-the-difference .copy-block { padding-top: 30px; padding-bottom: 30%; } }
@media (max-width: 1492px) { #whats-the-difference .copy-block p { padding-left: 0; padding-right: 0; } }
@media (max-width: 1023px) { #whats-the-difference .copy-block p { padding-left: 10px; padding-right: 10px; margin-left: 0; margin-right: 0; } }
@media (max-width: 1023px) { #whats-the-difference .copy-block p:last-child { margin-bottom: 0; } }
.difference-animation { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; padding-bottom: 29.76%; max-width: 1680px; max-height: 500px; }

.difference-device { position: absolute; transition: all 600ms ease-out; }

.difference-01 { width: 12.86%; left: 5.6%; bottom: 50%; transform: translateY(-200%); }
.difference-01.in-position { transform: none; animation: dropone 2000ms ease-in-out; }

@keyframes dropone { 0% { transform: translateY(-200%); }
  10% { transform: translateY(-200%); }
  100% { transform: translateY(0); } }
.difference-02 { width: 12.2%; left: 22.08%; bottom: 56.8%; transform: translateY(-130%); opacity: 0.4; }
.difference-02.in-position { transform: none; opacity: 1; animation: 1300ms droptwo ease-in-out; }

@keyframes droptwo { 0% { transform: translateY(-130%); opacity: 0.4; }
  70% { transform: translateY(-130%); opacity: 0.4; }
  100% { transform: translateY(0); opacity: 1; } }
.difference-03 { width: 7.2%; left: 25.71%; bottom: 13.8%; transform: translateY(-100%); }
.difference-03.in-position { transform: none; animation: 1000ms dropthree ease-in-out; }

@keyframes dropthree { 0% { transform: translateY(-100%); }
  50% { transform: translateY(-100%); }
  100% { transform: translateY(0); opacity: 1; } }
.difference-04 { width: 15.42%; left: 37.26%; bottom: 7.8%; transform: translateY(-60%); opacity: 0.2; }
.difference-04.in-position { transform: none; opacity: 1; animation: dropfour 1200ms ease-in-out; }

@keyframes dropfour { 0% { transform: translateY(-60%); opacity: 0.2; }
  30% { transform: translateY(-60%); opacity: 0.2; }
  100% { transform: translateY(0); opacity: 1; } }
.difference-05 { width: 9.11%; left: 53.33%; bottom: 43%; transform: translateY(-50%); opacity: 0.6; }
.difference-05.in-position { transform: none; opacity: 1; animation: dropfive 1000ms ease-in-out; }

@keyframes dropfive { 0% { transform: translateY(-50%); opacity: 0.6; }
  20% { transform: translateY(-50%); opacity: 0.6; }
  100% { transform: translateY(0); opacity: 1; } }
.difference-06 { width: 10.18%; left: 68.63%; bottom: 50%; transform: translateY(-175%); opacity: 0.4; }
.difference-06.in-position { transform: none; opacity: 1; animation: dropsix 1750ms ease-in-out; }

@keyframes dropsix { 0% { transform: translateY(-175%); opacity: 0.4; }
  30% { transform: translateY(-175%); opacity: 0.4; }
  100% { transform: translateY(0); opacity: 1; } }
.difference-07 { width: 17.32%; left: 81.31%; bottom: 35.4%; transform: translateY(-180%); }
.difference-07.in-position { transform: none; animation: dropseven 2350ms ease-in-out; }

@keyframes dropseven { 0% { transform: translateY(-180%); }
  40% { transform: translateY(-180%); }
  100% { transform: translateY(0); } }
.difference-08 { width: 15.36%; left: 2.68%; bottom: 0; }

.difference-09 { width: 13.99%; left: 65.89%; bottom: 0; }

.difference-10 { width: 18.93%; right: 0; bottom: 0; }

.rc-magsafearticle #why-choose-belkin-magsafe .copy-block { padding-top: 55px; padding-bottom: 55px; }
.rc-magsafearticle #featured-products { position: relative; padding-top: 40px; padding-bottom: 75px; }
.rc-magsafearticle #featured-products h2 { color: black; font-family: "metric-medium", Arial, sans-serif; font-size: 3.6rem; line-height: 3.6rem; margin: 0 0 30px; text-align: center; }

@media (max-width: 1023px) { .rc-magsafearticle #why-choose-belkin-magsafe .copy-block { margin-bottom: 35px; } }
@media (max-width: 1023px) { .rc-magsafearticle .sort-last { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; }
  .rc-magsafearticle .sort-last-item { -webkit-box-ordinal-group: 99; -moz-box-ordinal-group: 99; box-ordinal-group: 99; margin-top: 40px; } }

/*# sourceMappingURL=what-is-magsafe.css.map */