/*icons*/
@font-face {
  font-family: 'turflawn';
  src:
    url('../fonts/icons/turflawn.ttf') format('truetype'),
    url('../fonts/icons/turflawn.woff') format('woff'),
    url('../fonts/icons/turflawn.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="tl_"], [class*=" tl_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'turflawn' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tl_delivery:before {
  content: "\e932";
}
.tl_buildingmaterials:before {
  content: "\e927";
}
.tl_buschbeckbarbecues:before {
  content: "\e928";
}
.tl_decorativestone:before {
  content: "\e929";
}
.tl_barkmulch:before {
  content: "\e92a";
}
.tl_raisedbeds:before {
  content: "\e92b";
}
.tl_soilenricher:before {
  content: "\e92c";
}
.tl_topsoil:before {
  content: "\e92d";
}
.tl_lawnturf:before {
  content: "\e92e";
}
.tl_sleepers:before {
  content: "\e92f";
}
.tl_fertilisters:before {
  content: "\e930";
}
.tl_weedbarriergroundcover:before {
  content: "\e931";
}
.tl_clock:before {
  content: "\e924";
}
.tl_marketing:before {
  content: "\e925";
}
.tl_calender:before {
  content: "\e926";
}
.tl_filter:before {
  content: "\e922";
}
.tl_sort:before {
  content: "\e923";
}
.tl_heart:before {
  content: "\e900";
}
.tl_heart_fill:before {
  content: "\e921";
}
.tl_home:before {
  content: "\e901";
}
.tl_location:before {
  content: "\e902";
}
.tl_prev_d:before {
  content: "\e903";
}
.tl_next_d:before {
  content: "\e91b";
}
.tl_search:before {
  content: "\e904";
}
.tl_sms:before {
  content: "\e905";
}
.tl_star:before {
  content: "\e906";
}
.tl_success:before {
  content: "\e907";
}
.tl_close-round:before {
  content: "\e933";
}
.tl_trash:before {
  content: "\e908";
}
.tl_undo:before {
  content: "\e909";
}
.tl_user:before {
  content: "\e90a";
}
.tl_arrow_r:before {
  content: "\e90b";
}
.tl_arrow_l:before {
  content: "\e91c";
}
.tl_briefcase:before {
  content: "\e90c";
}
.tl_call:before {
  content: "\e90d";
}
.tl_cart:before {
  content: "\e90e";
}
.tl_down:before {
  content: "\e90f";
}
.tl_up:before {
  content: "\e91d";
}
.tl_next:before {
  content: "\e91e";
}
.tl_prev:before {
  content: "\e91f";
}
.tl_edit:before {
  content: "\e910";
}
.tl_empty:before {
  content: "\e920";
}
.tl_facebook:before {
  content: "\e911";
}
.tl_glob:before {
  content: "\e912";
}
.tl_facebook_c:before {
  content: "\e913";
  color: #4373b9;
}
.tl_skype_c:before {
  content: "\e914";
  color: #21a8e0;
}
.tl_pintrest_c:before {
  content: "\e915";
  color: #e51e27;
}
.tl_google_c .path1:before {
  content: "\e916";
  color: rgb(85, 126, 191);
}
.tl_google_c .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(54, 168, 82);
}
.tl_google_c .path3:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(249, 188, 21);
}
.tl_google_c .path4:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(235, 69, 53);
}
.tl_twitter_c:before {
  content: "\e91a";
  color: #58abdf;
}

/* plugins */
/**
 * Swiper 8.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 8, 2022
 */

@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}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.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}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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-button-next,.swiper-button-prev{position:absolute;top: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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s 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:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.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-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{100%{transform:rotate(360deg)}}.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,.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.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-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}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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}
/*!
 * bootstrap-star-rating v4.1.0
 * http://plugins.krajee.com/star-rating
 *
 * Author: Kartik Visweswaran
 * Copyright: 2013 - 2021, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
 */

.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}


/*
 * Stars & Input
 */

.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.rating-container .rating-stars:focus {
    /* outline: 1px dotted; */
}

.rating-input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    font-size: 1px;
    border: none;
    background: none;
    opacity: 0;
    padding: 0;
    margin: 0;
}

.rating-container.is-display-only .rating-stars {
    cursor: default;
}

.rating-disabled .rating-stars {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin: 0 2px;
    text-align: center;
}

.rating-container .empty-stars {
    color: #aaa;
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    transition: none;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}

.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}


/**
 * Clear
 */

.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.rating-container .clear-rating {
    padding-right: 5px;
}


/**
 * Caption
 */


/* extend support to BS4 */

.rating-container .caption .label {
    display: inline-block;
    padding: .25em .4em;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25rem;
}

.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.rating-container .caption {
    margin-left: 5px;
    margin-right: 0;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}


/**
 * Print
 */

@media print {
    .rating-container .clear-rating {
        display: none;
    }
}


/**
 * Sizes
 */

.rating-xl {
    font-size: 48px;
}

.rating-lg {
    font-size: 40px;
}

.rating-md {
    font-size: 32px;
}

.rating-sm {
    font-size: 24px;
}

.rating-xs {
    font-size: 16px;
}

.rating-xl .caption {
    font-size: 20px;
}

.rating-lg .caption {
    font-size: 18px;
}

.rating-md .caption {
    font-size: 16px;
}

.rating-sm .caption {
    font-size: 14px;
}

.rating-xs .caption {
    font-size: 12px;
}


/**
 * Caption
 */

