.is-triangle-sprite, .is-triangle-glass, .is-triangle-glassActive, .is-triangle-hdx, .is-triangle-hdxActive, .is-triangle-original, .is-triangle-originalActive { background-image: url('../../images/landing-pages/sbd-template/is-triangle-s3de1959217.png'); background-repeat: no-repeat; }

.is-triangle-glass { background-position: 0 0; }

.is-triangle-glassActive { background-position: 0 -73px; }

.is-triangle-hdx { background-position: 0 -146px; }

.is-triangle-hdxActive { background-position: 0 -201px; }

.is-triangle-original { background-position: 0 -256px; }

.is-triangle-originalActive { background-position: 0 -303px; }

.is-icons-sprite, .is-icons-glass, .is-icons-hdx, .is-icons-original { background-image: url('../../images/landing-pages/sbd-template/is-icons-s2415b7dcc2.png'); background-repeat: no-repeat; }

.is-icons-glass { background-position: 0 -180px; }

.is-icons-hdx { background-position: -375px -90px; }

.is-icons-original { background-position: -750px 0; }

h1 { margin-top: 30px; font-size: 3.5em; font-weight: 400; }

.main-container { max-width: none; }

.catalog-category-view .page { background: #fff; }

.shop-by-device { position: relative; }
.shop-by-device .sbd-header { text-align: center; padding-top: 15px; margin: 0; background-color: rgba(0, 0, 0, 0.6); width: 100%; }
.shop-by-device .sbd-header h1 { margin-top: 0; color: #fff; }
.shop-by-device .sbd-header p { color: #fff; }
.shop-by-device .sbd-category-tabs.container { margin: 40px auto 50px; padding: 0 50px; position: relative; }
.shop-by-device .sbd-category-tabs .toggle-tabs { list-style: none; margin: 0 auto 40px; text-align: center; max-width: 100%; }
.shop-by-device .sbd-category-tabs .toggle-tabs .tab-title { font-size: 35px; margin-bottom: 20px; line-height: 1.2; }
@media (max-width: 767px) { .shop-by-device .sbd-category-tabs .toggle-tabs .tab-title { font-size: 22px; } }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box { max-width: 100%; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div { width: 178px; display: inline-block; padding: 12px; opacity: 0.4; cursor: pointer; transition: opacity .5s ease; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div.current { opacity: 1; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div.hidden { display: none; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div.visible { display: inline-block; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div img { max-width: 100%; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div p { text-align: center; font-size: 18px; font-weight: 400; margin-top: 15px; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width li { display: inline-block; margin-left: 20px; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width li.first { margin-left: 0; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width li.current { background-position: 50% bottom; font-weight: bold; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width li span { cursor: pointer; font-size: 16px; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width li.featured span { color: #D13239; font-weight: bold; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width li.featured span:hover { color: #D13239; font-weight: bold; }
.shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width li span:hover { color: #000; }
@media (max-width: 1092px) { .shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width { max-width: 750px; }
  .shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div { width: 125px; }
  .shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div p { font-size: 14px; } }
@media (max-width: 767px) { .shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box { overflow: scroll; padding: 0 50px; margin-left: -50px; box-sizing: content-box; width: 100%; } }
.shop-by-device .sbd-category-tabs .tab { display: none; }
.shop-by-device .sbd-category-tabs.container .products-grid-btn { display: block; font-family: "icomoon"; cursor: pointer; height: 100%; position: absolute; top: 0; color: rgba(64, 64, 63, 0.75); font-size: 50px; }
.shop-by-device .sbd-category-tabs.container .products-grid-btn.disabled { color: rgba(64, 64, 63, 0.25); }
.shop-by-device .sbd-category-tabs.container .products-grid-btn-prev { left: 0; }
.shop-by-device .sbd-category-tabs.container .products-grid-btn-next { right: 50px; }
.shop-by-device .sbd-category-tabs.container .products-grid-btn-prev:before { content: "\e602"; position: absolute; top: 50%; }
.shop-by-device .sbd-category-tabs.container .products-grid-btn-next:before { content: "\e603"; position: absolute; top: 50%; }
.shop-by-device .sbd-category-tabs #category-tabs { min-height: 400px; }
.shop-by-device .sbd-category-tabs .products-grid { list-style: none; margin: 0; height: 400px; width: initial; }
.shop-by-device .sbd-category-tabs .products-grid li { margin: 0 !important; width: 323px; clear: none; border: 1px solid #fff; height: 100%; max-height: 100%; position: relative; opacity: 0; }
.shop-by-device .sbd-category-tabs .products-grid li .product-image { height: initial; line-height: initial; }
.shop-by-device .sbd-category-tabs .products-grid li .product-image:hover { height: initial; line-height: initial; }
.shop-by-device .sbd-category-tabs .products-grid li img { width: 210px; height: 210px; max-width: none; max-height: none; }
.shop-by-device .sbd-category-tabs .products-grid li a { display: block; }
.shop-by-device .sbd-category-tabs .products-grid li a .product-info { padding: 0; width: 90%; margin: 0 auto; background-color: transparent; height: initial; max-width: 200px; }
.shop-by-device .sbd-category-tabs .products-grid li a .product-info .category-product-os { float: left; margin-top: 2px; }
.shop-by-device .sbd-category-tabs .products-grid li a .product-info .category-product-os img { height: 15px; width: 15px; }
.shop-by-device .sbd-category-tabs .products-grid li a .product-info .price-box { border: none; line-height: initial; margin-top: 10px; position: static; font-weight: normal; padding: 0; }
.shop-by-device .sbd-category-tabs .products-grid li .price-box p { margin: 0; }
.shop-by-device .sbd-category-tabs .products-grid li #amconf-block { position: static; margin: 10px auto 0; max-width: 200px; }
.shop-by-device .sbd-category-tabs .products-grid li #amconf-block .amconf-images-container { text-align: left; text-indent: 10px; }
.shop-by-device .sbd-category-tabs .products-grid li #amconf-block .amconf-image-more { display: inline-block; text-indent: 0; vertical-align: top; }
.shop-by-device .sbd-category-tabs .products-grid li .btn, .shop-by-device .sbd-category-tabs .products-grid li .gc-out-of-stock, .shop-by-device .sbd-category-tabs .products-grid li .ajax_loader { margin: 5px auto; width: 220px; position: absolute; left: 10px; }
.shop-by-device .sbd-category-tabs .products-grid li .btn.btn-see-bundles { bottom: 5px; }
.shop-by-device .sbd-category-tabs .products-grid li .btn.btn-learn-more { bottom: 20px; left: 50%; margin-left: -100px !important; background: #cf2b3d; color: #fff; width: 200px; }
.shop-by-device .sbd-category-tabs .products-grid li.bundle .btn, .shop-by-device .sbd-category-tabs .products-grid li.bundle .gc-out-of-stock, .shop-by-device .sbd-category-tabs .products-grid li.bundle .ajax_loader { bottom: 52px; }
.shop-by-device .sbd-category-tabs .products-grid li.bundle .gc-out-of-stock { padding: 10px 0; }
.shop-by-device .sbd-category-tabs .products-grid li .ajax_loader img { height: 30px; width: 30px; margin: 0 auto; }
.shop-by-device .sbd-content { padding: 40px 0; }
.shop-by-device .sbd-content .container { width: 970px; margin: 0 auto; }
.shop-by-device .sbd-content.bg-tan { background-color: #f0eeeb; }
.shop-by-device .sbd-content.bg-black { background-color: #000; }
.shop-by-device .sbd-content .img-right { float: right; margin-left: 40px; }
.shop-by-device .sbd-content .img-left { float: left; margin-right: 40px; }
.shop-by-device .sbd-content h2 { font-size: 4.2em; letter-spacing: -0.03125em; }
.shop-by-device .sbd-content h3 { color: #497c99; font-size: 24px; font-weight: 400; line-height: 1.3; }
.shop-by-device .sbd-content .video-thumb { position: relative; }
.shop-by-device .sbd-content .video-thumb .video-thumb-icon { position: absolute; left: 0; top: 0; }
.shop-by-device .sbd-content.video-lg iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.shop-by-device .sbd-content.video-lg div { display: block; text-align: center; position: relative; max-width: 100%; }
.shop-by-device .sbd-content.video-lg div:hover { cursor: pointer; }
.shop-by-device .sbd-content.video-lg .video-thumb { display: inline; border: 1px solid black; width: 100%; }
.shop-by-device .sbd-content.video-lg .play-btn { position: absolute; top: 50%; height: 80px; margin-top: -75px; left: 50%; margin-left: -40px; opacity: 0.8; }
.shop-by-device .sbd-content.video-lg div:hover .play-btn { opacity: 1; }
.shop-by-device .sbd-content .sbd-icon { float: right; width: 200px; margin-right: 25px; }

@media (min-width: 868px) { .shop-by-device .sbd-category-tabs.container { width: 850px; } }
@media (min-width: 1092px) { .shop-by-device .sbd-category-tabs.container { width: 1070px; } }
@media (max-width: 970px) { .shop-by-device .sbd-content .container { max-width: 90%; }
  .shop-by-device .sbd-content .container .img-left { max-width: 100%; margin: 0 auto !important; float: none; }
  .shop-by-device .sbd-content .container img.sbd-icon { float: none; margin: 0 auto; } }
@media (max-width: 767px) { .shop-by-device .sbd-category-tabs .toggle-tabs li span { font-size: 12px; } }
@media (max-width: 620px) { .shop-by-device .sbd-category-tabs .toggle-tabs { text-align: center; }
  .shop-by-device .sbd-category-tabs .toggle-tabs li { margin-left: 0; padding: 10px 15px; }
  .shop-by-device .sbd-category-tabs .toggle-tabs li.current { background: none; text-decoration: underline; }
  .shop-by-device .sbd-content a.btn { display: block; margin: 10px auto !important; } }
a#back-to-top { width: 87px; height: 87px; display: block; background-image: url("/media/zagg/images/accessories/sbd-template/back-to-top.png"); position: fixed; bottom: 20px; right: 20px; z-index: 100; opacity: 0; transition: opacity .5s ease; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; cursor: pointer; }
a#back-to-top.show { opacity: 1; }
a#back-to-top.absolute { position: absolute; bottom: 20px; right: 20px; }

@media (max-width: 970px) { a#back-to-top { display: none; } }
.hero-video { width: 100%; height: 640px; position: relative; overflow: hidden; background: transparent; }
.hero-video #video-background { position: absolute; width: 100%; top: 0%; height: auto; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hero-video #video-background.phone { background-image: url("/media/zagg/images/accessories/sbd-template/first-frame-phone-generic.jpg"); }
.hero-video #video-background.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/first-frame-tablet-generic.jpg"); }
.hero-video #video-background .backup-banner { width: 100%; height: 640px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; }
.hero-video #video-background .backup-banner.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/hero-banner-tablet.jpg"); }
.hero-video #video-background .backup-banner.phone { background-image: url("/media/zagg/images/accessories/sbd-template/hero-banner-phone.jpg"); }
@media (max-width: 1138px) { .hero-video #video-background { width: auto; height: 100%; } }
.hero-video .mobile-banner { display: none; }
.hero-video .video-caption-wrapper { width: 100%; position: absolute; top: 0; height: 100%; left: 0; background: rgba(0, 0, 0, 0.2); }
.hero-video .video-caption-wrapper .video-caption { width: 600px; margin: 190px auto 0; text-align: center; }
.hero-video .video-caption-wrapper .video-caption h1 { text-align: center; color: #fff; font-size: 80px; font-weight: 500; text-shadow: 0 0 35px rgba(0, 0, 0, 0.5); font-family: "Avenir Next W01", "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; line-height: 1.2; }
.hero-video .video-caption-wrapper .video-caption h1 sup { font-size: 14px; top: -15px; }
.hero-video .video-caption-wrapper .video-caption h1 span.reg { font-weight: 300; font-size: 36px; display: block; }

@media (max-width: 767px) { .hero-video { width: 100%; height: 310px; position: relative; overflow: hidden; }
  .hero-video #video-background { display: none; }
  .hero-video #video-background .backup-banner { width: 100%; height: 640px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; }
  .hero-video #video-background .backup-banner.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/hero-banner-tablet.jpg"); }
  .hero-video #video-background .backup-banner.phone { background-image: url("/media/zagg/images/accessories/sbd-template/hero-banner-phone.jpg"); }
  .hero-video .mobile-banner { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
  .hero-video .mobile-banner.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/hero-banner-tablet-sm.jpg"); }
  .hero-video .mobile-banner.phone { background-image: url("/media/zagg/images/accessories/sbd-template/hero-banner-phone-sm.jpg"); }
  .hero-video .video-caption-wrapper .video-caption { width: 300px; margin: 90px auto 0; }
  .hero-video .video-caption-wrapper .video-caption h1 { font-size: 40px; }
  .hero-video .video-caption-wrapper .video-caption h1 sup { font-size: 12px; top: -6px; }
  .hero-video .video-caption-wrapper .video-caption h1 span.reg { font-size: 18px; } }
.sbd-section-invisibleshield { width: 100%; height: 800px; background-image: url("/media/zagg/images/accessories/sbd-template/section-is-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.sbd-section-invisibleshield .container { width: 940px; padding: 0; }
.sbd-section-invisibleshield .container h3, .sbd-section-invisibleshield .container h6, .sbd-section-invisibleshield .container p, .sbd-section-invisibleshield .container a { color: #fff; }
.sbd-section-invisibleshield .container .dark-box { width: 550px; height: auto; background: rgba(0, 0, 0, 0.7); float: right; margin-top: 100px; }
.sbd-section-invisibleshield .container .dark-box .text-box { width: 550px; padding: 30px; }
.sbd-section-invisibleshield .container .dark-box .text-box .top-text img { margin: 0 0 20px; }
.sbd-section-invisibleshield .container .dark-box .text-box .top-text p { font-size: 14px; font-weight: 300; letter-spacing: 0.5px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .is-box { width: 300px; height: auto; display: block; vertical-align: middle; margin: 20px 0; text-align: center; overflow: auto; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .is-box span { float: left; border: 4px solid #fff; padding: 8px; width: 100px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .is-box span.active { background: #fff; color: #4d4d54; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .is-box span.is-glass { border-radius: 0 10px 10px 0; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .is-box span.is-hdx { border-right: none; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .is-box span.is-original { border-right: none; border-radius: 10px 0 0 10px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle { width: 196px; height: 175px; display: inline-block; vertical-align: middle; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle span { width: 196px; display: block; cursor: pointer; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle span.is-triangle-glass, .sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle span.is-triangle-glassActive { height: 73px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle span.is-triangle-hdx, .sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle span.is-triangle-hdxActive { height: 55px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle span.is-triangle-original, .sbd-section-invisibleshield .container .dark-box .text-box .info-box .triangle span.is-triangle-originalActive { height: 47px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info { display: inline-block; vertical-align: middle; width: 100%; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div { display: none; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div.active { display: block; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div h3 { font-size: 24px; font-weight: 700; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div h6 { font-size: 14px; letter-spacing: 0; font-weight: 600; margin-bottom: 15px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div p { font-size: 14px; min-height: 63px; font-weight: 300; letter-spacing: 0.5px; margin-bottom: 5px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div a { width: auto; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div a:hover { text-decoration: none; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div a .btn-special { background: transparent; border: 1px solid #fff; color: #fff; width: 200px; font-size: 10px; margin: 0 0 20px; display: none; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div a .btn-special:hover { background: #fff; color: #000; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div div { width: 375px; height: 90px; }
.sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div div img { max-width: 100%; }
.sbd-section-invisibleshield .container .dark-box .text-box .legal p { font-size: 10px; margin-top: 15px; }

@media (max-width: 970px) { .sbd-section-invisibleshield { height: auto; background-size: auto 500px; background-position: center top; }
  .sbd-section-invisibleshield .container { width: 100%; }
  .sbd-section-invisibleshield .container .dark-box { width: 100%; background: black; float: none; margin-top: 500px; }
  .sbd-section-invisibleshield .container .dark-box .text-box { margin: 0 auto; overflow: auto; padding: 30px 0; }
  .sbd-section-invisibleshield .container .dark-box .text-box .info-box .is-box span { padding: 8px 0; width: 90px; } }
@media (max-width: 767px) { .sbd-section-invisibleshield { background-image: url("/media/zagg/images/accessories/sbd-template/section-is-bg-sm.jpg"); background-size: auto 300px; }
  .sbd-section-invisibleshield .container .dark-box { margin: 300px 0 0; }
  .sbd-section-invisibleshield .container .dark-box .text-box { width: 300px; }
  .sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div div { width: 300px; height: 72px; background-size: 300% auto; }
  .sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div div.is-icons-original { background-position: -600px 0px; }
  .sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div div.is-icons-hdx { background-position: -300px -72px; }
  .sbd-section-invisibleshield .container .dark-box .text-box .info-box .info > div div.is-icons-glass { background-position: 0px -144px; } }
.sbd-section-keyboards { width: 100%; height: 800px; background-image: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.sbd-section-keyboards.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg-tablet.jpg"); }
.sbd-section-keyboards.tablet .container .dark-box { margin: 160px 0 0 0; }
.sbd-section-keyboards.tablet .container .dark-box .switch-box { width: 280px; text-align: left; float: left; }
.sbd-section-keyboards.tablet .container .dark-box .switch-box p strong { font-size: 16px; font-weight: 300; }
.sbd-section-keyboards.tablet .container .dark-box .switch-box p small { font-size: 10px; font-weight: 500; }
.sbd-section-keyboards:after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg-tablet-lit.jpg"); }
.sbd-section-keyboards.active { background-image: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg-tablet-lit.jpg"); }
.sbd-section-keyboards .container { width: 940px; overflow: auto; padding: 0; }
.sbd-section-keyboards .container h3, .sbd-section-keyboards .container h6, .sbd-section-keyboards .container p, .sbd-section-keyboards .container a { color: #fff; }
.sbd-section-keyboards .container .dark-box { width: 550px; height: auto; background: rgba(0, 0, 0, 0.7); float: left; margin: 150px 0 0 0; }
.sbd-section-keyboards .container .dark-box .text-box { width: 550px; padding: 30px; }
.sbd-section-keyboards .container .dark-box .text-box .top-text h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; }
.sbd-section-keyboards .container .dark-box .text-box .top-text p { font-size: 14px; font-weight: 300; letter-spacing: 0.5px; }
.sbd-section-keyboards .container .dark-box .text-box .top-text a { width: auto; }
.sbd-section-keyboards .container .dark-box .text-box .top-text a:hover { text-decoration: none; }
.sbd-section-keyboards .container .dark-box .text-box .top-text a .btn-special { background: transparent; border: 1px solid #fff; color: #fff; width: 200px; font-size: 10px; margin: 10px 0 30px; display: none; }
.sbd-section-keyboards .container .dark-box .text-box .top-text a .btn-special:hover { background: #fff; color: #000; }
.sbd-section-keyboards .container .dark-box .text-box .top-text img { max-width: 100%; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch { display: inline-block; position: relative; width: 80px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-checkbox { display: none; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #FFF; border-radius: 20px; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:before, .sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background: #FFFFFF; color: #4D4D54; text-align: left; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background: transparent; color: #fff; text-align: right; }
.sbd-section-keyboards .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-switch { display: block; width: 18px; height: 18px; margin: 8px; background: #fff; position: absolute; top: 0; bottom: 0; right: 46px; border: 2px solid #4D4D54; border-radius: 20px; transition: all 0.3s ease-in 0s; }

@media (max-width: 970px) { .sbd-section-keyboards { height: auto; background-size: auto 500px; background-position: center top; }
  .sbd-section-keyboards.tablet .container .dark-box { margin: 500px 0 0; }
  .sbd-section-keyboards .container { width: 100%; }
  .sbd-section-keyboards .container .dark-box { width: 100%; background: black; float: none; margin: 500px 0 0; }
  .sbd-section-keyboards .container .dark-box .text-box { margin: 0 auto; overflow: auto; padding: 30px 0; } }
@media (max-width: 767px) { .sbd-section-keyboards { background-image: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg-sm.jpg"); background-size: auto 300px; }
  .sbd-section-keyboards.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg-tablet-sm.jpg"); }
  .sbd-section-keyboards.tablet .container .dark-box { margin: 300px 0 0 0; }
  .sbd-section-keyboards:after { content: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg-tablet-lit-sm.jpg"); }
  .sbd-section-keyboards.active { background-image: url("/media/zagg/images/accessories/sbd-template/section-keyboards-bg-tablet-lit-sm.jpg"); }
  .sbd-section-keyboards .container .dark-box { margin: 300px 0 0; }
  .sbd-section-keyboards .container .dark-box .text-box { width: 300px; } }
.sbd-section-power { width: 100%; height: 800px; background-image: url("/media/zagg/images/accessories/sbd-template/section-power-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.sbd-section-power:after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-flashlight2.jpg") url("/media/zagg/images/accessories/sbd-template/section-power-tablet-lantern2.jpg") url("/media/zagg/images/accessories/sbd-template/section-power-tablet-beacon2.gif"); }
.sbd-section-power.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-off2.jpg"); }
.sbd-section-power.tablet.flashlight { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-flashlight2.jpg"); }
.sbd-section-power.tablet.lantern { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-lantern2.jpg"); }
.sbd-section-power.tablet.beacon { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-beacon2.gif"); }
.sbd-section-power.tablet .container .dark-box { margin: 180px 0 0 0; }
.sbd-section-power.tablet .container .dark-box .switch-box { width: 300px; text-align: left; float: left; }
.sbd-section-power.tablet .container .dark-box .switch-box p strong { font-size: 16px; font-weight: 300; }
.sbd-section-power.tablet .container .dark-box .switch-box .switch { display: inline-block; vertical-align: top; width: 82px; margin: 0 4px; }
.sbd-section-power.tablet .container .dark-box .switch-box .switch p { line-height: 1; margin-top: 2px; text-align: center; }
.sbd-section-power.tablet .container .dark-box .switch-box .switch p small { font-size: 10px; font-weight: 500; line-height: 1; }
.sbd-section-power .container { width: 940px; overflow: auto; padding: 0; }
.sbd-section-power .container h3, .sbd-section-power .container h6, .sbd-section-power .container p, .sbd-section-power .container a { color: #fff; }
.sbd-section-power .container .dark-box { width: 550px; height: auto; background: rgba(0, 0, 0, 0.7); float: right; margin: 150px 0 0 0; }
.sbd-section-power .container .dark-box .text-box { width: 550px; padding: 30px; }
.sbd-section-power .container .dark-box .text-box .top-text h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; }
.sbd-section-power .container .dark-box .text-box .top-text p { font-size: 14px; font-weight: 300; letter-spacing: 0.5px; }
.sbd-section-power .container .dark-box .text-box .top-text img { max-width: 100%; }
.sbd-section-power .container .dark-box .text-box .top-text a { width: auto; }
.sbd-section-power .container .dark-box .text-box .top-text a:hover { text-decoration: none; }
.sbd-section-power .container .dark-box .text-box .top-text a .btn-special { background: transparent; border: 1px solid #fff; color: #fff; width: 200px; font-size: 10px; margin: 10px 0 30px; display: none; }
.sbd-section-power .container .dark-box .text-box .top-text a .btn-special:hover { background: #fff; color: #000; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch { position: relative; width: 80px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-checkbox { display: none; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #FFF; border-radius: 20px; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:before, .sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background: #FFFFFF; color: #4D4D54; text-align: left; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background: transparent; color: #fff; text-align: right; }
.sbd-section-power .container .dark-box .text-box .top-text .onoffswitch .onoffswitch-label .onoffswitch-switch { display: block; width: 18px; height: 18px; margin: 8px; background: #fff; position: absolute; top: 0; bottom: 0; right: 46px; border: 2px solid #4D4D54; border-radius: 20px; transition: all 0.3s ease-in 0s; }

@media (max-width: 970px) { .sbd-section-power { height: auto; background-size: auto 500px; background-position: center top; }
  .sbd-section-power.tablet .container .dark-box { margin: 500px 0 0; }
  .sbd-section-power .container { width: 100%; }
  .sbd-section-power .container .dark-box { width: 100%; background: black; float: none; margin: 500px 0 0; }
  .sbd-section-power .container .dark-box .text-box { margin: 0 auto; overflow: auto; padding: 30px 0; } }
@media (max-width: 767px) { .sbd-section-power { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-bg-sm.jpg"); background-size: auto 300px; }
  .sbd-section-power:after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-flashlight-sm.jpg") url("/media/zagg/images/accessories/sbd-template/section-power-tablet-lantern-sm.jpg") url("/media/zagg/images/accessories/sbd-template/section-power-tablet-beacon-sm.gif"); }
  .sbd-section-power.tablet.flashlight { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-flashlight-sm.jpg"); }
  .sbd-section-power.tablet.lantern { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-lantern-sm.jpg"); }
  .sbd-section-power.tablet.beacon { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-beacon-sm.gif"); }
  .sbd-section-power.tablet { background-image: url("/media/zagg/images/accessories/sbd-template/section-power-tablet-off-sm.jpg"); }
  .sbd-section-power.tablet .container .dark-box { margin: 300px 0 0 0; }
  .sbd-section-power.tablet .container .dark-box .switch-box { width: 300px; text-align: left; float: left; }
  .sbd-section-power.tablet .container .dark-box .switch-box p strong { font-size: 16px; font-weight: 300; }
  .sbd-section-power.tablet .container .dark-box .switch-box .switch { display: inline-block; vertical-align: top; width: 82px; margin: 0 4px; }
  .sbd-section-power.tablet .container .dark-box .switch-box .switch p { line-height: 1; margin-top: 2px; text-align: center; }
  .sbd-section-power.tablet .container .dark-box .switch-box .switch p small { font-size: 10px; font-weight: 500; line-height: 1; }
  .sbd-section-power .container .dark-box { margin: 300px 0 0; }
  .sbd-section-power .container .dark-box .text-box { width: 300px; } }
.sbd-section-audio { width: 100%; height: 800px; background-image: url("/media/zagg/images/accessories/sbd-template/section-audio-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.sbd-section-audio .container { width: 940px; overflow: auto; padding: 0; }
.sbd-section-audio .container h3, .sbd-section-audio .container h6, .sbd-section-audio .container p, .sbd-section-audio .container a { color: #fff; }
.sbd-section-audio .container .dark-box { width: 550px; height: auto; background: rgba(0, 0, 0, 0.7); float: left; margin: 200px 0 0 0; }
.sbd-section-audio .container .dark-box .text-box { width: 550px; padding: 30px; }
.sbd-section-audio .container .dark-box .text-box .top-text h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; }
.sbd-section-audio .container .dark-box .text-box .top-text p { font-size: 14px; font-weight: 300; letter-spacing: 0.5px; }
.sbd-section-audio .container .dark-box .text-box .top-text img { max-width: 100%; }
.sbd-section-audio .container .dark-box .text-box .top-text a { width: auto; }
.sbd-section-audio .container .dark-box .text-box .top-text a:hover { text-decoration: none; }
.sbd-section-audio .container .dark-box .text-box .top-text a .btn-special { background: transparent; border: 1px solid #fff; color: #fff; width: 200px; font-size: 10px; margin: 10px 0 30px; display: none; }
.sbd-section-audio .container .dark-box .text-box .top-text a .btn-special:hover { background: #fff; color: #000; }

@media (max-width: 970px) { .sbd-section-audio { height: auto; background-size: auto 500px; background-position: center top; }
  .sbd-section-audio .container { width: 100%; }
  .sbd-section-audio .container .dark-box { width: 100%; background: black; float: none; margin: 500px 0 0; }
  .sbd-section-audio .container .dark-box .text-box { margin: 0 auto; overflow: auto; padding: 30px 0; } }
@media (max-width: 767px) { .sbd-section-audio { background-image: url("/media/zagg/images/accessories/sbd-template/section-audio-bg-sm.jpg"); background-size: auto 300px; }
  .sbd-section-audio .container .dark-box { margin: 300px 0 0; }
  .sbd-section-audio .container .dark-box .text-box { width: 300px; } }
.sbd-section-social-tech { width: 100%; height: 800px; background-image: url("/media/zagg/images/accessories/sbd-template/section-social-tech-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.sbd-section-social-tech .container { width: 940px; overflow: auto; padding: 0; }
.sbd-section-social-tech .container h3, .sbd-section-social-tech .container h6, .sbd-section-social-tech .container p, .sbd-section-social-tech .container a { color: #fff; }
.sbd-section-social-tech .container .dark-box { width: 550px; height: auto; background: rgba(0, 0, 0, 0.7); float: right; margin: 180px 0 0 0; }
.sbd-section-social-tech .container .dark-box .text-box { width: 550px; padding: 30px; }
.sbd-section-social-tech .container .dark-box .text-box .top-text h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; }
.sbd-section-social-tech .container .dark-box .text-box .top-text p { font-size: 14px; font-weight: 300; letter-spacing: 0.5px; }
.sbd-section-social-tech .container .dark-box .text-box .top-text img { max-width: 100%; }
.sbd-section-social-tech .container .dark-box .text-box .top-text a { width: auto; }
.sbd-section-social-tech .container .dark-box .text-box .top-text a:hover { text-decoration: none; }
.sbd-section-social-tech .container .dark-box .text-box .top-text a .btn-special { background: transparent; border: 1px solid #fff; color: #fff; width: 200px; font-size: 10px; margin: 10px 0 30px; display: none; }
.sbd-section-social-tech .container .dark-box .text-box .top-text a .btn-special:hover { background: #fff; color: #000; }

@media (max-width: 970px) { .sbd-section-social-tech { height: auto; background-size: auto 500px; background-position: center top; }
  .sbd-section-social-tech .container { width: 100%; }
  .sbd-section-social-tech .container .dark-box { width: 100%; background: black; float: none; margin: 500px 0 0; }
  .sbd-section-social-tech .container .dark-box .text-box { margin: 0 auto; overflow: auto; padding: 30px 0; } }
@media (max-width: 767px) { .sbd-section-social-tech { background-image: url("/media/zagg/images/accessories/sbd-template/section-social-tech-bg-sm.jpg"); background-size: auto 300px; }
  .sbd-section-social-tech .container .dark-box { margin: 300px 0 0; }
  .sbd-section-social-tech .container .dark-box .text-box { width: 300px; } }
body.zagg_european_de .hero-video .video-caption-wrapper .video-caption h1, body.zagg_european_fr .hero-video .video-caption-wrapper .video-caption h1 { font-size: 66px; }
body.zagg_european_de .hero-video .video-caption-wrapper .video-caption h1 span.reg, body.zagg_european_fr .hero-video .video-caption-wrapper .video-caption h1 span.reg { font-size: 32px; }

body.zagg_european_fr .shop-by-device .sbd-category-tabs .toggle-tabs .scroll-box .scroll-width > div p { font-size: 12px; }

@media (max-width: 767px) { body.zagg_european_de .hero-video .video-caption-wrapper .video-caption h1, body.zagg_european_fr .hero-video .video-caption-wrapper .video-caption h1 { font-size: 32px; }
  body.zagg_european_de .hero-video .video-caption-wrapper .video-caption h1 span.reg, body.zagg_european_fr .hero-video .video-caption-wrapper .video-caption h1 span.reg { font-size: 16px; } }