PITAKA | Tech Accessories

a{width: 100%;} .dropdown-container { display: flex; flex-direction: column; width: 100%; } .dropdown-container ul { margin: 0; } .dropdown-container img.title-img{ width: auto; max-width: unset; display: block; margin: 0 auto; transform: scale(0.7); } .dropdown-container .relatived img.title-img{ transform: none; width: 100%; } .site-nav__dropdown { display:flex; visibility: hidden; background-color: #252525; left: -10vw; width: 100vw; } .supports-no-touch .site-nav–has-dropdown:hover .site-nav__dropdown, .site-nav–has-dropdown.nav-hover .site-nav__dropdown{ visibility: visible; } input.error::-webkit-input-placeholder, input.error:-moz-placeholder, input.error::-moz-placeholder, input.error:-ms-input-placeholder { color: #3ee1ff; } .nav-container>.site-nav{ display:flex; flex-shrink:1; } @media screen and (min-width:1025px) and (max-width:1440px){ .search-container .input-group .input-group-field{ font-size: 13px; width: 200px; } } @media screen and (max-width:1440px){ .dropdown-container img.title-img{ transform: scale(0.6); } .dropdown-container .relatived img.title-img{ transform: none; } h3.site-nav__dropdown-link, .item-detail h3.mobile-nav__link{ margin-top: -4em; } .site-header .wrapper{padding:0 7%} .site-nav__dropdown{ left: -7vw; padding: 55px 40px; } h3.site-nav__dropdown-link{font-size: 14px;} .site-nav__link{ padding:0 10px; } } @media screen and (max-width:1280px){ .site-nav__link{ padding: 0 7px; font-size: 12px; } } @media screen and (max-width:1279px){ .site-header .wrapper{ padding:0 7%; } .site-header__logo{ padding-top:15px; padding-bottom:15px; } .logo-container{ width: 50%; justify-content: center; } .search-container{ width: 25%; } } @media screen and (max-width:767px) { .site-header .wrapper{ padding: 0; } .site-header__logo img{max-width:105px;} .site-nav__dropdown{padding-left: 105px;padding-right: 105px;} } ]]> .site-nav__item:nth-child(2)>.site_nav_has_subsub{ display: grid; } .site-nav>.site-nav__item:nth-child(2)>.site_nav_has_subsub>li{ grid-row: 1; grid-column: 2; } .site-nav>.site-nav__item:nth-child(2)>.site_nav_has_subsub>li:first-child{ grid-column: 1; grid-row: 1 / 4; } .site-nav>.site-nav__item:nth-child(2)>.site_nav_has_subsub>li:nth-child(3){ grid-row: 2; padding-top: 1.5em; } .site-nav>.site-nav__item:nth-child(2)>.site_nav_has_subsub>li:nth-child(4){ grid-row: 3; padding-top: 1.5em; } .site-nav>.site-nav__item:nth-child(2)>.site_nav_has_subsub>li:last-child{ grid-column: 3; grid-row: 1 / 4; } */ .toggleImg-container{ /* width: 20vw; */ width: calc(362px + 6em); } .toggleImg-container h3, .toggleImg-container p{ max-width: 100%; } .toggleImg-container p{ height: 42px; } .title-level1{ /* opacity: 0.5; */ /* cursor: default; */ } #sub_list_carry .title-level2{ opacity: 0.7; cursor: default; } .subsub_list{ margin: 0; } .sub_list>li:first-child{ margin: 1em 0 0; } .site_nav_has_subsub>li:nth-child(n+5) .sub_list>li:first-child{ margin: 1em 0 0; } .site_nav_has_subsub>li{ padding: 0 3em; border-right: 1px solid rgba(255,255,255,0.1); } /* .site_nav_has_subsub>li:first-child .sub_list{ display: flex; } .site_nav_has_subsub>li:first-child .sub_list>li{ margin-top: 1em; } .site_nav_has_subsub>li:first-child .sub_list>li:last-child{ margin-left: 3em; } */ .site_nav_has_subsub>li:last-child{ border-right: none; } .sub_list>li>.dropdown-container a{ margin: 5px 0; } .subsub_list li:last-child .pt-section-detail{ margin-bottom: 1em; } @media screen and (max-width:1440px){ .site_nav_has_subsub>li{ padding: 0 1.5em; } } ]]>

& ${title_arr[1]}`); } else if (toggle_data[link_suffix].title.indexOf(‘for’) != -1 ) { const title_arr = toggle_data[link_suffix].title.split(‘for’); h3.html(`${title_arr[0]}
for ${title_arr[1]}`); }else{ h3.html(toggle_data[link_suffix].title); } p.html(toggle_data[link_suffix].desc); }) $(“#searchBtn”).click(function(){ var _this = $(this); if(_this.hasClass(“submit”)){ var searchInput = _this.prev(‘.search-content’).find(“input[type=’search’]”); if(searchInput.val() != “”){ _this.prev(“.search-content”).find(“button:submit”).click(); _this.removeClass(“submit”); }else{ searchInput.prop(“placeholder”,”This field is required.”).addClass(“error”); } }else{ _this.addClass(“submit”); _this.prev(“.search-content”).addClass(‘active’); _this.prev(“.search-content”).find(‘input[type=search]’).focus(); } }); $(“.search-content”).find(“input[type=’search’]”).focus(function(){ $(this).prop(“placeholder”,”Search”).removeClass(“error”); }) }) ]]> 0){ $(“#NavDrawer”).css(“top”,0); if(direction){ if (direction == ‘down’) { //var noticeHeight = $(“#fsb_background”).height(); $(“#shopify-section-header .header-wrapper”).css({ “position”:”absolute”, “width”:”100%” }); $(“#section-tabs”).css({ “top”: 0 }); $(“#geo-top-banner .top-banner”).css({ “visibility”:’hidden’ }); $(“#qikify-stickycart-app”).hide(); }else if (direction == ‘up’) { $(“#shopify-section-header .header-wrapper”).css({ “position”:”fixed”, “top”:0, “width”:”100%”, “background”:”#000″ }); $(“#section-tabs”).css({ “top”: 80 }); $(“#geo-top-banner .top-banner”).css({ “visibility”:’hidden’ }); $(“#qikify-stickycart-app”).show(); } } } if(t == 0){ $(“#NavDrawer”).css(“top”,”36px”); $(“#shopify-section-header .header-wrapper”).css(“background”,”transparent”); $(“#shopify-section-header .header-wrapper”).css({ “position”:”absolute” }); $(“#geo-top-banner .top-banner”).css({ visibility:’visible’ }); $(“#section-tabs”).css({ “top”: 0, “position”:”static” }); $(“.pt-tabs-container”).css({ “margin-top”: 0 }) } } ]]> span { display: block; width: 100%; } */ .lr-signup .text-gradient { position: relative; color: #6f6f6f; display: inline-block; } .lr-signup .text-gradient::before { content: attr(text); width: 100%; position: absolute; left: 0; z-index: 10; color: #fff; -webkit-mask: linear-gradient(91deg, transparent, #fff, transparent); } /* .lr-signup .text-gradient { background-image: linear-gradient(91deg, rgba(111, 111, 111, 1) 0%, rgba(255, 255, 255, 1) 38.720703125%, rgba(111, 111, 111, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */ .lr-signup .relatived img { width: 100%; } @media screen and (min-width: 1960px) { .lr-signup .hero-content { min-width: 500px; } .slider-signup .hero-content{ max-width: 348px; } .fathersDay-signup .hero-content { min-width: unset; width: 424px; } .s21-signup .hero-content { min-width: 468px; } .watch_bands-signup .hero-content { min-width: 458px; } .lr-signup .privy-embed-form[data-campaign=”2414730″] iframe { max-width: 435px !important; } } @media screen and (max-width: 1600px) { .lr-signup .hero-content { min-width: 410px; } .lr-signup .hero-content.pos-left { left: 10%; } .s21-signup .hero-content { min-width: 387px; } .fathersDay-signup .hero-content { min-width: 354px; } .watch_bands-signup .hero-content { min-width: 358px; } .lr-signup .privy-embed-form[data-campaign=”2414730″] iframe { max-width: 365px !important; } } @media screen and (max-width: 1280px) { .lr-signup .hero-content { min-width: 388px; } .s21-signup .hero-content { min-width: 360px; } .fathersDay-signup .hero-content { min-width: 330px; } .ipadpro-signup .hero-content .main-content { margin-top: 4em; max-width: 385px; padding-left: 5%; } .watch_bands-signup .hero-content { min-width: 358px; } .lr-signup .privy-embed-form[data-campaign=”2414730″] iframe { max-width: 340px !important; } } @media screen and (max-width: 1024px) { .lr-signup .hero-content { transform: none !important; width: 50%; min-width: unset; /* padding: 1em; */ } .lr-signup .hero-content.pt-position-center { transform: translate(-50%, -50%) !important; } .lr-signup .hero-content.pos-bottom { top: unset; bottom: 10%; } .lr-signup .hero-content.pos-top { top: 10%; } .lr-signup.ny-slider .hero-content.pos-top { top: 20%; } .lr-signup .hero-content.pos-left { left: 25%; } .lr-signup .hero-content.pos-right { right: 25%; } .slider-signup .hero-content.pos-left { width: 40%; max-width: unset; left: 30%; } .lr-signup .hero-content .main-content { text-align: center; width: 100%; margin: 0; } .ipadpro-signup .hero-content { flex-direction: column; top: 12%; padding: 0 10%; } .ipadpro-signup .hero-content .main-content { padding: 0; } .lr-signup .privy-embed-form[data-campaign=”2414730″] iframe { margin: 0 auto !important; } } @media screen and (max-width: 768px) { .watch_bands-signup .hero-content.pos-left { width: 70%; left: 15%; } } @media screen and (max-width: 640px) { .lr-signup .hero-content { width: 86%; padding: 0; } .lr-signup.magezcase .hero-content { min-width: unset; width: 86% !important; } .lr-signup .hero-content.pos-top { top: 12%; } .lr-signup .hero-content.pos-left { left: 7%; } .lr-signup .hero-content.pos-right { right: 7%; } .watch_bands-signup .hero-content.pos-left { width: 86%; left: 7%; } .fathersDay-signup .hero-content.pos-top { top: 8%; } .fathersDay-signup .hero-content .shop-btn { padding-bottom: 0; } .slider-signup .hero-content.pos-left{ width: 80%; left: 10%; } .slider-signup .hero-content.pos-top{ top: 10%; } .lr-signup .hero-content .privy-embed-form { transform-origin: top center; width: 86vw; } .lr-signup .privy-embed-form[data-campaign=”2414730″] iframe { max-width: unset !important; margin: 0 auto !important; } .lr-signup .hero-content .more-btn { line-height: 36px; padding: 0 25px; } } ]]> picture, .swiper-slide .bgImg { display: block; width: 100%; } .hero-content .more-btn { width: max-content !important; } .toggle-btns { display: flex; } .toggle-btns .toggle-btn { cursor: pointer; margin-right: 10px; width: 51px; height: 51px; } .juice2-signup .toggle-btns .toggle-btn { cursor: pointer; border-radius: 50%; width: 40px; height: 40px; position: relative; } .watch_bands-signup .toggle-btns .toggle-btn, .s21-signup .toggle-btns .toggle-btn { display: flex; align-items: center; padding: 5px 8px; border: 2px solid #a2a2a2; width: max-content; height: max-content; cursor: pointer; } .watch_bands-signup .toggle-btn span, .s21-signup .toggle-btn span { color: #a2a2a2; } .watch_bands-signup .toggle-btn:first-child, .s21-signup .toggle-btn:first-child { margin-right: 1em; } .watch_bands-signup .toggle-btn:last-child, .s21-signup .toggle-btn:last-child { margin-left: 1em; } .watch_bands-signup .toggle-btn svg { width: 20px; margin-right: 5px; } .watch_bands-signup .toggle-btn .st0 { fill: #a2a2a2; } .juice2-signup .toggle-btns .toggle-btn img { border-radius: 50%; } .toggle-btns .toggle-btn.active { border: 2px solid #fff; } .watch_bands-signup .toggle-btn.active, .s21-signup .toggle-btn.active { background: #fff; } .watch_bands-signup .toggle-btn.active span, .s21-signup .toggle-btn.active span { color: #000; } .watch_bands-signup .toggle-btn.active .st0 { fill: #000; } .toggle-bg, .content-variant { display: none; } .toggle-bg.active, .content-variant.active { display: block; } @media screen and (max-width: 1280px) { .toggle-btns .toggle-btn { width: 40px; height: 40px; } .juice2-signup .toggle-btns .toggle-btn { width: 30px; height: 30px; } } @media screen and (max-width: 1024px) { .toggle-btns { justify-content: center; } .toggle-btns .toggle-btn { margin: 0 10px; } .section-default { min-height: 109vw; } .swiper-slide .shop-btn { margin-top: 1.5em; } } @media screen and (max-width: 767px) { .section-default { min-height: 216vw; } } ]]> span { display: inline-block; width: auto; } .multiple-swiper img { display: block; width: calc((100vw + 1px) / 2); max-width: unset; object-fit: cover; /* height: 100vh; */ } .multiple-swiper .swiper-slide>picture { width: unset; } .header-wrapper{ background: transparent !important; } .main{ padding-top: 0; } @media screen and (max-width:768px){ .multiple-swiper .hero-content{ top: 50%; } .multiple-swiper{ flex-direction: column; } .multiple-swiper img{ width: 100vw; height: auto; } .multiple-swiper .pt-section-container{ width: 100%; } } ]]> data = { email: document.getElementById(“email”).value, ref_adv_id: ref_adv_id_temp || “”, cp_id: “2”, share_code: share_code_temp || “”, }; $.ajax({ type: “post”, url: “https://ref.ipitaka.com/api/v1/campaign-sign-up/”, data: data, dataType: “json”, crossDomain: true, success: function (data) { if (data.errcode === 0) { window.location.href = “https://www.ipitaka.com/pages/thank-you-magflow-sign-up?cp_id=2&share_url=” + data.share_url; } if (data.errcode === -1) { alert(data.errmsg); } }, error: function (error) { console.log(error); }, }); }); ]]> input[type=”email”], input[type=”file”], input[type=”number”], input[type=”password”], input[type=”tel”], input[type=”text”], input[type=”text”], select, textarea { color: #000 !important; margin-bottom: 1.2vw; } input::placeholder { color: #000 !important; text-align: center; } .email { width: 100%; color: #000 !important; height: 44px; background: #ffffff; border: 0px solid #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; font-weight: 500; text-align: left; } .submitAdd { display: block; width: 100%; color: white; font-family: Montserrat, Helvetica, Arial, “Sans Serif”; font-size: 20px; font-weight: 400; text-align: center; letter-spacing: 0px; background-color: rgb(12, 188, 212); border-width: 0px; border-radius: 4px; } @media screen and (max-width: 1024px) { .addForm { width: 80%; margin: 0 auto; margin-top: 3.8vw; } } @media screen and (max-width: 640px) { .addForm { margin: 0 auto; margin-top: 3.8vw; } } ]]>

MagEZ Series

A seamless ecosystem of products that offers the convenience of magnetic connectivity.

Air Series

Lightweight luxury cases and wireless chargers for all your devices.

img{ opacity: 0; } #air_series .rightCol .col-content:first-child:hover .pt-hover-pictures>img, #air_series .rightCol .col-content:nth-child(3):hover .pt-hover-pictures>img, #air_series .rightCol .col-content:nth-child(5):hover .pt-hover-pictures>img{ opacity: 0; } .gallery-tab { display: inline; margin-left: 10px; font-weight: 300; color: rgba(255, 255, 255, .6) } .gallery-tab.active { font-weight: 400; color: #fff; } .space-line { margin-left: 10px; } .section-gallery { width: 100%; overflow: hidden; } .section-gallery .section-gallery-item { width: 100%; float: left; display: flex; align-items: stretch; } .section-gallery .section-gallery-item.active { height: auto; visibility: visible; } .section-gallery .col-element { width: 50%; } .section-gallery .col-content { overflow: hidden; position: relative; background-color: #171719; } .col-content .gallery-info { position: absolute; bottom: 10%; left: 0; color: #fff; display: flex; flex-direction: column; align-items: center; width: 100%; justify-content: center; } .leftCol .col-content .gallery-info { z-index: 11; justify-content: flex-end; padding: 0 10%; align-items: flex-start; } .rightCol .col-content img { margin-bottom: 2em; } .rightCol .col-content .gallery-info { text-align: center; } .col-content img { width: 100%; z-index: 10; position: relative; display: block; } .col-element.rightCol { display: flex; flex-direction: column; justify-content: space-between; } .col-element.rightCol .flexCol { display: flex; flex-wrap: wrap; align-items: stretch; height: 100% } .col-element.rightCol .flexCol .col-content { background: #171719; display: flex; flex-direction: column; align-items: center; margin-left: 10px; margin-bottom: 5px; width: calc(33.33% – 10px); padding: 1.5em 0; height: calc(50% – 5px); justify-content: space-between; flex-shrink: 0; } .col-element.rightCol .flexCol .col-content:nth-child(n+4) { margin-top: 5px; margin-bottom: 0; } .col-element.rightCol .flexCol .col-content.size-2 { width: calc(66.67% – 10px); } .rightCol .col-content .gallery-title:last-child { margin-bottom: 0; } .col-element .money { padding: 0 5px; } .col-element .money.line-through { color: #fff; position: relative; display: inline-block; } .col-element .money.line-through::before { position: absolute; content: “”; height: 1px; width: calc(100% – 10px); background-color: #fff; left: 5px; top: 50%; transform: rotate(15deg) translateY(-50%); transform-origin: center center; } .col-element .money:not(.line-through) { font-size: 120%; color: #0BBCD4; } @media screen and (min-width:1960px) { .col-element.rightCol .flexCol .col-content { padding: 2em 0; } } @media screen and (min-width:1025px) { .leftCol .col-content .gallery-info { opacity: 0; transition: all .3s ease-out; bottom: -10%; } .leftCol .col-content:hover .gallery-info { opacity: 1; bottom: 10%; } .col-element.rightCol .flexCol .gallery-info { bottom: 2em; } } @media screen and (max-width:1440px) { .col-element.rightCol { width: 50% } .col-element.rightCol .flexCol .col-content { padding: 1em 0; } .col-element.rightCol .flexCol .gallery-info { bottom: 1em; } .rightCol .col-content img { width: 90%; margin: 0 auto; } } @media screen and (max-width:1024px) { .section-gallery { transform: none; margin-top: 0; } #gallery-tabs { display: none; } .section-gallery .section-gallery-item { visibility: visible !important; height: auto !important; margin-bottom: 4em; flex-direction: column; } .col-element.rightCol .flexCol .col-content { width: calc(50% – 10px); margin: 10px 5px 0 !important; padding: 2em 0; } .col-element.rightCol .flexCol .gallery-info { position: static; margin-top: 2em; } .col-element.rightCol .flexCol .col-content.size-2 { width: calc(100% – 10px); } .rightCol .col-content .gallery-title:first-child { height: 36px; display: flex; align-items: flex-end; } .section-gallery .col-element { width: 100%; padding: 0 } .section-gallery .col-element.rightCol { padding: 0; margin: 2em -5px 0; width: calc(100% + 10px); } } @media screen and (max-width:640px) { .col-content .gallery-info { justify-content: center; } #magezGallery .leftCol .col-content .gallery-info { justify-content: flex-start; padding: 3em 6% 3%; } .col-element.rightCol .flexCol .col-content { padding: 1.5em 0; } .col-element.rightCol .flexCol .gallery-info { margin-top: 1em; } .section-gallery .section-gallery-item { margin-bottom: 3em; } .rightCol .col-content .gallery-title { max-width: 90%; } } ]]>