/**
 * 모바일쇼핑몰 슬라이딩메뉴
 */

body { position:relative; height:100%; }
#wrap { min-height:100%; }

/* 확장 */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #container { -webkit-transform: translate(70%, 0); -moz-transform: translate(70%, 0); -ms-transform: translate(70%, 0); -o-transform: translate(70%, 0); transform: translate(70%, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand #aside { z-index:0; overflow-x:hidden; }

/* aside */
#aside { z-index:-1; visibility:hidden; position:absolute; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:70%; font-size:11px; background:#fff; 
	padding:50px 0 0 25px; box-sizing:border-box; }
#aside .btnClose { position:absolute; top:0; right:0; display:block; padding:15px 15px 0 0; font-size:22px; }

#aside .myAccount a { text-transform:uppercase; line-height:2; padding:0 8px 0 0; font-size:12.5px; }
#aside .myAccount a.cart { position:relative; display:block; margin:15px 0 5px; }
#aside .myAccount a.cart .xi-market { font-size:21px; }
#aside .myAccount a.cart .cart_count { position:absolute; top:-2px; left:15px; z-index:10; width:16px; height:16px; border-radius:100%; background-color:#de615f; color:#fff; font-size:9px; text-align:center; line-height:16px; }


/* 카테고리 리스트 */
#aside .categoryList { clear:both; font-size:11px; font-weight:normal; letter-spacing:0.6px; padding:30px 0 0; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; white-space:nowrap; }
#aside .categoryList li.selected > ul { display:block; }
#aside .categoryList li.selected > a.cate {  }
#aside .categoryList li.noChild > a.cate { background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList li.selected.noChild { background-color:#fff; }
#aside .categoryList > li.selected .slideSubMenu li { background-color:#fff; padding:0 8px; }
#aside .categoryList > li.selected .slideSubMenu li:last-child { padding:0 0 8px 8px; }
#aside .categoryList > li.selected .slideSubMenu > li:first-child { padding:0 0 0 8px; }
#aside .categoryList > li.selected .slideSubMenu > li:last-child { padding:0 0 8px 8px; }
#aside .categoryList > li:first-child { border-top:0; }
#aside .categoryList > li > a.cate { background:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_up.png") no-repeat 90% 0; background-size:24px auto; }
#aside .categoryList > li.selected > a.cate { background-image:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_down.png"); }
#aside .categoryList > li > ul > li > a.cate { background:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_up.png") no-repeat 87% 0; background-size:24px auto; }
#aside .categoryList > li > ul > li.selected > a.cate { background-image:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_down.png"); }
#aside .categoryList > li > ul > li > ul > li > a.cate { background:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_up.png") no-repeat 87% 0; background-size:24px auto; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { background-image:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_down.png"); }
#aside .categoryList .cate {  height:22px; line-height:22px;  position:relative; border-bottom:0 solid #eee; }
#aside .categoryList a.cate { display:block; word-wrap:break-word; height:22px; line-height:22px; white-space:nowrap; }
#aside .categoryList a.view { display:none; }
#aside .categoryList li.noChild > a.view { display:none; }
#aside .categoryList li .viewNew { position:absolute; display:block; height:22px; line-height:22px; top:0; left:0; z-index:9999; }
#aside .categoryList > li > ul > li > a.viewNew { padding-left:25px; }
#aside .categoryList > li > ul > li > ul > li > a.viewNew { padding-left:40px; }
#aside .categoryList > li > ul > li > ul > li > ul > li a.viewNew  { padding-left:55px; }

#aside .categoryBoard { padding:0; letter-spacing:1px; font-size:11px; }
#aside .categoryBoard > a { cursor:pointer; width:100%; margin:0 0 10px; display:block; background:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_down.png") no-repeat 90% -5px; background-size:24px auto; }
#aside .categoryBoard > a.cate { width:100%; margin:0 0 10px; display:block; background:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/ico_quantity_up.png") no-repeat 90% -5px; background-size:24px auto; }
#aside .categoryBoard li a { display:block; height:22px; line-height:22px; padding:0 0 0 10px; text-transform:uppercase; letter-spacing:1px; }
#aside .categoryBoard > a:hover { color:#333; }
#aside .categoryBoard .boardHide { display:none; }

#aside .categoryList2 { margin:0 0 6px 0; }
#aside .categoryList2 > li a { height:24px; line-height:24px; }


/* 즐겨찾기 리스트 */
#aside .bookmarkCategory { font-size:13px; }
#aside .bookmarkCategory li { position:relative; border-bottom:1px solid #cccccc; border-top:1px solid #fff; }
#aside .bookmarkCategory li:first-child { border-top:0; }
#aside .bookmarkCategory li.selected { background-color:#508bed; }
#aside .bookmarkCategory li a { display:block; margin-right:35px; padding:11px 10px 11px 17px; word-wrap:break-word; }
#aside .bookmarkEmpty { padding:8px 0 6px 12px; border-bottom:1px solid #cccccc; color:#798490; font-size:11px; line-height:16px; background:#f1f1f1; }
#aside .bookmarkEmpty img { width:11px; height:11px; vertical-align:-1px; }

/* 즐겨찾기 아이콘 */
#aside .xans-layout-category li .icoBookmark,
#aside .bookmarkCategory li .icoBookmark { display:none; overflow:hidden; position:absolute; right:1px; top:0; width:30px; height:41px; padding:0; border:0; text-indent:100%; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_bookmark.png") no-repeat 5px 14px; background-size:13px 13px; cursor:pointer; }
#aside .xans-layout-category li .icoBookmark.selected,
#aside .bookmarkCategory li .icoBookmark.selected { display:none; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_bookmark_on.png"); } 

/* 배송국가 */
#aside .multishop .xans-layout-multishoplistmultioptioncountry li a { padding:9px 10px 11px 17px; font-size:13px; }

/* 멀티쇼핑몰 */
#aside .xans-multishop-listitem li { border-bottom:1px solid #cccccc; border-top:1px solid #fff; background-color:#f1f1f1; }
#aside .xans-multishop-listitem li:first-child { border-top:0; }
#aside .xans-multishop-listitem li a { display:block; padding:6px 10px 6px 14px; word-wrap:break-word; }
#aside .xans-multishop-listitem li a .name { margin:0 0 0 5px; font-size:13px; vertical-align:middle; }

/* conatiner */
@media (max-width:999px) {  
#container {
    z-index:100; position:relative; overflow:hidden; margin-top:-1px; margin-left:-1px; background-color:#fff;
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
	}
}    

/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:70%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

