HTML/CSS 입문 예제 중심 : HTML/CSS 기초에서 반응형 웹까지

$26.55

Ask a Question

Vendor: 인포앤북 - 황재호

Type: HTML/JavaScript

SKU: 9791196440930

Categories: ALL BOOKS 컴퓨터/인터넷 컴퓨터/인터넷_홈페이지/웹

Tags: HTMLCSS입문예제중심HTMLCSS기초에서반응형웹까지

Description

저자

황재호

경희대학교전자공학과를졸업하고동대학원에서석ㆍ박사를취득했다.KT연구개발본부에서연구원으로근무하며MPEG-2비디오코덱시스템의소프트웨어와하드웨어를개발하였다.저서로는한빛아카데미의『PHP프로그래밍입문』,『HTML/CSSforBeginner』와한빛미디어의『헬로코딩:HTML5/CSS3』와인포앤북의『스타트파이썬』,『똑똑한파이썬』,『파이썬입문with데이터분석/시각화』,『HTML/CSS입문』등10권의도서가있다.현재는대학에서파이썬,PHP,자바스크립트,데이터베이스,HTML/CSS등파이썬과웹관련강의와더불어관련서적집필과온라인콘텐츠개발에힘쓰고있다.

경희대학교전자공학과를졸업하고동대학원에서석ㆍ박사를취득했다.KT연구개발본부에서연구원으로근무하며MPEG-2비디오코덱시스템의소프트웨어와하드웨어를개발하였다.경희대학교컴퓨터공학과등에서C++,네트워크프로그래밍,자바,운영체제,HTML/CSS,PHP,자바스크립트,웹디자인등을강의하였다.현재는수원여자대학교에서프로그래밍과웹콘텐츠제작등을강의하고있다.

PART1HTML편
CHAPTER01HTML소개
1.1웹의개요
__1.1.1웹이란?
__1.1.2웹의동작원리
1.2실습환경구축
1.3HTML의개요
__1.3.1HTML문서의구조
__1.3.2웹페이지의제목
1.4HTML의주석문
[연습문제]

CHAPTER02HTML의기본태그
2.1텍스트
__2.1.1글제목-

~

2.1.2단락-

2.1.3줄바꿈-

2.1.4HTML특수문자
2.2이미지
2.2.1이미지삽입-
2.2.2URL주소와경로
2.3오디오와비디오
2.3.1오디오-

2.4.2순서목록-

2.5하이퍼링크
프로젝트2-1:데이터센터소개페이지만들기
프로젝트2-2:랙돌고양이소개페이지만들기
프로젝트2-3:에버랜드이용안내페이지만들기
[연습문제]