.caption-badge {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.caption-secondary {
    background-color: #6c757d;
}

.caption-danger {
    background-color: #dc3545;
}

.caption-warning {
    background-color: #ffc107;
    color: #212529;
}

.caption-info {
    background-color: #0dcaf0;
    color: #212529;
}

.caption-primary {
    background-color: #0d6efd;
}

.caption-success {
    background-color: #198754;
}


@media(min-width: 1600px){
    .rating-sm{
        font-size: 1.56vw;
    }
    .rating-container .star{
        margin: 0 0.13vw;
    }
    .rating-container .filled-stars{
        -webkit-text-stroke: 0.065vw #777;
        text-shadow: 0.065vw 0.065vw #999;
    }

    .rating-sm .caption{
        font-size: 1.02vw;
    }

    .rating-input{
        height: 0.07vw;
        font-size: 0.07vw;
    }
}
/*!
 * Krajee SVG Theme styling for bootstrap-star-rating.
 * This file must be loaded after 'star-rating.css'.
 *
 * @see http://github.com/kartik-v/bootstrap-star-rating
 * @author Kartik Visweswaran <kartikv2@gmail.com>
 */
.theme-krajee-svg .krajee-icon,
.theme-krajee-svg .krajee-icon-clear {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.theme-krajee-svg .clear-rating,
.theme-krajee-svg .rating-stars {
    font-size: 5px;
}

.theme-krajee-svg .krajee-icon-clear {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22svg2%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20158.81%20158.81%22%20version%3D%221.1%22%3E%0D%0A%3Cpath%20id%3D%22path4%22%20style%3D%22fill%3A%23aaa%22%20stroke-linejoin%3D%22round%22%20d%3D%22m155.06%2C79.438c0%2C41.799-33.885%2C75.684-75.684%2C75.684s-75.684-33.885-75.684-75.684%2C33.885-75.684%2C75.684-75.684%2C75.684%2C33.885%2C75.684%2C75.684z%22%20stroke%3D%22%23aaa%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%2F%3E%0D%0A%3Cpath%20id%3D%22rect3139%22%20style%3D%22fill%3A%23fff%22%20d%3D%22m37.216%2C64.443v28.67h88.24v-28.67h-88.24z%22%2F%3E%0D%0A%3C%2Fsvg%3E');
}

.theme-krajee-svg .filled-stars .krajee-icon-star {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fde16d%22%20stroke%3D%22%23777777%22%20d%3D%22M20.6%2011l-4.6-10.5-4.6%2010.5h-10.8l7.8%207.9-3%2012.1%2010.6-6%2010.6%206-3-12.1%207.8-7.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.theme-krajee-svg.rating-xl .krajee-icon,
.theme-krajee-svg.rating-xl .krajee-icon-clear {
    width: 3rem;
    height: 3rem;
}

.theme-krajee-svg.rating-lg .krajee-icon,
.theme-krajee-svg.rating-lg .krajee-icon-clear {
    width: 2.5rem;
    height: 2.5rem;
}

.theme-krajee-svg.rating-md .krajee-icon,
.theme-krajee-svg.rating-md .krajee-icon-clear {
    width: 2rem;
    height: 2rem;
}

.theme-krajee-svg.rating-sm .krajee-icon,
.theme-krajee-svg.rating-sm .krajee-icon-clear {
    width: 1.5rem;
    height: 1.5rem;
}

.theme-krajee-svg.rating-xs .krajee-icon,
.theme-krajee-svg.rating-xs .krajee-icon-clear {
    width: 1rem;
    height: 1rem;
}

.theme-krajee-svg .krajee-icon-clear:hover {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22svg2%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20158.81%20158.81%22%20version%3D%221.1%22%3E%0D%0A%3Cpath%20id%3D%22path4%22%20style%3D%22fill%3A%23843534%22%20stroke-linejoin%3D%22round%22%20d%3D%22m155.06%2C79.438c0%2C41.799-33.885%2C75.684-75.684%2C75.684s-75.684-33.885-75.684-75.684%2C33.885-75.684%2C75.684-75.684%2C75.684%2C33.885%2C75.684%2C75.684z%22%20stroke%3D%22%23843534%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%2F%3E%0D%0A%3Cpath%20id%3D%22rect3139%22%20style%3D%22fill%3A%23fff%22%20d%3D%22m37.216%2C64.443v28.67h88.24v-28.67h-88.24z%22%2F%3E%0D%0A%3C%2Fsvg%3E');
}

.theme-krajee-svg .empty-stars .krajee-icon-star {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20stroke%3D%22%23777777%22%20d%3D%22M20.6%2011l-4.6-10.5-4.6%2010.5h-10.8l7.8%207.9-3%2012.1%2010.6-6%2010.6%206-3-12.1%207.8-7.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.theme-krajee-svg .filled-stars .krajee-icon-heart {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fde16d%22%20stroke%3D%22%23777777%22%20stroke-width%3D%220.04em%22%20d%3D%22M12%2021.35l-1.45-1.32c-5.15-4.67-8.55-7.75-8.55-11.53%200-3.08%202.42-5.5%205.5-5.5%201.74%200%203.41.81%204.5%202.09%201.09-1.28%202.76-2.09%204.5-2.09%203.08%200%205.5%202.42%205.5%205.5%200%203.78-3.4%206.86-8.55%2011.54l-1.45%201.31z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.theme-krajee-svg .empty-stars .krajee-icon-heart {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20stroke%3D%22%23777777%22%20stroke-width%3D%220.04em%22%20d%3D%22M12%2021.35l-1.45-1.32c-5.15-4.67-8.55-7.75-8.55-11.53%200-3.08%202.42-5.5%205.5-5.5%201.74%200%203.41.81%204.5%202.09%201.09-1.28%202.76-2.09%204.5-2.09%203.08%200%205.5%202.42%205.5%205.5%200%203.78-3.4%206.86-8.55%2011.54l-1.45%201.31z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.theme-krajee-svg.rating-rtl.is-heart .filled-stars {
    right: 0.02em;
}

.theme-krajee-svg.rating-rtl.is-heart .empty-stars {
    margin-right: 0.01em;
}



@media(min-width: 1600px){
    .theme-krajee-svg .clear-rating,
    .theme-krajee-svg .rating-stars{
        font-size: 0.32vw;
    }
    .theme-krajee-svg.rating-sm .krajee-icon,
    .theme-krajee-svg.rating-sm .krajee-icon-clear{
        width: 1.56vw;
        height: 1.56vw;
    }
}
/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img {
  display: block;
  max-width: none;
  max-height: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/* --------------- */

/* xZoom Styles below */
.xzoom-container { 
  display: inline-block;
}

.xzoom-thumbs {
  text-align: center;
  margin-bottom: 10px;
}

.xzoom { 
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  
}
.xzoom2, .xzoom3, .xzoom4, .xzoom5 {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

/* Thumbs */
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
  border: 1px solid #cecece;
  margin-left: 5px;
  margin-bottom: 10px;
}

.xzoom-source, .xzoom-hidden {
  display: block;
  position: static;
  float: none;
  clear: both;
}

/* Everything out of border is hidden */
.xzoom-hidden {
  overflow: hidden;
}

/* Preview */
.xzoom-preview {
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
}

/* Lens */
.xzoom-lens {
  border: 1px solid #555;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  cursor: crosshair;
}

/* Loading */
.xzoom-loading {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  opacity: .7;
  background: url(../example/images/xloading.gif);
  width: 48px;
  height: 48px;
}

/* Additional class that applied to thumb when it is active */
.xactive {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); 
  border: 1px solid #4aaad2;
}

/* Caption */
.xzoom-caption {
  position: absolute;
  bottom: -43px;
  left: 0;
  background: #000;
  width: 100%;
  text-align: left;
}

.xzoom-caption span {
  color: #fff;
  font-family: Arial, sans-serif;
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  padding: 10px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('plugin/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('plugin/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('plugin/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('plugin/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('plugin/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('plugin/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.select2-container{box-sizing:border-box;display:inline-block; width: 100%!important; min-height: 75px; margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:37px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white; padding: 5px; border:none;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__option:hover { background: #00BA88; color: #fff; } .select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:10px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:none;border-radius:4px;cursor:text;padding-bottom:0px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:none; min-height: 75px; outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* basic */
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
/* for the default html tags style breaker */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  position: relative;
  overflow-x: hidden;
}
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  position: relative;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
summary {
  display: list-item;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
progress {
  vertical-align: baseline;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}
a {
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none !important;
  outline: none !important;
  line-height: 1em;
  transition: all 0.3s;
}
a:hover {
  color: inherit;
}
a:active,
a:hover {
  outline-width: 0;
}
button,
input,
select,
textarea,
optgroup {
  font: inherit;
  margin: 0;
}
button:focus,
input:focus {
  outline: none;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type=checkbox],
[type=radio] {
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
li {
  margin: 0;
  padding: 0;
  line-height: 1em;
}
p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: 1em;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.8em;
}
figure {
  margin: 1em 40px;
}
img {
  border-style: none;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'chunkFive';
  src: url('../fonts/chunkfive/ChunkFive-Regular.eot'), url('../fonts/chunkfive/ChunkFive-Regular.ttf'), url('../fonts/chunkfive/ChunkFive-Regular.woff'), url('../fonts/chunkfive/ChunkFive-Regular.woff2');
  font-style: normal;
  font-weight: 400;
}
.btnOne {
  width: auto;
  font-size: 14px;
  font-weight: 400;
  background-color: #0E8E39;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-radius: 6px;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
}
.btnOne:hover {
  background-color: #0c7730;
  color: #fff;
}
.btnTwo {
  width: auto;
  font-size: 14px;
  font-weight: 400;
  color: #0E8E39;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  border-radius: 6px;
  border: 1px solid #0E8E39;
  transition: all 0.3s;
  background-color: #fff;
  cursor: pointer;
  gap: 10px;
}
.btnTwo:hover {
  background-color: #0E8E39;
  color: #fff;
}
.btnThree {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  background-color: #0E8E39;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 15px;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
}
.btnThree:hover {
  background-color: #0c7730;
  color: #fff;
}
.btnFour {
  width: auto;
  font-size: 14px;
  color: #425147;
  font-weight: 500;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E4EFE8;
  border-radius: 15px;
  transition: all 0.3s;
}
.btnFour:hover {
  background-color: #c4dccd;
}
.btnFive {
  width: auto;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  padding: 20px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0E8E39;
  border-radius: 15px;
  transition: all 0.3s;
  line-height: 1em;
}
.btnFive:hover {
  background-color: #096026;
  color: #fff;
}
.btnSix {
  width: auto;
  padding: 15px 30px;
  color: #0E8E39;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  background-color: #fff;
  transition: all 0.3s;
}
.btnSix:hover {
  background-color: #0E8E39;
  color: #fff;
}
.inputOne {
  width: 100%;
  padding: 20px;
  border: 1px solid #96B49F;
  background-color: #fff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #7E8E84;
  transition: all 0.3s;
}
.inputOne.error {
  border-color: #E60023;
}
.inputOne option {
  font-size: 14px;
}
.inputOne:focus-visible {
  outline: none;
}
textarea.inputOne {
  height: 100px;
  resize: none;
}
.inputOne ~ .select2 .select2-selection {
  width: 100%;
  padding: 20px;
  border: 1px solid #96B49F;
  background-color: #fff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #7E8E84;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  height: auto;
}
.inputOne ~ .select2 .select2-selection__rendered {
  line-height: 1em;
}
.inputOne ~ .select2 .select2-selection__clear {
  position: absolute;
  right: 35px;
  margin: 0;
  width: 35px;
  height: 100%;
}
.inputOne ~ .select2 .select2-selection__arrow {
  height: 100%;
  width: 35px;
}
.inputTwo {
  width: 100%;
  border: 1px solid #96B49F;
  background-color: #fff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #7E8E84;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.inputTwo input {
  padding: 20px;
  width: 100%;
  border: none;
}
.inputTwo .leftBlock {
  width: 60px;
  height: 100%;
  min-height: 57px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #96B49F;
}
.inputTwo select.leftBlock {
  border: 0;
  outline: none;
  border-right: 1px solid #96B49F;
  cursor: pointer;
  appearance: none;
  text-align: center;
}
.inputTwo select.leftBlock:hover,
.inputTwo select.leftBlock:focus,
.inputTwo select.leftBlock:focus-visible {
  border: 0;
  outline: none;
  border-right: 1px solid #96B49F;
}
.inputTwo.error {
  border-color: #E60023;
}
.inputThree {
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #96B49F;
  background-color: #fff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #7E8E84;
  transition: all 0.3s;
}
.inputThree.error {
  border-color: #E60023;
}
.inputThree option {
  font-size: 14px;
}
.inputThree:focus-visible {
  outline: none;
}
textarea.inputThree {
  height: 100px;
  resize: none;
}
.select2-dropdown {
  border: 1px solid #96B49F;
}
.select2-dropdown--below {
  top: -19px;
}
.select2-results__option,
.select2-search--dropdown .select2-search__field {
  font-size: 14px;
}
.select2-container--default .select2-results__option--selected {
  background-color: rgba(14, 142, 57, 0.1);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #0E8E39;
}
.checkboxOne {
  width: auto;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #425147;
  position: relative;
  gap: 10px;
}
.checkboxOne input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
.checkboxOne input:checked ~ span {
  border-color: #0E8E39;
}
.checkboxOne input:checked ~ span::after {
  opacity: 1;
}
.checkboxOne span {
  width: 16px;
  height: 16px;
  border: 2px solid #6A8071;
  border-radius: 3px;
  background-color: #fff;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkboxOne span::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 5px;
  border-width: 0 0 2px 2px;
  border-color: #0E8E39;
  border-style: solid;
  opacity: 0;
  transform: rotate(315deg);
  transform-origin: 3px 2px;
  transition: all 0.3s;
}
label.error {
  width: 100%;
  color: #E60023 !important;
  font-size: 12px;
  margin-top: 10px;
}
.wrapperOne {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 80px;
  margin-bottom: 130px;
}
.wrapperTwo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 130px;
  position: relative;
}
.headOne {
  font-size: 30px;
  color: #18251C;
  padding-top: 20px;
  line-height: 1em;
  margin-bottom: 15px;
  position: relative;
  font-weight: 600;
}
.headOne::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 5px;
  background-color: #0E8E39;
  left: auto;
  top: 0;
  border-radius: 3px;
}
.headTwo {
  font-size: 30px;
  color: #fff;
  padding-top: 20px;
  line-height: 1em;
  margin-bottom: 15px;
  position: relative;
  font-weight: 600;
}
.headTwo::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 5px;
  background-color: #0E8E39;
  left: 0;
  top: 0;
  border-radius: 3px;
}
.headTwo .subText {
  font-size: 16px;
  font-weight: 400;
}
.headThree {
  font-size: 30px;
  color: #18251C;
  padding-top: 20px;
  line-height: 1em;
  margin-bottom: 15px;
  position: relative;
  font-weight: 600;
  display: flex;
  flex-direction: column;
}
.headThree::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 5px;
  background-color: #0E8E39;
  left: 0;
  top: 0;
  border-radius: 3px;
}
.headThree .subText {
  font-size: 16px;
  font-weight: 400;
  max-width: 85%;
}
.theme-custom {
  width: auto;
  display: flex;
}
.theme-custom.rating-sm {
  font-size: 20px;
}
.theme-custom.rating-container .filled-stars {
  -webkit-text-stroke: 0;
  text-shadow: none;
}
.theme-custom .ratingStyle {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #425147;
}
.theme-custom .ratingStyle span {
  font-size: 16px;
}
.theme-custom .ratingStyle.low span {
  color: #e74c3c;
}
.theme-custom .ratingStyle.med span {
  color: #f1c40f;
}
.theme-custom .ratingStyle.suc span {
  color: #2ecc71;
}
.capOnly .rating-stars {
  display: none;
}
.capOnly .caption {
  margin: 0;
}
.customRating {
  display: none;
}
.bannerOne {
  width: 100%;
  display: flex;
  position: relative;
  background: #ffffff;
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  margin-bottom: 50px;
}
.bannerOne.margInc {
  margin-bottom: 100px;
}
.bannerOne::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #ffd299;
  background: -moz-linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd299", endColorstr="#00720a", GradientType=1);
}
.bannerOne::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  background: #ffd299;
  background: -moz-linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd299", endColorstr="#00720a", GradientType=1);
}
.bannerOne .imgBlock {
  width: 100%;
  display: flex;
  position: relative;
}
.bannerOne .imgBlock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerOne .imgBlock::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(24, 37, 28, 0.6);
  z-index: 1;
}
.bannerOne .bannerOvly {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  padding: 0 80px;
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}
.bannerOne .bannerOvly .btnSix {
  margin-top: 15px;
}
.bannerOne .bannerOvly > span {
  text-indent: -1px;
}
.bannerTwo {
  width: 100%;
  display: flex;
  position: relative;
  background: #ffffff;
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  margin-bottom: 50px;
}
.bannerTwo::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #ffd299;
  background: -moz-linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd299", endColorstr="#00720a", GradientType=1);
}
.bannerTwo::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  background: #ffd299;
  background: -moz-linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd299", endColorstr="#00720a", GradientType=1);
}
.bannerTwo .contBlock {
  width: 100%;
  padding: 0 80px;
  height: 100px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #0E8E39;
}
.breadCrumb {
  width: auto;
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.breadCrumb li {
  position: relative;
  padding-right: 10px;
}
.breadCrumb li::after {
  content: '/';
  position: absolute;
  color: #fff;
  right: -4px;
}
.breadCrumb li:last-child::after {
  display: none;
}
.backBtn {
  width: auto;
  display: flex;
  gap: 10px;
  color: #0E8E39;
  font-size: 16px;
  align-items: center;
  font-weight: 500;
  transition: all 0.3s;
  margin-bottom: 45px;
}
.backBtn span {
  font-size: 20px;
}
.backBtn:hover {
  color: #096026;
}
.collapseWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.collapseWrap.isActive .collapseClick::before {
  transform: rotateX(180deg);
}
.collapseHead {
  width: 100%;
  display: flex;
  align-items: center;
}
.collapseClick {
  width: 35px;
  height: 35px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  background: transparent;
}
.collapseClick::before {
  transition: all 0.3s;
}
.collapseBody {
  width: 100%;
  display: none;
}
.radioOne {
  width: auto;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #425147;
  gap: 30px;
}
.radioOneIn {
  width: auto;
  display: flex;
  align-items: center;
}
.radioOne span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #6A8071;
  position: relative;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radioOne span::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  left: auto;
  top: auto;
  background-color: #0E8E39;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 50%;
}
.radioOne input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.radioOne input:checked ~ span {
  border-color: #0E8E39;
}
.radioOne input:checked ~ span::after {
  opacity: 1;
}
.dropD {
  position: relative;
}
.dropDHead {
  cursor: pointer;
}
.dropDBody {
  width: 100%;
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  width: 240px;
  left: 0;
  top: 0;
  transition: all 0.3s;
  padding-top: 30px;
}
.dropDBodyIn {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  box-shadow: 0 0 6px 1px #00000017;
  background: #fff;
}
.dropD:hover .dropDBody {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 18px;
  font-weight: 500;
  color: #425147;
  padding-bottom: 30px;
}
.emptyIcon {
  font-size: 110px;
  font-weight: 600;
  color: #0E8E39;
}
.emptyWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 15px;
  border: 1px solid #E2EFE4;
  box-shadow: 0 0 6px 1px #00000017;
  margin: 30px 0;
  padding: 30px;
}
.backtotop {
  position: fixed;
  right: -100px;
  bottom: 50px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-color: #0E8E39;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
  z-index: 10;
}
.backtotop.isActive {
  right: 30px;
}
.leftNav {
  width: 35vw;
  position: fixed;
  left: -40vw;
  top: 0;
  height: 100vh;
  z-index: 101;
  overflow: hidden;
  overflow-y: scroll;
  transition: all 0.3s;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.leftNav.isActive {
  left: 0;
}
.overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 100;
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s;
}
.overlay.isActive {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pagination {
  width: auto;
  display: flex;
  gap: 10px;
}
.paginationWrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination li {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: 1px solid #0E8E39;
  color: #0E8E39;
  cursor: pointer;
}
.pagination li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination li.active,
.pagination li:hover:not(.disabled) {
  background-color: #0E8E39;
  color: #fff;
}
.pagination li.disabled {
  cursor: not-allowed;
}
.pagination li:first-child,
.pagination li:last-child {
  font-size: 20px;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .btnOne {
    font-size: 1.02vw;
    padding: 0.73vw 1.09vw;
    border-radius: 0.43vw;
  }
  .btnTwo {
    font-size: 1.02vw;
    padding: 0.58vw 1.09vw;
    border-radius: 0.43vw;
    gap: 0.73vw;
  }
  .btnThree {
    font-size: 1.02vw;
    padding: 1.46vw;
    border-radius: 1.09vw;
  }
  .btnFour {
    font-size: 1.02vw;
    padding: 1.46vw;
    border-radius: 1.09vw;
  }
  .btnFive {
    font-size: 1.46vw;
    padding: 1.46vw 3.66vw;
    border-radius: 1.09vw;
  }
  .btnSix {
    padding: 1.09vw 2.19vw;
    font-size: 1.17vw;
    border-radius: 0.73vw;
  }
  .bannerOne .bannerOvly .btnSix {
    margin-top: 1.09vw;
  }
  .inputOne {
    padding: 1.46vw;
    border-radius: 1.09vw;
    font-size: 1.02vw;
    border-width: 0.07vw;
  }
  textarea.inputOne {
    height: 7.32vw;
  }
  .inputTwo {
    border-width: 0.07vw;
    border-radius: 1.09vw;
    font-size: 1.02vw;
  }
  .inputTwo .leftBlock {
    width: 4.39vw;
    min-height: 4.17vw;
    border-width: 0.07vw;
  }
  .inputTwo select.leftBlock {
    border-width: 0.07vw;
  }
  .inputTwo input {
    padding: 1.46vw;
  }
  .checkboxOne {
    font-size: 0.87vw;
    gap: 0.73vw;
  }
  .checkboxOne span {
    width: 1.17vw;
    height: 1.17vw;
    border-width: 0.14vw;
    border-radius: 0.21vw;
  }
  .checkboxOne span::after {
    width: 0.73vw;
    height: 0.36vw;
    border-width: 0 0 0.14vw 0.14vw;
    transform-origin: 0.21vw 0.14vw;
  }
  .dropDBody {
    width: 17.56vw;
    padding-top: 2.19vw;
  }
  .dropDBodyIn {
    border-radius: 0.73vw;
    box-shadow: 0 0 0.43vw 0.07vw #00000017;
  }
  .wrapperOne {
    padding: 0 5.85vw;
    margin-bottom: 9.51vw;
  }
  .wrapperTwo {
    margin-bottom: 9.51vw;
  }
  .headOne {
    font-size: 2.19vw;
    padding-top: 1.46vw;
    margin-bottom: 1.09vw;
  }
  .headOne::before {
    width: 4.39vw;
    height: 0.36vw;
    border-radius: 0.21vw;
  }
  .headTwo {
    font-size: 2.19vw;
    padding-top: 1.46vw;
    margin-bottom: 1.09vw;
  }
  .headTwo::before {
    width: 4.39vw;
    height: 0.36vw;
    border-radius: 0.21vw;
  }
  .headTwo .subText {
    font-size: 1.17vw;
  }
  .headThree {
    font-size: 2.19vw;
    padding-top: 1.46vw;
    margin-bottom: 1.09vw;
  }
  .headThree::before {
    width: 4.39vw;
    height: 0.36vw;
    border-radius: 0.21vw;
  }
  .headThree .subText {
    font-size: 1.17vw;
  }
  .theme-custom.rating-sm {
    font-size: 1.46vw;
  }
  .theme-custom .ratingStyle {
    gap: 0.29vw;
    font-size: 1.02vw;
  }
  .theme-custom .ratingStyle span {
    font-size: 1.17vw;
  }
  .bannerOne {
    margin-bottom: 3.66vw;
  }
  .bannerOne .bannerOvly {
    font-size: 2.63vw;
    padding: 0 5.85vw;
  }
  .breadCrumb {
    gap: 0.73vw;
    font-size: 1.17vw;
  }
  .breadCrumb li {
    padding-right: 0.73vw;
  }
  .breadCrumb li::after {
    right: -0.29vw;
  }
  .bannerOne .bannerOvly > span {
    text-indent: -0.07vw;
  }
  .bannerOne.margInc {
    margin-bottom: 7.32vw;
  }
  .bannerTwo {
    margin-bottom: 3.66vw;
  }
  .bannerTwo .contBlock {
    padding: 0 5.85vw;
    height: 7.32vw;
  }
  .backBtn {
    gap: 0.73vw;
    font-size: 1.17vw;
    margin-bottom: 3.29vw;
  }
  .backBtn span {
    font-size: 1.46vw;
  }
  .collapseClick {
    width: 2.56vw;
    height: 2.56vw;
    font-size: 1.02vw;
  }
  .emptyWrap {
    border-radius: 1.09vw;
    border-width: 0.07vw;
    box-shadow: 0 0 0.43vw 0.07vw #00000017;
    margin: 2.19vw 0;
    padding: 2.19vw;
  }
  .empty {
    font-size: 1.31vw;
    padding-bottom: 2.19vw;
  }
  .emptyIcon {
    font-size: 8.05vw;
  }
  .radioOne {
    font-size: 1.02vw;
    gap: 2.19vw;
  }
  .radioOne span {
    width: 1.17vw;
    height: 1.17vw;
    margin-right: 0.73vw;
    border-width: 0.14vw;
  }
  .radioOne span::after {
    width: 0.58vw;
    height: 0.58vw;
  }
  .pagination {
    gap: 0.73vw;
  }
  .pagination li {
    width: 2.92vw;
    height: 2.92vw;
    font-size: 1.17vw;
    border-width: 0.07vw;
  }
  .pagination li:first-child,
  .pagination li:last-child {
    font-size: 1.46vw;
  }
  label.error {
    font-size: 0.87vw;
    margin-top: 0.73vw;
  }
  .inputOne ~ .select2 .select2-selection {
    padding: 1.46vw;
    border-width: 0.07vw;
    border-radius: 1.09vw;
    font-size: 1.02vw;
  }
  .inputOne ~ .select2 .select2-selection__clear {
    right: 2.56vw;
    width: 2.56vw;
  }
  .inputOne ~ .select2 .select2-selection__arrow {
    width: 2.56vw;
  }
  .select2-dropdown {
    border-width: 0.07vw;
  }
  .select2-dropdown--below {
    top: -1.39vw;
  }
  .select2-results__option,
  .select2-search--dropdown .select2-search__field {
    font-size: 1.02vw;
  }
}
@media (max-width: 1200px) {
  .wrapperOne {
    padding: 0 30px;
    margin-bottom: 50px;
  }
  .wrapperTwo {
    margin-bottom: 50px;
  }
  .radioOne {
    flex-wrap: wrap;
    gap: 15px;
  }
  .bannerTwo .contBlock {
    padding: 0 30px;
  }
}
@media (max-width: 1024px) {
  .inputOne {
    padding: 15px;
    font-size: 12px;
  }
  .inputOne ~ .select2 .select2-selection {
    padding: 15px;
    font-size: 12px;
  }
  .inputTwo {
    font-size: 12px;
  }
  .inputTwo input {
    padding: 15px;
  }
  .inputTwo .leftBlock {
    min-height: 45px;
  }
  .btnOne {
    font-size: 12px;
  }
  .btnTwo {
    font-size: 12px;
  }
  .btnThree {
    padding: 15px;
    font-size: 12px;
  }
  .btnFour {
    padding: 15px;
    font-size: 12px;
  }
  .btnFive {
    font-size: 16px;
    padding: 15px 30px;
  }
  .headOne {
    font-size: 24px;
    padding-top: 15px;
  }
  .headTwo {
    font-size: 24px;
    padding-top: 15px;
  }
  .headTwo .subText {
    font-size: 14px;
  }
  .headThree {
    font-size: 24px;
    padding-top: 15px;
  }
  .headThree .subText {
    font-size: 14px;
  }
  .wrapperOne {
    margin-bottom: 30px;
  }
  .wrapperTwo {
    margin-bottom: 30px;
  }
  .backtotop {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .bannerOne {
    margin-bottom: 30px;
  }
  .bannerOne.margInc {
    margin-bottom: 50px;
  }
  .bannerOne .bannerOvly {
    padding: 0 30px;
    font-size: 26px;
  }
  .breadCrumb {
    font-size: 12px;
  }
  .backBtn {
    font-size: 14px;
    margin-bottom: 25px;
  }
  .emptyWrap {
    padding: 15px;
  }
  .empty {
    font-size: 14px;
    padding-bottom: 15px;
  }
  .emptyIcon {
    font-size: 80px;
  }
}
@media (max-width: 992px) {
  .leftNav {
    width: 45vw;
    left: -50vw;
  }
  .btnSix {
    padding: 10px 20px;
    font-size: 14px;
  }
  .pagination li {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .pagination li:first-child,
  .pagination li:last-child {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .wrapperOne {
    padding: 0 15px;
  }
  .headOne {
    font-size: 18px;
  }
  .headTwo {
    font-size: 18px;
  }
  .headTwo .subText {
    font-size: 13px;
  }
  .headThree {
    font-size: 18px;
    line-height: 1.5em;
  }
  .headThree .subText {
    font-size: 13px;
  }
  .btnFive {
    font-size: 14px;
    padding: 12px 20px;
  }
  .bannerOne .bannerOvly {
    padding: 0 15px;
    font-size: 24px;
  }
  .bannerOne.margInc {
    margin-bottom: 30px;
  }
  .bannerTwo .contBlock {
    padding: 0 15px;
  }
  .radioOne {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
@media (max-width: 576px) {
  .leftNav {
    width: 85vw;
    left: -90vw;
  }
  .bannerOne .imgBlock {
    min-height: 25vh;
  }
  .breadCrumb {
    font-size: 11px;
    font-weight: 400;
  }
  .backBtn {
    margin-bottom: 15px;
  }
  .pagination li {
    font-size: 13px;
  }
  .pagination li:first-child,
  .pagination li:last-child {
    font-size: 16px;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.blWrap {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}
.blLeftBg {
  width: 45%;
  display: flex;
  position: relative;
}
.blLeftBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blLeftBg::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(24, 37, 28, 0.4);
}
.blRblock {
  width: 55%;
  min-height: 100vh;
  padding: 30px;
  background: #ffd299;
  background: -moz-linear-gradient(233deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.83797269) 25%, rgba(255, 255, 255, 0.74833683) 75%, rgba(0, 114, 10, 0.20211835) 100%);
  background: -webkit-linear-gradient(233deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.83797269) 25%, rgba(255, 255, 255, 0.74833683) 75%, rgba(0, 114, 10, 0.20211835) 100%);
  background: linear-gradient(233deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.83797269) 25%, rgba(255, 255, 255, 0.74833683) 75%, rgba(0, 114, 10, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd299", endColorstr="#00720a", GradientType=1);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.blTop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.blForm {
  width: 100%;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 70px;
}
.blFormG {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.blFormGx {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.blFormG.half {
  width: calc( (100% - 30px) / 2 );
}
.blFormG.of3 {
  width: calc( (100% - 60px) / 3 );
}
.blForm label {
  font-size: 16px;
  font-weight: 500;
  color: #425147;
  margin-bottom: 15px;
}
.blForm label span {
  color: #E60023;
}
.blForm label.error {
  font-size: 14px;
  margin: 0;
  margin-top: 10px;
}
.blHead {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1em;
  color: #18251C;
  padding-bottom: 40px;
  border-bottom: 1px solid #E9EDF3;
}
.blHeadSub {
  width: 100%;
  font-size: 16px;
  line-height: 1em;
  font-weight: 500;
  color: #425147;
}
.blFrgt {
  width: auto;
  margin-left: auto;
  font-size: 12px;
  color: #0E8E39;
  font-weight: 500;
}
.blReg {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #425147;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-direction: row;
  justify-content: center;
}
.blReg a {
  color: #0E8E39;
  text-decoration: underline !important;
}
.blFoot {
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.blFoot .btnFour {
  width: calc( (100% - 15px) / 2 );
}
.blReset {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: #425147;
  gap: 20px;
  text-align: center;
}
.blResetWrap {
  padding: 0 110px;
}
.blReset .mainHead {
  font-size: 26px;
  font-weight: 600;
  color: #18251C;
}
.blReset .iconBlock {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  color: #0E8E39;
  border-radius: 50%;
  background-color: #EAFDF0;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .blRblock {
    padding: 2.19vw;
  }
  .blTop {
    gap: 1.09vw;
  }
  .blForm {
    gap: 2.19vw;
    padding: 0 5.12vw;
  }
  .blHead {
    gap: 0.36vw;
    font-size: 2.63vw;
    padding-bottom: 2.92vw;
    border-width: 0.07vw;
  }
  .blHeadSub {
    font-size: 1.17vw;
  }
  .blForm label {
    font-size: 1.17vw;
    margin-bottom: 1.09vw;
  }
  .blForm label.error {
    font-size: 1.02vw;
    margin-top: 0.73vw;
  }
  .blFrgt {
    font-size: 0.87vw;
  }
  .blReg {
    font-size: 1.02vw;
    gap: 0.36vw;
  }
  .blFoot {
    gap: 1.09vw;
  }
  .blFoot .btnFour {
    width: calc((100% - 1.09vw) / 2);
  }
  .blFormG.half {
    width: calc((100% - 2.19vw) / 2);
  }
  .blReset {
    font-size: 1.17vw;
    gap: 1.46vw;
  }
  .blReset .iconBlock {
    width: 8.05vw;
    height: 8.05vw;
    font-size: 4.39vw;
  }
  .blReset .mainHead {
    font-size: 1.9vw;
  }
  .blResetWrap {
    padding: 0 8.05vw;
  }
}
@media (max-width: 1200px) {
  .blLeftBg {
    width: 40%;
  }
  .blRblock {
    width: 60%;
  }
}
@media (max-width: 1024px) {
  .blRblock {
    padding: 15px;
  }
  .blForm {
    padding: 0 30px;
  }
  .blForm label {
    font-size: 14px;
  }
  .blForm label.error {
    font-size: 12px;
  }
  .blReg {
    font-size: 12px;
  }
  .blHead {
    font-size: 34px;
    padding-bottom: 20px;
  }
  .blResetWrap {
    padding: 0 50px;
  }
}
@media (max-width: 768px) {
  .blLeftBg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.4;
  }
  .blRblock {
    width: 100%;
    padding: 30px 15px;
    gap: 15px;
  }
  .blWrap {
    height: auto;
    overflow: hidden;
  }
  .blHead {
    border-color: #0E8E39;
  }
  .blFormG.half {
    width: 100%;
  }
  .blReset .iconBlock {
    width: 90px;
    height: 90px;
    font-size: 50px;
  }
  .blReset .mainHead {
    font-size: 22px;
  }
  .blReset {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .blForm {
    padding: 0;
    gap: 20px;
  }
  .blHead {
    font-size: 30px;
    padding-bottom: 15px;
  }
  .blFoot {
    flex-direction: column;
  }
  .blFoot .btnFour {
    width: 100%;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.headerWrap {
  width: 100%;
  display: flex;
  padding: 20px 80px;
  font-size: 14px;
  font-weight: 500;
  color: #18251C;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  transition: all 0.3s;
}
.headerWrap.isScrolling {
  box-shadow: 0 0 7px 3px #00000014;
  padding: 10px 80px;
  background-color: #fff;
}
.headerWrap.isScrolling .headerLogo {
  height: 50px;
}
.headerWrap.isScrolling .headerLogo img {
  width: 50px;
  height: 50px;
  left: 0;
}
.headerWrap.isScrolling .headerLogo span {
  width: auto;
  position: absolute;
  left: 60px;
  bottom: 8px;
}
.headerWrap.isScrolling .headerR {
  gap: 15px;
}
.headerWrap.isScrolling::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #00970d;
  background: -moz-linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
  background: linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00970d", endColorstr="#ffd299", GradientType=1);
  z-index: -1;
}
.headerLogo {
  width: 165px;
  height: 90px;
  transition: all 0.3s;
  font-family: 'chunkFive', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #0E8E39;
  position: relative;
}
.headerLogo img {
  width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  transition: all 0.3s;
}
.headerLogo span {
  width: auto;
  position: absolute;
  bottom: 0;
  left: 2px;
  transition: all 0.3s;
}
.headerR {
  width: auto;
  margin-left: auto;
  display: flex;
  gap: 25px;
  flex-direction: column;
  transition: all 0.3s;
}
.headerRTop {
  width: auto;
  display: flex;
  justify-content: flex-end;
}
.headerRTopIn {
  width: auto;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
}
.headerRTopIn li {
  border-right: 1px solid #B2C5B8;
  padding: 0 10px;
}
.headerRTopIn li:first-child {
  padding-left: 0;
}
.headerRTopIn li:last-child {
  border-right: 0;
  padding-right: 0;
}
.headerRTopIn li a {
  transition: all 0.3s;
}
.headerRTopIn li a:hover {
  color: #0E8E39;
}
.headerRBottom {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.headerRBottom > * {
  border-right: 1px solid #B2C5B8;
  padding-right: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.headerRBottom > *:last-child {
  border-right: 0;
  padding-right: 0;
}
.headerRBottom [class^="tl_"] {
  color: #0E8E39;
  font-size: 19px;
}
.headerNav {
  width: auto;
  display: flex;
  gap: 30px;
}
.headerNav li.isActive > a {
  color: #0E8E39;
}
.headerNav li.isActive > a::after {
  width: 100%;
}
.headerNav a {
  transition: all 0.3s;
  position: relative;
}
.headerNav a::after {
  content: '';
  width: 0;
  height: 2px;
  background-color: #0E8E39;
  margin: auto;
  left: 0;
  right: 0;
  transition: all 0.3s;
  position: absolute;
  bottom: -6px;
}
.headerNav a:hover {
  color: #0E8E39;
}
.headerNav a:hover::after {
  width: 100%;
}
.headerNavOption .dropDHead {
  z-index: 1;
}
.headerNavOption:hover .dropDHead {
  color: #0E8E39;
}
.headerNavOption a::after {
  opacity: 0;
}
.headerNavOption .dropDBody {
  width: 265px;
}
.headerNavOption .dropDBodyIn {
  padding: 10px;
  gap: 1px;
}
.headerNavOption .dropDBodyIn li {
  width: 100%;
  display: flex;
}
.headerNavOption .dropDBodyIn a {
  width: 100%;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1C311E;
  font-weight: 400;
  border-radius: 10px;
  gap: 10px;
  line-height: 1.5em;
}
.headerNavOption .dropDBodyIn a [class^="tl"] {
  font-size: 16px;
  color: #1C311E;
}
.headerNavOption .dropDBodyIn a:hover {
  background-color: #ECFAF0;
  color: #0E8E39;
}
.headerNavUsr .dropDBody {
  left: auto;
  right: 0;
}
.headerNavUsr .proBlock {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1C311E;
  font-weight: 500;
  gap: 15px;
  border-bottom: 1px solid #DDE9DF;
}
.headerNavUsr .proBlockIn {
  width: 45px;
  height: 45px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #0E8E39;
  color: #0E8E39;
}
.headerNavUsr .proBlockIn [class^="tl_"] {
  font-size: 26px;
  padding: 5px;
}
.headerNavUsr .proBlockIn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.headerNavUsr .proLink {
  width: 100%;
  gap: 1px;
  padding: 15px;
}
.headerNavUsr .proLink li {
  width: 100%;
  display: flex;
}
.headerNavUsr .proLink li a {
  width: 100%;
  display: flex;
  padding: 15px;
  border-radius: 10px;
  font-size: 14px;
  color: #1C311E;
  font-weight: 500;
}
.headerNavUsr .proLink li a:hover {
  background-color: #ECFAF0;
  color: #0E8E39;
}
.headerArnge {
  padding-top: 160px;
}
.headerArngeIn {
  padding-top: 130px;
}
.hamburger {
  width: 30px;
  height: 30px;
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
}
.hamburger span {
  position: absolute;
  width: 80%;
  height: 2px;
  background-color: #0E8E39;
  left: 0;
  top: auto;
}
.hamburger span::after,
.hamburger span::before {
  content: '';
  position: absolute;
  height: 2px;
  background-color: #0E8E39;
}
.hamburger span::after {
  width: 70%;
  left: 0;
  top: -5px;
}
.hamburger span::before {
  width: 80%;
  left: 0;
  top: 5px;
}
.dropBtn {
  display: none;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .headerWrap {
    padding: 1.46vw 5.85vw;
    font-size: 1.02vw;
  }
  .headerLogo {
    width: 12.07vw;
    height: 6.58vw;
    font-size: 1.17vw;
  }
  .headerLogo img {
    width: 4.39vw;
    height: 4.39vw;
    left: calc(50% - 2.19vw);
  }
  .headerLogo span {
    left: 0.14vw;
  }
  .headerR {
    gap: 1.83vw;
  }
  .headerRTopIn {
    font-size: 0.87vw;
  }
  .headerRTopIn li {
    padding: 0 0.73vw;
    border-width: 0.07vw;
  }
  .headerRBottom {
    gap: 0.73vw;
  }
  .headerRBottom > * {
    padding-right: 0.73vw;
    gap: 0.58vw;
    border-width: 0.07vw;
  }
  .headerNav {
    gap: 2.19vw;
  }
  .headerNavOption .dropDBody {
    width: 19.39vw;
  }
  .headerNavOption .dropDBodyIn {
    padding: 0.73vw;
    gap: 0.07vw;
  }
  .headerNavOption .dropDBodyIn a {
    padding: 0.73vw 1.09vw;
    font-size: 1.02vw;
    border-radius: 0.73vw;
    gap: 0.73vw;
  }
  .headerNav a::after {
    height: 0.14vw;
    bottom: -0.43vw;
  }
  .headerNavOption .dropDBodyIn a [class^="tl"] {
    font-size: 1.17vw;
  }
  .headerRBottom [class^="tl_"] {
    font-size: 1.39vw;
  }
  .headerNavUsr .proBlock {
    padding: 1.46vw;
    font-size: 1.02vw;
    gap: 1.09vw;
    border-width: 0.07vw;
  }
  .headerNavUsr .proBlockIn {
    width: 3.29vw;
    height: 3.29vw;
    border-width: 0.07vw;
  }
  .headerNavUsr .proBlockIn [class^="tl_"] {
    font-size: 1.9vw;
    padding: 0.36vw;
  }
  .headerNavUsr .proLink {
    gap: 0.07vw;
    padding: 1.09vw;
  }
  .headerNavUsr .proLink li a {
    padding: 1.09vw;
    border-radius: 0.73vw;
    font-size: 1.02vw;
  }
  .headerWrap.isScrolling {
    box-shadow: 0 0 0.51vw 0.21vw #00000014;
    padding: 0.73vw 5.85vw;
  }
  .headerWrap.isScrolling .headerLogo {
    height: 3.66vw;
  }
  .headerWrap.isScrolling .headerLogo img {
    width: 3.66vw;
    height: 3.66vw;
  }
  .headerWrap.isScrolling .headerLogo span {
    left: 4.39vw;
    bottom: 0.58vw;
  }
  .headerWrap.isScrolling .headerR {
    gap: 1.09vw;
  }
  .headerArnge {
    padding-top: 11.71vw;
  }
  .headerArngeIn {
    padding-top: 9.51vw;
  }
}
@media (max-width: 1200px) {
  .headerWrap {
    padding: 15px 30px;
  }
  .headerWrap.isScrolling {
    padding: 10px 30px;
  }
}
@media (max-width: 1024px) {
  .headerWrap {
    background-color: #fff;
    padding: 10px 30px;
    font-size: 12px;
    box-shadow: 0 0 7px 3px #00000014;
  }
  .headerWrap .headerLogo {
    font-size: 14px;
    height: 50px;
    width: 160px;
    display: flex;
    align-items: center;
    margin-left: 15px;
  }
  .headerWrap .headerLogo img {
    left: 0;
    width: 45px;
    height: 45px;
  }
  .headerWrap .headerLogo span {
    left: 55px;
    bottom: auto;
    top: auto;
  }
  .headerWrap .headerR {
    gap: 15px;
  }
  .headerWrap::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00970d;
    background: -moz-linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
    background: linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00970d", endColorstr="#ffd299", GradientType=1);
    z-index: -1;
  }
  .headerWrap .headerRBottom [class^="tl_"] {
    font-size: 16px;
  }
  .leftNav {
    padding-bottom: 55px;
    box-shadow: 0 0 7px 3px #00000014;
  }
  .leftNav > * {
    border-bottom: 1px solid #DDE9DF;
  }
  .leftNav > *:first-child,
  .leftNav > *:last-child,
  .leftNav > *:nth-last-child(2) {
    border-bottom: 0;
  }
  .leftNav .headerLogo {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    padding: 30px;
    gap: 20px;
  }
  .leftNav .headerLogo img {
    position: relative;
    left: auto;
  }
  .leftNav .headerLogo span {
    position: relative;
    left: auto;
    bottom: auto;
  }
  .leftNav .headerLogo::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00970d;
    background: -moz-linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
    background: linear-gradient(90deg, rgba(0, 151, 13, 0.24973739) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 210, 153, 0.25253852) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00970d", endColorstr="#ffd299", GradientType=1);
    z-index: -1;
  }
  .leftNav .headerNav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 30px;
    gap: 0;
  }
  .leftNav .headerNav li {
    width: 100%;
    padding: 15px 0;
  }
  .leftNav .headerNav a::after {
    opacity: 0;
  }
  .leftNav .headCart {
    width: 100%;
    padding: 15px 30px;
    align-items: center;
    display: flex;
  }
  .leftNav .headCart span {
    padding-right: 15px;
    font-size: 20px;
  }
  .leftNav .headerRTopIn {
    width: 35vw;
    position: fixed;
    left: auto;
    bottom: 0;
    z-index: 1;
    font-size: 16px;
    box-shadow: 0 0 7px 3px #00000014;
  }
  .leftNav .headerRTopIn li {
    width: 50%;
    padding: 15px;
    text-align: center;
    background-color: #0E8E39;
    color: #fff;
  }
  .leftNav .headerRTopIn li:last-child {
    background-color: #ffd299;
    color: #0E8E39;
  }
  .leftNav .headerNavUsr {
    padding: 0;
    width: 100%;
  }
  .leftNav .headerNavUsr .dropDHead {
    display: none;
  }
  .leftNav .headerNavUsr .dropDBody {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: 100%;
    padding: 0;
  }
  .leftNav .headerNavUsr .dropDBodyIn {
    box-shadow: none;
    background: #ffd2994a;
    border-radius: 0;
  }
  .leftNav .headerNavOption .dropDHead {
    width: 100%;
    display: flex;
    -webkit-tap-highlight-color: transparent;
  }
  .leftNav .headerNavOption .dropDBody {
    width: 100%;
    padding: 0;
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: none;
    transition: none;
  }
  .leftNav .headerNavOption .dropDBodyIn {
    padding: 10px 0;
    box-shadow: none;
  }
  .leftNav .headerNavOption li {
    padding: 0;
  }
  .leftNav .headerNavOption .dropBtn {
    display: flex;
    margin-left: auto;
    font-size: 14px;
    width: 35px;
    height: auto;
    align-items: center;
    justify-content: flex-end;
  }
  .leftNav .headerNavOption .dropBtn::before {
    transform: rotateX(180deg);
    transition: all 0.3s;
  }
  .leftNav .headerNavOption.isActive .dropBtn::before {
    transform: rotateX(0deg);
  }
  .headerArnge {
    padding-top: 110px;
  }
  .headerArngeIn {
    padding-top: 70px;
  }
}
@media (max-width: 992px) {
  .leftNav .headerRTopIn {
    width: 45vw;
    font-size: 14px;
  }
  .headerNavUsr .proBlockIn [class^="tl_"] {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .headerWrap {
    padding: 10px 15px;
  }
  .headerWrap .headerLogo {
    margin-left: 10px;
    font-size: 12px;
    height: 45px;
  }
  .headerWrap .headerLogo img {
    width: 40px;
    height: 40px;
  }
  .headerWrap .headerR {
    gap: 10px;
  }
  .headerNavUsr .proBlock {
    padding: 15px;
  }
  .headerNavUsr .proLink li a {
    padding: 10px;
    font-size: 12px;
  }
  .headerArnge {
    padding-top: 100px;
  }
  .headerArngeIn {
    padding-top: 65px;
  }
  .leftNav .headerNav,
  .leftNav .headCart,
  .headerNavOption .dropDBodyIn a {
    font-size: 13px;
  }
  .headerNavUsr .proBlockIn [class^="tl_"] {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .headerArnge {
    padding-top: 75px;
  }
  .headerRTop,
  .headerR .headerNavUsr {
    display: none;
  }
  .leftNav .headerRTopIn {
    width: 85vw;
  }
  .headCart {
    font-size: 11px;
  }
  .hamburger {
    width: 25px;
  }
  .headerWrap .headerLogo img {
    width: 32px;
    height: 32px;
  }
  .headerWrap .headerLogo {
    width: 125px;
    font-size: 10px;
    height: 30px;
  }
  .headerWrap .headerLogo span {
    left: 40px;
  }
  .leftNav .headerLogo {
    font-size: 14px;
    gap: 15px;
  }
  .leftNav .headerLogo img {
    width: 40px;
    height: 40px;
  }
  .headSearch {
    border-right: 0;
    padding-right: 0;
  }
  .headerArngeIn {
    padding-top: 50px;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.footerWrap {
  width: 100%;
  padding: 0 80px;
}
.footerIn {
  width: 100%;
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  font-weight: 500;
  color: #425147;
  line-height: 1.5em;
}
.footerBlock {
  width: auto;
  flex: 1;
  display: flex;
  padding-right: 15px;
  flex-wrap: wrap;
}
.footerBlock:first-child {
  flex: 1.5;
}
.footerHead {
  width: 100%;
  font-size: 22px;
  color: #18251C;
  font-weight: 600;
  margin-bottom: 15px;
}
.footerCont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.footerCont li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  line-height: 1.5em;
}
.footerCont li [class^="tl_"] {
  margin-right: 20px;
}
.footerSub {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
}
.footerSub .inputOne {
  padding: 5px 15px;
  border-radius: 12px;
}
.footerSub .btnOne {
  padding: 15px 30px;
  line-height: 1em;
}
.footerFlw {
  width: 100%;
  display: flex;
  gap: 15px;
  font-size: 35px;
}
.footerCpy {
  width: 100%;
  border-top: 1px solid #D0DED4;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: #18251C;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .footerWrap {
    padding: 0 5.85vw;
  }
  .footerIn {
    padding-bottom: 7.32vw;
    font-size: 1.46vw;
  }
  .footerBlock {
    padding-right: 1.09vw;
  }
  .footerCont {
    gap: 1.09vw;
  }
  .footerHead {
    font-size: 1.61vw;
    margin-bottom: 1.09vw;
  }
  .footerCont li [class^="tl_"] {
    margin-right: 1.46vw;
  }
  .footerSub {
    gap: 1.09vw;
    margin-bottom: 2.19vw;
  }
  .footerSub .inputOne {
    padding: 0.36vw 1.09vw;
    border-radius: 0.87vw;
  }
  .footerSub .btnOne {
    padding: 1.09vw 2.19vw;
  }
  .footerFlw {
    gap: 1.09vw;
    font-size: 2.56vw;
  }
  .footerCpy {
    border-width: 0.07vw;
    padding: 2.19vw;
    font-size: 1.17vw;
  }
  .backtotop {
    right: -7.32vw;
    bottom: 2.19vw;
    width: 3.29vw;
    height: 3.29vw;
    font-size: 1.17vw;
  }
  .backtotop.isActive {
    right: 2.19vw;
  }
}
@media (max-width: 1200px) {
  .footerWrap {
    padding: 0 30px;
  }
  .footerHead {
    font-size: 20px;
  }
  .footerIn {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .footerIn {
    font-size: 14px;
    padding-bottom: 50px;
  }
  .footerHead {
    font-size: 16px;
  }
  .footerCont li {
    line-height: 1em;
  }
  .footerCont li [class^="tl_"] {
    margin-right: 10px;
  }
  .footerCpy {
    padding: 15px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .footerIn {
    gap: 30px;
  }
  .footerBlock,
  .footerBlock:first-child {
    width: calc((100% - 30px) / 2);
    flex: 0 0 auto;
    padding: 0;
  }
  .footerCont li {
    line-height: 1.5em;
  }
  .footerWrap {
    padding: 0 15px;
  }
  .footerCont {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .footerBlock,
  .footerBlock:first-child {
    width: 100%;
  }
  .footerCpy {
    text-align: center;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.bannerWrap {
  position: relative;
  background: #ffffff;
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.19931723) 0%, rgba(255, 255, 255, 0.91640406) 45%, #ffffff 55%, rgba(255, 255, 255, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  min-height: 100vh;
}
.bannerWrap::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #ffd299;
  background: -moz-linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: linear-gradient(180deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd299", endColorstr="#00720a", GradientType=1);
}
.bannerWrap::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  background: #ffd299;
  background: -moz-linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  background: linear-gradient(0deg, rgba(255, 210, 153, 0.30295868) 0%, rgba(255, 255, 255, 0.59987745) 35%, rgba(255, 255, 255, 0.59987745) 65%, rgba(0, 114, 10, 0.20211835) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd299", endColorstr="#00720a", GradientType=1);
}
.bannerSlide {
  width: 100%;
  display: flex;
  position: relative;
}
.bannerSlide::after {
  content: '';
  position: absolute;
  width: calc( 100% + 160px);
  height: 75px;
  left: -80px;
  bottom: 0;
  background-color: #fff;
}
.bannerSlideIn {
  width: 100%;
  font-size: 22px;
  color: #373A4C;
  font-weight: 500;
  line-height: 1.5em;
  position: relative;
}
.bannerSlide .bannerSlidePagination {
  width: 100%;
  bottom: 25%;
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 1;
  position: absolute;
}
.bannerSlide .bannerSlidePagination span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ADCA9C;
  opacity: 1;
  margin: 0 !important;
  transition: all 0.3s;
}
.bannerSlide .bannerSlidePagination span.swiper-pagination-bullet-active {
  background-color: #0E8E39;
  width: 20px;
  height: 20px;
}
.bannerSplit {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.bannerSplitWrap {
  width: 100%;
  display: flex;
  gap: 50px;
  padding-bottom: 240px;
}
.bannerSplit.first {
  width: 45%;
}
.bannerSplit.second {
  width: 55%;
}
.bannerSplit .btnOne {
  padding: 15px 40px;
  margin-right: auto;
}
.bannerHead {
  width: 100%;
  font-size: 70px;
  color: #18251C;
  line-height: 1em;
  padding-bottom: 30px;
  font-weight: 600;
  position: relative;
}
.bannerHead span {
  font-weight: 700;
}
.bannerHead::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #0E8E39;
  border-radius: 3px;
  left: 0;
  bottom: 0;
}
.bannerImg {
  width: 95%;
  height: 600px;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 25px;
}
.bannerImg::after {
  content: '';
  position: absolute;
  width: 80%;
  height: 100%;
  right: -25px;
  top: 0;
  background-color: rgba(0, 114, 10, 0.2);
  border-radius: 0 15px 0 0;
  z-index: -1;
}
.bannerImg::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  right: -5%;
  background-color: #fff;
  height: 67px;
}
.bannerImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  overflow: hidden;
}
.aboutSplit {
  width: 50%;
  float: left;
  position: relative;
  margin-right: 70px;
  margin-bottom: 135px;
}
.aboutImg {
  width: auto;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
  height: auto;
  width: 500px;
  height: 460px;
}
.aboutImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutImg.first {
  border: 6px solid #fff;
  position: absolute;
  bottom: -110px;
  left: 30px;
  width: 220px;
  height: 190px;
}
.aboutImg.second {
  border: 6px solid #fff;
  position: absolute;
  bottom: -70px;
  left: 285px;
  width: 340px;
  height: 300px;
}
.aboutCont {
  width: 100%;
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 400;
  color: #373A4C;
  margin-bottom: 30px;
}
.aboutCont p {
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 400;
  color: #373A4C;
}
.aboutLink {
  width: auto;
  color: #0E8E39;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  margin-top: 30px;
}
.aboutLink [class^="tl_"] {
  left: 10px;
  font-weight: 600;
  transition: all 0.3s;
}
.aboutLink:hover {
  color: #096026;
}
.aboutLink:hover [class^="tl_"] {
  left: 5px;
}
.populrHead {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.populrHead .headOne {
  margin-bottom: 0;
}
.populrLink {
  color: #0E8E39;
  margin-left: auto;
  font-size: 20px;
  font-weight: 500;
  transition: all 0.3s;
}
.populrLink:hover {
  color: #096026;
}
.populrSlide {
  width: 100%;
  display: flex;
}
.populrSlideIn {
  margin-top: 30px;
  width: 100%;
}
.populrSlideIn .swiper-slide {
  display: flex;
}
.populrSlide .proSing {
  width: calc(( 100% - 100px) / 4) ;
}
.populrSlide .swiper-initialized .proSing {
  width: 100%;
}
.testWrap {
  width: 100%;
  padding: 80px;
}
.testImg {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.testImg::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 35, 11, 0.6);
}
.testImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testSing {
  width: 100%;
  display: flex;
  padding: 30px;
  background-color: #fff;
  border-radius: 30px;
  gap: 30px;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  color: #373A4C;
}
.testSing .quoteBlock {
  font-size: 105px;
  color: #0E8E39;
  position: absolute;
  line-height: 75px;
  pointer-events: none;
}
.testSing .contBlock {
  width: 100%;
  margin-top: 40px;
}
.testSing .testPro {
  width: 100%;
  display: flex;
  gap: 15px;
  font-size: 14px;
}
.testSing .testProImg {
  width: 70px;
  height: 70px;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
}
.testSing .testProImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testSing .testProCont {
  width: auto;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
  line-height: 1em;
}
.testSing .testProCont .headBlock {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
}
.testSing .testProCont .ratingBlock {
  width: 100%;
}
.testSing .testProCont .ratingBlock .caption {
  display: none;
}
.testSlide {
  width: 100%;
}
.testSlideIn {
  width: 100%;
  padding: 40px 0;
}
.testSlide .swiper-slide {
  display: flex;
}
.testSlide .testSlide-pagination {
  bottom: -30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 25px;
}
.testSlide .testSlide-pagination span {
  width: 14px;
  height: 14px;
  background-color: #81B287;
  border-radius: 50%;
  opacity: 1;
  margin: 0 !important;
  transition: all 0.3s;
}
.testSlide .testSlide-pagination span.swiper-pagination-bullet-active {
  background-color: #fff;
  width: 16px;
  height: 16px;
}
.subsWrap {
  width: 100%;
  display: flex;
  align-items: center;
}
.subsWrapOuter {
  background-color: rgba(14, 142, 57, 0.1);
  padding: 45px 80px;
  position: relative;
  overflow: hidden;
}
.subsWrapOuter::before,
.subsWrapOuter::after {
  content: '';
  position: absolute;
  width: 235px;
  height: 235px;
  border-radius: 50%;
  background-color: #30A43D;
  border: 30px solid #fff;
  box-shadow: 0 0 0px 20px #30A43D;
  opacity: 0.049;
  z-index: -1;
}
.subsWrapOuter::before {
  left: -70px;
  bottom: -60px;
}
.subsWrapOuter::after {
  right: -70px;
  top: -60px;
}
.subsWrap .btnFive {
  margin-left: auto;
  flex: 0 0 auto;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .bannerSlideIn {
    font-size: 1.61vw;
  }
  .bannerSplitWrap {
    gap: 3.66vw;
    padding-bottom: 17.56vw;
  }
  .bannerSplit {
    gap: 2.92vw;
  }
  .bannerHead {
    font-size: 5.12vw;
    padding-bottom: 2.19vw;
  }
  .bannerHead::after {
    width: 7.32vw;
    height: 0.36vw;
    border-radius: 0.21vw;
  }
  .bannerSplit .btnOne {
    padding: 1.09vw 2.92vw;
  }
  .bannerImg {
    height: 43.92vw;
    padding-top: 1.83vw;
  }
  .bannerImg::before {
    height: 4.9vw;
  }
  .bannerImg img {
    border-radius: 1.09vw;
  }
  .bannerImg::after {
    right: -1.83vw;
    border-radius: 0 1.09vw 0 0;
  }
  .bannerSlide::after {
    width: calc(100% + 11.71vw);
    height: 5.49vw;
    left: -5.85vw;
  }
  .bannerSlide .bannerSlidePagination {
    gap: 20px;
  }
  .bannerSlide .bannerSlidePagination span {
    width: 1.17vw;
    height: 1.17vw;
  }
  .bannerSlide .bannerSlidePagination span.swiper-pagination-bullet-active {
    width: 1.46vw;
    height: 1.46vw;
  }
  .aboutCont {
    font-size: 1.61vw;
    margin-bottom: 2.19vw;
  }
  .aboutSplit {
    margin-right: 5.12vw;
    margin-bottom: 9.88vw;
  }
  .aboutImg {
    border-radius: 1.09vw;
    width: 36.6vw;
    height: 33.67vw;
  }
  .aboutImg.first {
    border-width: 0.43vw;
    bottom: -8.05vw;
    left: 2.19vw;
    width: 16.1vw;
    height: 13.9vw;
  }
  .aboutImg.second {
    border-width: 0.43vw;
    bottom: -5.12vw;
    left: 20.86vw;
    width: 24.89vw;
    height: 21.96vw;
  }
  .aboutCont p {
    font-size: 1.61vw;
  }
  .aboutLink {
    font-size: 1.46vw;
    margin-top: 2.19vw;
  }
  .populrLink {
    font-size: 1.46vw;
  }
  .populrSlideIn {
    margin-top: 2.19vw;
  }
  .populrSlide .proSing {
    width: calc((100% - 7.32vw) / 4);
  }
  .testWrap {
    padding: 5.85vw;
  }
  .testSlideIn {
    padding: 2.92vw 0;
  }
  .testSing {
    padding: 2.19vw;
    border-radius: 2.19vw;
    gap: 2.19vw;
    font-size: 1.17vw;
  }
  .testSing .quoteBlock {
    font-size: 7.68vw;
    line-height: 5.49vw;
  }
  .testSing .contBlock {
    margin-top: 2.92vw;
  }
  .testSing .testPro {
    gap: 1.09vw;
    font-size: 1.02vw;
  }
  .testSing .testProImg {
    width: 5.12vw;
    height: 5.12vw;
    border-radius: 1.09vw;
  }
  .testSing .testProCont {
    gap: 0.58vw;
  }
  .testSing .testProCont .headBlock {
    font-size: 1.17vw;
  }
  .testSlide .testSlide-pagination {
    bottom: -2.19vw;
    gap: 0.87vw;
    min-height: 1.83vw;
  }
  .testSlide .testSlide-pagination span {
    width: 1.02vw;
    height: 1.02vw;
  }
  .testSlide .testSlide-pagination span.swiper-pagination-bullet-active {
    width: 1.17vw;
    height: 1.17vw;
  }
  .subsWrapOuter {
    padding: 3.29vw 5.85vw;
  }
  .subsWrapOuter::before,
  .subsWrapOuter::after {
    width: 17.2vw;
    height: 17.2vw;
    border-width: 2.19vw;
    box-shadow: 0 0 0px 1.46vw #0E8E39;
  }
  .subsWrapOuter::before {
    left: -5.12vw;
    bottom: -4.39vw;
  }
  .subsWrapOuter::after {
    right: -5.12vw;
    top: -4.39vw;
  }
}
@media (max-width: 1300px) {
  .aboutImg {
    width: 475px;
    height: 430px;
  }
  .aboutImg.first {
    width: 190px;
    height: 160px;
  }
  .aboutImg.second {
    width: 284px;
    height: 230px;
  }
}
@media (max-width: 1200px) {
  .bannerSlideIn {
    font-size: 20px;
  }
  .bannerHead {
    font-size: 40px;
  }
  .bannerSlide::after {
    width: calc(100% + 60px);
    left: -30px;
  }
  .bannerImg {
    height: 530px;
  }
  .bannerImg::before {
    right: -10%;
  }
  .aboutCont {
    font-size: 20px;
  }
  .aboutSplit {
    margin-right: 45px;
  }
  .aboutImg {
    width: 435px;
    height: 390px;
  }
  .aboutImg.first {
    width: 150px;
    height: 140px;
  }
  .aboutImg.second {
    width: 200px;
    height: 190px;
  }
  .aboutCont p {
    font-size: 20px;
  }
  .testWrap {
    padding: 30px;
  }
  .subsWrapOuter {
    padding: 15px 30px;
  }
}
@media (max-width: 1024px) {
  .hamburger {
    display: flex;
  }
  .headerWrap .headerR .headerNav {
    display: none;
  }
  .bannerSlideIn {
    font-size: 16px;
  }
  .bannerHead {
    font-size: 30px;
    padding-bottom: 20px;
  }
  .bannerSplit {
    gap: 25px;
  }
  .bannerSlide .bannerSlidePagination span {
    width: 14px;
    height: 14px;
  }
  .bannerSlide .bannerSlidePagination span.swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
  }
  .aboutCont {
    margin-bottom: 0;
  }
  .aboutCont,
  .aboutCont p {
    font-size: 16px;
  }
  .aboutLink {
    font-size: 16px;
    margin-top: 20px;
  }
  .testSlideIn {
    padding: 30px 0;
  }
  .testSlide .testSlide-pagination span {
    width: 12px;
    height: 12px;
  }
  .testSlide .testSlide-pagination span.swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
  }
  .populrLink {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .aboutSplit {
    width: 100%;
    margin-right: 0;
  }
  .aboutImg {
    width: 100%;
  }
  .aboutImg.first {
    width: 23%;
  }
  .aboutImg.second {
    width: 35%;
  }
  .aboutCont .headOne {
    clear: both;
  }
}
@media (max-width: 768px) {
  .bannerHead {
    font-size: 20px;
    padding-bottom: 15px;
  }
  .bannerSlideIn {
    font-size: 14px;
  }
  .bannerSplit .btnOne {
    padding: 10px 30px;
  }
  .bannerSplitWrap {
    padding-bottom: 135px;
  }
  .bannerWrap {
    min-height: fit-content;
  }
  .bannerImg {
    height: 282px;
  }
  .bannerImg::before {
    height: 46px;
  }
  .bannerSlide::after {
    width: calc(100% + 30px);
    left: -15px;
  }
  .bannerSlide .bannerSlidePagination {
    gap: 10px;
  }
  .aboutCont,
  .aboutCont p {
    font-size: 14px;
  }
  .aboutLink {
    font-size: 14px;
    margin-top: 15px;
  }
  .testWrap {
    padding: 15px;
  }
  .testSlideIn {
    padding: 15px 0;
  }
  .testSing {
    padding: 15px;
    gap: 15px;
    font-size: 14px;
  }
  .testSlide .testSlide-pagination {
    bottom: -15px;
  }
  .subsWrap {
    flex-wrap: wrap;
  }
  .subsWrapOuter {
    padding: 15px;
  }
  .populrHead {
    flex-wrap: wrap;
    gap: 15px;
  }
}
@media (max-width: 576px) {
  .bannerSplit,
  .bannerSplit.first,
  .bannerSplit.second {
    width: 100%;
  }
  .bannerSplitWrap {
    flex-wrap: wrap;
    gap: 0;
  }
  .bannerSplit.first {
    order: 2;
  }
  .bannerSplit.second {
    order: 1;
    margin-bottom: 15px;
  }
  .bannerImg {
    position: relative;
    height: 40vh;
  }
  .bannerSplit {
    gap: 15px;
  }
  .bannerSlide::after {
    display: none;
  }
  .bannerSplitWrap {
    padding-bottom: 65px;
  }
  .bannerSlide .bannerSlidePagination {
    bottom: 5%;
  }
  .aboutImg.first {
    width: 47%;
    bottom: 3%;
  }
  .aboutImg.second {
    bottom: 34%;
    left: 41%;
    width: 60%;
  }
  .aboutSplit {
    margin-bottom: 30px;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.cateWrap {
  width: 100%;
  display: flex;
  gap: 20px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  flex-wrap: wrap;
}
.cateSing {
  width: calc( (100% - (20px * 3) ) / 4 );
  display: flex;
  flex-direction: column;
}
.cateSingImg {
  width: 100%;
  height: 200px;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 20px;
}
.cateSingImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.cateSingData {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.cateSingLink {
  color: #0E8E39;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  position: relative;
}
.cateSingLink:hover {
  color: #096026;
}
.cateSingLink:hover [class^="tl"] {
  left: 5px;
}
.cateSingLink [class^="tl"] {
  left: 10px;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
}
.cateSingHead {
  color: #18251C;
  font-size: 20px;
  font-weight: 600;
}
.cateSingCont {
  height: 45px;
  overflow: hidden;
  margin-bottom: 5px;
}
.cateSing:hover .cateSingImg img {
  transform: scale(1.1);
}
.proSing {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid #E2EFE4;
  box-shadow: 0 0 6px 0px #0000001c;
  transition: all 0.3s;
}
.proSing .imgBlock {
  width: 100%;
  height: 240px;
  display: flex;
  background-color: #F3F8F4;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
}
.proSing .imgBlockIn {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.proSing .imgBlockIn img {
  width: 100%;
  height: 100%;
  max-height: 90%;
  max-width: 90%;
  object-fit: contain;
  transition: all 0.3s;
}
.proSing .whishBlock {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  left: 5px;
  color: #425147;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
}
.proSing .whishBlock.isActive {
  color: #ee5253;
}
.proSing .whishBlock.isActive span::before {
  content: "\e921";
}
.proSing .proCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 14px;
  color: #425147;
  font-weight: 500;
}
.proSing .proContHead {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  flex-direction: column;
}
.proSing .proContHeadIn {
  font-size: 18px;
  color: #18251C;
  font-weight: 600;
}
.proSing .proContRating {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.proSing .proContRating .priceBlock {
  font-size: 18px;
  color: #0E8E39;
  font-weight: 500;
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: flex-end;
}
.proSing .proContRating .priceBrkup {
  font-size: 13px;
  color: #485242;
  text-decoration: line-through;
}
.proSing .proContRating .proRating {
  width: auto;
  display: flex;
  gap: 5px;
  align-items: center;
}
.proSing .proCont .btnTwo {
  margin-right: auto;
}
.proSing:hover {
  box-shadow: 0 0 6px 0px #0000002e;
}
.proSing:hover .imgBlockIn img {
  transform: scale(1.1);
}
.proWrap {
  width: 100%;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 30px;
  align-items: flex-start;
}
.proWrapL {
  width: calc( 25% - 25px);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.proWrapLIn {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #E2EFE4;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 0 6px 1px #0000000d;
}
.proWrapR {
  width: 75%;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.proWrapRIn {
  width: 100%;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.proWrapR .proSing {
  width: calc( (100% - 50px) / 3);
}
.proCateHead {
  width: 100%;
  font-size: 16px;
  color: #1C311E;
  font-weight: 500;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #F2F5F3;
}
.proCateWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}
.proCateBlock {
  font-size: 14px;
  font-weight: 500;
  color: #1C311E;
}
.proCateBlock .collapseHead {
  border-radius: 8px;
  padding: 3px 0 3px 15px;
  transition: all 0.3s;
  height: 41px;
}
.proCateBlock .collapseHead:hover {
  background-color: #ECFAF0;
  color: #0E8E39;
}
.proCateBlock .collapseBody ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.proCateBlock .collapseBody ul li {
  width: 100%;
  display: flex;
  padding: 10px 15px 10px 30px;
}
.proCateBlock.isActive .collapseHead {
  background-color: #ECFAF0;
  color: #0E8E39;
}
.proMWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 25px;
}
.proMSing {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 4px 1px #0000003b;
  font-size: 18px;
  font-weight: 400;
  color: #485242;
  line-height: 1.7em;
  gap: 30px;
  display: flex;
  transition: all 0.3s;
}
.proMSing .productBlock {
  width: 220px;
  height: 220px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F3F8F4;
  position: relative;
}
.proMSing .productBlockImg {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 15px;
}
.proMSing .productBlockImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.proMSing .whishBlock {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  left: 5px;
  color: #425147;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
}
.proMSingBlock {
  width: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-right: 30px;
}
.proMSingBlock .headTxt {
  font-size: 22px;
  color: #1C311E;
  font-weight: 600;
}
.proMSingBlock .btnWrap {
  width: auto;
  display: flex;
  gap: 15px;
  align-items: center;
}
.proMSing:hover {
  box-shadow: 0 0 7px 1px #0000006b;
}
.proMSing:hover .productBlockImg img {
  transform: scale(1.1);
}
.proTSearch {
  width: auto;
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  gap: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #7E8E84;
}
.proTSearchBlock {
  width: 180px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #A1A89D;
  border-radius: 5px;
  background-color: #fff;
}
.proTSearchBlock input {
  width: 100%;
  border: none;
}
.proTSearchBlock [class^="tl"] {
  font-size: 18px;
}
.proTSearch select {
  width: 180px;
  min-height: 40px;
  border: 1px solid #A1A89D;
  border-radius: 5px;
  color: #7E8E84;
  font-size: 14px;
}
.proTSearch select:focus-visible {
  outline: none;
}
.proTab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 15px;
  box-shadow: 0 0 6px 1px #00000017;
  margin-top: 20px;
}
.proTabRow {
  width: 100%;
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #F2F5F3;
  font-size: 16px;
  font-weight: 500;
  color: #18251C;
}
.proTabRow:last-child {
  border-bottom: 0;
}
.proTabRow.head {
  padding: 15px 30px;
}
.proTabCol {
  flex: 1;
  display: flex;
  align-items: center;
}
.proTabCol.lg {
  flex: 2;
}
.proTabCol select {
  border-radius: 5px;
  border: 1px solid #A1A89D;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.proTabCol select:focus-visible {
  outline: none;
}
.proTabCol.unit {
  gap: 50px;
}
.proTabCol.proBlock {
  color: #0E8E39;
  gap: 15px;
}
.proTabCol.proBlock .proBlockIn {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: #F3F8F4;
  padding: 5px;
  flex: 0 0 auto;
}
.proTabCol.proBlock .proBlockIn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proTabIn {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 30px;
  border-bottom: 1px solid #F2F5F3;
}
.proTabIn .proTabRow {
  padding: 15px 0;
}
.proTabFoot {
  width: 100%;
  display: flex;
  padding: 15px 30px;
  font-size: 12px;
  font-weight: 400;
  color: #485242;
  justify-content: space-between;
}
.proTabFootNav {
  display: flex;
  align-items: center;
  gap: 15px;
}
.proTabFootNavIn {
  width: auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
.proTabFoot select {
  border-radius: 5px;
  border: 1px solid #A1A89D;
  padding: 3px 5px;
  cursor: pointer;
}
.proTabFoot select:focus-visible {
  outline: none;
}
.proTabFoot .inerBlock {
  width: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.proTabFoot .inerBlock * {
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proTabFoot .inerBlock *.isActive {
  color: #0E8E39;
}
.proTabFoot .totPag {
  color: #425147;
  font-weight: 600;
}
.cateRespBtn {
  width: 20%;
  padding: 10px 30px;
  box-shadow: 0 0 7px 3px #0000002e;
  border-radius: 30px;
  background-color: #13bc4c;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.cateRespBtnWrap {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: auto;
  gap: 15px;
}
.cateRespBtnWrap.isActive {
  display: flex;
}
.cateRespWrap {
  width: 35vw;
  position: fixed;
  left: -40vw;
  top: 0;
  height: 100vh;
  z-index: 101;
  overflow: hidden;
  overflow-y: scroll;
  transition: all 0.3s;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.cateRespWrap.isActive {
  left: 0;
}
.cateRespSort {
  width: 35vw;
  position: fixed;
  left: 0;
  right: 0;
  bottom: -50vh;
  background-color: #fff;
  height: auto;
  margin: auto;
  z-index: 101;
  overflow: hidden;
  overflow-y: scroll;
  box-shadow: 0 0 7px 3px #0000002e;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s;
  padding: 15px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.cateRespSort.isActive {
  bottom: 0;
}
.cateRespSort .singleSort {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  position: relative;
}
.cateRespSort .singleSort input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
}
.cateRespSort .singleSort input:checked ~ span::after {
  opacity: 1;
}
.cateRespSort .singleSort span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #0E8E39;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cateRespSort .singleSort span::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0E8E39;
  left: auto;
  top: auto;
  opacity: 0;
  transition: all 0.3s;
}
.priceFltr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.priceFltr #slider-range {
  width: 100%;
}
.priceFltr p {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}
.priceFltr .btnOne {
  width: 100%;
}
.priceFltr span {
  border-color: #0E8E39 !important;
}
.priceFltr span.ui-state-focus {
  background-color: #13bc4c !important;
  color: #0E8E39 !important;
}
.priceFltr .ui-widget-header {
  background-color: rgba(14, 142, 57, 0.2) !important;
}
.ratingFilter {
  width: 100%;
  display: flex;
}
.ratingFilter ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 14px;
}
.ratingFilter ul li {
  width: 100%;
}
.ratingFilter [class^="single-rating"] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ratingFilter [class^="single-rating"] input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.ratingFilter [class^="single-rating"] input:checked ~ span::after {
  opacity: 1;
}
.ratingFilter [class^="single-rating"] span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #0E8E39;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ratingFilter [class^="single-rating"] span::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  left: auto;
  top: auto;
  background-color: #0E8E39;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}
.proSortSearch {
  width: calc( (100% - 25px) / 3);
  margin-left: auto;
  border: 1px solid #A1A89D;
  display: flex;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
}
.proSortSearch input {
  border: 0;
  flex: 1;
  height: 100%;
  padding: 0px 15px;
  width: 100px;
  font-size: 14px;
  color: #A1A89D;
}
.proSortSearch .btnOne {
  border-radius: 0;
}
.proSortBlock {
  width: calc( (100% - 25px) / 3);
  display: flex;
}
.proSortBlock select {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #A1A89D;
  border-radius: 6px;
  color: #1C311E;
}
.proSortBlock select:focus-visible {
  outline: none;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .cateWrap {
    gap: 1.46vw;
    font-size: 1.17vw;
  }
  .cateSing {
    width: calc((100% - (1.46vw * 3)) / 4);
  }
  .cateSingImg {
    height: 14.64vw;
    border-radius: 1.09vw;
    margin-bottom: 1.46vw;
  }
  .cateSingData {
    gap: 0.73vw;
  }
  .cateSingHead {
    font-size: 1.46vw;
  }
  .cateSingCont {
    height: 3.29vw;
    margin-bottom: 0.36vw;
  }
  .cateSingLink [class^="tl"] {
    left: 0.73vw;
  }
  .proSing {
    padding: 1.09vw;
    border-radius: 1.09vw;
    border-width: 0.07vw;
    box-shadow: 0 0 0.43vw 0px #0000001c;
  }
  .proSing .imgBlock {
    height: 17.56vw;
    border-radius: 0.87vw;
    margin-bottom: 1.46vw;
  }
  .proSing .whishBlock {
    width: 2.56vw;
    height: 2.56vw;
    top: 0.36vw;
    left: 0.36vw;
    font-size: 1.46vw;
  }
  .proSing .proCont {
    gap: 1.09vw;
    font-size: 1.02vw;
  }
  .proSing .proContHead {
    gap: 0.36vw;
  }
  .proSing .proContHeadIn {
    font-size: 1.31vw;
  }
  .proSing .proContRating {
    gap: 0.73vw;
  }
  .proSing .proContRating .priceBlock {
    font-size: 1.31vw;
    gap: 1.09vw;
  }
  .proSing .proContRating .priceBrkup {
    font-size: 0.95vw;
  }
  .proSing .proContRating .proRating {
    gap: 0.36vw;
  }
  .proWrap {
    gap: 1.83vw;
    margin-top: 2.19vw;
  }
  .proWrapL {
    width: calc(25% - 1.83vw);
    gap: 1.46vw;
  }
  .proWrapLIn {
    border-width: 0.07vw;
    border-radius: 1.09vw;
    padding: 1.46vw;
    box-shadow: 0 0 0.43vw 0.07vw #0000000d;
  }
  .proCateHead {
    font-size: 1.17vw;
    padding-bottom: 1.09vw;
    margin-bottom: 1.09vw;
    border-width: 0.07vw;
  }
  .priceFltr {
    gap: 1.09vw;
  }
  .priceFltr .ui-widget.ui-widget-content {
    border-width: 0.07vw;
  }
  .priceFltr p {
    font-size: 1.02vw;
  }
  .ratingFilter ul {
    gap: 1.46vw;
    font-size: 1.02vw;
  }
  .ratingFilter [class^="single-rating"] {
    gap: 0.73vw;
  }
  .ratingFilter [class^="single-rating"] span {
    width: 1.09vw;
    height: 1.09vw;
    border-width: 0.07vw;
  }
  .ratingFilter [class^="single-rating"] span::after {
    width: 0.65vw;
    height: 0.65vw;
  }
  .proCateWrap {
    gap: 0.07vw;
  }
  .proCateBlock {
    font-size: 1.02vw;
  }
  .proCateBlock .collapseHead {
    border-radius: 0.58vw;
    padding: 0.21vw 0 0.21vw 1.09vw;
    height: 3vw;
  }
  .proCateBlock .collapseBody ul {
    padding-top: 0.73vw;
  }
  .proCateBlock .collapseBody ul li {
    padding: 0.73vw 1.09vw 0.73vw 2.19vw;
  }
  .proTSearch {
    gap: 1.09vw;
    font-size: 1.02vw;
  }
  .proTSearchBlock {
    width: 13.17vw;
    padding: 0.73vw 1.46vw;
    gap: 0.73vw;
    border-width: 0.07vw;
    border-radius: 0.36vw;
  }
  .proTSearchBlock [class^="tl"] {
    font-size: 1.31vw;
  }
  .proTSearch select {
    width: 13.17vw;
    border-width: 0.07vw;
    border-radius: 0.36vw;
    font-size: 1.02vw;
  }
  .proTab {
    border-radius: 1.09vw;
    box-shadow: 0 0 0.43vw 0.07vw #00000017;
    margin-top: 1.46vw;
  }
  .proTabRow {
    padding: 1.09vw;
    border-width: 0.07vw;
    font-size: 1.17vw;
  }
  .proTabRow.head {
    padding: 1.09vw 2.19vw;
  }
  .proTabIn {
    padding: 0 2.19vw;
    border-width: 0.07vw;
  }
  .proTabIn .proTabRow {
    padding: 1.09vw 0;
  }
  .proTabCol.proBlock {
    gap: 1.09vw;
  }
  .proTabCol.unit {
    gap: 3.66vw;
  }
  .proTabCol.proBlock .proBlockIn {
    width: 4.39vw;
    height: 4.39vw;
    border-radius: 0.73vw;
    padding: 0.36vw;
  }
  .proTabCol select {
    border-radius: 0.36vw;
    border-width: 0.07vw;
    padding: 0.36vw 1.09vw;
    font-size: 1.02vw;
  }
  .proTabFoot {
    padding: 1.09vw 2.19vw;
    font-size: 0.87vw;
  }
  .proTabFootNav {
    gap: 1.09vw;
  }
  .proTabFoot select {
    border-radius: 0.36vw;
    border-width: 0.07vw;
    padding: 0.21vw 0.36vw;
  }
  .proTabFootNavIn {
    gap: 1.46vw;
  }
  .proTabFoot .inerBlock {
    gap: 0.36vw;
  }
  .proTabFoot .inerBlock * {
    min-width: 2.19vw;
  }
  .proMWrap {
    margin-top: 2.19vw;
    gap: 1.83vw;
  }
  .proWrapR {
    gap: 2.19vw;
  }
  .proWrapRIn {
    gap: 1.83vw;
  }
  .proWrapR .proSing {
    width: calc((100% - 3.66vw) / 3);
  }
  .proSortSearch {
    width: calc((100% - 1.83vw) / 3);
    border-width: 0.07vw;
    border-radius: 0.43vw;
  }
  .proSortSearch input {
    padding: 0px 1.09vw;
    width: 7.32vw;
    font-size: 1.02vw;
  }
  .proSortBlock select {
    font-size: 1.02vw;
    padding: 0.36vw 0.73vw;
    border-width: 0.07vw;
    border-radius: 0.43vw;
  }
  .proSortBlock {
    width: calc((100% - 1.83vw) / 3);
  }
  .proMSing {
    padding: 1.09vw;
    border-radius: 0.73vw;
    box-shadow: 0 0 0.29vw 0.07vw #0000003b;
    font-size: 1.31vw;
    gap: 2.19vw;
  }
  .proMSing .productBlock {
    width: 16.1vw;
    height: 16.1vw;
    border-radius: 0.73vw;
  }
  .proMSing .whishBlock {
    width: 2.56vw;
    height: 2.56vw;
    top: 0.36vw;
    left: 0.36vw;
    font-size: 1.46vw;
  }
  .proMSing .productBlockImg {
    padding: 1.09vw;
  }
  .proMSingBlock {
    gap: 1.09vw;
    padding-right: 2.19vw;
  }
  .proMSingBlock .headTxt {
    font-size: 1.61vw;
  }
  .proMSingBlock .btnWrap {
    gap: 1.09vw;
  }
}
@media (max-width: 1300px) {
  .proTabCol.unit {
    gap: 30px;
  }
  .proTabCol.unit .btnTwo {
    flex: 0 0 auto;
  }
}
@media (max-width: 1200px) {
  .proSing .proContRating {
    gap: 15px;
    flex-wrap: wrap;
  }
  .proTabCol.unit {
    gap: 15px;
  }
  .proTabCol .btnTwo {
    flex: 0 0 auto;
  }
}
@media (max-width: 1024px) {
  .cateWrap {
    font-size: 14px;
  }
  .cateSing {
    width: calc( (100% - (20px * 2) ) / 3 );
  }
  .cateSingImg {
    margin-bottom: 15px;
  }
  .cateSingHead {
    font-size: 18px;
  }
  .proWrapR {
    width: 100%;
  }
  .proTabRow {
    font-size: 14px;
  }
  .proMSing {
    gap: 15px;
  }
  .proMSingBlock {
    padding: 0;
    font-size: 16px;
  }
  .proMSingBlock .headTxt {
    font-size: 18px;
  }
  .proWrapL {
    display: none;
  }
  .cateRespWrap {
    padding: 15px;
    gap: 15px;
  }
  .cateRespWrap .proWrapL {
    display: flex;
    width: 100%;
    gap: 15px;
  }
  .cateRespWrap .proSortSearch {
    width: 100%;
  }
  .sortSecBlock {
    display: none;
  }
}
@media (max-width: 992px) {
  .cateSing {
    width: calc( (100% - 20px ) / 2 );
  }
  .proTabRow.head {
    padding: 15px;
  }
  .proTabIn {
    padding: 0 15px;
  }
  .proTabRow.head {
    display: none;
  }
  .proTabIn .proTabRow {
    flex-wrap: wrap;
    gap: 14px;
  }
  .proTabCol.proBlock {
    flex: 0 0 100%;
  }
  .proTabCol {
    flex: 0 0 calc( (100% - 30px) / 3 );
  }
  .cateRespWrap {
    width: 45vw;
    left: -50vw;
  }
  .proSing .proContRating .priceBlock {
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .cateWrap {
    font-size: 13px;
  }
  .cateSingHead {
    font-size: 16px;
  }
  .cateSingCont {
    height: 35px;
  }
  .proSing .proCont {
    font-size: 13px;
  }
  .proSing .proContHeadIn {
    font-size: 16px;
  }
  .proSing .proContRating {
    gap: 15px;
  }
  .proSing .proContRating .priceBlock {
    font-size: 16px;
  }
  .proWrapR,
  .proWrapRIn {
    gap: 15px;
  }
  .proWrapR .proSing {
    width: calc( (100% - 15px) / 2);
  }
  .cateRespBtn {
    width: 30%;
  }
  .proTSearch {
    width: 100%;
    flex-wrap: wrap;
  }
  .proTabFoot {
    padding: 15px;
    flex-wrap: wrap;
    gap: 15px;
  }
  .proTabFootNav {
    margin-left: auto;
  }
  .proMSing .productBlock {
    width: 180px;
    height: 180px;
  }
  .proMSingBlock {
    font-size: 14px;
    line-height: 1.5em;
  }
  .proMSingBlock .headTxt {
    font-size: 16px;
  }
  .cateRespSort {
    width: 45vw;
  }
}
@media (max-width: 576px) {
  .cateSingImg {
    height: 130px;
  }
  .proSing {
    padding: 10px;
  }
  .proSing .proCont {
    gap: 10px;
  }
  .proSing .imgBlock {
    height: 140px;
    margin-bottom: 15px;
  }
  .proSing .proContRating {
    flex-wrap: wrap;
    gap: 10px;
  }
  .proSing .proContRating .proRating {
    flex-wrap: wrap;
  }
  .proSing .proCont .btnTwo {
    flex: 1;
    margin: 0;
  }
  .cateRespBtn {
    width: 50%;
  }
  .cateRespWrap {
    width: 85vw;
    left: -90vw;
  }
  .proTabFootNav {
    flex-direction: column;
    margin: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .proTabFootNavIn {
    flex-direction: column;
  }
  .proTSearchBlock,
  .proTSearch select,
  .proTSearch .btnOne {
    width: 100%;
  }
  .proMSing {
    flex-wrap: wrap;
  }
  .proMSing .productBlock {
    width: 100%;
  }
  .btnWrap [class^="btn"] {
    width: 50%;
  }
  .cateRespBtnWrap {
    gap: 10px;
    padding: 0 15px;
    font-size: 12px;
  }
  .cateRespBtn {
    padding: 10px 15px;
  }
  .cateRespSort {
    width: 65vw;
  }
  .proCateHead {
    font-size: 14px;
  }
  .proCateBlock,
  .ratingFilter ul {
    font-size: 13px;
  }
  .proTabCol {
    flex: 0 0 auto;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.detailCart {
  width: 100%;
  display: flex;
  padding: 10px 20px;
  color: #18251C;
  font-size: 14px;
  background-color: #EEFFF4;
  border: 1px solid #0E8E39;
  border-radius: 10px;
  margin-bottom: 30px;
  font-weight: 500;
}
.detailCart [class^="tl"] {
  color: #0E8E39;
}
.detailCartTxt {
  width: auto;
  display: flex;
  align-items: center;
}
.detailCartTxt [class^="tl"] {
  font-size: 20px;
  margin-right: 10px;
  font-weight: 500;
}
.detailCartVall {
  width: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  color: #0E8E39;
}
.detailCartVallIn {
  text-decoration: underline;
  margin-right: 10px;
  font-size: 14px;
}
.detailWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.detailL {
  width: calc(50% - 50px);
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
  align-self: flex-start;
  flex-wrap: wrap;
}
.detailR {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 30px;
}
.detailZoom {
  width: 100%;
  background-color: #F3F8F4;
  border: 10px solid #fff;
  border-radius: 12px;
  box-shadow: 0 0 3px 1px #00000017;
  margin-bottom: 15px;
  align-items: center;
  justify-content: center;
}
.detailZoom img {
  width: 100%;
  border-radius: 12px;
}
.detailZoomThumb {
  width: 100%;
  display: none;
}
.detailZoomThumb.swiper-initialized {
  display: flex;
  padding: 2px;
}
.detailZoomThumb .swiper-slide {
  box-sizing: border-box;
}
.detailZoomThumb a {
  width: 100%;
  display: flex;
  box-shadow: 0 0 4px 1px #00000029;
  border: 5px solid #fff;
  background-color: #F3F8F4;
  border-radius: 12px;
  overflow: hidden;
}
.detailZoomThumb a .xactive {
  border: none;
  box-shadow: 0px 0px 3px 0px #0E8E39;
  border-radius: 12px;
}
.detailZoomThumb img {
  width: 100%;
}
.detailZoomThumb .thumbNav {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  z-index: 1;
  pointer-events: none;
}
.detailZoomThumb .thumbNav [class^="thumbNav"] {
  position: absolute;
  top: auto;
  width: 15px;
  height: 55%;
  display: flex;
  align-items: center;
  box-shadow: 0 0 3px 1px #0000004f;
  background: #fff;
  font-size: 14px;
  justify-content: center;
  pointer-events: auto;
  cursor: pointer;
}
.detailZoomThumb .thumbNav [class^="thumbNav"].swiper-button-disabled {
  display: none;
}
.detailZoomThumb .thumbNav .thumbNav-prev {
  left: 3px;
}
.detailZoomThumb .thumbNav .thumbNav-next {
  right: 3px;
}
.detailCont {
  font-size: 16px;
  color: #333333;
  line-height: 1.5em;
  font-weight: 400;
  flex-direction: column;
  gap: 25px;
}
.detailContForm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.detailContHead {
  width: 100%;
  display: flex;
  gap: 5px;
  flex-direction: column;
}
.detailContHeadBlock {
  font-size: 26px;
  font-weight: 600;
  color: #1C311E;
}
.detailContRevw {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px;
}
.detailContRevwPrice {
  font-size: 26px;
  font-weight: 600;
  color: #0E8E39;
}
.detailContRevwIn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.detailContDec {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.detailContDecHd {
  width: 100%;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  color: #1C311E;
}
.detailContQty {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #1C311E;
  display: flex;
  gap: 15px;
  align-items: center;
}
.detailContQtyItm {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.detailContQtyItm input {
  width: 50px;
  border: 1px solid #A1A89D;
  font-size: 14px;
  text-align: center;
}
.detailCalWrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.detailCalBtn {
  width: auto;
  display: flex;
  align-items: center;
  gap: 15px;
}
.detailCalBtn .btnTwo {
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1em;
}
.detailCalBtn .btnTwo.isActive {
  background-color: #0E8E39;
  color: #fff;
}
.detailCalbl {
  width: 100%;
  background-color: #F1F6F2;
  padding: 20px 30px;
  border-radius: 15px;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 400;
  color: #425147;
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
}
.detailCalbl .headText {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.detailCalbl .formWrap {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.detailCalbl .formG {
  width: 100%;
  display: flex;
  gap: 30px;
  font-size: 12px;
  font-weight: 500;
  align-items: center;
}
.detailCalbl .formG input {
  border-radius: 5px;
  border: 1px solid #A1A89D;
  background-color: #fff;
  padding: 10px;
  line-height: 1em;
  width: 120px;
}
.detailCalbl .formG input.error {
  border-color: #E60023;
}
.detailCalbl .formG label {
  width: 16%;
  color: #1C311E;
}
.detailCalbl .formG .btnTwo {
  background-color: #fff;
  cursor: pointer;
}
.detailCalbl .formG .btnTwo:hover {
  background-color: #0E8E39;
}
.detailCalbl .formG .calcBtnWrap {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 22%;
}
.detailCalbl .totalBlock {
  width: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #1C311E;
}
.detailCalbl .totalBlock .btnTwo {
  background-color: #fff;
  cursor: pointer;
}
.detailCalbl .totalBlock .btnTwo:hover {
  background-color: #0E8E39;
}
.detailCalbl .estimate {
  width: 100%;
  font-style: italic;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .detailCart {
    padding: 0.73vw 1.46vw;
    font-size: 1.02vw;
    border-width: 0.07vw;
    border-radius: 0.73vw;
    margin-bottom: 2.19vw;
  }
  .detailCartTxt [class^="tl"] {
    font-size: 1.46vw;
    margin-right: 0.73vw;
  }
  .detailCartVallIn {
    margin-right: 0.73vw;
    font-size: 1.02vw;
  }
  .detailWrap {
    gap: 3.66vw;
  }
  .detailL {
    width: calc(50% - 3.66vw);
    top: 7.68vw;
  }
  .detailZoom {
    border-width: 0.73vw;
    border-radius: 0.87vw;
    box-shadow: 0 0 0.21vw 0.07vw #00000017;
    margin-bottom: 1.09vw;
  }
  .detailZoom img {
    border-radius: 0.87vw;
  }
  .detailZoomThumb.swiper-initialized {
    padding: 0.14vw;
  }
  .detailZoomThumb a {
    box-shadow: 0 0 0.29vw 0.07vw #00000029;
    border-width: 0.36vw;
    border-radius: 0.87vw;
  }
  .detailZoomThumb a .xactive {
    box-shadow: 0px 0px 0.21vw 0px #0e8e39;
    border-radius: 0.87vw;
  }
  .detailZoomThumb .thumbNav [class^="thumbNav"] {
    width: 1.09vw;
    box-shadow: 0 0 0.21vw 0.07vw #0000004f;
    font-size: 1.02vw;
  }
  .detailZoomThumb .thumbNav .thumbNav-prev {
    left: 0.21vw;
  }
  .detailZoomThumb .thumbNav .thumbNav-next {
    right: 0.21vw;
  }
  .detailR {
    padding-right: 2.19vw;
  }
  .detailCont {
    font-size: 1.17vw;
    gap: 1.83vw;
  }
  .detailContHead {
    gap: 0.36vw;
  }
  .detailContHeadBlock {
    font-size: 1.9vw;
  }
  .detailContRevw {
    gap: 1.09vw;
    font-size: 1.02vw;
  }
  .detailContRevwPrice {
    font-size: 1.9vw;
  }
  .detailContRevwIn {
    gap: 0.58vw;
  }
  .detailContDecHd {
    margin-bottom: 0.36vw;
    font-size: 1.46vw;
  }
  .detailContForm {
    gap: 1.09vw;
  }
  .detailContQty {
    font-size: 1.17vw;
    gap: 1.09vw;
  }
  .detailContQtyItm {
    gap: 0.73vw;
  }
  .detailContQty select {
    border-radius: 0.36vw;
    border-width: 0.07vw;
    padding: 0.36vw 0.73vw;
    font-size: 1.02vw;
  }
  .detailContQtyItm input {
    width: 3.66vw;
    border-width: 0.07vw;
    font-size: 1.02vw;
  }
  .detailCalWrap {
    gap: 1.46vw;
  }
  .detailCalBtn {
    gap: 1.09vw;
  }
  .detailCalBtn .btnTwo {
    padding: 0.73vw 1.46vw;
  }
  .detailCalbl {
    padding: 1.46vw 2.19vw;
    border-radius: 1.09vw;
    font-size: 0.87vw;
    gap: 1.46vw;
  }
  .detailCalbl .headText {
    font-size: 1.17vw;
    margin-bottom: 0.73vw;
  }
  .detailCalbl .formWrap {
    gap: 0.73vw;
  }
  .detailCalbl .formG {
    gap: 2.19vw;
    font-size: 0.87vw;
  }
  .detailCalbl .formG input {
    border-radius: 0.36vw;
    border-width: 0.07vw;
    padding: 0.73vw;
    width: 8.78vw;
  }
  .detailCalbl .formG .calcBtnWrap {
    gap: 0.73vw;
  }
  .detailCalbl .totalBlock {
    gap: 1.46vw;
    font-size: 1.02vw;
  }
}
@media (max-width: 1024px) {
  .detailL {
    top: 90px;
    width: calc(50% - 30px);
  }
  .detailR {
    padding-right: 0;
  }
  .detailWrap {
    gap: 30px;
  }
}
@media (max-width: 992px) {
  .detailCalbl .formG label {
    width: 30%;
  }
  .detailCalbl .formG .calcBtnWrap {
    margin-left: 40%;
  }
}
@media (max-width: 768px) {
  .detailL {
    width: 100%;
    position: static;
  }
  .detailR {
    width: 100%;
    gap: 15px;
  }
  .detailContHeadBlock {
    font-size: 20px;
  }
  .detailCont {
    font-size: 14px;
  }
  .detailContRevw {
    font-size: 13px;
  }
  .detailContRevwPrice {
    font-size: 20px;
  }
  .detailContDecHd {
    font-size: 18px;
  }
  .detailContQty {
    font-size: 14px;
    gap: 10px;
  }
  .detailContQty select {
    font-size: 12px;
  }
  .detailCalWrap {
    gap: 15px;
  }
  .detailCalbl .formG .calcBtnWrap {
    margin-left: 36%;
  }
  .detailZoomThumb .thumbNav [class^="thumbNav"] {
    width: 25px;
  }
}
@media (max-width: 576px) {
  .detailCart {
    flex-wrap: wrap;
    gap: 15px;
    font-size: 13px;
  }
  .detailCalbl {
    padding: 15px;
    gap: 15px;
  }
  .detailCalbl .formG label {
    width: 40%;
  }
  .detailCalbl .formG .calcBtnWrap {
    width: 100%;
    margin-left: 0;
  }
  .detailCalbl .formG .btnTwo {
    width: 50%;
  }
  .detailCalbl .totalBlock {
    flex-wrap: wrap;
    gap: 10px;
  }
  .detailCalbl .totalBlock .btnTwo {
    width: 50%;
    margin-left: auto;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.alsliWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 15px;
}
.alsliSin {
  width: calc( (100% - 50px) / 3 );
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 22px;
  color: #18251C;
  font-weight: 600;
  text-align: center;
}
.alsliImg {
  width: 100%;
  height: 400px;
  border-radius: 15px;
  overflow: hidden;
}
.alsliImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.location {
  width: 100%;
  height: 500px;
  border-radius: 15px;
  overflow: hidden;
}
.location iframe {
  width: 100%;
  height: 100%;
}
.conatcttltle {
  width: 100%;
  font-size: 22px;
  color: #18251C;
}
.conatctWrap {
  width: 100%;
  gap: 40px;
  display: flex;
  margin-top: 30px;
}
.conatctIn {
  width: calc( (100% - 40px ) / 2);
  border-radius: 15px;
  overflow: hidden;
}
.conatctForm {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-shadow: 0 0 5px 1px #00000026;
}
.conatctForm label {
  color: #425147;
}
.conatctForm label span {
  color: #E60023;
}
.conatctForm .headBlock {
  width: 100%;
  font-size: 16px;
  color: #1C311E;
  line-height: 1.5em;
}
.conatctForm .headBlock .mainH {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
.conatctFormIn {
  width: 100%;
  gap: 25px;
  display: flex;
  flex-wrap: wrap;
}
.conatctFormG {
  width: 100%;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.conatctFormFoot {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  border-top: 1px solid #F2F5F3;
  padding-top: 30px;
}
.conatctImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogWrap {
  gap: 50px;
}
.blogL {
  width: calc(70% - 50px);
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
.blogLIn {
  width: 100%;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(135, 138, 149, 0.5);
}
.blogLIn:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.blogR {
  width: 30%;
  display: flex;
  gap: 30px;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.blogRIn {
  width: 100%;
  display: flex;
  gap: 30px;
  padding: 30px;
  background-color: #f5f5f5;
  border-radius: 15px;
  flex-wrap: wrap;
}
.blogBanner {
  width: 100%;
  height: 550px;
  border-radius: 20px;
  overflow: hidden;
}
.blogBanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogSect {
  width: 100%;
  display: flex;
  gap: 30px;
  font-size: 16px;
  color: #1C311E;
  font-weight: 500;
}
.blogSect li {
  width: auto;
  display: flex;
  gap: 5px;
  cursor: pointer;
  transition: all 0.3s;
}
.blogSect li:hover {
  color: #0E8E39;
}
.blogSect li span {
  color: #0E8E39;
  font-weight: 500;
}
.blogHead {
  width: 100%;
  line-height: 1.5em;
  font-size: 32px;
  font-weight: 600;
  color: #18251C;
}
.blogData {
  width: 100%;
  display: flex;
  gap: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #878a95;
  flex-direction: column;
  line-height: 1.5em;
}
.blogSubH {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #18251C;
}
.blogLink {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 14px;
}
.blogLink a {
  width: 100%;
  display: flex;
  gap: 5px;
  align-items: center;
  transition: all 0.3s;
}
.blogLink a:hover {
  color: #0E8E39;
}
.blogLink [class^="tl_"] {
  font-size: 12px;
}
.blogSearch {
  width: 100%;
  border: 1px solid #878a95;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}
.blogSearch input {
  flex: 1;
  border: 0;
  padding: 10px 15px;
  font-size: 13px;
  color: #878a95;
}
.blogSearch .btnOne {
  border-radius: 0;
}
.blogRel {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 14px;
}
.blogRel li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}
.blogRelImg {
  flex: 1;
  height: 90px;
  border-radius: 10px;
  overflow: hidden;
}
.blogRelImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogRelCont {
  font-weight: 600;
  line-height: 1.2em;
  flex: 2;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.blogRelDate {
  font-size: 13px;
  color: #878a95;
  display: flex;
  gap: 5px;
  align-items: center;
}
.blogTagWrap {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 14px;
  font-weight: 400;
}
.blogTagWrap ul {
  width: auto;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.blogTagWrap ul li {
  width: auto;
  display: flex;
}
.blogTagWrap ul li a {
  padding: 10px 15px;
  border: 1px solid #dfdfdf;
  font-size: 13px;
  line-height: 1em;
  background-color: #f5f5f5;
  border-radius: 6px;
  color: #767676;
  transition: all 0.3s;
}
.blogTagWrap ul li a:hover {
  background-color: #0E8E39;
  color: #fff;
  border-color: #0E8E39;
}
.blogTagHead {
  width: auto;
  font-weight: 600;
}
.blogSocial {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 14px;
  font-weight: 400;
}
.blogSocialHead {
  width: auto;
  font-weight: 600;
}
.blogSocial ul {
  width: auto;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  font-size: 35px;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .alsliWrap {
    gap: 1.83vw;
    margin-top: 1.09vw;
  }
  .alsliSin {
    width: calc((100% - 3.66vw) / 3);
    gap: 1.46vw;
    font-size: 1.61vw;
  }
  .alsliImg {
    border-radius: 1.09vw;
    height: 29.28vw;
  }
  .conatcttltle {
    font-size: 1.61vw;
  }
  .conatctWrap {
    gap: 2.92vw;
    margin-top: 2.19vw;
    font-size: 1.02vw;
  }
  .conatctIn {
    width: calc((100% - 2.92vw) / 2);
    border-radius: 1.09vw;
  }
  .conatctForm {
    padding: 2.19vw;
    gap: 2.92vw;
    box-shadow: 0 0 0.36vw 0.07vw #00000026;
  }
  .conatctForm .headBlock {
    font-size: 1.17vw;
  }
  .conatctForm .headBlock .mainH {
    font-size: 1.46vw;
    margin-bottom: 0.36vw;
  }
  .conatctFormIn {
    gap: 1.83vw;
  }
  .conatctFormG {
    gap: 1.09vw;
  }
  .conatctFormFoot {
    gap: 1.09vw;
    border-width: 0.07vw;
    padding-top: 2.19vw;
  }
  .location {
    height: 36.6vw;
    border-radius: 1.09vw;
  }
  .blogWrap {
    gap: 3.66vw;
  }
  .blogL {
    width: calc(70% - 3.66vw);
    gap: 3.66vw;
  }
  .blogLIn {
    gap: 2.19vw;
    padding-bottom: 3.66vw;
    border-width: 0.07vw;
  }
  .blogBanner {
    height: 40.26vw;
    border-radius: 1.46vw;
  }
  .blogSect {
    gap: 2.19vw;
    font-size: 1.17vw;
  }
  .blogSect li {
    gap: 0.36vw;
  }
  .blogHead {
    font-size: 2.34vw;
  }
  .blogData {
    gap: 1.09vw;
    font-size: 1.17vw;
  }
  .blogR {
    gap: 2.19vw;
  }
  .blogRIn {
    gap: 2.19vw;
    padding: 2.19vw;
    border-radius: 1.09vw;
  }
  .blogSearch {
    border-width: 0.07vw;
    border-radius: 0.73vw;
  }
  .blogSearch input {
    padding: 0.73vw 1.09vw;
    font-size: 0.95vw;
  }
  .blogSubH {
    font-size: 1.31vw;
  }
  .blogLink {
    gap: 1.09vw;
    font-size: 1.02vw;
  }
  .blogLink a {
    gap: 0.36vw;
  }
  .blogLink [class^="tl_"] {
    font-size: 0.87vw;
  }
  .blogRel {
    gap: 1.46vw;
    font-size: 1.02vw;
  }
  .blogRel li {
    gap: 1.09vw;
  }
  .blogRelImg {
    height: 6.58vw;
    border-radius: 0.73vw;
  }
  .blogRelCont {
    gap: 0.73vw;
  }
  .blogRelDate {
    font-size: 0.95vw;
    gap: 0.36vw;
  }
  .blogTagWrap {
    gap: 2.19vw;
    font-size: 1.02vw;
  }
  .blogTagWrap ul {
    gap: 1.09vw;
  }
  .blogTagWrap ul li a {
    padding: 0.73vw 1.09vw;
    border-width: 0.07vw;
    font-size: 0.95vw;
    border-radius: 0.43vw;
  }
  .blogSocial {
    gap: 2.19vw;
    font-size: 1.02vw;
  }
  .blogSocial ul {
    gap: 1.09vw;
    font-size: 2.56vw;
  }
}
@media (max-width: 1200px) {
  .alsliImg {
    height: 300px;
  }
  .blogWrap {
    gap: 30px;
  }
  .blogL {
    width: calc(65% - 30px);
  }
  .blogR {
    width: 35%;
  }
}
@media (max-width: 1024px) {
  .alsliWrap {
    gap: 15px;
  }
  .alsliSin {
    width: calc( (100% - 30px) / 3 );
    font-size: 16px;
  }
  .conatcttltle {
    font-size: 16px;
  }
  .blogBanner {
    height: 350px;
  }
  .blogLIn {
    gap: 20px;
  }
  .blogR {
    gap: 15px;
  }
  .blogRIn {
    padding: 20px;
  }
  .blogHead {
    font-size: 24px;
    line-height: 1.2em;
  }
  .blogData {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .alsliImg {
    height: 200px;
  }
  .conatctWrap {
    flex-wrap: wrap;
    position: relative;
  }
  .conatctForm {
    width: 100%;
    backdrop-filter: blur(4px);
  }
  .conatctImg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.1;
    left: 0;
    top: 0;
  }
  .blogL,
  .blogR {
    width: 100%;
  }
  .blogL {
    gap: 30px;
  }
  .blogLIn {
    gap: 15px;
    padding-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .alsliSin {
    width: calc( (100% - 15px) / 2 );
    font-size: 14px;
    gap: 10px;
  }
  .conatcttltle {
    font-size: 14px;
  }
  .conatctForm {
    padding: 15px;
    gap: 15px;
  }
  .conatctForm .headBlock {
    font-size: 14px;
  }
  .conatctForm .headBlock .mainH {
    font-size: 18px;
  }
  .conatctFormIn {
    font-size: 12px;
    gap: 15px;
  }
  .conatctFormFoot [class^="btn"] {
    width: 30%;
  }
}
@media (max-width: 576px) {
  .alsliImg {
    height: 160px;
  }
  .conatctFormFoot [class^="btn"] {
    width: 50%;
  }
  .blogBanner {
    height: 250px;
  }
  .blogSect {
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
  }
  .blogHead {
    font-size: 18px;
  }
  .blogSocial,
  .blogTagWrap {
    gap: 20px;
  }
  .blogSocial ul {
    font-size: 30px;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.proDataDes {
  width: 100%;
  font-size: 22px;
  font-weight: 400;
  color: #1F2B18;
  line-height: 1.4em;
}
.proDataImg {
  width: 565px;
  height: 500px;
  float: right;
  border-radius: 15px;
  overflow: hidden;
  margin-left: 30px;
}
.proDataImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proDataGal {
  width: 100%;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.proDataGalIn {
  width: calc( (100% - (25px * 4) ) / 5 );
  height: 200px;
  border-radius: 15px;
  overflow: hidden;
}
.proDataGalIn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proDataEx {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
.proDataExHead {
  width: 100%;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  color: #425147;
  flex-direction: column;
  gap: 10px;
}
.proDataExHeadM {
  font-weight: 600;
  color: #18251C;
}
.proDataExImg {
  width: 100%;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: center;
}
.proDataExImgIn {
  width: calc( (100% - (25px * 3) ) / 4 );
  font-size: 18px;
  font-weight: 500;
  color: #0E8E39;
  text-align: center;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.proDataExImgIn .imgBlock {
  width: 100%;
  height: 300px;
  border-radius: 15px;
  overflow: hidden;
}
.proDataExImgIn .imgBlock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .proDataGal {
    gap: 1.83vw;
  }
  .proDataGalIn {
    width: calc((100% - (1.83vw * 4)) / 5);
    height: 14.64vw;
    border-radius: 1.09vw;
  }
  .proDataDes {
    font-size: 1.61vw;
  }
  .proDataImg {
    width: 41.36vw;
    height: 36.6vw;
    border-radius: 1.09vw;
    margin-left: 2.19vw;
  }
  .proDataEx {
    gap: 2.92vw;
    margin-top: 2.92vw;
  }
  .proDataExHead {
    font-size: 1.46vw;
    gap: 0.73vw;
  }
  .proDataExImg {
    gap: 1.83vw;
  }
  .proDataExImgIn {
    width: calc((100% - (1.83vw * 3)) / 4);
    font-size: 1.31vw;
    gap: 1.46vw;
  }
  .proDataExImgIn .imgBlock {
    height: 21.96vw;
    border-radius: 1.09vw;
  }
}
@media (max-width: 1200px) {
  .proDataGalIn {
    width: calc((100% - (25px * 3)) / 4);
  }
  .proDataImg {
    width: 40%;
    height: 40vw;
    margin-left: 15px;
  }
}
@media (max-width: 1024px) {
  .proDataDes {
    font-size: 18px;
  }
  .proDataEx {
    gap: 20px;
    margin-top: 20px;
  }
  .proDataExHead {
    font-size: 18px;
  }
  .proDataExImg {
    gap: 15px;
  }
  .proDataExImgIn {
    width: calc( (100% - (15px * 2) ) / 3 );
    font-size: 16px;
  }
  .proDataExImgIn .imgBlock {
    height: 240px;
  }
}
@media (max-width: 992px) {
  .location {
    height: 300px;
  }
  .proDataGal {
    gap: 15px;
  }
  .proDataGalIn {
    width: calc((100% - (15px * 2)) / 3);
    height: 180px;
  }
}
@media (max-width: 768px) {
  .proDataDes {
    font-size: 16px;
  }
  .proDataImg {
    width: 100%;
    margin-bottom: 15px;
  }
  .proDataDes .headOne {
    clear: both;
  }
  .proDataExHead {
    font-size: 16px;
  }
  .proDataExImgIn {
    width: calc( (100% - 15px) / 2 );
    font-size: 14px;
  }
  .proDataExImgIn .imgBlock {
    height: 200px;
  }
}
@media (max-width: 576px) {
  .location {
    height: 250px;
  }
  .proDataGalIn {
    width: calc((100% - 15px) / 2);
    height: 150px;
  }
  .proDataExImgIn .imgBlock {
    height: 150px;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.chOutWrap {
  width: 100%;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 30px;
  align-items: flex-start;
}
.chOutL {
  width: calc(70% - 25px);
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.chOutR {
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 15px;
  border: 1px solid #E2EFE4;
  box-shadow: 0 0 6px 1px #00000017;
}
.chOutCart {
  border-radius: 15px;
  border: 1px solid #E2EFE4;
  box-shadow: 0 0 6px 1px #00000017;
}
.chOutCart .headblock {
  width: 100%;
  border-bottom: 1px solid #E2EFE4;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.chOutCart .footblock {
  width: 100%;
  display: flex;
  gap: 15px;
  padding: 20px 30px;
}
.chOutCart .footblock .inputOne {
  margin-left: auto;
  padding: 10px 15px;
  width: 200px;
}
.chOutCart .footblock .btnTwo {
  flex: 0 0 auto;
}
.chOutCart .colblock {
  flex: 1;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chOutCart .colblock.nameSec {
  flex: 4;
  justify-content: flex-start;
  gap: 25px;
}
.chOutCart .bodyBlock {
  width: 100%;
  border-bottom: 1px solid #E2EFE4;
  display: flex;
  flex-wrap: wrap;
}
.chOutCart .singRow {
  width: 100%;
  display: flex;
  font-size: 16px;
  color: #18251C;
  font-weight: 600;
  position: relative;
}
.chOutCart .singRow::after {
  content: '';
  position: absolute;
  width: calc(100% - 60px);
  left: 30px;
  bottom: 0;
  height: 1px;
  background-color: #E2EFE4;
}
.chOutCart .singRow:last-child::after {
  display: none;
}
.chOutCart .itemImg {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background-color: #F3F8F4;
  overflow: hidden;
  padding: 10px;
}
.chOutCart .itemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chOutCart .contblock {
  width: auto;
  flex: 1;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.chOutCart .contblock .txtIn {
  font-size: 12px;
  color: #425147;
  line-height: 1.2em;
  font-weight: 400;
}
.chOutCart select {
  border-radius: 5px;
  border: 1px solid #A1A89D;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.chOutCart .dleteBtn {
  width: 32px;
  height: 32px;
  background-color: #EAFBF0;
  color: #0E8E39;
  font-size: 18px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chOutProDe {
  color: #18251C;
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
}
.chOutProDe .prodeHead {
  width: 100%;
  padding: 15px 30px;
  border-bottom: 1px solid #F2F5F3;
  font-weight: 600;
}
.chOutProDe .prodePrice {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  font-size: 14px;
  font-weight: 500;
}
.chOutProDe .prodePriceIn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chOutProDe .prodePriceIn.couponBlock {
  border-top: 1px dashed #E8EBE9;
  padding-top: 15px;
  align-items: flex-end;
}
.chOutProDe .prodePriceIn.couponBlock .couponBlockL {
  color: #0E8E39;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 12px;
}
.chOutProDe .prodePriceIn.couponBlock .couponSec {
  width: auto;
  border: 1px solid #0E8E39;
  border-radius: 5px;
  text-align: center;
  font-size: 11px;
  padding: 5px;
}
.chOutProDe .prodePriceIn.couponBlock .couponRem {
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 12px;
  background-color: #0E8E39;
  color: #fff;
}
.chOutProDe .prodePrice .freClr {
  color: #0E8E39;
}
.chOutProDe .prodeTot {
  font-weight: 700;
  color: #18251C;
  border-top: 1px dashed #E8EBE9;
  padding-top: 15px;
}
.chOutProDe .prodeShpng {
  width: 100%;
  font-size: 12px;
  color: #0E8E39;
  background-color: #EAFBF0;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chOutProDe .prodeFoot {
  width: 100%;
  padding: 20px;
  border-top: 1px solid #F2F5F3;
}
.chOutProDe .prodeFoot .btnOne {
  padding: 15px;
}
.chOutBlock {
  width: 100%;
  display: flex;
  border-radius: 15px;
  border: 1px solid #E2EFE4;
  box-shadow: 0 0 6px 1px #00000017;
  font-size: 14px;
  color: #425147;
  flex-wrap: wrap;
  overflow: hidden;
}
.chOutBlockIn {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 30px;
}
.chOutBlock.isCompleted .chOutHead {
  padding-left: 40px;
}
.chOutBlock.isCompleted .iconBlock,
.chOutBlock.isCompleted .subCont,
.chOutBlock.isCompleted .chOutBtn {
  display: flex;
}
.chOutBlock.isCompleted .adrsAdd,
.chOutBlock.isCompleted .chOutForm,
.chOutBlock.isCompleted .chOutAdrs,
.chOutBlock.isCompleted .chOutCart {
  display: none;
}
.chOutBlock.isSelected .adrsAdd,
.chOutBlock.isSelected .chOutAdrs,
.chOutBlock.isSelected .chOutCart {
  display: flex;
}
.chOutBlock .adrsAdd {
  margin-left: auto;
  display: none;
}
.chOutBtn {
  margin-left: auto;
  display: none;
}
.chOutHead {
  width: auto;
  display: flex;
  gap: 5px;
  padding-left: 0;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
.chOutHead .mainHead {
  font-size: 16px;
  font-weight: 600;
  color: #18251C;
}
.chOutHead .subCont {
  display: none;
}
.chOutHead .iconBlock {
  font-size: 24px;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  color: #0E8E39;
}
.chOutForm {
  width: 100%;
  display: none;
  flex-wrap: wrap;
}
.chOutForm.isEdit {
  display: flex;
}
.chOutFormIn {
  width: 100%;
  padding: 30px;
  border-bottom: 1px solid #F2F5F3;
  border-top: 1px solid #F2F5F3;
  gap: 25px;
  display: flex;
  flex-wrap: wrap;
}
.chOutFormG {
  width: calc( (100% - 25px) / 2 );
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex-direction: column;
}
.chOutFormG3 {
  width: calc( (100% - 50px) / 3 );
}
.chOutFormGFull {
  width: 100%;
  align-items: flex-start;
}
.chOutFormFoot {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 30px;
  gap: 15px;
}
.chOutFormFoot .btnTwo {
  margin-left: auto;
}
.chOutForm .labelName {
  width: 100%;
  color: #425147;
  margin-bottom: 15px;
  display: flex;
}
.chOutForm .labelName span {
  color: #E60023;
  margin-left: 10px;
}
.chOutAdrs {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  padding: 30px;
  border-top: 1px solid #F2F5F3;
}
.chOutAdrsIn {
  width: 100%;
  padding: 20px 0;
  padding-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #F2F5F3;
}
.chOutAdrsIn:last-child {
  border-bottom: none;
}
.chOutAdrsIn.isEdit .chOutForm {
  display: flex;
}
.chOutAdrsIn.isEdit .chOutAdrsRad {
  filter: grayscale(1);
  opacity: 0.6;
}
.chOutAdrsIn.isEdit .chOutAdrsRad input[type="radio"] {
  pointer-events: none;
}
.chOutAdrsIn.isEdit .btnSelect,
.chOutAdrsIn.isEdit .adrsEdit {
  display: none !important;
}
.chOutAdrsRad {
  width: 100%;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  color: #425147;
  position: relative;
  flex-wrap: wrap;
  padding-bottom: 15px;
}
.chOutAdrsRad input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.chOutAdrsRad input:checked ~ .radRound {
  border-color: #1877F2;
}
.chOutAdrsRad input:checked ~ .radRound::after {
  opacity: 1;
}
.chOutAdrsRad input:checked ~ .dataBlock .btnSelect {
  display: flex;
}
.chOutAdrsRad .radRound {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #6A8071;
  position: relative;
  margin-right: 15px;
  top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.chOutAdrsRad .radRound::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #1877F2;
  border-radius: 50%;
  left: auto;
  top: auto;
  opacity: 0;
  transition: all 0.3s;
}
.chOutAdrsRad .dataBlock {
  width: auto;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  display: flex;
  align-items: flex-start;
}
.chOutAdrsRad .dataBlock .btnSelect {
  margin-top: 0;
  display: none;
  z-index: 5;
}
.chOutAdrsRad .dataBlock .adrsHead {
  font-size: 16px;
  color: #18251C;
  font-weight: 500;
}
.chOutAdrsRad .dataBlock .adrsType {
  width: auto;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #E2EAE5;
  color: #425147;
  font-size: 12px;
}
.chOutAdrsRad .dataBlockIn {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.chOutAdrs .adrsEdit {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  top: 5px;
  background-color: #EAFBF0;
  color: #0E8E39;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  z-index: 5;
}
.chOutAdrs .footblock {
  width: 100%;
  display: flex;
  padding: 30px 0;
}
.chOutBlock .chOutCart {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  display: none;
  flex-wrap: wrap;
}
.chOutBlock .footblock {
  align-items: center;
  justify-content: space-between;
}
.chOutPay {
  padding: 0 30px;
}
.chOutPay .chOutAdrsRad .radRound {
  top: 3px;
}
.chOutPay .payLogo {
  max-height: 26px;
}
.chOutPay .payLogo img {
  width: auto;
  height: 100%;
}
.chOutPay .chOutAdrsRad input:checked ~ .chOutPayBlock {
  display: flex;
}
.chOutPayBlock {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
  gap: 15px;
}
.chOutPayBlock [class^="btn"] {
  margin-left: auto;
}
.chOutBank {
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  color: #425147;
}
.chOutBankIn {
  width: 100%;
  display: flex;
  align-items: center;
}
.chOutBankIn .labelBlock {
  width: 25%;
}
.chOutBankIn .valBlock {
  color: #0E8E39;
}
.chOutFoot {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}
.sucsWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 80px;
  border-radius: 15px;
  box-shadow: 0 0 5px 1px #00000030;
  margin: 30px 0;
}
.sucsIn {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #F2F5F3;
  gap: 50px;
  padding: 50px 0;
}
.sucsIn:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.sucsIn.failedSection .sucsData .sIcon {
  color: #e74c3c;
  background-color: rgba(231, 76, 60, 0.1);
}
.sucsIn.failedSection .chOrderWrap {
  background-color: rgba(231, 76, 60, 0.1);
}
.sucsData {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #425147;
  font-weight: 400;
  line-height: 1.5em;
  gap: 10px;
  max-width: 50%;
  margin: auto;
  text-align: center;
}
.sucsData .sIcon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 55px;
  color: #0E8E39;
  background-color: #DDFAE6;
  border-radius: 50%;
}
.sucsData .headText {
  font-size: 24px;
  color: #18251C;
  font-weight: 600;
}
.chOrderWrap {
  width: 100%;
  padding: 30px 50px;
  background-color: #EAFBF0;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 10px;
  color: #425147;
}
.chOrderData {
  width: auto;
  flex: 1;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.chOrderData span {
  color: #18251C;
  font-weight: 600;
  margin-left: 5px;
}
.chOrderData a {
  color: #0E8E39;
  font-weight: 600;
  margin-left: 5px;
  text-decoration: underline !important;
}
.billWrap {
  width: 100%;
  display: flex;
  gap: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #425147;
}
.billIn {
  width: calc( (100% - 50px) / 3 );
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.billIn ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.billIn ul li {
  width: 100%;
  padding-left: 30px;
  position: relative;
  line-height: 1.5em;
}
.billIn ul li::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #6A8071;
  left: 0;
  top: 8px;
}
.billHead {
  font-size: 20px;
  font-weight: 500;
  color: #18251C;
}
.payInfWrap {
  width: 100%;
  display: flex;
  font-size: 16px;
  color: #425147;
  font-weight: 400;
  justify-content: space-between;
}
.payInfIn {
  width: auto;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.payInfIn span {
  font-weight: 600;
}
.payInfIn * {
  display: flex;
  align-items: center;
  gap: 10px;
}
.payInfIn:last-child * {
  justify-content: flex-end;
  align-items: flex-end;
}
.payInfIn .tltleblock {
  font-size: 20px;
  font-weight: 600;
  color: #18251C;
}
.payInfIn .payImg {
  width: 75px;
}
.payInfIn .payImg img {
  width: 100%;
}
.payInfIn .payStatus {
  width: auto;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  padding: 8px 20px;
  line-height: 1em;
  color: #fff;
}
.payInfIn .payStatus.succs {
  background-color: #0E8E39;
}
.payInfIn .contentBrk {
  display: flex;
  flex-direction: column;
}
.trackodrWrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trackodrBlock {
  width: 100%;
  display: flex;
  font-size: 16px;
  color: #425147;
  font-weight: 500;
}
.trackodrBlock li {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  position: relative;
}
.trackodrBlock li:first-child::after {
  opacity: 0;
}
.trackodrBlock li::after {
  content: '';
  position: absolute;
  width: 80%;
  top: 15px;
  right: 60%;
  height: 2px;
  background-color: #D5DCD7;
}
.trackodrBlock li.processing {
  color: #e67e22;
}
.trackodrBlock li.processing .trackblock {
  background-color: #e67e22;
}
.trackodrBlock li.processing::after {
  background-color: #e67e22;
}
.trackodrBlock li.completed {
  color: #2ecc71;
}
.trackodrBlock li.completed .trackblock {
  background-color: #2ecc71;
}
.trackodrBlock li.completed::after {
  background-color: #2ecc71;
}
.trackodrBlock li.cancel {
  color: #e74c3c;
}
.trackodrBlock li.cancel .trackblock {
  background-color: #e74c3c;
}
.trackodrBlock li.cancel::after {
  background-color: #e74c3c;
}
.trackodrBlock .trackblock {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #D5DCD7;
  display: flex;
  cursor: pointer;
}
.purProWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.purProBlock {
  width: auto;
  display: flex;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
}
.purProIn {
  width: 100%;
  display: flex;
  padding: 30px 0;
  font-size: 16px;
  font-weight: 400;
  color: #425147;
  justify-content: space-between;
  border-bottom: 1px solid #F2F5F3;
  align-items: center;
}
.purProIn:last-child {
  border-bottom: 0;
}
.purProIn .proImg {
  width: 150px;
  height: 150px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #F3F8F4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purProIn .proImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.purProIn .dataSec {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.purProIn .nameSec {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #425147;
}
.purProIn .nameSecHead {
  font-size: 20px;
  font-weight: 600;
  color: #18251C;
}
.purProIn .detailSec {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.purProIn .detailSec span {
  font-weight: 600;
}
.purProIn .detailSec .sClor {
  color: #0E8E39;
}
.purProIn .priceBlock {
  flex-direction: column;
  gap: 0;
}
.purProIn .priceBlockIn {
  width: 100%;
  text-align: right;
  padding: 20px 0;
  border-bottom: 1px dashed #CEDCD3;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.purProIn .priceBlockIn:last-child {
  border-bottom: 0;
}
.purProIn .priceBlockIn span {
  font-weight: 600;
}
.purProTot {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-size: 18px;
  font-weight: 500;
  color: #18251C;
  padding-bottom: 0;
}
.purProTot span {
  font-weight: 600;
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .chOutWrap {
    gap: 1.83vw;
    margin-top: 2.19vw;
  }
  .chOutL {
    width: calc(70% - 1.83vw);
    gap: 1.09vw;
  }
  .chOutCart {
    border-radius: 1.09vw;
    border-width: 0.07vw;
    box-shadow: 0 0 0.43vw 0.07vw #00000017;
    font-size: 1.02vw;
  }
  .chOutCart .headblock,
  .chOutCart .bodyBlock {
    border-width: 0.07vw;
  }
  .chOutCart .colblock {
    padding: 1.46vw;
  }
  .chOutCart .colblock.nameSec {
    gap: 1.83vw;
  }
  .chOutCart .singRow {
    font-size: 1.17vw;
  }
  .chOutCart .itemImg {
    width: 5.85vw;
    height: 5.85vw;
    border-radius: 0.73vw;
    padding: 0.73vw;
  }
  .chOutCart .contblock {
    gap: 0.73vw;
  }
  .chOutCart .contblock .txtIn {
    font-size: 0.87vw;
  }
  .chOutCart select {
    border-radius: 5px;
    border-width: 0.07vw;
    padding: 0.21vw 0.36vw;
    font-size: 1.02vw;
  }
  .chOutCart .dleteBtn {
    width: 2.34vw;
    height: 2.34vw;
    font-size: 1.31vw;
    border-radius: 0.36vw;
  }
  .chOutCart .footblock {
    gap: 1.09vw;
    padding: 1.46vw 2.19vw;
  }
  .chOutCart .footblock .inputOne {
    padding: 0.73vw 1.09vw;
    width: 14.64vw;
  }
  .chOutR {
    border-radius: 1.09vw;
    border-width: 0.07vw;
    box-shadow: 0 0 0.43vw 0.07vw #00000017;
    font-size: 1.02vw;
  }
  .chOutProDe {
    top: 7.68vw;
  }
  .chOutProDe .prodeHead {
    padding: 1.09vw 2.19vw;
    border-width: 0.07vw;
  }
  .chOutProDe .prodePrice {
    gap: 1.46vw;
    padding: 2.19vw;
    font-size: 1.02vw;
    border-width: 0.07vw;
  }
  .chOutProDe .prodeTot {
    border-width: 0.07vw;
    padding-top: 1.09vw;
  }
  .chOutProDe .prodeShpng {
    font-size: 0.87vw;
    border-radius: 0.36vw;
    padding: 0.73vw;
  }
  .chOutProDe .prodePriceIn.couponBlock {
    border-width: 0.07vw;
    padding-top: 1.09vw;
  }
  .chOutProDe .prodePriceIn.couponBlock .couponBlockL {
    gap: 0.73vw;
    font-size: 0.87vw;
  }
  .chOutProDe .prodePriceIn.couponBlock .couponSec {
    border-width: 0.07vw;
    border-radius: 0.36vw;
    font-size: 0.8vw;
    padding: 0.36vw;
  }
  .chOutProDe .prodePriceIn.couponBlock .couponRem {
    border-radius: 0.36vw;
    padding: 0.58vw 0.73vw;
    font-size: 0.87vw;
  }
  .chOutProDe .prodeFoot {
    padding: 1.46vw;
  }
  .chOutProDe .prodeFoot .btnOne {
    padding: 1.09vw;
  }
  .chOutBlock {
    border-radius: 1.09vw;
    border-width: 0.07vw;
    box-shadow: 0 0 0.43vw 0.07vw #00000017;
    font-size: 1.02vw;
  }
  .chOutBlockIn {
    padding: 2.19vw;
  }
  .chOutHead {
    gap: 0.36vw;
  }
  .chOutBlock.isCompleted .chOutHead {
    padding-left: 2.92vw;
  }
  .chOutHead .iconBlock {
    font-size: 1.75vw;
  }
  .chOutHead .mainHead {
    font-size: 1.17vw;
  }
  .chOutAdrs {
    padding: 2.19vw;
    border-width: 0.07vw;
  }
  .chOutAdrsIn {
    padding: 1.46vw 0;
    padding-bottom: 0.36vw;
    border-width: 0.07vw;
  }
  .chOutAdrsRad {
    font-size: 1.02vw;
    padding-bottom: 1.09vw;
  }
  .chOutAdrsRad .radRound {
    width: 1.17vw;
    height: 1.17vw;
    border-width: 0.14vw;
    margin-right: 1.09vw;
    top: 0.29vw;
  }
  .chOutAdrsRad .radRound::after {
    width: 0.58vw;
    height: 0.58vw;
  }
  .chOutAdrsRad .dataBlock,
  .chOutAdrsRad .dataBlockIn {
    gap: 0.73vw;
  }
  .chOutAdrsRad .dataBlock .adrsHead {
    font-size: 1.17vw;
  }
  .chOutAdrsRad .dataBlock .adrsType {
    padding: 0.36vw 0.73vw;
    border-radius: 0.36vw;
    font-size: 0.87vw;
  }
  .chOutAdrs .adrsEdit {
    width: 2.34vw;
    height: 2.34vw;
    border-radius: 0.36vw;
    top: 0.36vw;
    font-size: 1.31vw;
  }
  .chOutFormIn {
    padding: 2.19vw;
    border-width: 0.07vw;
    gap: 1.83vw;
  }
  .chOutFormG {
    width: calc((100% - 1.83vw) / 2);
  }
  .chOutForm .labelName {
    margin-bottom: 1.09vw;
  }
  .chOutForm .labelName span {
    margin-left: 0.73vw;
  }
  .chOutFormG3 {
    width: calc((100% - 3.66vw) / 3);
  }
  .chOutFormGFull {
    width: 100%;
  }
  .chOutPay .chOutAdrsRad .radRound {
    top: 0.21vw;
  }
  .chOutPayBlock {
    padding-top: 0.73vw;
    font-size: 1.02vw;
  }
  .chOutBank {
    margin-top: 1.09vw;
    gap: 0.73vw;
    font-size: 1.17vw;
  }
  .chOutFoot {
    gap: 1.09vw;
  }
  .sucsWrap {
    padding: 2.92vw 5.85vw;
    border-radius: 1.09vw;
    box-shadow: 0 0 0.36vw 0.07vw #00000030;
  }
  .sucsIn {
    border-width: 0.07vw;
    gap: 3.66vw;
    padding: 3.66vw 0;
  }
  .sucsData {
    font-size: 1.02vw;
    gap: 0.73vw;
  }
  .sucsData .sIcon {
    width: 7.32vw;
    height: 7.32vw;
    font-size: 4.02vw;
  }
  .sucsData .headText {
    font-size: 1.75vw;
  }
  .chOrderWrap {
    padding: 2.19vw 3.66vw;
    font-size: 1.17vw;
    border-radius: 0.73vw;
  }
  .chOrderData {
    gap: 0.73vw;
  }
  .chOrderData span {
    margin-left: 0.36vw;
  }
  .billWrap {
    gap: 3.66vw;
    font-size: 1.17vw;
  }
  .billIn {
    width: calc((100% - 3.66vw) / 3);
    gap: 0.73vw;
  }
  .billHead {
    font-size: 1.46vw;
  }
  .billIn ul {
    gap: 0.36vw;
  }
  .billIn ul li {
    padding-left: 2.19vw;
  }
  .billIn ul li::after {
    width: 0.58vw;
    height: 0.58vw;
    top: 0.58vw;
  }
  .payInfWrap {
    font-size: 1.17vw;
  }
  .payInfIn {
    gap: 0.73vw;
  }
  .payInfIn .tltleblock {
    font-size: 1.46vw;
  }
  .payInfIn .payStatus {
    font-size: 1.02vw;
    border-radius: 0.36vw;
    padding: 0.58vw 1.46vw;
  }
  .trackodrBlock {
    font-size: 1.17vw;
  }
  .trackodrBlock li {
    gap: 1.09vw;
  }
  .trackodrBlock .trackblock {
    width: 2.19vw;
    height: 2.19vw;
  }
  .trackodrBlock li::after {
    top: 1.09vw;
    height: 0.14vw;
  }
  .purProIn {
    padding: 2.19vw 0;
    font-size: 1.17vw;
    border-width: 0.07vw;
  }
  .purProBlock {
    gap: 2.19vw;
  }
  .purProIn .proImg {
    width: 10.98vw;
    height: 10.98vw;
    border-radius: 0.58vw;
  }
  .purProIn .dataSec {
    gap: 2.19vw;
  }
  .purProIn .nameSec {
    gap: 0.36vw;
    font-size: 1.02vw;
  }
  .purProIn .nameSecHead {
    font-size: 1.46vw;
  }
  .purProIn .detailSec {
    gap: 0.36vw;
  }
  .chOutFormFoot {
    padding: 2.19vw;
    gap: 1.09vw;
  }
  .chOutAdrsRad .dataBlock .adrsHead span {
    width: 3.66vw;
  }
  .chOutAdrsRad .dataBlock .adrsHead span img {
    width: 100%;
  }
}
@media (max-width: 1300px) {
  .sucsData {
    max-width: 75%;
  }
}
@media (max-width: 1024px) {
  .chOutWrap {
    gap: 15px;
  }
  .chOutL,
  .chOutR {
    width: 100%;
  }
  .chOutProDe {
    position: static;
    top: auto;
  }
  .sucsWrap {
    padding: 30px;
  }
  .sucsIn {
    gap: 30px;
    padding: 30px 0;
  }
  .sucsData .sIcon {
    width: 75px;
    height: 75px;
    font-size: 35px;
  }
  .sucsData .headText {
    font-size: 20px;
  }
  .chOrderWrap {
    font-size: 14px;
    padding: 15px 30px;
  }
  .billWrap {
    gap: 30px;
    font-size: 14px;
  }
  .billIn {
    width: calc( (100% - 30px) / 2 );
  }
  .billHead {
    font-size: 18px;
  }
  .payInfWrap {
    font-size: 14px;
  }
  .trackodrBlock {
    font-size: 14px;
  }
  .trackodrBlock .trackblock {
    width: 15px;
    height: 15px;
  }
  .trackodrBlock li::after {
    width: 85%;
    top: 6px;
    right: 58%;
  }
  .purProIn {
    font-size: 14px;
    padding: 15px 0;
  }
  .purProIn .proImg {
    width: 120px;
    height: 120px;
  }
  .purProIn .dataSec {
    gap: 15px;
  }
  .purProIn .nameSec {
    font-size: 13px;
  }
  .purProIn .nameSecHead {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .chOutWrap {
    font-size: 14px;
  }
  .chOutCart .colblock {
    padding: 10px;
  }
  .chOutCart .colblock.nameSec {
    gap: 15px;
  }
  .chOutCart .singRow {
    font-size: 14px;
  }
  .chOutCart .itemImg {
    width: 60px;
    height: 60px;
    padding: 6px;
  }
  .chOutCart .dleteBtn {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
  .chOutCart .footblock {
    padding: 15px;
  }
  .chOutProDe .prodePrice {
    padding: 15px 30px;
    gap: 15px;
  }
  .chOutProDe .prodeFoot {
    padding: 15px 30px;
  }
}
@media (max-width: 768px) {
  .chOutFormG,
  .chOutFormG3 {
    width: 100%;
  }
  .chOutFormIn {
    padding: 15px;
  }
  .chOutBank {
    font-size: 13px;
  }
  .chOutAdrsRad .dataBlock .adrsHead {
    font-size: 14px;
  }
  .chOutBlockIn {
    padding: 15px;
  }
  .chOutAdrs {
    padding: 15px;
  }
  .chOutAdrsIn {
    padding-top: 15px;
  }
  .chOutFormIn {
    gap: 15px;
  }
  .chOutHead .mainHead {
    font-size: 14px;
  }
  .sucsWrap {
    padding: 15px;
  }
  .sucsData {
    max-width: 100%;
  }
  .sucsIn {
    padding: 15px 0;
  }
  .payInfIn .tltleblock {
    font-size: 18px;
  }
  .purProIn {
    flex-wrap: wrap;
  }
  .purProBlock,
  .purProIn .priceBlock {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .chOutCart .headblock {
    display: none;
  }
  .chOutCart .singRow {
    flex-wrap: wrap;
  }
  .chOutCart .colblock.nameSec {
    width: 100%;
    flex: 0 0 100%;
  }
  .chOutCart .footblock .btnTwo {
    margin-left: 0;
  }
  .chOutCart .footblock [class^='btn'] {
    width: 50%;
  }
  .chOutProDe .prodeHead,
  .chOutProDe .prodePrice,
  .chOutProDe .prodeFoot {
    padding: 15px;
  }
  .chOutBlockIn {
    flex-wrap: wrap;
    gap: 15px;
  }
  .chOutAdrsRad .dataBlock .adrsHead {
    flex-wrap: wrap;
  }
  .chOutFormFoot {
    padding: 15px;
  }
  .chOutFoot [class^="btn"] {
    width: 50%;
  }
  .chOrderWrap {
    padding: 15px;
    flex-wrap: wrap;
    gap: 15px;
  }
  .chOrderWrap .btnTwo {
    width: 100%;
  }
  .billWrap {
    flex-wrap: wrap;
  }
  .billIn {
    width: 100%;
  }
  .payInfWrap {
    flex-wrap: wrap;
    gap: 15px;
  }
  .payInfIn {
    width: 100%;
  }
  .trackodrBlock {
    flex-direction: column;
    margin-left: -15%;
  }
  .trackodrBlock li {
    min-height: 100px;
  }
  .trackodrBlock li::after {
    width: 2px;
    height: 80%;
    top: -40%;
    right: auto;
    left: 35%;
  }
  .trackodrBlock .stsTxt {
    position: absolute;
    left: 42%;
    font-size: 13px;
  }
  .trackodrBlock .trackblock {
    left: -15%;
  }
  .chOutCart .footblock {
    flex-wrap: wrap;
  }
  .chOutCart .footblock .inputOne,
  .chOutCart .footblock [class^='btn'] {
    width: 100%;
  }
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
.myacWrap {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.myacL {
  width: 25%;
  border: 1px solid #E2EFE4;
  border-radius: 15px;
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
}
.myacR {
  width: calc( 75% - 25px);
  border: 1px solid #E2EFE4;
  border-radius: 15px;
  background-color: #fff;
}
.myacUsrHead {
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #F2F5F3;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #1C311E;
  gap: 15px;
}
.myacUsrHead .proIcon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border: 1px solid #0E8E39;
  display: flex;
  color: #0E8E39;
}
.myacUsrHead .proIcon [class^="tl_"] {
  font-size: 26px;
  padding: 5px;
}
.myacUsrHead .proIcon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myacUsrIn {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: 14px;
  color: #1C311E;
  font-weight: 500;
}
.myacUsrIn li {
  width: 100%;
  display: flex;
}
.myacUsrIn li.isActive a,
.myacUsrIn li:hover a,
.myacUsrIn li:focus a {
  background-color: #ECFAF0;
  color: #0E8E39;
}
.myacUsrIn a {
  width: 100%;
  display: flex;
  padding: 15px;
  border-radius: 10px;
  transition: all 0.3s;
}
.myacDtHead {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  min-height: 55px;
  border-bottom: 1px solid #F2F5F3;
  font-size: 16px;
  font-weight: 600;
  color: #1C311E;
}
.myacDtSubH {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #F2F5F3;
  font-size: 16px;
  font-weight: 600;
  color: #1C311E;
}
.myacDtBody {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
}
.myacDtForm {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.myacDtFormG {
  width: calc( (100% - 20px) / 2);
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  color: #425147;
  gap: 10px;
  font-weight: 500;
}
.myacDtFoot {
  width: 100%;
  display: flex;
  padding: 20px 30px;
  gap: 15px;
  border-top: 1px solid #F2F5F3;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #0E8E39;
  font-weight: 400;
}
.myacDtFoot .btnTwo {
  margin-left: auto;
}
.myacOrSrch {
  width: auto;
  display: flex;
  min-width: 20%;
  border: 1px solid #CCD3C7;
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #7E8E84;
  border-radius: 5px;
}
.myacOrSrch input {
  border: none;
}
.myacOrSrch span {
  top: 1px;
  font-size: 16px;
  margin-right: 5px;
}
.myacOrTb {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
  color: #18251C;
}
.myacOrTb .ordrRow {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: 1px solid #F2F5F3;
}
.myacOrTb .ordrRow:last-child {
  border-bottom: 0;
}
.myacOrTb .ordrRow.headTb {
  font-size: 14px;
}
.myacOrTb .ordrCol {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myacOrTb .ordrCol.ProBlock {
  flex: 4;
  justify-content: flex-start;
  gap: 20px;
}
.myacOrTb .ordrCol.Status {
  flex: 2;
}
.myacOrTb .ordrCol [class^="btn"] {
  flex: 0 0 auto;
}
.myacOrTb .proImg {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background-color: #F3F8F4;
  flex: 0 0 auto;
}
.myacOrTb .proImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myacOrTb .contstSec {
  font-size: 12px;
  font-weight: 400;
  color: #425147;
}
.myacOrSts {
  flex: 0 0 auto;
  width: auto;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 5px;
}
.myacOrSts.completed {
  color: #0E8E39;
  background-color: rgba(14, 142, 57, 0.1);
}
.myacOrSts.pending {
  color: #FF9500;
  background-color: rgba(255, 149, 0, 0.1);
}
.myacOrAdrs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.myacOrAdrsIn {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #F2F5F3;
  padding-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #425147;
  flex-wrap: wrap;
}
.myacOrAdrsIn.isEdit .myacOrAdrsCont {
  filter: grayscale(1);
  opacity: 0.6;
}
.myacOrAdrsIn.isEdit .chOutForm {
  display: flex;
}
.myacOrAdrsIn:last-child {
  border-bottom: 0;
}
.myacOrAdrsIn .actionBtnBlock {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.myacOrAdrsCont {
  width: 100%;
  display: flex;
  padding-right: 90px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 1;
  padding-bottom: 20px;
}
.myacOrAdrsEdt {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: #EAFBF0;
  color: #0E8E39;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myacOrAdrsDlt {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: #EAFBF0;
  color: #0E8E39;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myacOrAdrs .locationLabel {
  width: auto;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #E2EAE5;
  color: #425147;
  font-size: 12px;
}
.myacOrAdrs .headBlock {
  width: auto;
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 16px;
  color: #18251C;
  font-weight: 600;
}
.myacOrAdrs .locatIcon {
  width: auto;
  font-size: 18px;
  top: 3px;
  margin-right: 10px;
  color: #0E8E39;
}
.myacWhishWrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.myacWhishIn {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #F2F5F3;
  display: flex;
  align-items: center;
  gap: 15px;
}
.myacWhishIn:last-child {
  border-bottom: 0;
}
.myacWhishCnt {
  width: auto;
  flex: 1;
  display: flex;
  gap: 25px;
}
.myacWhishCnt .proImg {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F3F8F4;
  padding: 10px;
  flex: 0 0 auto;
}
.myacWhishCnt .proImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myacWhishCnt .datBlock {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.myacWhishCnt .proName {
  font-size: 12px;
  font-weight: 400;
  color: #425147;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.myacWhishCnt .proNameM {
  font-size: 16px;
  font-weight: 600;
  color: #18251C;
}
.myacWhishCnt .pricerate {
  display: flex;
  gap: 10px;
  align-items: center;
}
.myacWhishCnt .pricerate .priceBlock {
  color: #0E8E39;
  font-size: 18px;
  font-weight: 600;
}
.myacWhishCnt .pricerate .proRating {
  gap: 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #18251C;
}
.myacWhishCnt .pricerate .proRating .ratingStyle {
  color: #18251C;
}
.myacWhishCnt .pricerate .proRating > span {
  color: #425147;
}
.myacWhishAct {
  width: auto;
  max-width: 20%;
  flex: 0 0 auto;
  display: flex;
  gap: 15px;
  font-size: 12px;
  font-weight: 400;
  color: #66726A;
  flex-direction: column;
}
.myacWhishAct .trashBtn {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: #EAFBF0;
  color: #0E8E39;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  transition: all 0.3s;
}
.myacWhishAct .trashBtn:hover {
  background-color: rgba(14, 142, 57, 0.2);
}

/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Apr 2022--------------------------------*/
/*------------------- developed by JJD front-end developer ------------------*/
/*-------------------------------Dec 2020--------------------------------*/
.beforeHover {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.afterHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.transition {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .myacWrap {
    gap: 1.83vw;
  }
  .myacL {
    border-width: 0.07vw;
    border-radius: 1.09vw;
    top: 7.68vw;
  }
  .myacUsrHead {
    padding: 1.46vw;
    border-width: 0.07vw;
    font-size: 1.02vw;
    gap: 1.09vw;
  }
  .myacUsrHead .proIcon {
    width: 3.29vw;
    height: 3.29vw;
  }
  .myacUsrIn {
    padding: 1.46vw;
    gap: 0.07vw;
    font-size: 1.02vw;
  }
  .myacUsrIn a {
    padding: 1.09vw;
    border-radius: 0.73vw;
  }
  .myacR {
    width: calc(75% - 1.83vw);
    border-width: 0.07vw;
    border-radius: 1.09vw;
  }
  .myacDtHead {
    padding: 0.73vw 2.19vw;
    min-height: 4.02vw;
    border-width: 0.07vw;
    font-size: 1.17vw;
  }
  .myacDtBody {
    padding: 2.19vw;
    font-size: 1.02vw;
  }
  .myacOrAdrsIn {
    border-width: 0.07vw;
    padding-top: 1.46vw;
    font-size: 1.02vw;
  }
  .myacOrAdrs .locatIcon {
    font-size: 1.31vw;
    top: 0.21vw;
    margin-right: 0.73vw;
  }
  .myacOrAdrsCont {
    padding-right: 2.19vw;
    gap: 0.73vw;
    padding-bottom: 1.46vw;
  }
  .myacOrAdrs .headBlock {
    gap: 1.09vw;
    font-size: 1.17vw;
  }
  .myacOrAdrs .locationLabel {
    padding: 0.36vw 0.73vw;
    border-radius: 0.36vw;
    font-size: 0.87vw;
  }
  .myacOrAdrsEdt {
    width: 2.34vw;
    height: 2.34vw;
    border-radius: 0.36vw;
    font-size: 1.17vw;
  }
  .myacOrAdrsDlt {
    width: 2.34vw;
    height: 2.34vw;
    border-radius: 0.36vw;
    font-size: 1.17vw;
  }
  .actionBtnBlock {
    gap: 1.09vw;
  }
  .myacDtForm {
    gap: 1.46vw;
  }
  .myacDtFormG {
    width: calc((100% - 1.46vw) / 2);
    font-size: 1.02vw;
    gap: 0.73vw;
  }
  .myacDtSubH {
    padding: 1.09vw 0;
    border-width: 0.07vw;
    font-size: 1.17vw;
  }
  .myacDtFoot {
    padding: 1.46vw 2.19vw;
    gap: 1.09vw;
    border-width: 0.07vw;
    font-size: 1.02vw;
  }
  .myacOrTb {
    font-size: 1.17vw;
  }
  .myacOrTb .ordrRow {
    gap: 1.46vw;
    padding: 1.46vw 0;
    border-width: 0.07vw;
  }
  .myacOrTb .ordrCol.ProBlock {
    gap: 1.46vw;
  }
  .myacOrTb .proImg {
    width: 5.85vw;
    height: 5.85vw;
    border-radius: 0.73vw;
  }
  .myacOrTb .contstSec {
    font-size: 0.87vw;
  }
  .myacOrSts {
    padding: 0.73vw 2.19vw;
    font-size: 0.87vw;
    border-radius: 0.36vw;
  }
  .myacWhishIn {
    padding: 1.46vw 0;
    border-width: 0.07vw;
    gap: 1.09vw;
  }
  .myacWhishCnt {
    gap: 1.83vw;
  }
  .myacWhishCnt .proImg {
    width: 7.32vw;
    height: 7.32vw;
    border-radius: 0.73vw;
    padding: 0.73vw;
  }
  .myacWhishCnt .datBlock {
    gap: 1.46vw;
  }
  .myacWhishCnt .proName {
    font-size: 0.87vw;
    gap: 0.36vw;
  }
  .myacWhishCnt .proNameM {
    font-size: 1.17vw;
  }
  .myacWhishCnt .pricerate {
    gap: 0.73vw;
  }
  .myacWhishCnt .pricerate .priceBlock {
    font-size: 1.31vw;
  }
  .myacWhishCnt .pricerate .proRating {
    gap: 0.36vw;
    font-size: 1.02vw;
  }
  .myacWhishAct {
    gap: 1.09vw;
    font-size: 0.87vw;
  }
  .myacWhishAct .trashBtn {
    width: 2.34vw;
    height: 2.34vw;
    border-radius: 0.36vw;
    font-size: 1.17vw;
  }
  .myacOrSrch {
    border-width: 0.07vw;
    padding: 0.73vw;
    font-size: 0.87vw;
    border-radius: 0.36vw;
  }
  .myacOrSrch span {
    top: 0.07vw;
    font-size: 1.17vw;
    margin-right: 0.36vw;
  }
}
@media (max-width: 1300px) {
  .myacOrTb {
    font-size: 14px;
  }
  .myacOrTb .ordrRow {
    gap: 10px;
  }
  .myacOrSts {
    padding: 10px 15px;
  }
  .myacOrTb .ordrCol [class^="btn"] {
    font-size: 12px;
  }
  .myacOrTb .ordrCol.ProBlock {
    flex: 3;
  }
}
@media (max-width: 1024px) {
  .myacL {
    display: none;
  }
  .myacR {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .myacDtHead {
    padding: 10px 15px;
  }
  .myacDtBody {
    padding: 15px;
    font-size: 14px;
  }
  .myacDtFormG {
    width: 100%;
  }
  .myacOrTb .ordrRow.hearRowBlock {
    display: none;
  }
  .myacOrTb .ordrCol.ProBlock {
    flex: 0 0 100%;
  }
  .myacWhishIn {
    padding: 15px 0;
    flex-wrap: wrap;
  }
  .myacWhishCnt {
    flex: 0 0 100%;
  }
  .myacWhishAct {
    flex: 0 0 100%;
    max-width: none;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 576px) {
  .myacDtHead {
    flex-wrap: wrap;
    gap: 10px;
  }
  .myacDtHead .btnTwo {
    margin-left: auto;
  }
  .myacOrAdrsCont {
    font-size: 13px;
    padding-right: 40px;
    padding: 0;
  }
  .myacOrAdrs .locatIcon {
    font-size: 12px;
    top: 5px;
  }
  .myacOrAdrs .headBlock {
    gap: 10px;
    font-size: 14px;
  }
  .myacOrAdrsEdt,
  .myacOrAdrsDlt {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .myacOrAdrsIn .actionBtnBlock {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    justify-content: flex-end;
  }
  .myacOrAdrs .locationLabel {
    font-size: 10px;
  }
  .myacDtFormG {
    font-size: 12px;
  }
  .myacDtFoot {
    padding: 15px;
  }
  .myacDtFoot [class^="btn"] {
    width: 50%;
  }
  .myacWhishCnt .proImg {
    width: 70px;
    height: 70px;
  }
  .myacWhishCnt .pricerate {
    flex-wrap: wrap;
    gap: 5px;
  }
  .myacWhishCnt .pricerate .proRating {
    font-size: 12px;
  }
  .myacWhishCnt .pricerate .priceBlock {
    font-size: 16px;
  }
  .myacWhishCnt .proNameM {
    font-size: 14px;
  }
  .myacWhishCnt .datBlock {
    gap: 15px;
  }
  .myacOrTb .ordrCol {
    flex: 0 0 auto;
  }
  .myacOrSrch {
    width: 100%;
  }
}