.xans-layout-searchheader { width:50%; margin:0 auto; color:#fff; }
.xans-layout-searchheader fieldset { width:100%; margin:0 auto; border-bottom:1px solid #fff; margin:30px 0 0 0; }
.xans-layout-searchheader #keyword  { position:relative; width:100%; height:28px; line-height:28px; border:0; color:#fff !important; font-size:16px; padding:0; background:rgba(0, 0, 0, 0); }
.xans-layout-searchheader fieldset a { position:absolute; right:0; display:inline !important; font-size:20px; cursor:pointer; color:#fff; }
.xans-layout-searchheader fieldset input::placeholder { color:#fff; }

/*좌측 슬라이딩 검색창 */
.xans-layout-searchside { margin:60px 0; }
.xans-layout-searchside fieldset { width:170px; border-bottom:1px solid #111; }
.xans-layout-searchside #keyword  { width:155px; height:18px; line-height:18px; padding:0; font-size:13px; border:0; }
.xans-layout-searchside fieldset a { font-size:13px; color:#555; cursor:pointer; }
.xans-layout-searchside input { float:left; padding:0; }
.xans-layout-searchside input::placeholder { color:#555; font-size:12px; }

@media (min-width:1000px) {
	.xans-layout-searchside fieldset { width:100px; }
	.xans-layout-searchside #keyword  { width:85px; }
}
@charset "euc-kr";

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html { width:100%; height:100%; overflow-y:scroll; overflow-x:hidden; }
body, code { min-width:320px; font-family:'Outfit', Noto Sans KR, sans-serif; font-size:13px; line-height:1.2em; color:#333; background:#fff; -webkit-text-size-adjust:none; }
code { background:none; display:block; }
ul li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#333; transition:all 0.5s; }
a:hover {  }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
button::-moz-focus-inner { padding:0; border:0; }
*:focus { outline:none; }

/* html5 */
object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


/* 크롬 input 자동완성 백그라운드 컬러 제거 */
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
box-shadow: 0 0 0 1000px white inset;
}
@charset "utf-8";

/* layout */
.btnTop { display:none; position:fixed; top:0; left:50%; z-index:100; margin:0 0 0 -36px; border:1px solid #d6d6d7; border-top:0; border-radius:0 0 3px 3px; opacity:0.9; background:#616161 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_btntop.png") no-repeat 90% 7px; background-size:12px 12px; }
.btnTop a { display:inline-block; height:29px; padding:0 26px 0 10px; line-height:29px; color:#fff; }

#mobileQuickLink { z-index:301 !important; }
#mobileBtnQuickLink { z-index:100 !important; }

.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0,0,0,0.7); }
#dimmedSlider { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:500; background:rgba(0,0,0,0.7); }

/* 메인 검색 */
#main .searchWrap { position:relative; height:38px; padding:5px 41px 0 47px; }
#main .searchWrap .searchForm { position:relative; padding:0 28px 0 33px; border:1px solid #ccc; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png") no-repeat 5px 5px; background-size:20px 20px; }
#main .searchWrap .btnDelete { position:absolute; right:3px; top:5px; width:20px; height:20px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0; background-size:20px 20px; }
#main .searchWrap #keyword { width:100%; padding:0; border:0; }

/* 메인 카테고리 */
#main #header #topArea .xans-layout-mobilemaincategory { position:relative; height:43px; border-bottom:1px solid #e3e3e3; background-color:#fff; }
#main #header #topArea .xans-layout-mobilemaincategory ul { display:inline-block; width:100%; padding:0; text-align:left; font-size:0; line-height:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#main #header #topArea .xans-layout-mobilemaincategory ul li { display:inline-block; width:33.3%; font-size:13px; text-align:center; }

/* 메인 스와이프 */
#main #header #topArea .xans-layout-mobilemaincategory .afterNone { display:none; }
#main #header #topArea .xans-layout-mobilemaincategory > ul { display:table; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li { width:100%; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul { padding:0 40px; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li { border-bottom:3px solid #fff; width:33%; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li.selected { border-bottom-color:#217bdb; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a { display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:22px 0 18px; font-weight:bold; color:#9a9a9a; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li.selected a { color:#217bdb; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a img { max-height:40px; }
#main #header #topArea .xans-layout-mobilemaincategory p { position:absolute; top:0; background-color:#fff; }
#main #header #topArea .xans-layout-mobilemaincategory p.btnPrev { left:0; display:none; }
#main #header #topArea .xans-layout-mobilemaincategory p.btnNext { right:0; display:none; }
#main #header #topArea .xans-layout-mobilemaincategory p a { display:inline-block; padding:13px 14px; }

/* 메인 배너 */
#main .mainBanner { position:relative; }
#main .mainBanner a img { max-height:290px; }
#main .mainBanner .ec-base-paginate { position:absolute; bottom:8px; z-index:10; width:100%; }
#main .mainBanner .afterNone { display:none; }

/* 타이틀 */
#titleArea { position:relative; }
#titleArea h2 { padding:0 0 20px 0; font-size:13px; text-align:center; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
#titleArea span { position:absolute; top:6px; left:14px; display:none; }

/* 마이쇼핑 메인 */
.myshopMain { padding:14px 7px; font-size:13px; }

/* font */
.txtWarn { color:#f45b55; }
.txtEm { color:#000; }

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank7 { display:block; margin-top:7px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gBreak5 { display:block; margin-bottom:5px; }
.gBreak7 { display:block; margin-bottom:7px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty [type="text"] { width:49px; }
.ec-base-qty [type="tel"] { width:49px; text-align:right; }
.ec-base-qty button { margin:0; padding:0; border:0; vertical-align:top; background:transparent; }

/* ec-base-field */
.ec-base-field { display:-webkit-flex; display:-ms-flex; display:flex; }
.ec-base-field input[type="text"] { -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-field input ~ [class*='btn'] { margin-left:5px; }

/* form */
input, textarea, select { max-width:100%; font-size:12px; font-family:'Lato',Noto Sans KR,sans-serif; color:#333; vertical-align:middle; outline:0; border-radius:0; background:none; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:10px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #111; border-radius:0; outline-style:none;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
input[type=text], input[type=password], input[type=number], input[type=tel] { height:29px; }
input[type="file"] { overflow:hidden; max-width:100%; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
select { max-width:100%; height:29px; margin:0; padding:0 20px 0 8px; line-height:29px; font-size:12px; color:#333; word-break:break-all; font-weight:inherit; border:1px solid #111; border-radius:0; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/ico_select.gif") no-repeat 100% 49%; background-size:auto 40px; -webkit-appearance:none; }
select.disabled, select:disabled,
textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }
input[type="checkbox"] { width:13px; height:13px; border:0; background:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/bg_checkbox.png") no-repeat 0 0; background-size:13px 13px; -webkit-appearance:none; }
input[type="checkbox"]:checked { background-image:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/bg_checkbox_checked.png"); -webkit-appearance:none; }
input[type="radio"] { width:14px; height:14px; border:0; border-radius:50%; background:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/bg_radio.png") no-repeat 0 0; background-size:14px 14px; -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//ecimg.cafe24img.com/pg858b40606687066/durden/web/upload/image/bg_radio_checked.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:13px; vertical-align:middle; cursor:pointer; }
input[type=radio] + label,
input[type=checkbox] + label { margin:0 7px 0 4px; }
label input[type=radio],
label input[type=checkbox] { margin:0 4px 0 0; }
label:last-child,
input[type=radio] + label:last-child,
input[type=checkbox] + label:last-child { margin-right:0; }

.ec-base-label { display:inline-block; margin:0 7px 0 0; }
.ec-base-label input[type=radio] + label,
.ec-base-label input[type=checkbox] + label { margin-right:0; }

.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }

/* ec-base-radio 교환/반품배송비 신용카드 결제 기능 추가 */
.ec-base-radio.typeCS{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-direction: column;}
.ec-base-radio.typeCS .ec-base-label {margin: 0 0 10px 0;border: 1px solid #b5b5b5;box-sizing: border-box;border-radius: 2px;position:relative;}
.ec-base-radio.typeCS .ec-base-label label {position: relative;height: 100%;line-height: 20px;padding: 10px 10px 9px;box-sizing: border-box;font-size: 14px;color: #666;word-break: break-all;word-wrap: break-word;display: block;text-align: center;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input:checked + label {border-color: #000;font-weight: bold;color: #fff;background: #000;}
@charset "utf-8";


  .ec-base-paginate { text-align:center; }
  /* typeList */
    .ec-base-paginate.typeList { padding:14px 0; font-size:0; line-height:0; }
    .ec-base-paginate.typeList ol { margin:0 14px; }
    .ec-base-paginate.typeList ol,
    .ec-base-paginate.typeList ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate.typeList ol li:not(:first-child) { margin:0 0 0 7px; }
    .ec-base-paginate.typeList ol li a { display:inline-block; width:26px; height:27px; font-size:12px; line-height:27px; color:#555; vertical-align:middle; }
    .ec-base-paginate.typeList ol li .this { color:#111; font-weight:bold; }
    .ec-base-paginate.typeList [class*='btn'] { display:inline-block; overflow:hidden; width:31px; height:27px; font-size:1px; line-height:0; text-indent:-9999em; vertical-align:middle; background-repeat:no-repeat; background-position:50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeList .btnPrev { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png"); background-size:5px auto; }
    .ec-base-paginate.typeList .btnNext { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png"); background-size:5px auto; }
	.ec-base-paginate.typeList a img { width:10px; padding:0 5px; } /* 상품목록 리스트 버튼 이미지 */

  /* typeMoreview */
    .ec-base-paginate.typeMoreview { margin:0 auto 60px; width:100%; }
    .ec-base-paginate.typeMoreview .btnMore { display:block; margin:10px auto 30px; font-size:12px; width:90px; padding:8px 12px; }
    .ec-base-paginate.typeMoreview .icoMore {  }

  /* typeSwipe */
    .ec-base-paginate.typeSwipe { font-size:0; line-height:0; margin:15px auto; }
    .ec-base-paginate.typeSwipe button.circle { overflow:hidden; margin:0 3px; width:5px; height:5px; border:0; border-radius:100%; cursor:pointer; background-color:#d2d2d2; }
    .ec-base-paginate.typeSwipe button.circle.selected { background-color:#333; }
    .ec-base-paginate.typeSwipe span { overflow:hidden; font-size:1px; line-height:0; color:transparent; text-indent:-150%; }
    .ec-base-paginate.typeSwipe button.prev,
    .ec-base-paginate.typeSwipe button.next { width:31px; font-size:15px; line-height:1.2em; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe button.next { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe .prev,
    .ec-base-paginate.typeSwipe .next { display:none; }

  /* typeZoom */
    .ec-base-paginate.typeZoom .btnPrev,
    .ec-base-paginate.typeZoom .btnNext { overflow:hidden; width:31px; height:27px; border:1px solid #d9d9d9; border-radius:2px; font-size:1px; line-height:0; color:transparent; text-indent:-150%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeZoom .btnNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto;  }

  /* typeTotal */
    .paginate.typeTotal { color:#696969; }
    .paginate.typeTotal > span { margin:0 8px; font-weight:bold; }
    .paginate.typeTotal p { display:inline-block;vertical-align:middle; }
    .paginate.typeTotal .icoPrev,
    .paginate.typeTotal .icoNext { width:7px; height:13px; font-size:15px; line-height:1.2em; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal .icoNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal p span { overflow:hidden; display:block; width:29px; text-indent:-999px; }
    .paginate.typeTotal strong { color:#333; }
.ec-base-help { margin:15px 4px 30px; font-size:12px; color:#757575; }
p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li { padding:0 0 2px 18px; line-height:1.5; text-align:left; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 2px; background-size:14px auto; }
  /* Ordered List */
    ol { list-style:none; }
    ol.ec-base-help { counter-reset:rank 0; }
    ol.ec-base-help li { position:relative; padding:0 0 0 13px; background:none; }
    ol.ec-base-help li:before { counter-increment:rank 1; content:counter(rank)'.'; position:absolute; top:0; left:0; }
  /* typeDash */
    p.ec-base-help.typeDash,
    ul.ec-base-help.typeDash li { position:relative; padding:0 0 0 10px; background:none; }
    p.ec-base-help.typeDash:before,
    ul.ec-base-help.typeDash li:before { content:""; position:absolute; top:9px; left:0; width:5px; height:1px; background:#757575; }
/* admin icon */
.ec-admin-icon.cart { height:26px; cursor:pointer; }
.xans-product-listmain-1 .ec-base-paginate.typeSwipe { margin:-20px 0 30px 0; }

.ec-base-product { padding:0; }
.ec-base-product h2 { margin:30px 0; padding:30px 0 10px 10px; overflow:hidden; font-weight:normal; letter-spacing:1px; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.ec-base-product h2 span { float:right; font-size:14px; padding:0 10px 0 0; }
.ec-base-product h2 p { font-size:12px; line-height:26px; font-weight:500; text-align:center; color:#888; letter-spacing:0; }
.ec-base-product img { max-width:100%; }
.ec-base-product > ul { padding:0 8px; }
.ec-base-product li { vertical-align:top; padding:0 4px; box-sizing:border-box; }
.ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; font-size:0; line-height:0; }
.ec-base-product [class*="grid"] > li { display:inline-block; margin:0 0 50px; vertical-align:top; text-align:left; font-size:12px; line-height:1.4; }
.ec-base-product .thumbnail { position:relative; overflow:hidden; }
.ec-base-product .thumbnail .number { position:absolute; top:0; left:0; width:34px; height:34px; line-height:12px; background:#434343; color:#f2f2f2; text-align:center; font-size:10px; padding:6px 0 0 0; box-sizing:border-box; z-index:11; }
.ec-base-product .prdList .thumbnail .scale {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ec-base-product .prdList .thumbnail .scale:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ec-base-product .thumbnail a { display:block; }
.ec-base-product .thumbnail a img { display:block; width:100%; vertical-align:top; }
/* 상품이미지 오버 */
.ec-base-product .thumbnail a img.prdOut { position:relative; z-index:2; }
.ec-base-product .thumbnail a img.prdOver { position:absolute; top:0; left:0; z-index:1; }

.ec-base-product .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.ec-base-product .thumbnail .wish { position:absolute; right:4px; bottom:2px; z-index:10; display:none; }
.ec-base-product .thumbnail .wish img { width:13px; height:13px; opacity:0.6; margin:3px 0; padding:4px 4px; background-color:rgba(255,255,255,0.7); border-radius:100%; }
.ec-base-product .thumbnail .soldout img { display:none; }
.ec-base-product .thumbnail #soldoutIcon { position:absolute; top:0; right:0; width:64px; height:18px; line-height:18px; letter-spacing:0.5px; overflow:hidden; background:#000; color:#fff; font-size:10px; text-align:center; font-weight:bold; z-index:11; }
@media (min-width:1000px) {
    .ec-base-product .thumbnail #soldoutIcon { width:73px; line-height:19px; letter-spacing:1.3px; }
}
.ec-base-product .description { min-height:10px; padding:0 2px; line-height:1em; text-align:left; }
.ec-base-product .description .spec span { text-align:center; }
.ec-base-product .description .name { display:block; padding:10px 0 2px 0; text-align:left; font-weight:normal; line-height:1.3; }
.ec-base-product .description .name a { font-size:12px; }
.ec-base-product .description .promotion img { padding:6px 1px 2px; text-align:center; }
.ec-base-product .description .summary { font-size:11px; color:#777; margin:0 0 6px; line-height:16px; }
.ec-base-product .description .icon { margin:5px 0; }
.ec-base-product .description .icon img { margin:0 2px; }
.ec-base-product .description .icon .icon_img { margin:0; }
.ec-base-product .description .price { font-size:12px; margin:0 0 5px 0; color:#333; }
.ec-base-product .description .price.custom { font-size:12px; margin:0 0 5px 0; color:#888; }
.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike { text-decoration:line-through; }
.ec-base-product .description li.cart { margin:0 0 7px; }
.ec-base-product .description .likeButton button { border:0; background:none; }
.ec-base-product .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; }
.ec-base-product .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; }
.ec-base-product .more_view { margin:7px 4px 0; }
.ec-base-product .more_view a { display:block; padding:0 0 0 0; background:#d4d4d6; }
.ec-base-product .more_view a span { overflow:hidden; display:block; width:100%; height:30px; text-indent:120%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%; background-size:12px 12px; }


/* 메인 추천상품 */
.xans-product-listmain-1.ec-base-product li { padding:0; }
.xans-product-listmain-1.ec-base-product .description { padding:0 0 50px; }
.xans-product-listmain-1.ec-base-product > ul { padding:0 8px 30px; }
.xans-product-listmain-1 { padding:0 4px; box-sizing:border-box; clear:both; }
.xans-product-listmain-2, .xans-product-listmain-3, .xans-product-listmain-4 { padding:0; box-sizing:border-box; }

@media (min-width:1000px) {
    .ec-base-product li { padding:0 10px; }
    .ec-base-product [class*="grid"] > li { margin:0 0 60px; }
    .xans-product-listmain-1 { padding:0 30px; }
    .xans-product-listmain-2, .xans-product-listmain-3, .xans-product-listmain-4 { padding:0; }    
    .xans-product-listmain-1.ec-base-product h2 { font-size:15px; }
    .xans-product-listmain-2.ec-base-product h2 { font-size:15px; }
    .ec-base-product h2 { padding:30px 0 20px 10px; }
}


/* module="product_ListItem" */
.ec-base-product .spec { clear:both; }
.ec-base-product .spec li { text-align:left; line-height:1.2; padding:2px 0; position:relative; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; }
.ec-base-product .spec li .chips { text-align:center; float:left; width:8px; height:8px; border-radius:100%; border:1px solid #e3e3e3; margin:0 1.5px; font-size:0; line-height:0; }


/* typeDesc */
.ec-base-product.typeDesc { margin:0; background:#fff; }
.ec-base-product.typeDesc .prdList:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc .prdList > li { margin:0; padding:14px; width:100%; box-sizing:border-box; border-top:1px solid #ececec; }
.ec-base-product.typeDesc .prdList > li:first-child { padding:0 14px 14px; border-top:0; }
.ec-base-product.typeDesc .prdList > li:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc .thumbnail { float:left; margin:0; padding:0; width:87px; }
.ec-base-product.typeDesc .thumbnail .wish { right:4px; }
.ec-base-product.typeDesc .description { padding:0 0 0 103px; }
.ec-base-product.typeDesc .description .price { color:#494949; font-size:13px; }
.ec-base-product.typeDesc .description .price.sale { color:#000; font-size:15px; }
.ec-base-product.typeDesc .description .color { margin:0 0 10px; }
.ec-base-product.typeDesc .description .summary { font-size:11px; color:#757575; margin:0 0 10px; }

/* typeGallery */
.ec-base-product.typeGallery { margin:30px 0 0; }
.ec-base-product.typeGallery ul { display:table; table-layout:fixed; padding:0 4px; font-size:0; line-height:0; margin:-5px 0 0 0; }
.ec-base-product.typeGallery li { position:relative; display:inline-block; margin:0; padding:0; vertical-align:top; overflow:hidden; font-size:12px; line-height:1.2em; }
.ec-base-product.typeGallery .thumbnail { margin:5px 4px; }
.ec-base-product.typeGallery .thumbnail .wish { top:3px; bottom:auto; }
.ec-base-product.typeGallery .description { position:absolute; left:0; margin:0 0 -1px 0; padding:0 2px; width:100%; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.ec-base-product.typeGallery .description a { overflow:hidden; display:block; padding:5px 38px 5px 6px; width:100%; height:100%; color:#fff; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:rgba(0,0,0,0.6); }
.ec-base-product.typeGallery .description a .name:after { display:block; content:""; position:absolute; top:0; right:4px; width:20px; height:100%;
    background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_white.png") 0 center no-repeat; background-size:20px 20px;
    -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); }
.ec-base-product.typeGallery .description a .name { display:inline-block; margin:0; width:100%; }
.ec-base-product.typeGallery .description a .name,
.ec-base-product.typeGallery .description a p { overflow:hidden; font-size:12px; line-height:14px; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-product.typeGallery .description a .price { margin:0; color:#fff; }
.ec-base-product.typeGallery .description a .price span { display:none; }
.ec-base-product.typeGallery .description .likeButton { position:absolute; bottom:0; right:5px; background:rgba(255, 255, 255, 0.8); }


/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

/* grid */
.ec-base-product .grid1 > li { width:100%; }
.ec-base-product .grid2 > li { width:50%; }
.ec-base-product .grid3 > li { width:33.333%; }
.ec-base-product .grid4 > li { width:25%; }
.ec-base-product .grid5 > li { width:20%; }

@media all and (max-width:480px) {
  .ec-base-product .prdList.grid1 > li { width:100%; }
  .ec-base-product .prdList.grid2 > li { width:50%; }
  .ec-base-product .prdList.grid3 > li { width:33.333%; }
  .ec-base-product .prdList.grid4 > li { width:25%; }
  .ec-base-product .prdList.grid5 > li { width:33.33%; }

  .ec-base-product .grid1 li .name { font-size:15px; }
  .ec-base-product .grid2 li .name,
  .ec-base-product .grid3 li .name { font-size:13px; }
  .ec-base-product .grid4 li .name { font-size:11px; }
}

@media all and (min-width:481px) and (max-width:767px) {
  .ec-base-product .prdList.grid2 > li { width:50%; }
  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li { width:33.33%; }

  .ec-base-product [class*="grid"] li .name { font-size:13px; }
}

@media all and (min-width:768px) {
  .ec-base-product .prdList.grid2 > li { width:33.33%; }
  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li { width:25%; }

  .ec-base-product [class*="grid"] li .name { font-size:15px; }
}

@media all and (min-width:1000px) {
  .ec-base-product .prdList.grid5 > li { width:16.66%; }
}


/* 상품 할인율 */
.ec-base-product .prdList .discountPrice { display:none; }
.ec-base-product .prdList .discountRate { position:absolute; top:0; right:0; width:35px; height:18px; line-height:18px; overflow:hidden; background:#000; color:#fff; font-size:11px; text-align:center; font-weight:bold; z-index:10; }
.ec-base-product .prdList .discountRate.on { display:block; }
.ec-base-product .prdList .discountRate.off { display:none; }
/* button */
  .btnNormal, .btnStrong, .btnBasic, .btnSubmit, .btnEm { display:inline-block; letter-spacing:0; text-align:center; font-family:'Outfit', Noto Sans KR, sans-serif; border-radius:0; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer; }
  .btnNormal, .btnStrong, .btnBasic { height:29px; line-height:27px; padding:0 10px; vertical-align:middle; font-size:11px; }
  .btnNormal { color:#1b1b1b; border:1px solid #111; background:transparent; }
  .btnStrong { color:#fff; border:1px solid #111; background:#000; }
  .btnSubmit { height:36px; line-height:36px; padding:0 10px; font-size:13px; color:#fff; border:1px solid #333; background:#000; }
  .btnEm { height:36px; line-height:34px; padding:0 10px; font-size:13px; border:1px solid #111; background:transparent; }
  .btnBasic { color:#1b1b1b; border:1px solid #111; background:transparent; }
  /* mini */
    [class*="btn"].mini { height:26px; line-height:24px; font-size:11px; }

/* btn */
.ec-base-button .soldout { cursor:default; }
.btnIcon { max-width:12px; max-height:12px; background-size:100% 100%; }

/* ec-base-button */
  .ec-base-button { margin:10px auto; text-align:right; }
  .ec-base-button:after { content:""; display:block; clear:both; }
  /*  typeMulti */
    .ec-base-button.typeMulti { margin:0 auto; padding:7px; }
    .ec-base-button.typeMulti .gTop:after,
    .ec-base-button.typeMulti .gBottom:after { content:""; display:block; clear:both; }
    .ec-base-button.typeMulti .gBottom { margin:7px 0 0; padding:7px 0 0; border-top:1px solid #d5d5d5; clear:both; }
  /* align */
    .ec-base-button.gLeft { text-align:left; }
    .ec-base-button.gCenter { text-align:center; }
    .ec-base-button.gRight { text-align:right; }
    .ec-base-button .gLeft { float:left; text-align:left; }
    .ec-base-button .gRight { float:right; }
  /* gColumn */
    .ec-base-button[class*="gColumn"] { display:flex; margin:10px 0 10px -4px; }
    .ec-base-button[class*="gColumn"]:after { content:none; }
    .ec-base-button[class*="gColumn"] a,
    .ec-base-button[class*="gColumn"] button { flex:1; margin:0 0 0 4px; padding:0 3px; white-space:nowrap; }
    /* gFlex */
      .ec-base-button[class*="gColumn"] .gFlex2 { flex:2; }
      .ec-base-button[class*="gColumn"] .gFlex3 { flex:3; }
      .ec-base-button[class*="gColumn"] .gFlex4 { flex:4; }
  /* gFull */
    .ec-base-button.gFull { margin-bottom:3px; }
    .ec-base-button.gFull [class*="btn"], [class*="btn"].gFull { width:100%; }
    .ec-base-button.gFull [class*="btn"] { margin:0 0 7px; }
  /* gFixed */
    .ec-base-button.gFixed { position:fixed; z-index:120; left:0; bottom:0; max-width:100%; width:100%; margin:0; padding:0 7px; box-sizing:border-box; background:rgba(255,255,255,0.8);
      -webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0);
      -moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0);
      box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0);
    }
    .ec-base-button.gFixed .state + .ec-base-button { margin-top:3px; }
    .ec-base-button.gFixed .state { overflow:hidden; margin:0 auto; font-size:11px; }
    .ec-base-button.gFixed .state .count { float:left; padding:7px 0; }
    .ec-base-button.gFixed .state .price { float:right; padding:7px 0; }
    .ec-base-button.gFixed .price strong { font-weight:normal; }
    .ec-base-button.gFixed .count strong,
    .ec-base-button.gFixed .price em { color:#000; font-weight:bold; }

@media all and (min-width:768px) {
  .btnSubmit { height:38px; line-height:36px; font-size:13px; }
  .btnEm { height:38px; line-height:36px; font-size:13px; }
}
/* base */
.ec-base-box { padding:14px; margin:14px; line-height:1.6; border-top:1px solid #111; border-bottom:1px solid #111; }
.ec-base-box.center { text-align:center; }
#popup { height:100%; background:transparent; }
.popup .ec-base-layer { position:relative; }
/* ec-base-layer */
.ec-base-layer { position:fixed; z-index:300; top:0; bottom:0; left:0; right:0; min-width:320px; width:100%; height:100%; display:-webkit-flex; display:-ms-flex; display:flex; background:#fff;
    -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
}
.ec-base-layer h1 { width:100%; height:36px; text-align:center; font-size:15px; line-height:36px; color:#fff; box-sizing:border-box; background:#000; }
.ec-base-layer .wrap { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; padding:14px; font-size:12px; overflow-x:auto; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.ec-base-layer .btnClose { overflow:hidden; position:absolute; right:0; top:0; z-index:510; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:-150%; background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_white.png") center center no-repeat; background-size:14px 14px; }
  /* theme */
    .ec-base-layer[class*="theme1"] .wrap { background:#fff; }
  /* gClearFlex */
    .ec-base-layer.gClearFlex { display:block; padding:0 0 94px; box-sizing:border-box; }
    .ec-base-layer.gClearFlex .wrap { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; height:auto; }
  /* typeModal */
    .ec-base-layer.typeModal { overflow:hidden; z-index:500; top:18%; bottom:auto; left:0; right:0; min-width:280px; max-width:600px; width:92%; height:auto; margin:auto;
        border:1px solid #111; }
    .ec-base-layer.typeModal h1 { padding:0 14px; line-height:35px; font-size:13px; text-align:left; color:#1b1b1b; background:#fff; }
    .ec-base-layer.typeModal .wrap { max-height:198px; min-height:100px; padding:14px; background:#fff; }
    .ec-base-layer.typeModal .btnClose { background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png") center center no-repeat; background-size:14px 14px; }
  /* typeWide */
    .ec-base-layer.typeWide { background:#e3e4e7; }
    .ec-base-layer.typeWide h1 { height:56px; padding:0 42px; line-height:56px; font-size:20px; font-weight:normal; box-sizing:border-box; }
    .ec-base-layer.typeWide .wrap { padding:0; font-size:16px; line-height:1.4em; letter-spacing:-0.4px; }
    .ec-base-layer.typeWide .btnClose { top:10px; right:10px; background-image:url("//img.echosting.cafe24.com/skin/mobile/order/btn_close.png"); background-size:21px 21px; }
    .ec-base-layer.typeWide > .ec-base-button.gFull { padding:15px 14px 8px; }   
 
/* ec-base-button */
  .ec-base-layer .wrap + div > .ec-base-button,
  .ec-base-layer .wrap + .ec-base-button,
  .ec-base-layer > .ec-base-button { margin:0; padding:7px 14px 7px 10px; border-radius:0 0 5px 5px; box-sizing:border-box; }
  .ec-base-layer .ec-base-button.gFull { padding:7px 14px 0; }
  .ec-base-layer .ec-base-button.gFixed .ec-base-button { padding:0; border-top:0; }
  .ec-base-layer .wrap + .ec-base-button > .ec-base-button { padding:0; }
/* ec-base-tab */
.ec-base-tab { font-size:12px; padding:15px 0; }
.ec-base-tab:after { content:""; display:block; clear:both; }
.ec-base-tab ul { position:relative; }
.ec-base-tab ul:after { content:""; display:block; clear:both; }
.ec-base-tab li { float:left; }
.ec-base-tab li a { float:left; position:relative; color:#1b1b1b; padding:0 14px 0 0; }
.ec-base-tab li a .number { display:inline-block; padding-left:3px; }
.ec-base-tab li.selected a { font-weight:bold; }

/* ec-base-tab typeSub  */
.ec-base-tab.typeSub ul { border-top:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2; }
.ec-base-tab.typeSub ul > li { background:#f1f1f1; border-left:1px solid #c8cdd2; }
.ec-base-tab.typeSub .selected a { margin:0 0 -1px; color:#333; background:#fff; }


/* 상품 상세정보 탭 */
.ec-base-tab .dvTab4 > li { width:25%; float:left; }
.ec-base-tab .dvTab3 > li { width:33.33%; float:left; }
.ec-base-tab .dvTab3 > li span { padding:0 0 0 2px; font-size:11px; }
/* ec-base-table */
.ec-base-table { word-break:break-all; word-wrap:break-word; color:#333333; }
.ec-base-table table { position:relative; }
.ec-base-table table:after { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; }
.ec-base-table th,
.ec-base-table td { font-size:12px; vertical-align:top; }
.ec-base-table th { font-weight:normal; }
.ec-base-table td { padding:12px 0; }
.ec-base-table tbody th { padding:12px 0; text-align:left; }
.ec-base-table td.clear { padding:0 !important; }
 
/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:7px 0; vertical-align:middle; line-height:27px; }
    .ec-base-table.typeWrite tr td:first-child { padding:12px 13px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }
  /* gCellNarrow */
    .ec-base-table.gCellNarrow tbody th { padding:7px 0 7px 13px; }
    .ec-base-table.gCellNarrow td { padding:7px 13px; }
  /* gClearBorderTop */
    .ec-base-table.gClearBorderTop {  }
  /* gClearBorder */
    .ec-base-table.gClearBorder { border-width:0; }
  /* gClearCell */
    .ec-base-table.gClearCell { padding:4px 0; }
    .ec-base-table.gClearCell table:after { display:none; }
    .ec-base-table.gClearCell th,
    .ec-base-table.gClearCell td,
    .ec-base-table.typeWrite.gClearCell th { border-width:0; padding-top:6px; padding-bottom:6px; }
    .ec-base-table.typeWrite.gClearCell td { padding-top:3px; padding-bottom:4px; }
  /* gLineTop */
    .ec-base-table .gLineTop { border-top:1px solid #ececec !important; }
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child th,
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child td { padding-top:10px; }
 
/* vertical */
  /* typeList */
    .ec-base-table.typeList { border-width:0; }
    .ec-base-table.typeList table:after { display:none; }
    .ec-base-table.typeList thead th { text-align:center; background:#fafafa; }
    .ec-base-table.typeList th,
    .ec-base-table.typeList td { padding:9px 10px; vertical-align:middle; border:1px solid #d7d5d5; }
    .ec-base-table.typeList.gClearBorderTop thead th {  }
 
/* common */
  /* align */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
  /* form */
    .ec-base-table img { vertical-align:middle; }
 
/* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }

/*ios reset*/
@supports (-webkit-overflow-scrolling: touch) {
    .ec-base-table.typeWrite td { line-height:28px; }
}
.ec-base-fold { position:relative; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:10px 43px 10px 10px; cursor:pointer; font-size:13px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:12px; line-height:1.3; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; }
.ec-base-fold > .title:after { content:""; position:absolute; top:0; right:-5px; width:40px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 50% 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold .contents { display:none; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { margin-top:7px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
   .ec-base-fold.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
   .ec-base-fold.selected > .contents { display:block; }

/* theme1 */
.ec-base-fold.theme1 > .title { margin:-1px; color:#000; border-top:1px solid #111; border-bottom:1px solid #111; }

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#1b1b1b; }
.ec-base-fold.theme2 > .title:after,
.ec-base-fold.theme3 > .title:after {background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png"); }

/* theme3 */
.ec-base-fold.theme3 > .title { color:#1b1b1b; }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#1b1b1b; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px; }

/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:13px; }
.ec-base-fold.theme4 dt { position:relative; padding:13px 30px 13px 14px; line-height:1.2; font-size:12px; cursor:pointer; }
.ec-base-fold.theme4 dt:after { content:""; position:absolute; right:10px; top:0; width:20px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 0 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold.theme4 dd + dt { border-top:1px solid #d5d5d5; }
.ec-base-fold.theme4 dd { display:none; padding:10px 10px; font-size:12px; line-height:1.5; border-top:1px solid #d5d5d5; }
.ec-base-fold.theme4 dd.selected { display:block; }
.ec-base-fold.theme4 dt.selected:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }

/* ec-base-prdInfo */
.ec-base-fold .ec-base-prdInfo { margin:0; border:0; }
.ec-base-fold .ec-base-prdInfo .option { margin:0; }
.ec-base-fold .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
.ec-base-fold .ec-base-prdInfo .prdTotal { margin:0 -14px -6px; }

/* ec-base-table */
.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table { border:0; }
.ec-base-prdInfo { position:relative; margin:0 0 7px; padding:7px 0; border-top:1px solid #111; box-sizing:border-box; }
.ec-base-prdInfo:last-child { border-bottom:1px solid #111; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:7px; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; min-height:90px; margin-top:7px; }
.ec-base-prdInfo .thumbnail { overflow:hidden; width:73px; margin-right:15px; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100%; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; }
.ec-base-prdInfo .description .prdName { display:block; margin:6px 0; font-size:12px; }
.ec-base-prdInfo .description .prdName a { font-weight:normal; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .info { margin:0 0 14px; }
.ec-base-prdInfo .description .info li { font-size:12px; color:#757575; }
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price { font-size:12px; color:#000; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:11px; }
.ec-base-prdInfo .description .info .price .discount { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike strong { font-weight:normal; }
.ec-base-prdInfo .description .price .quantity { position:relative; display:inline-block; margin:0 0 0 10px; padding:0 0 0 14px; font-size:13px; }
.ec-base-prdInfo .description .price .quantity:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:13px; background:#989899; }
.ec-base-prdInfo .description input[type="number"] { max-width:51px; }
.ec-base-prdInfo .description .info .amount button { margin:0; padding:0; border:0; } /* gift > quantity */
.ec-base-prdInfo .description .info .amount { width:50px; }
.ec-base-prdInfo .description .info input.amount { text-align:right; }
.ec-base-prdInfo .description input[type="tel"] { text-align:right; }
.ec-base-prdInfo .description .quantity input[type="tel"] { width:51px; }

.ec-base-prdInfo .prdFoot { padding:6px 14px; font-weight:bold; line-height:26px; text-align:center; }
.ec-base-prdInfo .prdFoot:after { content:''; display:block; clear:both; }
.ec-base-prdInfo .prdFoot .gLeft { float:left; text-align:left; }
.ec-base-prdInfo .prdFoot .gRight { float:right; text-align:right; }
.ec-base-prdInfo .prdFoot .store { color:#000; font-weight:normal; }
.ec-base-prdInfo .prdFoot .btnBasic { font-weight:normal; background-color:#fff; }
.ec-base-prdInfo .prdFoot span > span > span { font-size:11px; }
.ec-base-prdInfo  prdFoot span span.discount { text-decoration:line-through; }
.ec-base-prdInfo .prdFoot span span.discount strong {font-weight:normal; }


.ec-base-prdInfo p.option { margin:0 14px; padding:14px 0; border-top:1px solid #ececec; font-size:13px; }
.ec-base-prdInfo .option { padding:0; color:#353535; }
.ec-base-prdInfo .option > li { border-top:0px solid #ececec; } /* 장바구니 */
.ec-base-prdInfo .option > li .name { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; min-height:29px; margin:7px 0; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; }
.ec-base-prdInfo .option > li .optionDesc { word-break:break-all; }
.ec-base-prdInfo .option > li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .option .file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#80aeef; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png") no-repeat 0 0; background-size:8px 13px; }
.ec-base-prdInfo .layerOptionModify { display:none; width:auto; margin:7px 0 14px; padding:14px; border:1px solid #d5d5d5; background-color:#f1f1f1; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:12px; }
.ec-base-prdInfo .layerOptionModify li { position:relative; margin:0 0 7px; padding:0 0 0 73px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:73px; height:29px; font-size:13px; color:#757575; line-height:29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] { width:100%; }
.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter { margin:0; }

/* orderList > ec-base-prdInfo  */
.orderList .ec-base-prdInfo { margin:-1px 0 0; border-width:1px 0 0 0; }
.orderList .ec-base-prdInfo .option { margin:0; }
.orderList .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
/* order_result.html > orderArea > ec-base-prdInfo */
.orderArea .ec-base-fold .ec-base-prdInfo { border-bottom:1px solid #d5d5d5; }
.orderConfirmLayer .orderArea .ec-base-prdInfo { border-bottom:0; }
.orderArea .ec-base-prdInfo + .ec-base-prdInfo { border-top:1px solid #d5d5d5; }

@charset "utf-8";

/* 레이아웃 */
@media (max-width:999px) {    
	#desktop { display:none; }
    #contents_main { position:relative; margin:0 auto; }
	#contents { position:relative; margin:0 auto; padding:90px 26px 60px; box-sizing:border-box; width:100%; min-height:500px; }    
}

@media (min-width:1000px) {
	#mobile { display:none; }
    #contents_main { position:relative; margin:0 auto; min-height:550px; }
	#contents { position:relative; margin:0 auto; padding:100px 180px 60px; box-sizing:border-box; width:100%; max-width:1200px; min-height:500px; }   
}

#container { background:#fff !important; }
#header { position:fixed; width:100%; top:0; margin:0 auto; z-index:10000; }
#contents_main:after { content:""; display:block; clear:both; }
#contents:after { content:""; display:block; clear:both; }


/* 로고 영역 */
#header .logoTop { padding:0; z-index:888; }
#header .logoTop a { transition:all 0.5s; font-weight:600; color:#fff; }
#header #mobile .logoTop { text-align:center; font-size:23px; letter-spacing:1px; margin:-4px auto 0; }
#header #desktop .logoTop { text-align:center; font-size:25px; letter-spacing:1px; line-height:48px; }
#header #mobile .logoTop a img { width:95px; }
#header #desktop .logoTop a img { width:88px; margin:-4px 0 0; }


/* 모바일 상단 */
#header #mobile { position:absolute; }
#header #mobile.topFixed { width:100%; height:45px; padding:0; margin:0 auto; background:rgba(0,0,0,1); }
#header #mobile.active { background:rgba(0,0,0,1); }
#header .fold { position:absolute; left:8px; top:-2px; width:32px; }
#header .mypage { position:absolute; left:36px; top:5px; width:32px; }
#header .basket { position:absolute; right:8px; top:-5px; }
#header .basket img { width:33px !important; padding:15px 0; box-sizing:border-box; }
#header .basket .basket_count { position:absolute; right:0; top:21px; font-size:9px; width:33px; text-align:center; color:#fff; }
#header #mobile .modal_page_open { position:absolute; right:7px; top:3px; cursor:pointer; }
#header #mobile .modal_page_open img { width:27px; }
#header #mobile a img { width:30px; padding:15px 5px; box-sizing:border-box; }
#header #mobile a.fold img { width:30px; }


/* 데스크탑 상단 */
#header #desktop  { height:48px; background:#000; }
#header #desktop .myAccount { position:fixed; right:30px; top:17px; }
#header #desktop .myAccount a { position:relative; padding:0 0 0 12px; cursor:pointer; color:#fff; }
#header #desktop .myAccount #joinpoint { position:absolute; top:18px; left:63px; height:20px; line-height:20px; z-index:110; }
#header #desktop .myAccount #joinpoint .point { display:block; width:56px; font-size:10px; border-radius:10px; text-align:center; background:#e5e5e5; }
#header #desktop .myAccount #joinpoint .arrow { margin:0 0 0 25px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #e5e5e5; }
#header .leftArea { position:fixed; left:30px; transition: all 0.2s 0.1s ease-in-out; }
/* 3번예시 카테고리 드롭다운 */
.leftArea { margin:50px 0 30px; } 
#lnb > ul > li ul { display:none; padding:5px 0 10px 6px; }
#lnb > ul > li a { font-size:14px; line-height:1.6; cursor:pointer; }
#lnb > ul > li ul > li a { display:block; font-size:13px; line-height:1.6; }
@media (max-width:999px) {    
	.leftArea { margin:30px 0; } 
    #lnb > ul > li a { line-height:2; }
}


/* 모바일 하단 */
@media (max-width:999px) { 
	.xans-layout-footer li span { display:block; }
    .xans-layout-footer li span.noBlock { display:inline-block; padding:0 3px; }
    .xans-layout-footer .csInfo { line-height:1.3; } 
    .xans-layout-footer .snsLink { margin:10px 0; }
    .xans-layout-footer .snsLink a { padding:15px 2px; }
    .xans-layout-footer .snsLink i { font-size:16px; }
	.xans-layout-footer .useInfo a { display:inline-block; padding:0 4px; margin:20px 0 15px; }
}


/* 데스크탑 하단 */
@media (min-width:1000px) {
	.xans-layout-footer { width:100%; }
    .xans-layout-footer li span { padding:0 3px; }
    .xans-layout-footer .csInfo { float:left; width:15%; text-align:left; line-height:1.3; padding:0 0 0 30px; box-sizing:border-box;  } 
    .xans-layout-footer .snsLink { margin:8px 0 0 0; }
    .xans-layout-footer .snsLink a { padding:0 4px 0 0; }
    .xans-layout-footer .snsLink i { font-size:17px; }
    .xans-layout-footer .comInfo { float:left; width:70%; }
    .xans-layout-footer .useInfo { float:right; width:15%; padding:0 30px 30px 0; box-sizing:border-box; }
	.xans-layout-footer .useInfo a { display:block; text-align:right; }
}    


/* 하단 공통 */
.xans-layout-footer { text-transform:uppercase; text-align:center; font-size:11px; line-height:1.6; margin:30px 0 20px; }
.xans-layout-footer .csInfo h2 { font-weight:normal; font-size:13px; margin:0 0 5px; }
.xans-layout-footer li { list-style:none; }
.xans-layout-footer li a.escrow { display:block; margin:5px 0 0 0; }
.xans-layout-footer li a.escrow img { width:18px; vertical-align:middle; }


/* 메인이미지 */
#mainImage_off { display:none; }
#mainImage_on { padding:20px 0 0 0; text-align:center; }
#mainImage_on img { width:85%; }
@media (min-width:1000px) {
	#mainImage_on img { width:45%; }
}


/* 상단 띠배너 */
#topBanner { position:relative; width:100%; padding:0; background:#222; overflow:hidden; color:#fff; z-index:1; }
#topBanner .bn_con { width:100%; margin:0; padding:0; text-align:center; }
#topBanner .bn_close { position:absolute; top:0; right:10px; padding:0 0 0 20px; }
#topBanner .bn_close #chkday { position:absolute; top:6px; left:2px; width:13px; height:13px; border:0; }
#topBanner .bn_close label { font-size:11px; margin:-4px 4px 0 0; }
#topBanner .bn_close label [for=chkday] { cursor:pointer; }
#topBanner .bn_close .topClose { display:inline-block; padding:7px; font-size:14px; color:#fff; }


/* 슬라이더 */
.swiper-button-prev,
.swiper-button-next { color: #111 !important; }

.swiper-button-prev:after,
.swiper-button-next:after { font-size:1.5rem !important; font-weight:500 !important; }

.swiper-pagination-bullet { background:#111 !important; width:6px !important; height:6px !important; }
.swiper-pagination-fraction { font-size:13px; color:#fff !important; background:rgba(0,0,0,0.8); width:60px !important; height:26px; line-height:26px; border-radius:30px; }

.swiper-scrollbar { height:2px !important; width:100% !important; left:0 !important; }
.swiper-scrollbar-drag { background:#888 !important; }

#detail_slider .swiper-slide img { width:100%; display:block; object-fit:cover; }
#detail_slider .swiper-button-prev { left:0; }
#detail_slider .swiper-button-next { right:0; }

#list_slider .swiper-button-prev { top:40%; left:0; }
#list_slider .swiper-button-next { top:40%; right:0; }
#list_slider .swiper-button-prev:after,
#list_slider .swiper-button-next:after { font-size:1rem !important; font-weight:500 !important; }

@media (min-width:1000px) {
	#list_slider .swiper-button-prev:after,
	#list_slider .swiper-button-next:after { font-size:1.2rem !important; font-weight:500 !important; }
}


/* 검색 모달페이지 */
#modal_page_bg { position:fixed; width:100%; height:100%; top:0; left:0; display:none; background:rgba(0, 0, 0, 0.84); z-index:9999; }
#modal_page_layer { position:relative; width:100%; height:100%; display:none; z-index:999999; }
#header #desktop .modal_page_open {  }
.modal_page_close { position:absolute; top:30px; right:30px; color:#fff; cursor:pointer; font-size:26px; }
.modal_content { position:absolute; top:40%; width:50%; }


/* 우측 퀵아이콘 */
.go_kakao { position:fixed; right:10px; bottom:55px; font-size:24px; color:#403f3d; cursor:pointer; z-index:100; }
.quick_icon { position:fixed; right:12px; bottom:82px; font-size:19px; cursor:pointer; z-index:100; display:none; }
@media (min-width:1000px) {
    .go_kakao { right:23px; bottom:50px; }
	.quick_icon { right:25px; bottom:120px; } 
}


/* 페이지 로드시 fade-in */
#loadingFade {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity:0; }
    to { opacity:1; }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity:0; }
    to { opacity:1; }
}
@-o-keyframes fadein { /* Opera */
    from { opacity:0; }
    to { opacity:1; }
}


/* 비어있는 페이지 */
p.empty { border-top:1px solid #111; border-bottom:1px solid #111; }


/* 서브 페이지 가로 */
.maxWid { max-width:400px; } /* 회원폴더 */
.maxWid2 { max-width:600px; } /* 회원가입,회원정보수정,마이페이지,주소록목록,주소록수정, */


/* 상품목록 할인기간 */
.ec-base-product .discountPeriod { width:100%; vertical-align:middle; }
.ec-base-product .discountPeriod img { display:none; }
.ec-base-product.typeGallery .discountPeriod img { display:none; }
.ec-base-product .discountPeriod .layerDiscountPeriod { left:0; width:100%; margin:0; }
.ec-base-product .layerDiscountPeriod strong.title { display:none; margin:0 0 5px; padding:0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content { height:auto; overflow:hidden; }
.ec-base-product .layerDiscountPeriod .content p:nth-child(3) { display:none; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:1.5; color:#757575; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:11px; color:#2e2e2e; display:block; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }
/* 할인기간 레이어 블릿,닫기 안보이게 */
.ec-base-product .layerDiscountPeriod strong.title img { display:none; }
.ec-base-product .layerDiscountPeriod .edge { display:none; }
.ec-base-product .discountPeriod .layerDiscountPeriod .btnClose { display:none; position:absolute; right:-2px; top:-3px; background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") no-repeat 50% 50%; background-size:11px 11px; }


/* 상품상세 옵션 선택시 상품 수량 증가,감소 버튼 */
#totalProducts a.up.eProductQuantityUpClass,
#totalProducts a.down.eProductQuantityDownClass {
    display:inline-block; vertical-align:top; width:24px; height:20px; line-height:20px; margin-left:3px;
    font-family:xeicon; text-align:center; font-size:12px; background:rgba(0,0,0,0.0); }
#totalProducts a.down.eProductQuantityDownClass { margin-left:-2px; }

#totalProducts a.up.eProductQuantityUpClass:before { content:"\e913"; }
#totalProducts a.down.eProductQuantityDownClass:before { content:"\e91a"; }

#totalProducts img.option_box_up { display:none; }
#totalProducts img.option_box_down { display:none; }


/* 추가구성상품 선택시 상품 수량 증가,감소 버튼 */
#totalProducts a.eAddProductQuantityUpClass,
#totalProducts a.eAddProductQuantityDownClass {
    display:inline-block; vertical-align:top; width:24px; height:20px; line-height:20px; margin-left:3px;
    font-family:xeicon; text-align:center; font-size:12px; background:rgba(0,0,0,0.0); }
#totalProducts a.eAddProductQuantityDownClass { margin-left:-2px; }

#totalProducts a.eAddProductQuantityUpClass:before { content:"\e913"; }
#totalProducts a.eAddProductQuantityDownClass:before { content:"\e91a"; }

#totalProducts img.option_add_box_up { display:none; }
#totalProducts img.option_add_box_down { display:none; }

/*  
    halkaBox.js , url: https://github.com/ahmednooor/halkaBox.js
    Version: 1.5.0
    Author: Ahmed Noor , url: https://github.com/ahmednooor
    License: MIT , url: https://opensource.org/licenses/MIT
*/

#gallery2 { width:100%; margin:0 auto; padding:0 8px; box-sizing:border-box; }
#gallery2 li { float:left; display:inline; width:50%; height:auto; padding:3px; box-sizing:border-box; }
#gallery2 li img { width:100%; }
@media (min-width:1000px) {
	#gallery2 li { width:25%; }
}


.hb-noscroll {
    overflow: hidden;
}

.hb-wrapper {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000000000000000;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.hb-wrapper:before,
.hb-wrapper:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.hb-wrapper *,
.hb-wrapper *:before,
.hb-wrapper *:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: Verdana, Geneva, sans-serif;
}

.hb-wrapper .hb-main-container {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9991;
}

.hb-wrapper.hb-dark-theme .hb-main-container {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.hb-wrapper .hb-main-container button {
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 0;
    opacity: 0.7;
    z-index: 9995;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}


.hb-wrapper .hb-main-container button:focus {
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.hb-wrapper .hb-main-container button:hover {
    cursor: pointer;
    opacity: 1;
}

.hb-wrapper .hb-main-container button svg {
    max-width: 100%;
    max-height: 100%;
    fill: #000;
}

.hb-wrapper .hb-image-container {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    z-index: 9993;
}

.hb-wrapper .hb-image-container div.hb-image-div {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    opacity: 1;
    padding: 0;
    padding: 30px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: 9994;
}

.hb-wrapper .hb-image-container div.hb-image-div div.hb-loader {
    display: block;
    width: 35px;
    height: 35px;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 1000px;
    border-top: 5px solid #444;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -webkit-animation: spinner 600ms linear infinite;
    animation: spinner 600ms linear infinite;
    z-index: 9998;
}

.hb-wrapper .hb-image-container div.hb-image-div img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.hb-wrapper .hb-image-container div.hb-image-div p {
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.hb-wrapper .hb-image-container div.hb-image-div p.hb-caption {
    padding: 4px 12px 6px 12px;
    position: absolute;
    bottom: 0;
    left: -2px;
    right: -2px;
    margin: 0 auto;
    max-height: 100%;
    overflow: auto;
    top: auto;
    -webkit-transform: none;
            -ms-transform: none;
        transform: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
    z-index: 9995;
}

.hb-wrapper .hb-image-container div p.hb-caption span.hb-caption-text {
    display: block;
    margin: 0 auto;
}

.hb-wrapper .hb-image-container div p.hb-caption-white {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
}

.hb-wrapper .hb-image-container div p.hb-caption-black {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
}

.hb-wrapper .hb-image-container div p.hb-err-text-white {
    color: white;
}

.hb-wrapper .hb-image-container div p.hb-err-text-black {
    color: black;
}

.hb-wrapper .hb-close-icon-container {
    width: 40px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    z-index: 9995;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.hb-wrapper .hb-left-icon-container {
    width: 45px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 85px;
    opacity: 1;
    z-index: 9995;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.hb-wrapper .hb-right-icon-container {
    width: 45px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 40px;
    opacity: 1;
    z-index: 9995;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.hb-wrapper .hb-close {
    padding: 8px;
    padding-left: 18px;
}

.hb-wrapper .hb-left,
.hb-wrapper .hb-right {
    padding: 8px;
}

.hb-wrapper .hb-close svg,
.hb-wrapper .hb-left svg,
.hb-wrapper .hb-right svg {
    fill: #000;
}

.hb-wrapper.hb-dark-theme .hb-close svg,
.hb-wrapper.hb-dark-theme .hb-left svg,
.hb-wrapper.hb-dark-theme .hb-right svg {
    fill: #fff;
}

.hb-wrapper .hb-main-container p.hb-counter {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    padding: 8px;
    height: 30px;
    z-index: 9995;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.hb-wrapper.hb-dark-theme .hb-main-container p.hb-counter {
    color: #fff;
}

@media only screen and (max-width: 960px) {
    .hb-wrapper .hb-image-container div.hb-image-div {
        padding: 0;
    }
    .hb-wrapper .hb-image-container div.hb-image-div img {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 1;
        margin: 0 auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    }
    .hb-wrapper .hb-close-icon-container {
        width: 40px;
        height: 40px;
        right: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .hb-wrapper .hb-left-icon-container,
    .hb-wrapper .hb-right-icon-container {
        width: 40px;
        height: 40px;
        top: 0;
        left: auto;
        bottom: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .hb-wrapper.hb-dark-theme .hb-close-icon-container,
    .hb-wrapper.hb-dark-theme .hb-left-icon-container,
    .hb-wrapper.hb-dark-theme .hb-right-icon-container {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .hb-wrapper .hb-left-icon-container {
        right: 80px;
    }
    .hb-wrapper .hb-right-icon-container {
        right: 40px;
    }
    .hb-wrapper .hb-close {
        padding: 10px;
    }
    .hb-wrapper .hb-left {
        padding: 10px;
    }
    .hb-wrapper .hb-right {
        padding: 10px;
    }
    .hb-wrapper .hb-main-container p.hb-counter {
        height: 40px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .hb-wrapper.hb-dark-theme .hb-main-container p.hb-counter {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.6);
    }
}


/* 
    --- Animations ---
*/

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.hb-slidenextin {
    -webkit-animation: slideNextIn 0.3s ease-in-out forwards;
    animation: slideNextIn 0.3s ease-in-out forwards;
}

@-webkit-keyframes slideNextIn {
    0% {
        left: 150%;
        opacity: 1;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}

@keyframes slideNextIn {
    0% {
        left: 150%;
        opacity: 1;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}

.hb-slidenextout {
    -webkit-animation: slideNextOut 0.3s ease-in-out forwards;
    animation: slideNextOut 0.3s ease-in-out forwards;
}

@-webkit-keyframes slideNextOut {
    0% {
        left: 50%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 1;
    }
}

@keyframes slideNextOut {
    0% {
        left: 50%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 1;
    }
}

.hb-slidepreviousin {
    -webkit-animation: slidePreviousIn 0.3s ease-in-out forwards;
    animation: slidePreviousIn 0.3s ease-in-out forwards;
}

@-webkit-keyframes slidePreviousIn {
    0% {
        left: -50%;
        opacity: 1;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}

@keyframes slidePreviousIn {
    0% {
        left: -50%;
        opacity: 1;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}

.hb-slidepreviousout {
    -webkit-animation: slidePreviousOut 0.3s ease-in-out forwards;
    animation: slidePreviousOut 0.3s ease-in-out forwards;
}

@-webkit-keyframes slidePreviousOut {
    0% {
        left: 50%;
        opacity: 1;
    }
    100% {
        left: 150%;
        opacity: 1;
    }
}

@keyframes slidePreviousOut {
    0% {
        left: 50%;
        opacity: 1;
    }
    100% {
        left: 150%;
        opacity: 1;
    }
}

/**
 * Swiper 11.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 5, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, 8px);
  right: 8px;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
#section1 .intro, #section2 .intro, #section3 .intro, #section4 .intro, #section5 .intro, #section6 .intro {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    text-align:center;
    color:#fff;
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all 2s ease,-webkit-transform 1s ease-out;
    -moz-transition: all 2s ease,-moz-transform 1s ease-out;
    -ms-transition: all 2s ease,-ms-transform 1s ease-out;
}


.fp-viewing-1 #section1 .intro,
.fp-viewing-2 #section2 .intro,
.fp-viewing-3 #section3 .intro,
.fp-viewing-4 #section4 .intro,
.fp-viewing-5 #section5 .intro,
.fp-viewing-6 #section6 .intro {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    -webkit-transition: all 2s ease,-webkit-transform 1s ease-out;
    -moz-transition: all 2s ease,-moz-transform 1s ease-out;
    -ms-transition: all 2s ease,-ms-transform 1s ease-out;
}

.section { background-size:cover; background-position:center center; background-repeat:no-repeat; }
.section .title { letter-spacing:3px; font-size:27px; padding:0 0 15px; }
.section .sub { font-size:13px; line-height:1.2; opacity:0.8; }
.section .btnGo { border:1px solid #fff; font-size:15px; padding:5px; width:150px; margin:15px auto; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
@media (min-width:1000px) {
	.section .title { font-size:30px; }
	.section .sub { font-size:15px; } 
}

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
  text-align:center;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 5px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 8px;
    width: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #222;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}