html{font-size: 62.5%;}
*, html{scroll-behavior: smooth;padding:0; margin:0;box-sizing:border-box;font-variant-ligatures: none;-webkit-font-variant-ligatures: none;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;}
body {animation:fading 1s;font-family: 'Roboto';font-weight: normal;font-size:2.2rem;font-weight: 300;color:#002f2f;overflow-x:hidden;box-sizing:border-box;background-color:#ffff99;}
a,a:hover,a:focus{white-space: nowrap;color:inherit;text-decoration:none;outline:none;transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;}
a.ageneral { text-decoration:underline; }
ul{list-style-type:none;margin:0;}
.ul-camera {list-style-type:disc;margin-left:4rem; list-style-position: outside;}
img{max-width: 100%;}

::-moz-selection{color:#fff;background:#002f2f}
::selection{color:#fff;background:#002f2f}

.container{max-width: 100%;padding: 0 7.5rem}
.container.container2{max-width: 126rem;padding: 0 1.5rem}
.facebook-icon{max-height: 3.4rem}
.twitter-icon{max-height: 3.4rem}
.instagram-icon{max-height: 3.4rem}
.pinterest-icon{max-height: 3.4rem}
.call-icon{max-width: 2.4rem}
.mail-icon{max-width: 2.3rem}
.search-icon{max-width: 2.7rem}
.cart-icon{max-width: 2.8rem}
.cart-icon-2{max-width: 4.1rem}
.arrow-left,.arrow-right{max-width: 2.4rem}
.comments{max-width: 5.3rem}
.payment-icon{max-width: 5.8rem}
.view-icon{max-width: 2.8rem}
.pinterest-icon-white{max-width: 2.3rem}
.pinterest-icon-white2{max-width: 3.1rem}
.cart-icon3{max-width: 3.1rem}
.cart-icon2{max-width: 4rem}
.pdlr-50{padding-right: 5rem;padding-left: 5rem}
.padding-1{padding: 3.5rem 0 7rem;}
.padding-2{padding: 7rem 0}
.padding-3{padding: 10rem 0}
.padding-4{padding: 18rem 0}
.pdb-0{padding-bottom: 0!important}
.bg-2{background-color: #799b9b}
.f-28{font-size: 2.8rem}
.f-18{font-size: 1.8rem}
.f-20{font-size: 2rem}
.f-15{font-size: 1.5rem}
.f-48{font-size: 4.8rem}
.f-30{font-size: 3rem}
.f-normal{font-weight: normal;}
.f-bold{font-weight: bold;}
.no-scroll{overflow: hidden;}
b{font-weight: 500;}
p a:hover{text-decoration: underline;}
.row.row1{margin-left: -1.2rem;margin-right: -1.2rem;margin-top: 1.2rem;margin-bottom: 1.2rem}
.row.row1>div{padding-left: 1.2rem;padding-right: 1.2rem}
.row.row2{margin-left: -7rem;margin-right: -7rem;margin-top: -5rem;margin-bottom: -5rem}
.row.row2>div{padding-left: 7rem;padding-right: 7rem;margin: 5rem 0;}

h1{color: #002f2f;font-size: 4rem;font-family: 'Playfair Display';margin-bottom: 6rem}
h3{color: #002f2f;font-size: 4rem;font-family: 'Abril Display';margin-top: 2rem; margin-bottom: 2rem}
h3.custom{font-size: 7rem}
h2{color: #002f2f;font-size: 6rem;margin-top: 5rem; margin-bottom: 2rem;font-family: 'Abril Display';}
h4{font-size: 3rem; margin-top:1.5rem;margin-bottom: 0.5rem;font-family: 'Abril Display';}
h5{font-size: 2rem;margin-top:1.5rem;margin-bottom: 0.5rem;}

.btn{white-space: nowrap;}
.btn img{vertical-align: middle;}
.btn:focus,.btn:hover,button:focus,button:hover{outline: none;box-shadow: none;}
.btn.btn1{background-color: #002f2f;font-size: 2.2rem;font-family: 'Roboto Slab';color: #ffed9f;border-radius: 1rem;padding: 2rem 2.5rem;line-height: 1;}
.btn.blank,.btn.blank:hover,.btn.blank:focus{padding: 0;margin: 0;background:no-repeat;}
.btn.btn2{background-color: #135555;font-size: 2.2rem;font-family: 'Abril Display';color: #ffed9f;border-radius: 4rem;padding: 1.8rem 2.5rem;line-height: 1;box-shadow: 0 5px 20px rgba(19,85,85,.7);}
.btn.btn2:hover{box-shadow: none;}
.btn.btn3{background-color: #012f2f;color: #fbeeb9;font-size: 2.8rem;border-radius: 5rem;padding: 1.5rem 6rem;}
.btn.btn3:hover{box-shadow: 0 10px 10px rgba(0,0,0,.2);}

.header{background-color: #ffed9f;background-repeat: no-repeat;background-image: url('/mem/assets/images/header-bg.jpg');background-position: top left;background-size: auto 100%;}
.header .top-nav{padding: 3.5rem 0;}
.header .top-nav .logo img{width: 100%;max-width: 27rem}
.header .top-nav .call-mail{font-size: 1.8rem;}
.header .top-nav .call-mail a{padding: 0 2rem}
.header .top-nav .call-mail a img{margin-right: .5rem}
.header .top-nav .social{margin-left: 3rem}
.header .top-nav .social a{margin-left: 1rem}
.header .top-nav .right-sec .top{margin-bottom: 4rem}
.header .top-nav .call-mail a:hover,.header .top-nav .social a:hover,.search-bar .btn:hover,.header .top-nav .social a:hover,.btn.btn1:hover{opacity: 0.7}
.header .bottom-nav{background-color: rgba(0,47,47,.5);font-size: 2rem}
.header .bottom-nav .menu-list{margin: 0 -1.5rem}
.header .bottom-nav .menu-list a{color: #ffed9f;line-height: 1;padding: .5rem 1.5rem}
.header .bottom-nav .menu{padding: 1.2rem 0}
.header .bottom-nav .menu-list a.active,.header .bottom-nav .menu-list a:hover{color: #ffffff}
.header .bottom-nav .menu-list .cart-box{margin-right: 1rem;position: relative;}
.cart-box .noti{position: absolute;background-color: #e22029;color: #ffffff;font-size: 1rem;border-radius: 100%;right: -1rem;padding: .5rem;top: -0.5rem;}

.breadcrumb{background-color: transparent;margin: 0;font-size: 1.7rem;padding: 2rem 0;}
.breadcrumb-item.active {color: #002f2f;font-weight: 500;}
.breadcrumb-item+.breadcrumb-item::before {content: '|';color: #002f2f;font-weight: 300}
.pagination .page-link{color: #002f2f;font-size: 1.6rem;font-weight: normal;}
.pagination .page-link {color: #002f2f;font-size: 1.6rem;margin: 0;background: transparent;border-color: transparent;}
.pagination{padding:0;}
.pagination .page-item:first-child .page-link{padding-left: 0;}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link {background: transparent;border-color: transparent;}
.pagination .page-item .page-link.active,.pagination .page-item.active .page-link{background-color: #fbeeb9;border-color: #030303}
.pagination .page-link{padding: .5rem 1rem;}
.pagination .page-link.bd:not(.active){padding-right: 0;}
.pagination .page-link.blank{padding-left: 0;padding-right: 0;}
.pagination .page-link:focus{box-shadow: none;}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.search-bar{width: 39rem;position: relative;margin: 0 40px;}
.search-bar .btn{padding: 0;position: absolute;right: 0;bottom: 1rem;}
.search-bar .form-control{height: 4rem;background: transparent;border: none;font-size: 2.2rem;font-weight: 300;padding: 1rem 2rem;color: #002f2f;border-radius: 0;border-bottom: .1rem solid #002f2f}
.search-bar .form-control::placeholder{color: #002f2f;}
.form-control:focus{outline: none;box-shadow: none;}
.form1 .form-control{border: 0;border-bottom: .1rem solid #135555;font-size: 1.9rem;padding: 1rem 0;color: #135555;font-style: italic;}
.form1 .form-control::placeholder{color: #135555}
.quantity-input input[type=number],.quantity-input input[type=number]:focus{outline: none;height: 2.6rem;width: 2.6rem;text-align: center;font-size: 1.6rem;border-radius: 0;border: 1px solid #002f2f;background: transparent;margin: 0 .8rem;color: #002f2f}
.quantity-input.heavy input[type=number], .quantity-input.heavy input[type=number]:focus {height: 3.6rem;width: 3.6rem;font-size: 2.4rem;}
.quantity-input.heavy input.clickinput, .quantity-input.heavy input.clickinput:focus{font-size: 3rem}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.quantity-input .value-button{cursor: pointer;}
.quantity-input input.clickinput,.quantity-input input.clickinput:focus{background: transparent;border: none;padding: 0;outline: none;}
input[type=number] {-moz-appearance:textfield;}

.main-section{padding: 3.5rem 0 0;overflow: hidden;}

.grid-bar .left-sec{padding-right: 2rem;width: 100%;max-width: 50rem;min-width: 50rem;}
.grid-bar .left-sec a.btn{padding: 0;}
.sidebar-list li a{background-color: #799b9b;color: #ffffff;font-size: 1.8rem;padding: 1.5rem 4rem;border-radius: 4rem;display: inline-block;}
.sidebar-list li a:hover{background-color: #678686}
.sidebar-list li{margin-bottom: 2rem}

.carousel-control-next, .carousel-control-prev {opacity: 1;height: 9rem;width: 9rem;border-radius: 100%;top: 50%;background: rgba(255,255,255,.3);transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);margin: 0 4rem;}
.carousel-control-next:hover, .carousel-control-prev:hover{background: #002f2f;border: .1rem solid #ffffff;}
.carousel{margin-bottom: 5rem;box-shadow: .8rem .8rem 1.7rem rgba(77,121,121,.75)}

.slider1{padding: 0 10rem 0;margin-bottom: 9rem}
.slider1 .slider1box{border: 2rem solid #012f2f;display: block;box-shadow: 6px 6px 10px rgba(0,0,0,.36);}
.slider1.owl-carousel .owl-nav button.owl-prev{left: 0;background-position: center;;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);height: 6rem;width: 6rem;border-radius: 100%;background-color: rgba(121,155,155,.6);background-image: url('/mem/assets/images/arrow-left2.png');background-repeat: no-repeat;background-size: 1.6rem auto}
.slider1.owl-carousel .owl-nav button.owl-prev span{display: none;}
.slider1.owl-carousel .owl-nav button.owl-next{right: 0;background-position: center;;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);height: 6rem;width: 6rem;border-radius: 100%;background-color: rgba(121,155,155,.6);background-image: url('/mem/assets/images/arrow-right2.png');background-repeat: no-repeat;background-size: 1.6rem auto}
.slider1.owl-carousel .owl-nav button.owl-next span{display: none;}
.slider1.owl-carousel .owl-nav button.owl-prev:hover,.slider1.owl-carousel .owl-nav button.owl-next:hover{background-color: rgba(121,155,155,.8);}
.slider1 .item{padding: 15px 15px 15px 0;}

.testi-main{height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 8rem 4rem;}
.box-white{padding: 3rem;background-color: rgba(255,255,255,0.5);display: block;width: 100%}
.box-white .white-body{padding: 6rem 3.5rem;width: 100%;background-color: #ffffff;box-shadow: 0 0 20px rgba(13,19,9,.12);}
.testi-main{position: relative;}
.testi-main div:not(.owl-dots){position: static!important;}
.slider2 .owl-dots{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding: 2rem 2rem 3rem;}
.slider2 button.owl-dot {height: 1rem;width: 1rem;background: #ffffff!important;margin: 0 .5rem;border-radius: 100%;opacity: .4;}
.slider2 button.owl-dot.active{opacity: 1;}
.slider2 button.owl-dot:hover:not(.active){opacity: 0.6}

.newsletter-sec{background-repeat: no-repeat;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url('/mem/assets/images/newsletter-bg.jpg');}

.footer{color: #ffed9f}
.footer .footer-top{background-color: #799b9b;padding: 6rem 0;}
.footer .footer-top a:hover{opacity: 0.9}
.footer .res-btn{padding: 0;color: #ffed9f}
.footer .footer-bottom{padding: 3.5rem 0;background-color: #2d7272;font-family: 'Abril Display';}
.footer .flogo{max-width: 18.6rem}
.footer .copyright{color: #799b9b;background-color: #002f2f;padding: 2.2rem 0;border-bottom: 2px solid #ffed9f}

.category-item{width: 100%}
.category-item .img-box{box-shadow: 5px 5px 10px rgba(0,0,0,0.4);margin-bottom: 3rem;position: relative;}
.category-item .img-box .user-action{position: absolute;top: 0;left: 0;width: 100%;padding: 1rem 1.5rem}
.category-item .img-box .user-action a:hover{opacity: 0.7}
.category-item .action .cart-icon3:hover{opacity: 0.7}

/* Introduction 2021 */

.image-right { float: right; padding:6px 4px 6px 14px; }
.image-left { float: left; padding:6px 14px 6px 4px; }

.public-link-block { display: inline-block; margin-bottom:4rem; }
.public-news-block { display: inline-block; padding:4px 8px 4px 8px; margin-bottom:4rem; background-color:#ffffc1; }
.public-news-block img { width: 100%; max-width: 400px; height: auto; }
.public-news-block a { text-decoration: underline; }
.public-newsitem-block a { text-decoration: underline; }
.public-newsitem-block-date { font-weight:normal; font-style:italic; }
.public-newsitem-block-text { background-color:#ffffc1;  padding:4px 4px 4px 4px;}
.public-testimonial-block { display: inline-block; padding:4px 8px 4px 8px; margin-bottom:4rem; background-color:#ffffc1; }
.public-testimonial-block span { font-size:0.8em; font-style: italic; }
.public-testimonial-block-text { margin:1px 14px 4px 30px;}

/* table */ 
table.rg-table { width: 100%; margin-bottom: 0.5em; font-size: 1em; border-collapse: collapse; border-spacing: 0; }
table.rg-table tr { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-align: left; color: #333; }
table.rg-table thead { border-bottom: 3px solid #ddd; }
table.rg-table tr { border-bottom: 1px solid #ddd; color: #333; }
table.rg-table tr.highlight { background-color: #dcf1f0 !important; }
table.rg-table.zebra tr:nth-child(even) { background-color: #f6f6f6; }
table.rg-table th { font-weight: bold; padding: 0.35em; font-size: 0.9em; color: #005555; }
table.rg-table td { padding: 0.35em; font-size: 0.9em; }
table.rg-table .highlight td { font-weight: bold; }
table.rg-table th.number, td.number { text-align: right; }
/* media queries */ @media screen and (max-width: 600px) { .rg-container { max-width: 600px; margin: 0 auto; }
 table.rg-table { width: 100%; }
 table.rg-table tr.hide-mobile, table.rg-table th.hide-mobile, table.rg-table td.hide-mobile { display: none; }
 table.rg-table thead { display: none; }
 table.rg-table tbody { width: 100%; }
 table.rg-table tr, table.rg-table th, table.rg-table td { display: block; padding: 0; }
 table.rg-table tr { border-bottom: none; margin: 0 0 1em 0; padding: 0.5em; }
 table.rg-table tr.highlight { background-color: inherit !important; }
 table.rg-table.zebra tr:nth-child(even) { background-color: none; }
 table.rg-table.zebra td:nth-child(even) { background-color: #f6f6f6; }
 table.rg-table tr:nth-child(even) { background-color: none; }
 table.rg-table td { padding: 0.5em 0 0.25em 0; border-bottom: 1px dotted #ccc; text-align: right; }
 table.rg-table td[data-title]:before { content: attr(data-title); font-weight: bold; display: inline-block; content: attr(data-title); float: left; margin-right: 0.5em; font-size: 0.95em; } 
table.rg-table td:last-child { padding-right: 0; border-bottom: 2px solid #ccc; } 
table.rg-table td:empty { display: none; } 
table.rg-table .highlight td { background-color: inherit; font-weight: normal; } 
}