CHAPTER03.폼양식과테이블
3.1폼양식이란?
3.2입력요소-
3.2.1텍스트입력창
3.2.2비밀번호입력창
3.2.3라디오버튼
3.2.4체크박스
3.2.5파일
3.2.6버튼
3.2.7태그의속성
3.3선택박스-<br>3.5표<br>3.5.1표삽입-<table<tr><th><td><br>3.5.2셀의병합<br>프로젝트3-1:열차시간표만들기<br>프로젝트3-2:기상청일기예보표만들기<br>프로젝트3-3:회원가입폼만들기<br>프로젝트3-4:답글쓰기폼만들기<br>[연습문제]<br><br>Part2.CSS편<br>CHAPER04CSS의기본문법<br>4.1CSS의개요<br>4.1.1CSS의기본구조<br>4.1.2CSS의삽입방법<br>4.2CSS의주석문<br>4.3웹의색상<br>4.3.1배경색상<br>4.3.2글자색상<br>4.3.3색상코드<br>4.4글자스타일지정<br>4.4.1글자정렬과줄간격<br>4.4.2폰트설정<br>4.4.3글자그림자<br>4.4.4링크글자꾸미기<br>4.5웹폰트<br>4.5.1웹폰트사용방법<br>4.5.2웹폰트사용예<br>프로젝트4-1:생태공원이용안내페이지만들기<br>프로젝트4-2:고양이기르기페이지만들기<br>프로젝트4-3:링크걸린텍스트메뉴꾸미기<br>[연습문제]<br><br>CHAPTER05.박스모델<br>5.1박스모델이란?<br>5.2경계선<br>5.2.1경계선그리기<br>5.2.2상하좌우경계선<br>5.3마진과패딩<br>5.3.1마진-margin<br>5.3.2패딩-padding<br>5.4박스관련속성<br>5.4.1둥근모서리-border-radius<br>5.4.2박스그림자-box-shadow<br>프로젝트5-1:웹소개페이지만들기<br>프로젝트5-2:HTML/CSS강좌배너만들기<br>프로젝트5-3:우대정보페이지만들기<br>[연습문제]<br><br>CHAPTER06.CSS선택자<br>6.1선택자란?<br>6.2선택자의기본<br>6.2.1전체선택자<br>6.2.2태그선택자<br>6.2.3그룹선택자<br>6.3아이디와클래스<br>6.4클래스선택자<br>6.5하위선택자<br>프로젝트6-1:고양이프로필만들기<br>프로젝트6-2:해수욕장안내페이지만들기<br>프로젝트6-3:책홍보용상세페이지만들기<br>[연습문제]<br><br>CHAPTER07.CSS활용<br>7.1배경이미지<br>7.1.1배경이미지삽입<br>7.1.2배경이미지반복<br>7.2테이블꾸미기<br>7.3디스플레이방식-display<br>7.3.1display속성<br>7.3.2인라인과블록<br>7.4목록꾸미기<br>7.4.1글머리기호-list-style-type<br>7.4.2글머리이미지-list-style-image<br>7.4.3수평목록만들기<br>7.5폼꾸미기<br>7.5.1로그인폼<br>7.5.2회원가입폼<br>프로젝트7-1:과일쇼핑몰상품목록만들기<br>프로젝트7-2:드레스샵배너만들기<br>프로젝트7-3:게시판글쓰기폼만들기<br>[연습문제]<br><br>Part3.레이아웃편<br>CHAPTER08.레이아웃기초<br>8.1박스요소의중앙배치<br>8.2float속성을이용한레이아웃<br>8.2.1float속성<br>8.2.2clear속성<br>8.3웹페이지레이아웃<br>8.3.1div요소레이아웃<br>8.3.2HTML레이아웃요소<br>8.4요소의위치지정-position<br>8.5레이아웃활용예<br>8.5.1사이트맵레이아웃<br>8.5.2배너목록레이아웃<br>프로젝트8-1기업연혁만들기<br>프로젝트8-2메뉴를비정형으로배치하기<br>[연습문제]<br><br>CHAPTER09.실전!웹페이지제작<br>9.1베이킹사이트의메인레이아웃<br>9.2상단헤더와메인이미지<br>9.2.1상단헤더만들기<br>9.2.2메인이미지만들기<br>9.3사이드바만들기<br>9.4메인섹션만들기<br>9.5하단푸터만들기<br>9.6웹페이지완성하기<br>프로젝트9-1포털사이트메인페이지레이아웃잡기<br>프로젝트9-2쇼핑몰상풍진열페이지레이아웃잡기<br>[연습문제]<br><br>Part4.반응형웹편<br>CHAPTER10.반응형웹기초<br>10.1반응형웹이란?<br>10.2뷰포트<br>10.2.1뷰포트미설정<br>10.2.2뷰포트설정<br>10.3그리드뷰<br>10.3.1가변그리드<br>10.3.2px와%동시사용하기<br>10.4반응형웹의폰트<br>10.4.1em단위<br>10.4.2rem단위<br>10.512열그리드시스템<br>[연습문제]<br><br>CHAPTER11.반응형웹기술<br>11.1미디어쿼리<br>11.2가변이미지<br>11.2.1이미지의너비<br>11.2.2반응형이미지만들기<br>11.3플렉서블박스<br>11.3.1플렉서블박스란?<br>11.3.2플렉스박스방향설정하기<br>11.3.3아이템배치하기<br>11.3.4플렉스박스로상품목록만들기<br>[연습문제]<br><br>CHAPTER12.반응형웹사이트제작<br>12.1반응형포토스튜디오사이트<br>12.2메인페이지만들기<br>12.2.1상단헤더와메인이미지<br>12.2.2메인콘텐츠<br>12.2.3하단푸터<br>12.3스튜디오소개페이지만들기<br>12.4스튜디오예약페이지만들기<br>[연습문제]</p></div></p></div> </div> </div><div class="t4s-tab-wrapper" data-t4s-tab-wrapper> <a id="t44_bded529b-9b8f-4d5c-8f04-5de0b22e627d" href="#t4s_tab_bded529b-9b8f-4d5c-8f04-5de0b22e627d" rel="nofollow" class="t4s-tabtitle t4s-fwm t4s-ch" data-t4s-tab-item data-no-instant><span class="t4s-tabtext">출판사 서평</span><span class="t4s-tab__icon"></span></a> <div id="t4s_tab_bded529b-9b8f-4d5c-8f04-5de0b22e627d" class="t4s-rte t4s-tab-content" data-t4s-tab-content> <div class="metafield-rich_text_field"><p><div><p></p></div></p></div> </div> </div></div> </div> </div><template data-icons-thumb> <svg class="t4s-d-none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <symbol id="icon-thumb-video" aria-hidden="true" focusable="false" role="presentation" fill="currentColor" viewBox="0 0 10 14"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.48177 0.814643C0.81532 0.448245 0 0.930414 0 1.69094V12.2081C0 12.991 0.858787 13.4702 1.52503 13.0592L10.5398 7.49813C11.1918 7.09588 11.1679 6.13985 10.4965 5.77075L1.48177 0.814643Z"></path> </symbol> <symbol id="icon-external-youtube" fill="currentColor" viewBox="0 0 576 512"> <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/> </symbol> <symbol id="icon-external-vimeo" fill="currentColor" viewBox="0 0 448 512"> <path d="M403.2 32H44.8C20.1 32 0 52.1 0 76.8v358.4C0 459.9 20.1 480 44.8 480h358.4c24.7 0 44.8-20.1 44.8-44.8V76.8c0-24.7-20.1-44.8-44.8-44.8zM377 180.8c-1.4 31.5-23.4 74.7-66 129.4-44 57.2-81.3 85.8-111.7 85.8-18.9 0-34.8-17.4-47.9-52.3-25.5-93.3-36.4-148-57.4-148-2.4 0-10.9 5.1-25.4 15.2l-15.2-19.6c37.3-32.8 72.9-69.2 95.2-71.2 25.2-2.4 40.7 14.8 46.5 51.7 20.7 131.2 29.9 151 67.6 91.6 13.5-21.4 20.8-37.7 21.8-48.9 3.5-33.2-25.9-30.9-45.8-22.4 15.9-52.1 46.3-77.4 91.2-76 33.3.9 49 22.5 47.1 64.7z"/> </symbol> <symbol id="icon-thumb-model" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 18 21"> <path d="M7.67998 20.629L1.28002 16.723C0.886205 16.4784 0.561675 16.1368 0.337572 15.731C0.113468 15.3251 -0.00274623 14.8686 -1.39464e-05 14.405V6.59497C-0.00238367 6.13167 0.113819 5.6755 0.33751 5.26978C0.561202 4.86405 0.884959 4.52227 1.278 4.27698L7.67796 0.377014C8.07524 0.131403 8.53292 0.000877102 8.99999 9.73346e-08C9.46678 -0.000129605 9.92446 0.129369 10.322 0.374024V0.374024L16.722 4.27399C17.1163 4.51985 17.4409 4.86287 17.6647 5.27014C17.8885 5.67742 18.0039 6.13529 18 6.59998V14.409C18.0026 14.8725 17.8864 15.3289 17.6625 15.7347C17.4386 16.1405 17.1145 16.4821 16.721 16.727L10.321 20.633C9.92264 20.8742 9.46565 21.0012 8.99999 21C8.53428 20.9998 8.07761 20.8714 7.67998 20.629V20.629ZM8.72398 2.078L2.32396 5.97803C2.22303 6.04453 2.14066 6.13551 2.08452 6.24255C2.02838 6.34959 2.00031 6.46919 2.00298 6.59003V14.4C2.00026 14.5205 2.02818 14.6396 2.08415 14.7463C2.14013 14.853 2.22233 14.9438 2.32298 15.01L7.99999 18.48V10.919C8.00113 10.5997 8.08851 10.2867 8.25292 10.0129C8.41732 9.73922 8.65267 9.51501 8.93401 9.36401L15.446 5.841L9.28001 2.08002C9.19614 2.02738 9.09901 1.99962 8.99999 2C8.90251 1.99972 8.8069 2.02674 8.72398 2.078V2.078Z"></path> </symbol> <symbol id="icon-thumb-360" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 640 512"> <path d="M496 64c-44.12 0-79.1 35.89-79.1 80v224c0 44.11 35.88 80 79.1 80s79.1-35.89 79.1-80v-224C576 99.89 540.1 64 496 64zM544 368c0 26.47-21.53 48-47.1 48c-26.47 0-47.1-21.53-47.1-48v-224c0-26.47 21.53-48 47.1-48c26.47 0 47.1 21.53 47.1 48V368zM304 192C285.9 192 269.4 198.3 256 208.4V204.6c0-46.78 29.53-89.05 73.44-105.2l12.06-4.422c8.312-3.031 12.56-12.22 9.531-20.52c-3.031-8.312-12.31-12.56-20.53-9.516L318.4 69.41C261.9 90.11 224 144.4 224 204.6L224 368c0 44.11 35.88 80 79.1 80s79.1-35.89 79.1-80l.0001-96C384 227.9 348.1 192 304 192zM352 368c0 26.47-21.53 48-47.1 48c-26.47 0-47.1-21.53-47.1-48v-96c0-26.47 21.53-48 47.1-48c26.47 0 48 21.53 48 48V368zM608 0c-17.67 0-31.1 14.33-31.1 32c0 17.67 14.33 32 31.1 32C625.7 64 640 49.67 640 32C640 14.33 625.7 0 608 0zM81.44 208l95.03-117.1C180.3 85.23 181.1 78.66 178.4 73.09C175.8 67.53 170.2 64 164 64H16C7.161 64 .0047 71.16 .0047 80S7.161 96 16 96h114.6L35.54 213.1c-3.844 4.797-4.625 11.38-1.969 16.94S41.85 240 48 240h32.72c43.72 0 79.28 35.56 79.28 79.28v17.44C160 380.4 124.4 416 80.72 416c-21.53 0-41.47-10.64-50.81-27.11c-4.375-7.703-14.16-10.38-21.81-6.016c-7.687 4.375-10.37 14.14-5.1 21.83C17.25 431.4 47.38 448 80.72 448c61.37 0 111.3-49.92 111.3-111.3V319.3C192 258.2 142.5 208.4 81.44 208z"/> </symbol> </svg> </template><link href="//gimssine.com/cdn/shop/t/31/assets/sticky-atc.css?v=100030510552230595541717186923" rel="stylesheet" media="print" onload="this.media='all'"><link href="//gimssine.com/cdn/shop/t/31/assets/ani-atc.min.css?v=133055140748028101731717186923" rel="stylesheet" media="print" onload="this.media='all'"><template class="t4s-d-none" id="t4s-sticky-atc-temp"> <div data-sticky-addtocart class="t4s-sticky-atc sticky_layout_mb--minimal t4s-pf t4s-b-0 t4s-l-0 t4s-r-0 t4s-op-0 t4s-pe-none"><div class="t4s-sticky-atcproduct"><div data-sticky-img class="t4s-sticky-atcimg t4s-pr"> <img class="lazyloadt4s t4s-lz--fadeIn" data-orginal="//gimssine.com/cdn/shop/files/9791196440930_1.jpg?v=1700678282&width=1" data-src="//gimssine.com/cdn/shop/files/9791196440930_1.jpg?v=1700678282&width=1" data-widths="[65,120]" data-optimumx="2" data-sizes="auto" src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20516%20644%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E" width="516" height="644" alt="HTML/CSS 입문 예제 중심 : HTML/CSS 기초에서 반응형 웹까지"> <span class="lazyloadt4s-loader is-bg-img" style="background: url(//gimssine.com/cdn/shop/files/9791196440930_1.jpg?v=1700678282&width=1)"></span> </div> <div class="t4s-sticky-atcinfos"> <div class="t4s-sticky-atctitle">HTML/CSS 입문 예제 중심 : HTML/CSS 기초에서 반응형 웹까지</div> <div data-sticky-price class="t4s-sticky-atcprice">$26.55</div> </div><div class="t4s-sticky-atcv-title"></div> </div> <div class="t4s-sticky-atcbtns"> <div data-quantity-wrapper class="t4s-quantity-wrapper t4s-sticky-atcqty"> <button data-quantity-selector data-decrease-qty type="button" class="t4s-quantity-selector is--minus"><svg focusable="false" class="icon icon--minus" viewBox="0 0 10 2" role="presentation"><path d="M10 0v2H0V0z" fill="currentColor"></path></svg></button> <input data-quantity-value type="number" class="t4s-quantity-input" step="1" min="1" max="9999" name="quantity" value="1" size="4" pattern="[0-9]" inputmode="numeric"> <button data-quantity-selector data-increase-qty type="button" class="t4s-quantity-selector is--plus"><svg focusable="false" class="icon icon--plus" viewBox="0 0 10 10" role="presentation"><path d="M6 4h4v2H6v4H4V6H0V4h4V0h2v4z" fill="currentColor" fill-rule="evenodd"></path></svg></button> </div> <button data-animation-atc='{ "ani":"t4s-ani-shake","time":3000 }' type="button" data-action-atc data-variant-id="47818605560113" class="t4s-sticky-atcatc t4s-btn-loadingsvg"> <span class="t4s-btn-atc_text">Add to cart</span> <span class="t4s-loadingspinner" hidden> <svg width="16" height="16" hidden class="t4s-svg-spinner" focusable="false" role="presentation" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><circle class="t4s-path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle></svg> </span> </button> </div> </div> </template><script type="application/json" id="ModelJson-template--22729960128817main"> [] </script><script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "HTML\/CSS 입문 예제 중심 : HTML\/CSS 기초에서 반응형 웹까지", "url": "https://gimssine.com/products/9791196440930","image": [ "https://gimssine.com/cdn/shop/files/9791196440930_1.jpg?v=1700678282&width=516" ],"description": "", "sku": "9791196440930", "mpn": "9791196440930", "productID": "9206643392817", "brand": { "@type": "Brand", "name": "인포앤북 - 황재호" },"offers": { "@type" : "Offer", "sku": "9791196440930", "availability" : "http://schema.org/InStock", "price" : "26.55", "priceCurrency" : "USD", "itemCondition": "https://schema.org/NewCondition", "url" : "https://gimssine.com/products/9791196440930", "mpn": "9791196440930","gtin13": "9791196440930","priceValidUntil": "2025-07-06" },"aggregateRating": { "@type": "AggregateRating", "ratingValue": 0, "ratingCount": 0 } } </script></section><div id="shopify-section-template--22729960128817__product-recommendations" class="shopify-section t4s-section id_product-recommendations"><link href="//gimssine.com/cdn/shop/t/31/assets/section.css?v=19467530681101428381717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/collection-products.css?v=154004616046841301881717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/slider-settings.css?v=46721434436777892401717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/pre_flickityt4s.min.css?v=80452565481494416591717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/loading.css?v=142436169935756752221717186923" rel="stylesheet" media="print" onload="this.media='all'"><div class="t4s-product-extra" data-sid="template--22729960128817__product-recommendations" data-baseurl="/?type=product&options%5Bunavailable_products%5D=last&options%5Bprefix%5D=none&q=vendor%3A%EC%9D%B8%ED%8F%AC%EC%95%A4%EB%B6%81+-+%ED%99%A9%EC%9E%AC%ED%98%B8%20-id%3A9206643392817" id="pr_recommendations" data-type='4' data-expands="-1"><div class="t4s-loading--bg"></div></div></div><section id="shopify-section-template--22729960128817__recently-viewed-products" class="shopify-section t4s-section id_recently_viewed"><link href="//gimssine.com/cdn/shop/t/31/assets/section.css?v=19467530681101428381717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/collection-products.css?v=154004616046841301881717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/slider-settings.css?v=46721434436777892401717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/pre_flickityt4s.min.css?v=80452565481494416591717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/loading.css?v=142436169935756752221717186923" rel="stylesheet" media="print" onload="this.media='all'"> <div class="t4s-product-extra" id="recently_wrap" data-section-type="product-recently" data-sid="template--22729960128817__recently-viewed-products" data-unpr='show' data-id="id:9206643392817" data-limit="14" data-expands="-1"><div class="t4s-loading--bg"></div></div></section> </main> <footer id="t4s-footer"><section id="shopify-section-footer" class="shopify-section t4s-section t4s-section-footer t4s_tp_cdt t4s-footer"> <link href="//gimssine.com/cdn/shop/t/31/assets/section.css?v=19467530681101428381717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/general-block.css?v=88262974810170776061717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/newsletter.css?v=63975441102014292921717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/icon-social.css?v=92386074729244038331717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/footer.css?v=120975025239248566721717186923" rel="stylesheet" type="text/css" media="all" /> <div class="t4s-section-inner t4s_nt_se_footer t4s_se_footer t4s-container-wrap t4s-footer-has-border t4s-footer-border-full " style="--bg-color: #f6f6f8;--bg-gradient: ;--border-cl: #e6e6e6;--mg-top: ;--mg-right: auto;--mg-bottom: ;--mg-left:auto;--pd-top: 15px;--pd-right: ;--pd-bottom: 5px;--pd-left: ;--mgtb-top: ;--mgtb-right: auto;--mgtb-bottom: ;--mgtb-left: auto;--pdtb-top: 15px;--pdtb-right: ;--pdtb-bottom: 5px;--pdtb-left: ;--mgmb-top: ;--mgmb-right: auto;--mgmb-bottom: ;--mgmb-left: auto;--pdmb-top: 15px;--pdmb-right: ;--pdmb-bottom: 15px;--pdmb-left: ;"><div class="t4s-container"><div class="t4s-footer-wrap t4s-row is--footer-sticky-false is--footer-collapse-false t4s-gx-lg-4 t4s-gy-lg-0 t4s-gx-md-0 t4s-gy-md-0 t4s-gx-0 t4s-gy-0" style="--heading-fs:13px;--heading-fw:100;--heading-lh:0px;--heading-ls: 0px;--heading-cl:#222222;--text-fs:15px;--text-fw:200;--text-cl:#878787;--link-cl:#878787;--link-hover-cl:#56cfe1;--border-cl:#e6e6e6;--heading-mgb:30px;--heading-mgbm:10px;"><div class="t4s-custom-col t4s-col-border-none t4s-col-item t4s-col-lg-2 t4s-col-md-2 t4s-col-4 bl-bl_col_Gphzgc"> <div class="t4s-col-inner t4s-text-lg-center t4s-text-md-center t4s-text-center "style="--pd: 20 0 0 0;--pd-tb: 0 0 0 0;--pd-mb: 0 0 0 0;" timeline hdt-reveal="slide-in"> <div class="t4s-footer-content"><div class="t4s-footer-menu t4s-footer-menu-style2" style="--menu-mgb:px;--menu-mgb-mb:px;"> <ul class="t4s-footer-linklist"><li> <a href="/pages/about-us-v1-page" class="t4s-footer-link " > About us </a> </li></ul> </div></div> </div> </div><div class="t4s-custom-col t4s-col-border-none t4s-col-item t4s-col-lg-2 t4s-col-md-2 t4s-col-4 bl-bl_col_gJTqfR"> <div class="t4s-col-inner t4s-text-lg-center t4s-text-md-center t4s-text-center "style="--pd: 20 0 0 0;--pd-tb: 0 0 0 0;--pd-mb: 0 0 0 0;" timeline hdt-reveal="slide-in"> <div class="t4s-footer-content"><div class="t4s-footer-menu t4s-footer-menu-style2" style="--menu-mgb:px;--menu-mgb-mb:px;"> <ul class="t4s-footer-linklist"><li> <a href="/pages/faq" class="t4s-footer-link " > FAQ </a> </li></ul> </div></div> </div> </div><div class="t4s-custom-col t4s-col-border-none t4s-col-item t4s-col-lg-2 t4s-col-md-2 t4s-col-4 bl-bl_col_eDzJPp"> <div class="t4s-col-inner t4s-text-lg-center t4s-text-md-center t4s-text-center "style="--pd: 20 0 0 0;--pd-tb: 0 0 0 0;--pd-mb: 0 0 0 0;" timeline hdt-reveal="slide-in"> <div class="t4s-footer-content"><div class="t4s-footer-menu t4s-footer-menu-style2" style="--menu-mgb:px;--menu-mgb-mb:px;"> <ul class="t4s-footer-linklist"><li> <a href="/pages/contact-us" class="t4s-footer-link " > Contact us </a> </li></ul> </div></div> </div> </div><div class="t4s-custom-col t4s-col-border-none t4s-col-item t4s-col-lg-2 t4s-col-md-2 t4s-col-4 bl-bl_col_KUHcPb"> <div class="t4s-col-inner t4s-text-lg-center t4s-text-md-center t4s-text-center "style="--pd: 20 0 0 0;--pd-tb: 0 0 0 0;--pd-mb: 0 0 0 0;" timeline hdt-reveal="slide-in"> <div class="t4s-footer-content"><div class="t4s-footer-menu t4s-footer-menu-style2" style="--menu-mgb:px;--menu-mgb-mb:px;"> <ul class="t4s-footer-linklist"><li> <a href="/policies/terms-of-service" class="t4s-footer-link " > Terms of Service </a> </li></ul> </div></div> </div> </div><div class="t4s-custom-col t4s-col-border-none t4s-col-item t4s-col-lg-2 t4s-col-md-2 t4s-col-4 bl-bl_col_QPht3c"> <div class="t4s-col-inner t4s-text-lg-center t4s-text-md-center t4s-text-center "style="--pd: 20 0 0 0;--pd-tb: 0 0 0 0;--pd-mb: 0 0 0 0;" timeline hdt-reveal="slide-in"> <div class="t4s-footer-content"><div class="t4s-footer-menu t4s-footer-menu-style2" style="--menu-mgb:px;--menu-mgb-mb:px;"> <ul class="t4s-footer-linklist"><li> <a href="/policies/privacy-policy" class="t4s-footer-link " > Privacy Policy </a> </li></ul> </div></div> </div> </div><div class="t4s-custom-col t4s-col-border-none t4s-col-item t4s-col-lg-2 t4s-col-md-2 t4s-col-4 bl-bl_col_6h7VCH"> <div class="t4s-col-inner t4s-text-lg-center t4s-text-md-center t4s-text-center "style="--pd: 20 0 0 0;--pd-tb: 0 0 0 0;--pd-mb: 0 0 0 0;" timeline hdt-reveal="slide-in"> <div class="t4s-footer-content"><div class="t4s-footer-menu t4s-footer-menu-style2" style="--menu-mgb:px;--menu-mgb-mb:px;"> <ul class="t4s-footer-linklist"><li> <a href="/policies/refund-policy" class="t4s-footer-link " > Refund Policy </a> </li></ul> </div></div> </div> </div><div class="t4s-custom-col t4s-col-border-none t4s-col-item t4s-col-lg-6 t4s-col-md-6 t4s-col-12 bl-footer-0"> <div class="t4s-col-inner t4s-text-lg-center t4s-text-md-start t4s-text-start "style="--pd: 0 0 0 0;--pd-tb: 0 0 0 0;--pd-mb: 0 0 0 0;" timeline hdt-reveal="slide-in"> <div class="t4s-footer-content"> <div class="t4s-newsletter-parent t4s_newsletter_se t4s-newsl-des-1 t4s-newsl-small t4s-text-center t4s-hidden-mobile-false"style="--animation: ;--delay-animation:s;--input-cl: #878787;--border-cl: #000000;--btn-cl: #ffffff;--btn-bg-cl: #222222;--btn-hover-cl: #ffffff;--btn-hover-bg-cl: #56cfe1; --mgb: 22px;--mgb-mb: 20px;--form-width:0px;--form-width-mb:0px;"><form method="post" action="/contact#t4s-form-footer-12" id="t4s-form-footer-12" accept-charset="UTF-8" class="t4s-pr t4s-z-100 t4s-newsletter__form" data-form-mail-agree=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <div class="t4s-newsletterfields"> <div class="t4s-newsletterinner t4s-row t4s-g-0 t4s-pr t4s-oh "> <div class="t4s-col t4s-col-item is--col-email"><input type="email" name="contact[email]" placeholder="Your email address" value="" class="t4s-text-center t4s-text-md-start t4s-newsletteremail" required="required"></div> <div class="t4s-col-auto t4s-col-item is--col-btn"> <button data-agreeMail-btn type="submit" class="t4s-w-100 t4s-newslettersubmit t4s-truncate t4s-btn-loadingsvg"> <span class="t4s-newslettertext">Subscribe </span> <span class="t4s-loadingspinner t4s-dn"> <svg width="16" height="16" aria-hidden="true" focusable="false" role="presentation" class="t4s-svgspinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><circle class="t4s-path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle></svg> </span> </button> </div> </div></div> <div data-new-response-form class="t4s-newsletter__response"></div></form></div></div> </div> </div></div></div></div></section><section id="shopify-section-bottom-bar" class="shopify-section t4s-section t4s-section-footer t4s-section-bottom-bar t4s_tp_cdt t4s-footer"> <link href="//gimssine.com/cdn/shop/t/31/assets/section.css?v=19467530681101428381717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/general-block.css?v=88262974810170776061717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/newsletter.css?v=63975441102014292921717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/icon-social.css?v=92386074729244038331717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/footer.css?v=120975025239248566721717186923" rel="stylesheet" type="text/css" media="all" /> <div class="t4s-section-inner t4s_nt_se_bottom-bar t4s_se_bottom-bar t4s-container-wrap t4s-bootom-hidden-false t4s-footer-has-border t4s-footer-border-full " style="--bg-color: ;--bg-gradient: ;--border-cl: #e6e6e6;--mg-top: ;--mg-right: auto;--mg-bottom: ;--mg-left:auto;--pd-top: 20px;--pd-right: ;--pd-bottom: 5px;--pd-left: ;--mgtb-top: ;--mgtb-right: auto;--mgtb-bottom: ;--mgtb-left: auto;--pdtb-top: 20px;--pdtb-right: ;--pdtb-bottom: 5px;--pdtb-left: ;--mgmb-top: ;--mgmb-right: auto;--mgmb-bottom: ;--mgmb-left: auto;--pdmb-top: 20px;--pdmb-right: ;--pdmb-bottom: 5px;--pdmb-left: ;"><div class="t4s-container"><div class="t4s-footer-wrap t4s-bottom-bar t4s-row is--footer-collapse- t4s-gx-md-30 t4s-gy-md-0 t4s-gx-0 t4s-gy-0" style="--heading-fs:13px;--heading-fw:100;--heading-lh:0px;--heading-ls: 5.3px;--heading-cl:#222222;--text-fs:10px;--text-fw:400;--text-cl:#878787;--link-cl:#878787;--link-hover-cl:#56cfe1;--border-cl:#e6e6e6;--heading-mgb:0px;--heading-mgbm:0px;"><div class="t4s-custom-col t4s-col-item t4s-col-lg-12 t4s-col-md-12 t4s-col-12 bl-2433b4f1-5bdc-49a9-ba42-a51f4eb6d8e3"> <div class="t4s-col-inner t4s-text-md-center t4s-text-center "style="--pd: 0 0 0 0;--pd-mb: 0 0 0 0;"> <div class="t4s-footer-content"> <div class="t4s-socials-block t4s-setts-color-false social-cus_socials_7Qegg7" style="--cl:#878787;--bg-cl:#222222;--mgb: px;--mgb-mb: px; --bd-radius:19px;"> <div class="t4s-list-socials"><div class="t4s-socials t4s-socials-style-1 t4s-socials-size-small t4s-setts-color-false t4s-row t4s-gx-md-30 t4s-gy-md-20 t4s-gx-20 t4s-gy-2"><div class="t4s-col-item t4s-col-auto"> <a title='Follow on Facebook' data-no-instant rel="noopener noreferrer nofollow" href="https://facebook.com/gimssineofficial" target="_blank" class="facebook" data-tooltip="top"><svg class=" t4s-icon-facebook" role="presentation" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg></a> </div><div class="t4s-col-item t4s-col-auto"> <a title='Follow on Twitter' data-no-instant rel="noopener noreferrer nofollow" href="#" target="_blank" class="twitter" data-tooltip="top"><svg class=" t4s-icon-twitter" role="presentation" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a> </div><div class="t4s-col-item t4s-col-auto"> <a title='Follow on Instagram' data-no-instant rel="noopener noreferrer nofollow" href="https://instagram.com/gimssine_official" target="_blank" class="instagram" data-tooltip="top"><svg class=" t4s-icon-instagram" role="presentation" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a> </div><div class="t4s-col-item t4s-col-auto"> <a title='Follow on Linkedin' data-no-instant rel="noopener noreferrer nofollow" href="#" target="_blank" class="linkedin" data-tooltip="top"><svg class=" t4s-icon-linkedin" role="presentation" viewBox="0 0 448 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg></a> </div><div class="t4s-col-item t4s-col-auto"> <a title='Follow on Pinterest' data-no-instant rel="noopener noreferrer nofollow" href="https://pinterest.com/gimssine_official" target="_blank" class="pinterest" data-tooltip="top"><svg class=" t4s-icon-pinterest" role="presentation" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg></a> </div></div> </div> </div> <p data-lh="0" data-lh-md="0" data-lh-lg="0" class="t4s-text-bl t4s-fnt-fm-inherit t4s-font-italic-false t4s-hidden-mobile-false t4s-br-mb-false t4s-text-shadow-false"style="--animation: ;--delay-animation:s;--text-cl:#222222;--text-fs:16px;--text-fw:400;--text-lh:0px;--text-ls:0px;--text-mgb:15px;--text-fs-mb:16px;--text-lh-mb:0px;--text-ls-mb:0px;--text-mgb-mb:10px;"></p> <div class="t4s-coppy-right" style="--mgb: 10px;--mgb-mb: 10px;">Copyright © 2024 GIMSSINE all rights reserved.</div></div> </div> </div></div></div></div></section></footer> </div> <ul hidden class="t4s-d-none"> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> </ul><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" class="t4s-d-none"><defs><symbol id="svg-slider-btn___prev-1" viewBox="0 0 28 20"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="19.97" viewBox="0 0 28 20" fill="currentColor"> <path id="Forma_1" data-name="Forma 1" class="cls-1" d="M307.145,1836.68a0.98,0.98,0,0,0,1.411,0,1.025,1.025,0,0,0,0-1.42L301.4,1828h23.611a0.986,0.986,0,0,0,.988-1,1,1,0,0,0-.988-1.02H301.4l7.155-7.25a1.037,1.037,0,0,0,0-1.43,0.98,0.98,0,0,0-1.411,0l-8.849,8.98a1,1,0,0,0,0,1.42Z" transform="translate(-298 -1817.03)"/> </svg> </symbol> <symbol id="svg-slider-btn___next-1" viewBox="0 0 28 20"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="20" viewBox="0 0 28 20" fill="currentColor"> <path id="Forma_1" data-name="Forma 1" class="cls-1" d="M1609.85,1836.68a0.978,0.978,0,0,1-1.41,0,1.027,1.027,0,0,1,0-1.42l7.16-7.27h-23.61a1.015,1.015,0,0,1,0-2.03h23.61l-7.16-7.26a1.039,1.039,0,0,1,0-1.43,0.978,0.978,0,0,1,1.41,0l8.85,8.99a0.99,0.99,0,0,1,0,1.42Z" transform="translate(-1591 -1817)"/> </svg> </symbol><symbol id="t4s-icon-btn" viewBox="0 0 14 10" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path> </symbol><symbol id="t4s-icon-loading" viewBox="0 0 100 100" fill="none"> <path xmlns="http://www.w3.org/2000/svg" fill="none" d="M24.3,30C11.4,30,5,43.3,5,50s6.4,20,19.3,20c19.3,0,32.1-40,51.4-40 C88.6,30,95,43.3,95,50s-6.4,20-19.3,20C56.4,70,43.6,30,24.3,30z" stroke="currentColor" stroke-width="2" stroke-dasharray="205.271142578125 51.317785644531256"><animate attributeName="stroke-dashoffset" calcMode="linear" values="0;256.58892822265625" keyTimes="0;1" dur="1" begin="0s" repeatCount="indefinite"/></path> </symbol> <symbol id="t4s-icon-search" viewBox="0 0 18 19" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"></path> </symbol> <symbol id="t4s-icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"></path> </symbol> <symbol id="t4s-icon-atc"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg> </symbol> <symbol id="t4s-icon-qv"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> </symbol> <symbol id="t4s-icon-cp"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"/><line x1="4" y1="20" x2="21" y2="3"/><polyline points="21 16 21 21 16 21"/><line x1="15" y1="15" x2="21" y2="21"/><line x1="4" y1="4" x2="9" y2="9"/></svg> </symbol> <symbol id="t4s-icon-cp-added"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg> </symbol> <symbol id="t4s-icon-wis"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg> </symbol> <symbol id="t4s-icon-wis-added"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg> </symbol> <symbol id="t4s-icon-wis-remove"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line> </svg> </symbol> <symbol id="t4s-icon-external"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> </symbol> <symbol id="t4s-icon-link"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link-2"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"/><line x1="8" y1="12" x2="16" y2="12"/></svg> </symbol> <symbol id="t4s-select-arrow"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 12"><polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline></svg> </symbol> </defs> </svg> <script>window.T4Srequest = { design_mode: false, page_type: 'product', path: "\/products\/9791196440930" }; window.T4Sroutes = { root_url: '/', search_url: '/search', all_url: '/collections/all', cart_url: '/cart', cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update' }; window.T4sFunc = { psjson_lib: new Array }; window.T4SProductStrings = { pleaseChooseOptions: `Please select some product options before adding this product to your cart.`, addToCart: `Add to cart`, selectOption: `Select options`, quickShop: `Quick Shop`, soldOut: `Out of stock`, readMore: `Read more`, preOrder: `Pre-order`, preView: `View products`, unavailable: `Unavailable`, replace_qs_atc: `Replace item`, replace_qs_pre: `Replace item`, badgeNew: `New`, badgeSale: `Sale`, badgepreOrder: `Pre order`, badgeSoldout: `Sold out`, badgeSavePercent: `-[sale]%`, badgeSaveFixed: `-[sale]`, badgeSavePercent2: `SAVE [sale]%`, badgeSaveFixed2: `SAVE [sale]`, swatch_limit: `Show More Colors`, swatch_limit_less: `Show Less Colors`, compare: `Compare`, added_text_cp: `Compare products`, add_to_wishlist: `Add to Wishlist`, remove_wishlist: `Remove Wishlist`, browse_wishlist: `Browse Wishlist`, order_dayNames : "Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday", order_monthNames: "January,February,March,April,May,June,July,August,September,October,November,December" }; window.T4Sstrings = { mfp_close: `Close (Esc)`, mfp_loading: `Loading...`, pswp_facebook: `Share on Facebook`, pswp_twitter: `Tweet`, pswp_pinterest: `Pin it`, error_exist: `Email already used for another account`, agree_checkout: `You must agree with the terms and conditions of sales to check out.`, notice_stock_msg: `Not enough items available. Only [max] left.`, frm_contact_ask_success: `Thanks for contacting us. We'll get back to you as soon as possible.`, frm_notify_stock_success: `Thanks! We will notify you when this product becomes available!`, frm_newsletter_popup_success: `Thanks for subscribing`, copy_tooltipText: `Copy to clipboard`, copied_tooltipText: `Copied`, item_cart: [`items`, `item`, `items`], item_compare: [`products`, `product`, `products`], recipientFormExpanded: `Gift card recipient form expanded`, recipientFormCollapsed: `Gift card recipient form collapsed`, btn_next: `Next`, btn_prev: `Prev` }; window.T4Sconfigs = { theme: 'kalles', isPageIndex: false, cartCurrency: "USD", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", currencyCodeEnabled: false, within_cat: true, revealInView: true, script1: '//gimssine.com/cdn/shop/t/31/assets/polyfill.min.js?v=181567308014162318111717186923', script2: '//gimssine.com/cdn/shop/t/31/assets/theme.min.js?v=120411504905864441151717186923', script3: '//gimssine.com/cdn/shop/t/31/assets/interactable.min.js?v=182304859522726065941717186923', script4: '//gimssine.com/cdn/shop/t/31/assets/t4s_thumb.min.js?1431', script5: '//gimssine.com/cdn/shop/t/31/assets/t4s_zoom.min.js?v=118749277644528088231717186923', script6: '//gimssine.com/cdn/shop/t/31/assets/predictive-search.min.js?v=22541686231049480561717186923', script7: '//gimssine.com/cdn/shop/t/31/assets/facets.min.js?v=164422985717777672251717186923', script8: '//gimssine.com/cdn/shop/t/31/assets/nouislider.min.js?v=138997367956044330881717186923', script9: '//gimssine.com/cdn/shop/t/31/assets/des_adm.min.js?v=127460356933196398691717186923', script10: '//gimssine.com/cdn/shop/t/31/assets/t4s-instant-page.min.js?v=66639300826534233221717186923', script11: 'none', script12: '//gimssine.com/cdn/shop/t/31/assets/reviewOther.js?v=95403737616239082511717186923', script12a: '//gimssine.com/cdn/shop/t/31/assets/t4s-currencies.min.js?v=21666633133468324721717186923', script12b: '//gimssine.com/cdn/shop/t/31/assets/threesixty.min.js?v=135209691209182052231717186923', script12c: '//gimssine.com/cdn/shop/t/31/assets/hand.min.js?v=42771098400111014641717186923', script12d: '//gimssine.com/cdn/shop/t/31/assets/typed.min.js?1431', stylesheet1: '//gimssine.com/cdn/shop/t/31/assets/mini-cart.css?v=151338777514041160861717186923', stylesheet2: '//gimssine.com/cdn/shop/t/31/assets/mobile_nav.css?v=91007517013863193211717186923', stylesheet3: '//gimssine.com/cdn/shop/t/31/assets/login-sidebar.css?v=162280350561165346861717186923', stylesheet4: '//gimssine.com/cdn/shop/t/31/assets/search-hidden.css?v=139922884370207432601717186923', timezone: "", nowTimestamp: 1720312551, show_img: 2, enable_quickshop: true, use_sale_badge: true, label_sale_style: '2', use_new_badge: false, new_day_int: 10, use_soldout_badge: true, use_custom_badge: true, use_preorder_badge: true, swatch_limit: true, swatch_num: 0, swatch_click: 1, sw_item_style: '1', show_qty: false, pr_curent: '3', enableAjaxATC: true, enableAjaxCart: true, app_review: 2, enableConfetti: true, cartType: 'drawer', afterActionATC: '3', enableCompePopup: false, preViewBar: 'demo-kalles', cacheName: 'kalles168577138993', CartAttrHidden : true, timeOutNotices : 4000, autoHideNotices: true, disOnlyStock : false,disATCerror : false,onlyClickDropIcon : true, disFlashyApp : true, // remove_unavai: false , enable_compare: true, wishlist_mode : "1", wis_atc_added : "1", platform_email: "1", currency_type : "1", auto_currency: true, round_currency: false, hover_currency: false, img2: `<img data-sizes-scale="1.1" data-src="image_src" data-pr-img2 class="t4s-product-hover-img lazyloadt4s" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-widths="[100,200,360,400,500,600,700,800,900,1000]" data-optimumx="2" data-sizes="auto" alt="image_alt">`, cp_icon : "\u003csvg class=\"t4s-svg-cp\" viewBox=\"0 0 24 24\"\u003e\u003cuse xlink:href=\"#t4s-icon-cp\"\u003e\u003c\/use\u003e\u003c\/svg\u003e", cp_icon_added : "\u003csvg class=\"t4s-svg-cp is-ic--added\" viewBox=\"0 0 24 24\"\u003e\u003cuse xlink:href=\"#t4s-icon-cp-added\"\u003e\u003c\/use\u003e\u003c\/svg\u003e", wis_icon : "\u003csvg class=\"t4s-svg-wis\" viewBox=\"0 0 24 24\"\u003e\u003cuse xlink:href=\"#t4s-icon-wis\"\u003e\u003c\/use\u003e\u003c\/svg\u003e", wis_icon_added: "\u003csvg class=\"t4s-svg-wis is-ic--added\" viewBox=\"0 0 24 24\"\u003e\u003cuse xlink:href=\"#t4s-icon-wis-added\"\u003e\u003c\/use\u003e\u003c\/svg\u003e", wis_icon_remove: "\u003csvg class=\"t4s-svg-wis is-ic--remove\" viewBox=\"0 0 24 24\"\u003e\u003cuse xlink:href=\"#t4s-icon-wis-remove\"\u003e\u003c\/use\u003e\u003c\/svg\u003e" }; !function(){const t=document.documentElement.offsetWidth;t<1025&&[].forEach.call(document.querySelectorAll(".t4s-container-fluid >.t4s-row,.t4s-container >.t4s-row"),function(e){e.offsetWidth>t&&e.classList.add("t4s-fix-overflow")});const e=document.querySelector('#MainContent .t4s-section img[loading="lazy"]'),n=document.querySelector('#MainContent .t4s-section img.t4s-d-none.t4s-d-md-block[loading="lazy"]');function o(t){return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}e&&window.innerWidth<768&&e.setAttribute("loading","eager"),n&&window.innerWidth>767&&n.setAttribute("loading","eager");var i=window.pageXOffset,s=window.pageYOffset,r=window.innerWidth,a=window.innerHeight;function f(t,e=!1){for(var n=t.offsetTop,o=t.offsetLeft,f=t.offsetWidth,d=t.offsetHeight;t.offsetParent;)n+=(t=t.offsetParent).offsetTop,o+=t.offsetLeft;return e?n<s+a&&o<i+r&&n+d>s&&o+f>i:n>=s&&o>=i&&n+d<=s+a&&o+f<=i+r}var d=0,l=document.querySelectorAll("#MainContent .t4s-section");0!=l.length&&[...l].some((t,e)=>{let n=e?f(t):f(t,!0);if(n)++d,t.querySelectorAll("img.lazyloadt4s").forEach(t=>{if(o(t)){let e=JSON.parse(t.getAttribute("data-widths")),n=t.getAttribute("data-src"),o=t.getAttribute("data-sizes-scale")||1,i=window.devicePixelRatio||1,s=function(t,e){for(var n=e[0],o=Math.abs(t-n),i=0;i<e.length;i++){let s=Math.abs(t-e[i]);s<=o&&(o=s,n=e[i])}return n}(t.clientWidtho*i,e);t.removeAttribute("loading"),t.setAttribute("src",n.replace("width=1","width="+s)),t.classList.add("lazyloadt4s-opt") }});else if(!n&&d>0)return!0})}(); </script> <template id="btns_pr_temp"><a href="#t4s_pr_url" data-tooltip="" data-id="id_nt_94" rel="nofollow" class="t4s-pr-item-btn t4s-pr-quickview" data-action-quickview><span class="t4s-svg-pr-icon"><svg viewBox="0 0 24 24"><use xlink:href="#t4s-icon-qv"></use></svg></span><span class="t4s-text-pr">Quick view</span></a>[split_t4snt]<a href="#t4s_pr_url" data-tooltip="" data-id="id_nt_94" data-handle="handle_nt_94" rel="nofollow" class="t4s-pr-item-btn t4s-pr-compare" data-action-compare><span class="t4s-svg-pr-icon"><svg class="t4s-svg-cp" viewBox="0 0 24 24"><use xlink:href="#t4s-icon-cp"></use></svg></span><span class="t4s-text-pr">Compare</span></a>[split_t4snt]<a href="#t4s_pr_url" data-tooltip="" data-id="id_nt_94" rel="nofollow" class="t4s-pr-item-btn t4s-pr-wishlist" data-action-wishlist><span class="t4s-svg-pr-icon"><svg viewBox="0 0 24 24"><use xlink:href="#t4s-icon-wis"></use></svg></span><span class="t4s-text-pr">Add to Wishlist</span></a>[split_t4snt]<a href="#t4s_pr_url" data-atc-selector data-tooltip="" data-id="id_nt_94" rel="nofollow" class="t4s-pr-item-btn t4s-pr-addtocart" dat-qty="1"><span class="t4s-svg-pr-icon"><svg viewBox="0 0 24 24"><use xlink:href="#t4s-icon-atc"></use></svg></span><span class="t4s-text-pr">Add to cart</span></a>[split_t4snt]</template> <template id="t4s_temp_modal"> <div class="t4s-modal" aria-hidden="false" tabindex="-1" role="dialog"> <div class="t4s-modalinner"> <div class="t4s-modalcontent"></div> <button data-t4s-modal-close title="Close" type="button" class="t4s-modal-close"><svg class="t4s-modal-icon-close" role="presentation" viewBox="0 0 16 14"><path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></button> </div> </div> </template> <template id ="photoswipe_template"><div class="pswp pswpt4s" tabindex="-1" role="dialog" aria-hidden="false"><div class="pswpbg"></div><div class="pswpscroll-wrap"><div class="pswpcontainer"><div class="pswpitem"></div><div class="pswpitem"></div><div class="pswpitem"></div></div><div class="pswpui pswpui--hidden"><div class="pswptop-bar"><div class="pswpcounter"></div><button class="pswpbutton pswpbutton--close" title="Close"></button> <button class="pswpbutton pswpbutton--share" title="Share"></button> <button class="pswpbutton pswpbutton--fs" title="Toggle fullscreen"></button> <button class="pswpbutton pswpbutton--zoom" title="Zoom in/out"></button><div class="pswppreloader"><div class="pswppreloadericn"><div class="pswppreloadercut"><div class="pswppreloaderdonut"></div></div></div></div></div><div class="pswpshare-modal pswpshare-modal--hidden pswpsingle-tap"><div class="pswpshare-tooltip"></div></div><button class="pswpbutton pswpbutton--arrow--left" title="Previous (arrow left)"></button> <button class="pswpbutton pswpbutton--arrow--right" title="Next (arrow right)"></button><div class="pswpcaption"><div class="pswpcaptioncenter"></div></div></div></div><div class="pswpthumbnails t4s-current-scrollbar t4s-scheme-light"></div></div></template><template id="t4s-noticestmp"> <div id="t4s-noticeswrapper"><svg class="t4s-svg t4s-svg-circle-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z"/></svg><svg class="t4s-svg t4s-svg-triangle-exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"/></svg><span class="t4s-noticesmess"></span><button type="button" class="t4s-noticesclose"><svg class="t4s-svg t4s-svg-close" role="presentation" viewBox="0 0 16 14"><path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></button><div class="t4s-notices__progressbar"><span></span></div></div> </template><link rel="stylesheet" href="//gimssine.com/cdn/shop/t/31/assets/mobile_nav.css?v=91007517013863193211717186923" media="print" onload="this.media='all'"><div id="t4s-menu-drawer" class="t4s-drawer t4s-drawerleft t4s-d-lg-none" aria-hidden="true"> <div class="t4s-skeleton-element ske-h-50 ske-mb-20 ske-shine"></div> <div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div> <div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-mrl-20 ske-shine"></div> </div> <button class="t4s-drawer-menuclose t4s-pe-none t4s-op-0 t4s-pf" data-drawer-close aria-label="Close menu, categories"><svg class="t4s-iconsvg-close" role="presentation" viewBox="0 0 16 14"><path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></button><link href="//gimssine.com/cdn/shop/t/31/assets/mini-cart.css?v=151338777514041160861717186923" rel="stylesheet" media="print" onload="this.media='all'"> <div data-cart-wrapper id="t4s-mini_cart" data-ccount="0" class="t4s-drawer t4s-drawer__right t4s-dn" aria-hidden="true"><div class="t4s-skeleton-element ske-h-50 ske-mt-15 ske-mb-20 ske-mrl-15 ske-shine"></div> <div class="ske-mb-20"></div><div class="ske-mb-20"></div><div class="ske-mb-20"></div> <div class="t4s-text-center"> <div class="t4s-skeleton-element ske-shine ske-w-50 ske-mb-10 ske-h-20 t4s-d-inline-block"></div> <div class="t4s-skeleton-element ske-shine ske-w-50 ske-mb-0 ske-h-40 t4s-d-inline-block"></div> </div></div><div id="shopify-section-toolbar_mobile" class="shopify-section t4s-section t4s-toolbar-mobile t4s-section-admn-fixed-"><link href="//gimssine.com/cdn/shop/t/31/assets/toolbar_mobile.css?v=117812863032420226871717186923" rel="stylesheet" type="text/css" media="all" /> <div class="t4s-toolbar t4s-toolbar-label-true t4s-pf t4s-r-0 t4s-l-0 t4s-b-0 t4s-d-flex t4s-align-items-center t4s-justify-content-between" style="--bg-color:#ffffff;--icon-color:#222222;--label-color:#222222;--count-bg-color:#000000;--count-text-color:#ffffff"><div class="t4s-toolbart-nav t4s-toolbar-item"> <a href="/" data-menu-drawer data-drawer-options='{ "id":"#t4s-menu-drawer" }' class="t4s-push-menu-btn"> <span class="t4s-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg> </span><span class="t4s-toolbar-label">Menu</span></a> </div><div class="t4s-toolbart-wish t4s-toolbar-item"> <a data-link-wishlist href="/search/?view=wishlist"> <span class="t4s-toolbar-icon t4s-pr"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg> <span data-count-wishlist class="t4s-pa t4s-op-0 t4s-ts-op t4s-count-box">0</span> </span><span class="t4s-toolbar-label">Wishlist</span></a> </div><div class="t4s-toolbart-cart t4s-toolbar-item"> <a href="/cart" data-drawer-delay- data-drawer-options='{ "id":"#t4s-mini_cart" }'> <span class="t4s-toolbar-icon t4s-pr"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg> <span data-cart-count class="t4s-pa t4s-op-0 t4s-ts-op t4s-count-box">0</span> </span><span class="t4s-toolbar-label">Cart</span></a> </div><div class="t4s-toolbart-account t4s-toolbar-item"> <a href="/account" data-drawer-delay- data-drawer-options='{ "id":"#t4s-login-sidebar" }' > <span class="t4s-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> </span><span class="t4s-toolbar-label">Account</span></a> </div><div class="t4s-toolbart-search t4s-toolbar-item"> <a href="/search" data-drawer-delay- data-drawer-options='{ "id":"#t4s-search-hidden" }'> <span class="t4s-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg> </span><span class="t4s-toolbar-label">Search</span></a> </div></div></div><div id="shopify-section-back_top" class="shopify-section t4s-section-admn2-fixed"><link rel="stylesheet" href="//gimssine.com/cdn/shop/t/31/assets/back-to-top.css?v=119504752470898195151717186923" media="print" onload="this.media='all'"> <a id="t4s-backToTop" data-t4sBackToTop class="t4s-back-to-top t4s-back-to-top__design1 t4s-pf t4s-progress_bar_true t4s-op-0" data-hidden-mobile="false" data-scrollTop="100" rel="nofollow" href="#" aria-label="Back to the top" style="--border-w:2px;--cricle-normal:#222222;--cricle-active:#56cfe1;"><div class="t4s-circle-css" style="--border-w:2px;"> <div class="t4s-circle--inner"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="9.98 12.06 12.05 6.79" width="14" height="14"><path d="M16.767 12.809l-0.754-0.754-6.035 6.035 0.754 0.754 5.281-5.281 5.256 5.256 0.754-0.754-3.013-3.013z" fill="currentColor"></path></svg> </div> <div class="t4s-circle--bg"></div> </div></a></div><div id="shopify-section-extras" class="shopify-section t4s-section-extras t4s-section-admn2-fixed"></div><div id="shopify-section-slider_config" class="shopify-section t4s-section t4s-section-config t4s_tp_flickity t4s-section-admn-fixed"><style data-shopify>.t4s-flicky-slider.t4s-slider-btn-cl-custom1{ --btn-color : #ffffff; --btn-background : #abb1b4; --btn-border : #abb1b4; --btn-color-hover : #ffffff; --btn-background-hover : #56cfe1; --btn-border-hover :#56cfe1; } .t4s-flicky-slider.t4s-slider-btn-style-outline.t4s-slider-btn-cl-custom1{ --btn-color : #abb1b4; --btn-border : #abb1b4; --btn-color-hover : #ffffff; --btn-background-hover : #56cfe1; } .t4s-slider-btn-pos-middle-border.t4s-slider-btn-style-outline.t4s-slider-btn-cl-custom1{ --btn-color : #abb1b4; --btn-background : #ffffff; --btn-color-hover : #ffffff; --btn-background-hover : #56cfe1; } .t4s-flicky-slider.t4s-slider-btn-style-simple.t4s-slider-btn-cl-custom1{ --btn-color : #abb1b4; --btn-border : #abb1b4; --btn-color-hover : #56cfe1; --btn-border-hover : #56cfe1; } .t4s-flicky-slider.t4s-dots-cl-custom1{ --dots-background : #abb1b4; --dots-background2 : #ffffff; } .t4s-dots-style-number.t4s-dots-cl-custom1 { --dots-cl : #ffffff; --bg-dots-cl : #abb1b4; }</style></div><div id="t4s-snow_ef" class="t4s-dn"></div><div id="t4s-assets-pre" class="t4s-d-none"></div><div id="t4s-append-component" class="t4s-d-none"></div><link href="//gimssine.com/cdn/shop/t/31/assets/login-sidebar.css?v=162280350561165346861717186923" rel="stylesheet" media="print" onload="this.media='all'"> <div id="t4s-login-sidebar" class="t4s-drawer t4s-drawerright" aria-hidden="true"> <div class="t4s-skeleton-element ske-h-50 ske-mt-20 ske-mrl-20 ske-shine"></div> <div class="t4s-skeleton-element ske-h-50 ske-mrl-20"></div><div class="t4s-skeleton-element ske-h-50 ske-mrl-20"></div><div class="t4s-skeleton-element ske-h-20 ske-mrl-20"></div> <div class="t4s-skeleton-element ske-h-50 ske-mrl-20 ske-shine"></div><div class="t4s-skeleton-element ske-h-50 ske-mrl-20 ske-shine"></div> </div><link href="//gimssine.com/cdn/shop/t/31/assets/search-hidden.css?v=139922884370207432601717186923" rel="stylesheet" media="print" onload="this.media='all'"> <div data-predictive-search data-sid="search-hidden" id="t4s-search-hidden" class="t4s-drawer t4s-drawerright" aria-hidden="true"> <div class="t4s-skeleton-element ske-h-50 ske-mt-20 ske-mb-20 ske-shine ske-mrl-20 ske-mt-15"></div> <div class="t4s-skeleton-element ske-h-50 ske-mrl-20"></div><div class="t4s-skeleton-element ske-h-50 ske-mrl-20 ske-shine"></div> <div class="t4s-skeleton-element ske-h-50 ske-mrl-20"></div><div class="t4s-skeleton-element ske-h-50 ske-mrl-20 ske-shine"></div> </div> <template id="t4s-style-popup"><link href="//gimssine.com/cdn/shop/t/31/assets/pre_flickityt4s.min.css?v=80452565481494416591717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/main-product.css?v=134637357451055475961717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/qv-product.css?v=25894675621660097511717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/drawer.min.css?v=145899359751424787531717186923" rel="stylesheet" type="text/css" media="all" /> <link href="//gimssine.com/cdn/shop/t/31/assets/qs-product.css?v=28443009901869432391717186923" rel="stylesheet" type="text/css" media="all" /></template> <link rel="stylesheet" href="//gimssine.com/cdn/shop/t/31/assets/theme.css?v=154485428815827937121717186923" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//gimssine.com/cdn/shop/t/31/assets/drawer.min.css?v=145899359751424787531717186923" media="all"> <link rel="stylesheet" href="//gimssine.com/cdn/shop/t/31/assets/line-awesome.min.css?v=86766576465918945231717186923" media="print" onload="this.media='all'"></body> </html>