@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');



body { 
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #58595b; line-height: 1.6;
}
body.navopen { overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
p {  }
p:last-child { margin-bottom: 0; }
a {  }
a:hover { text-decoration: none; }
a[href*=mailto],
a[href*=http] { word-break: break-word; }
img { max-width: 100%; }
.container { max-width: 1200px; }


@media only screen and (max-width: 767px) {
	body { font-size: 14px; letter-spacing: 0.025em; }
	h4 { font-size: 22px; }
}


/*=====================================================================*/
/* CONTENT */
/*=====================================================================*/
[class*=popupimg][data-mfp-src] { position: relative; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.3s ease-out; }
[class*=popupimg][data-mfp-src]:before { 
	content: '+'; font-size: 40px; font-weight: 400; color: #fff; text-align: center; line-height: 1.3;
	width: 1.3em; height: 1.3em; background: rgba(0, 0, 0, 0.8); border-radius: 50%;
    position: absolute; top: 50%; left: 50%; cursor: pointer; opacity: 0; visibility: hidden;
    -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
    transition: 0.3s ease-out;
}
[class*=popupimg][data-mfp-src]:hover::before { opacity: 1; visibility: visible; }
/*=================*/
/*====== ... ======*/
.content-wrap { padding: 5em 5px; }
.scrollfade { opacity: 0; }
/*===================*/
/*====== title ======*/
h1.title { font-size: 36px; line-height: 1.1; }
.titlehead {  }
.titlehead .title { background: #ffd31a; display: inline-block; margin-bottom: 0.555em; padding: 0.44em 1.05em; }
/*====================*/
/*====== button ======*/
.btn-solidoutline { display: inline-block; position: relative; outline: 0; }
.btn-solidoutline span { 
	font-weight: 700; color: #ffd31a; text-align: center; line-height: 1.1;
	display: inline-block; background: transparent; border: 1px solid #ffd31a; border-radius: 100px; padding: 0.45em 1.2em; position: relative; 
	transition: 0.3s ease-out;
}
.btn-solidoutline:not(.btn-disabled):before {
    content: ''; width: 101%; height: 106%; background: #58595b; border-radius: 100px;
    position: absolute; top: 2px; left: 2px; transition: 0.3s ease-out;
}
.btn-solidoutline:not(.btn-disabled):hover::before { width: 100%; height: 100%; top: 0; left: 0; }
/*--*/
.btn-border {
	font-weight: 700; color: #ffd31a; text-align: center; line-height: 1.1;
	display: inline-block; background: transparent; border: 1px solid #ffd31a; border-radius: 100px; padding: 0.45em 1.2em; transition: 0.3s ease-out;
}
.btn-border:hover { background: #ffd31a; color: #58595b; }
/*--*/
.btn-solid {
	font-weight: 700; color: #393a3b; text-align: center; line-height: 1.1;
	display: inline-block; background: #ffd31a; border: 1px solid transparent; border-radius: 100px; padding: 0.8em 1.2em; transition: 0.3s ease-out;
}
.btn-solid:hover { background: transparent; border: 1px solid #ffd31a; color: #ffd31a; }
/*--*/
.btn-disabled { background: #bbb; cursor: not-allowed; color: #fff; text-decoration: line-through; }
.btn-disabled.btn-solidoutline { background: transparent; }
.btn-disabled.btn-solidoutline span { background: #bbb; border-color: transparent; color: #fff; text-decoration: line-through; }


@media only screen and (max-width: 991px) {
	h1.title { font-size: 32px; }
	/*--*/
}
@media only screen and (max-width: 767px) {
	.content-wrap { padding: 3em 5px; }
	/*--*/
	h1.title { font-size: 28px; }
	/*--*/
}
@media screen and (max-width: 575px) {
}
@media only screen and (max-width: 480px) {
	.titlehead .title { word-break: break-word; }
}


/*=====================================================================*/
/* HEADER */
/*=====================================================================*/
header { padding: 20px 5px; width: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
header a { font-size: 13px; font-weight: 600; color: #ffd31a; text-transform: uppercase; transition: all 0.1s ease; }
.layer {
    width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); /*z-index: 1;*/
    position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.1s ease;
}
.layer-is-visible { opacity: 1; visibility: visible; }
/*--*/
a.logo { display: inline-block; }
a.logo img,
a.logo svg { /*backface-visibility: hidden;*/ max-width: 213px; width: 100%; }
/*=======================*/
/*====== Hamburger ======*/
.navbar-toggler { vertical-align: middle; padding: 0; cursor: pointer; outline: 0; position: relative; z-index: 2; }
.navbar-toggler:hover { opacity: 0.8; }
.navbar-toggler div {
    display: block; width: 25px; height: 2px; margin-bottom: 4px; background: #58595b; border-radius: 2px;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transform-origin: 4px 1px; transform-origin: 4px 1px;
    transition: -webkit-transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
}
.navbar-toggler div:nth-child(3) { margin: 0; }
/*--*/
.navbar-toggler[aria-expanded=true] div:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navbar-toggler[aria-expanded=true] div:nth-child(2) { opacity: 0; -webkit-transform:rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2); }
.navbar-toggler[aria-expanded=true] div:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/*=================*/
/*====== ... ======*/
.navi ul { margin: 0; padding: 0; }
.navi a { display: block; }
/*--*/
.navi > ul > li:hover > a,
.navi > ul > li:hover > .split > a,
.navi > ul > li.active > a,
.navi > ul > li.active > .split > a:first-child,
.navi > ul > li > a.active,
.navi > ul > li > .split > a.active { color: #ffffff; }
/*=====================*/
/*====== submenu ======*/
.navi li.submenu a.dropcon:after {
	content: ''; display: inline-block; height: 0.45em; width: 0.45em; 
    border-style: solid; border-width: 0.125em 0.125em 0 0; 
    -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
/*--*/
.navi ul ul li a { text-align: left; line-height: 1.25; word-break: break-word; transition: all 0.3s ease; }
.navi ul ul li a:hover,
.navi ul ul li.active > a { color: #ffffff; }


@media only screen and (min-width: 768px) {
	header { padding: 50px 5px 30px; text-align: center; transition: background 0.3s ease; }
	.layer { display: none; }
	/*--*/
	.navbar-toggler { display: none; }
	/*--*/
	.navi { margin-top: 18px; }
	.navi.collapse:not(.show) { display: block; }
	.navi > ul { display: inline-block; background: #58595b; padding: 0 30px; border-radius: 100px; }
	.navi > ul > li { display: inline-block; margin: 0 0.5em; position: relative; }
	.navi > ul > li:first-child { margin-left: 0; }
	.navi > ul > li:last-child { margin-right: 0; }
	.navi > ul > li > .split > a { display: inline-block; }
	.navi > ul > li > a,
	.navi > ul > li > .split > a:first-child { padding: 6px 0; }
	/*--*/
	.navi li.submenu a.dropcon { padding-left: 0.25em; }
	.navi li.submenu a.dropcon:after { position: relative; top: -0.3em; }
	.navi ul ul {
	    position: absolute; top: 100%; min-width: 135px; border-top: 1px solid transparent; border-radius: 8px; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05); overflow: hidden; transition: all 0.2s ease;
	    visibility: hidden; opacity: 0; display: none;
	}
	.navi ul li:hover > ul { visibility: visible; opacity: 1; display: block; }
	.navi ul ul li { display: block; border-bottom: 1px solid transparent; }
	.navi ul ul li:last-child { border-bottom: none; }
	.navi ul ul li a { background: #58595b; padding: 0.65em 1.2em; }
	/*--*/
	header.no-js { display: none; }
	header.scrollstick:not(.no-js) { position: fixed; padding: 15px 5px; background: #ffd31a; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1); }
	header.scrollstick:not(.no-js) > div.container { 
		display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; 
		-ms-flex-align: center; align-items: center; 
		-ms-flex-pack: justify; justify-content: space-between;
		text-align: left;
	}
	header.scrollstick:not(.no-js) a.logo img, 
	header.scrollstick:not(.no-js) a.logo svg { max-width: 180px; }
	header.scrollstick:not(.no-js) .navi { margin-top: 0; }
}
@media only screen and (max-width: 767px) {
	header { position: relative; }
	a.logo img,
	a.logo svg { max-width: 153px; }
	/*--*/
    .navi { position: absolute; top: 100%; left: 0; width: 100%; background-color: #58595b; }
    
    .navi li { display: block; border-bottom: 1px solid #4c4c4c; }
    .navi li:last-child { border-bottom: none; }
    /*--*/
    .navi > ul > li > a,
    .navi > ul > li > .split > a:first-child { padding: 0.8em 1.2em; transition: all 0.3s ease; }
    .navi > ul > li > a:hover,
    .navi > ul > li > .split > a:first-child:hover { padding-left: 1.5em; }
    /*--*/
    .navi li.submenu .split { position: relative; padding-right: 40px; }
    .navi li.submenu a.dropcon { position: absolute; right: 0; top: 0; width: 40px; height: 100%; padding: 0; border-left: 1px solid #4c4c4c; }
    .navi li.submenu a.dropcon:after { position: absolute; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px; padding: 0; transition: 0.1s ease-out; }
    .navi li.submenu a.dropcon[aria-expanded="true"]:after { 
    	-webkit-transform: rotate(315deg); transform: rotate(315deg); 
    	-webkit-transform-origin: 100%; transform-origin: 100%; 
    }
    .navi ul ul { background: rgba(0,0,0,0.3); }
    .navi ul ul li a { padding: 0.8em 2.2em; text-transform: none; }
    .navi ul ul li:hover > a,
    .navi ul ul li a:hover { padding-left: 2.5em; }
}


/*=====================================================================*/
/* FOOTER */
/*=====================================================================*/
.contact-wrap { 
	background: #393a3b; padding-bottom: 25px; position: relative; overflow: hidden;
	font-size: 13px; color: #888; letter-spacing: 0.025em; 
}
.contact-wrap:before {
    content: ''; background: #ffd31a; width: 20em; height: 20em; border-radius: 50%; opacity: 0.08; font-size: 25px;
    position: absolute; bottom: -160px; right: -20px;
}
.contact-wrap h1.title { color: #ffd31a; letter-spacing: 0; }
/*==================*/
/*====== Form ======*/
/* temp solution way to remove autofill bg color*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important;
}
/*--*/
.form-control::-webkit-input-placeholder { color: #888888; }
.form-control:-moz-placeholder { color: #888888; opacity:1; }
.form-control::-moz-placeholder { color: #888888; opacity:1; }
.form-control:-ms-input-placeholder { color: #888888; }
/*--*/
.form-group { position: relative; margin-bottom: 10px; }
.form-control { 
	background: #303132; height: calc(2.3em + .75rem + 2px); padding: .375em 1.5em; border-radius: 100px; border-color: transparent; transition: 0.3s ease-out;
	font-size: 13px; color: #fff; letter-spacing: 0.025em; font-weight: inherit; line-height: inherit; 
}
.form-control:focus { box-shadow: none; background: #303132; border-color: rgba(255, 211, 26, 0.4); color: #fff; }
textarea.form-control { border-radius: 15px; }
/*--*/
/*- effect label -*/
.effectt + label.label-tag { 
    font-size: 13px; font-weight: 700; color: #58595b; letter-spacing: 0.025em; 
    background: #ffd31a; padding: 0.35em 1em; border-radius: 100px; 
    position: absolute; top: 0px; left: 0; opacity: 0; visibility: hidden;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    -webkit-transform: translate(0,0); transform: translate(0,0);
}
.effectt + label.label-tag:after {
    content: ""; width: 0; height: 0; position: absolute; bottom: -4px; left: 50%; 
    border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid  #ffd31a;
    -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
}
.effectt:focus + label.label-tag, 
.effectt:active + label.label-tag { 
    opacity: 1; visibility: visible;
    -webkit-transform: translate(0,-100%); transform: translate(0,-100%); 
}
/*--*/
[type="submit"] {
    text-transform: uppercase; letter-spacing: 0.025em;
    max-width: 120px; width: 100%; margin-top: 35px; padding: 1.15em 1.2em; outline: 0; cursor: pointer; box-shadow: none; 
}
/*--*/
label.error { 
    font-size: 10px; font-weight: 500; color: #e28282; line-height: 1.2; letter-spacing: 0.05em;
    display: block; margin: 5px 0; padding: 0 8px; 
}
label.error:empty { display: none !important; }
.form-control.error { border-color: #f76c5a !important; }

#result-msg > *,
#redeemresult-msg > * { border: 1px solid; padding: 0.5em 1em; margin-top: 30px; margin-bottom: 30px; color: #fff; }
#result-msg > .successmsg,
#redeemresult-msg > .successmsg { color: #82b795; }
#result-msg > .failedmsg,
#redeemresult-msg > .failedmsg { color: #f76c5a; }
/*=================*/
/*====== ... ======*/
ul.contact-info { margin-bottom: 0; padding: 0; list-style: none; text-align: right; }
ul.contact-info li { margin-bottom: 3em; }
ul.contact-info p { margin-bottom: 6px; }
ul.contact-info h5 { font-size: 18px; color: #fff; margin-bottom: 0; }
ul.contact-info a { color: #fff; text-decoration: underline; }
ul.contact-info a:hover { opacity: 0.8; }
ul.contact-info .logo-footer { max-width: 210px; }
/*=================*/
/*====== ... ======*/
ul.social_link { padding-left: 0; margin-bottom: 0; list-style: none; display: inline-block;}
ul.social_link li { display: inline-block; }
ul.social_link li + li { margin-left: 5px; }
/*--*/
.icon-social {
	font-size: 12px; text-align: center;
    width: 2em; height: 2em; display: inline-block; transition: all 0.3s ease-out;
    background-repeat: no-repeat; background-size: 2em; background-position: center;  
}
.icon-social span { font-size: 0; }
.icon-social:hover { transform: translateY(-3px); }
.icon-social.fb { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.0.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3e%3cpath fill='%23ffffff' d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'/%3e%3c/svg%3e"); }
/*=================*/
/*====== ... ======*/
.copyright-wrap { border-top: 1px solid #616161; margin-top: 5em; padding-top: 1.5em; }


@media only screen and (max-width: 767px) {
	.contact-wrap:before { font-size: 13px; bottom: -100px; }
	/*--*/
	ul.contact-info { text-align: left; margin-top: 40px; padding-top: 40px; border-top: 1px solid #616161; }
	ul.contact-info li { margin-bottom: 1.5em; }
	ul.contact-info h5 { font-size: 16px; }
	/*--*/
	.copyright-wrap { margin-top: 1em; }
}


/*=====================================================================*/
/* HOME */
/*=====================================================================*/
/*========================*/
/*====== homeslider ======*/
.homeslider { background: url(../js/slick/ajax-loader.gif) no-repeat center; position:relative; height: 570px; border-radius: 0 0 80px 80px; overflow: hidden; }
.homeslider.slick-initialized { background: inherit; height: auto; margin: 0; }
.homeslider .home_slide { display: none; }
.homeslider.slick-initialized .home_slide { display: block; }
.home_slide {
    position: relative; outline: 0;
    background-size: cover; background-position: center; background-repeat: no-repeat;
}
.home_slide img { margin: 0 auto; }
.home_slide .deco-logotext { 
	position: absolute; top: 50%; left: 50%;
	padding: 30px; max-width: 95%; width: 100%; stroke-width: 0.25; opacity: 0.25;
    -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); 
}
/*--*/
.homeslide-img img { margin: 0 auto; }
.homeslide-desc { text-align: center; position: relative; padding: 15em 20px 5em; min-height: 740px; }
.homeslide-desc .title + .desc { margin-top: 15px; }
/*--*/
.homeslider .slick-arrow { 
    width: auto; height: auto; z-index:1; 
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.homeslider .slick-arrow:before {
    content: ''; width: 8em; height: 2px; display: inline-block; background: #58595b;
    vertical-align: middle; font-size: 6px; opacity: 1;  
}
.homeslider .slick-arrow:after { 
    content: ''; width: 2.35em; height: 2.35em; display: inline-block; margin-top: 2px;
    vertical-align: middle; font-size: 6px;
    border-style: solid; border-color: #58595b; border-width: 0.35em 0.35em 0 0;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transform-origin: 0 calc(-100% + 2px); transform-origin: 0 calc(-100% + 2px);
}
.homeslider .slick-prev { left: 3%; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); }
.homeslider .slick-next { right: 3%; }
.homeslider .slick-arrow:not(.slick-disabled):before,
.homeslider .slick-arrow:not(.slick-disabled):after { position: relative; left: 0; transition: all 0.3s ease-out; }
.homeslider .slick-arrow:not(.slick-disabled):hover::before,
.homeslider .slick-arrow:not(.slick-disabled):hover::after { left: 5px; }
.homeslider .slick-arrow:not(.slick-disabled):active::before,
.homeslider .slick-arrow:not(.slick-disabled):active::after { left: 10px; }
.homeslider .slick-disabled { cursor: auto; }
.homeslider .slick-disabled:before { opacity: 0.5; }
/*--*/
.homeslider .slick-dots { bottom: 25px; line-height: 0; }
.homeslider .slick-dots li { width: auto; height: auto; margin: 1px 4px; }
.homeslider .slick-dots li button { 
    width: 10px; height: 10px; display: inline-block; padding: 0; 
    border-radius: 50%; border: 1px solid #58595b; transition: 0.2s ease-out;
}
.homeslider .slick-dots li button:before { content: none; }
.homeslider .slick-dots li.slick-active button, 
.homeslider .slick-dots li button:hover, 
.homeslider .slick-dots li button:focus { background: #58595b; }
/*=====================*/
/*====== product ======*/
.productlist-wrap .deco-logotext { opacity: 0.08; margin-top: 30px; }
/*--*/
ul.productlist { margin-bottom: 0; padding: 0; list-style: none; text-align: center; }
ul.productlist > li { margin-bottom: 50px; }
/*--*/
ul.productlist .img { position: relative; margin-bottom: 20px; padding: 0 8%; }
ul.productlist .img:before {
	content: ''; width: 80%; height: 75%; position: absolute; top: 0; left: 50%;
	border: 1px solid #dedede; border-radius: 30px;
	-webkit-transform: translate(-59%,0); transform: translate(-59%,0);
}
ul.productlist .img img { position: relative; }
/*--*/
ul.productlist .desc { padding: 0 8%; }
ul.productlist .desc .title { font-size: 18px; margin-bottom: 20px; }
ul.productlist .desc .btn-solidoutline { margin-top: 15px; }
/*--*/
.cta-buy-wrap { margin-top: 15px; }
.cta-buy-wrap .btn-solid { padding: 0.3em 1.3em; background: #f9f9f9; border-radius: 5px; }
.cta-buy-wrap .btn-solid img { 
	max-width: 70px; 
	image-rendering: -webkit-optimize-contrast; -webkit-backface-visibility: hidden; backface-visibility: hidden; 
}
/*===================*/
/*====== about ======*/
.about-wrap { position: relative; }
.about-wrap:after {
    content: ''; width: 94%; height: 100%; border: 1px solid #ffd31a;
    position: absolute; top: -50px; left: 50%;
    -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
}
.about-wrap .left-wrap { min-height: 475px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.about-wrap .right-wrap { background: #ebebeb; }
.about-wrap .right-wrap .titlehead { position: relative; z-index: 1; }
/*====================*/
/*====== global ======*/
.global-wrap { /*background: #58595b;*/ background: #404040; color: #fff; }
/*=================*/
/*====== ... ======*/


@media screen and (min-width: 1330px) {
	.homeslide-img img { padding: 0 8em 4em; }
}
@media only screen and (min-width: 768px) {
	.homeslide-img { padding-top: 8em; }
	/*--*/	
}
@media only screen and (min-width: 992px) {
	.productlist-wrap { padding-right: 3em; }
	.productlist-wrap .titlehead .desc { max-width: 60%; }
	.productlist-wrap .deco-logotext { width: 120%; margin-left: -30.333333%; }
}
@media only screen and (max-width: 767px) {
	.homeslider { border-radius: 0 0 30px 30px; }
	.home_slide .deco-logotext { stroke-width: 0.65; }
	.homeslide-desc { padding-top: 6em; padding-bottom: 4em; min-height: 400px; }
	.homeslider .slick-arrow:before { width: 4em; }
	.homeslider .slick-arrow:after { width: 1.55em; height: 1.55em; margin-top: 1px; }
	.homeslider .slick-dots { bottom: 25px; }
	.homeslider .slick-dots li button { width: 8px; height: 8px; }
	/*--*/
	.productlist-wrap .titlehead { margin-bottom: 3em; }
	.productlist-wrap .titlehead .title { position: relative; z-index: 1; }
	.productlist-wrap .deco-logotext { width: 50%; margin: 0; position: absolute; bottom: 5em; right: 0; }
	ul.productlist .img { margin-bottom: 10px; }
	ul.productlist .desc .title { font-size: 16px; margin-bottom: 16px; }
	ul.productlist .desc .btn-solidoutline { margin-top: 11px; }
	/*--*/
	.about-wrap:after { height: 50%; top: 50px; }
}
@media only screen and (max-width: 575px) {
	ul.productlist .img { padding: 0 15%; }
	ul.productlist .img:before { border-radius: 20px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
}
@media only screen and (max-width: 480px) {
	.homeslider .slick-dots { bottom: 15px; }
}


/*=====================================================================*/
/* PRODUCT */
/*=====================================================================*/
.productdetail-top-wrap { background: #f3f3f3; position: relative; margin-bottom: 100px; padding: 12em 5px 0em; border-radius: 0 0 80px 80px; }
.productdetail-top-wrap .deco-logotext { 
	position: absolute; bottom: -30px; left: 50%;
	padding: 30px; max-width: 95%; width: 100%; stroke-width: 0.25; opacity: 0.25;
    -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); 
}
.productdetail-top-wrap .smalldesc { text-align: center; }
.productdetail-top-wrap .smalldesc h1.title { margin-bottom: 0.8em; }
/*--*/
ul.spec_taglist { 
	margin: 30px auto 25px; padding: 0; list-style: none;
	font-weight: 700; text-align: center; 
}
ul.spec_taglist li { position: relative; display: inline-block; margin-right: 15px; margin-bottom: 5px; padding: 0.1em 0.5em; background: #ffd31a; border-radius: 5px; vertical-align: middle; }
ul.spec_taglist > li:after { 
    content: '|'; font-weight: 400; letter-spacing: 0; 
    position: relative; left: 19px; opacity: 0.8; 
}
ul.spec_taglist > li:last-child { margin-right: 0; }
ul.spec_taglist > li:last-child:after { content: ''; }
/*=================*/
/*====== ... ======*/
.productslider-wrap { position: relative; top: 100px; margin-top: -100px; }
/*--*/
.productslider { background: url(../js/slick/ajax-loader.gif) no-repeat center; position:relative; height: 500px; }
.productslider.slick-initialized { background: inherit; height: auto; margin: 0; }
.productslider .product_slide { display: none; }
.productslider.slick-initialized .product_slide { display: block; }
.product_slide { position: relative; outline: 0; }
.product_slide img { margin: 0 auto; max-width: 680px; width: 100%; }
/*--*/
.zoomimg { 
    width: 1.3em; height: 1.3em; background: rgba(0, 0, 0, 0.5); border-radius: 50%;
    font-size: 40px; font-weight: 400; color: #fff; text-align: center; line-height: 1.3;
    position: absolute; top: 50%; left: 50%; cursor: pointer; opacity: 0;
    -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
    transition: 0.3s ease-out;
}
.zoomimg:before { content: '+'; }
.productslider:hover .zoomimg:hover,
.productslider:hover .zoomimg:focus { background: rgba(0, 0, 0, 1); color: #fff; }
.productslider:hover .zoomimg { background: rgba(0, 0, 0, 0.5); opacity: 1; }
/*--*/
.productsliderpop .mfp-figure:after { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); background: #fff; }
/*--*/
.productslider .slick-arrow { 
    width: auto; height: auto; z-index:1; 
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.productslider .slick-arrow:before {
    content: ''; width: 8em; height: 2px; display: inline-block; background: #58595b;
    vertical-align: middle; font-size: 6px; opacity: 1;  
}
.productslider .slick-arrow:after { 
    content: ''; width: 2.35em; height: 2.35em; display: inline-block; margin-top: 2px;
    vertical-align: middle; font-size: 6px;
    border-style: solid; border-color: #58595b; border-width: 0.35em 0.35em 0 0;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transform-origin: 0 calc(-100% + 2px); transform-origin: 0 calc(-100% + 2px);
}
.productslider .slick-prev { left: 3%; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); }
.productslider .slick-next { right: 3%; }
.productslider .slick-arrow:not(.slick-disabled):before,
.productslider .slick-arrow:not(.slick-disabled):after { position: relative; left: 0; transition: all 0.3s ease-out; }
.productslider .slick-arrow:not(.slick-disabled):hover::before,
.productslider .slick-arrow:not(.slick-disabled):hover::after { left: 5px; }
.productslider .slick-arrow:not(.slick-disabled):active::before,
.productslider .slick-arrow:not(.slick-disabled):active::after { left: 10px; }
.productslider .slick-disabled { cursor: auto; }
.productslider .slick-disabled:before { opacity: 0.5; }
/*--*/
.productslider .slick-dots { bottom: 60px; right: 30px; line-height: 0; width: auto; }
.productslider .slick-dots li { width: auto; height: auto; margin: 1px 4px; }
.productslider .slick-dots li button { 
    width: 10px; height: 10px; display: inline-block; padding: 0; 
    border-radius: 50%; border: 1px solid #58595b; transition: 0.2s ease-out;
}
.productslider .slick-dots li button:before { content: none; }
.productslider .slick-dots li.slick-active button, 
.productslider .slick-dots li button:hover, 
.productslider .slick-dots li button:focus { background: #58595b; }
/*=================*/
/*====== ... ======*/
.productdetail-desc-wrap { padding-left: 20px; padding-right: 20px; }
.productdetail-desc { border: 1px solid #dedede; border-radius: 30px; padding: 0; }
.productdetail-desc .item_desc { padding: 55px 45px; }
.productdetail-desc .item_desc + .item_desc { border-top: 1px solid #dedede; }
.productdetail-desc .item_desc:nth-child(even) { background: #f3f3f3; }
.productdetail-desc .item_desc:nth-child(even):last-child { border-radius: 0 0 31px 31px; }
.productdetail-desc .imgdesc img { max-width: 1000px; width: 100%; }
/*--*/
.productdetail-desc .item_desc.benefic_point-wrap { padding: 20px 20px; }
ul.benefic_point { margin-bottom: 0; padding: 0; list-style: none; }
/*--*/
.fourplyshow_desc { background: #f3f3f3; }
.fourplyshow-wrap { position: relative; max-width: 1000px; margin-top: 30px; }
.fourplyshow-wrap [class*=desc] { 
	max-width: 350px; margin: auto; margin-bottom: 30px; padding: 20px;
    /*color: #fff;*/ text-align: center; line-height: 1.3;
}
.fourplyshow-wrap [class*=desc]:last-child { margin-bottom: 0; }
.fourplyshow-wrap [class*=desc] h4 { /*color: #fff; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);*/ }
.fourplyshow-wrap .desc2 { background: #58595b; border-radius: 20px; color: #fff; }
.fourplyshow-wrap .number_tag { position: absolute; left: 0; top: -10px; }
.fourplyshow-wrap .number_tag span { 
	display: inline-block; width: 1.5em; height: 1.5em; margin: 0 3px; border-radius: 50%; background: #ffd31a;
	font-size: 18px; font-weight: 600; color: #58595b; line-height: 1.5;
}
.fourplyshow-wrap .img-wrap { position: relative; }
.fourplyshow-wrap img.img_arrow { position: absolute; top: 0; right: 15%; height: 100%; }
/*--*/
.compare_desc .table-responsive { max-width: 1000px; margin: 0 auto; }
.compare_desc table { text-align: center; line-height: 1.3; }
.compare_desc table th,
.compare_desc table td { border-color: #58595b; }
.compare_desc table th:nth-child(2),
.compare_desc table td:nth-child(2) { background: #ffd31a; }
.compare_desc table th { background: #f3f3f3; text-transform: uppercase; }
.compare_desc table th img { image-rendering: -webkit-optimize-contrast; max-width: 130px; width: 100%; }
.compare_desc table td { padding: 6px 15px; }
.compare_desc table td:first-child { text-align: left; }
/*--*/
ul.spec_point { padding: 0; list-style: none; }
ul.spec_point li:not(:last-child) { margin-bottom: 10px; }
.spec_desc table { max-width: 800px; margin: 0 auto; text-align: center; }
.spec_desc table td { padding: 6px 15px; border-color: #58595b; }
/*--*/
.cert_desc ul { list-style: none; padding: 0; max-width: 1000px; }
.cert_desc ul li { margin-bottom: 20px; }
/*--*/
.color_desc { overflow: hidden; }
.color_model-wrap { margin: 30px -100px 0; }
.color_model-wrap > div { margin: 0 -45px; position: relative; }
.color_model-wrap .desc { 
	position: absolute; bottom: 0; left: 50%; text-align: center;
    width: 72.5%; height: 50%; background-color: transparent;
    -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); 
}
.color_model-wrap .desc p { 
	font-size: 24px; font-weight: 800; color: #fff; line-height: 1.1;
	display: inline-block; position: absolute; bottom: 20px; left: 50%;
	-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); 
}


@media only screen and (max-width: 992px) {
	.productslider .slick-dots { width: 100%; bottom: 0; right: inherit; }
	/*--*/
	.color_model-wrap { margin: 30px -150px 0; }
}
@media only screen and (max-width: 767px) {
	.productdetail-top-wrap { padding: 3em 5px 0em; border-radius: 0 0 30px 30px; }
	.productdetail-top-wrap .deco-logotext { stroke-width: 0.65; }
	/*--*/
	.product_slide img { padding: 0 40px; }
	/*--*/
	.productslider .slick-arrow:before { width: 4em; }
	.productslider .slick-arrow:after { width: 1.55em; height: 1.55em; margin-top: 1px; }
	.productslider .slick-dots li button { width: 8px; height: 8px; }
	/*--*/
	.productdetail-desc .item_desc { padding: 45px 20px; }
	/*--*/
	.cert_desc ul li { margin-bottom: 30px; }
	/*--*/
	.color_model-wrap { margin: 30px 0 0; }
	.color_model-wrap > div { margin: 0; padding: 0; }
	.color_model-wrap .desc { width: 100%; }
	.color_model-wrap .desc p { font-size: 20px; }
}


/*=====================================================================*/
/* REDEMPTION */
/*=====================================================================*/
/*=================*/
/*====== ... ======*/
.redeembanner-wrap { border-radius: 0 0 80px 80px; overflow: hidden; }
.redeembanner-wrap img { margin: 0 auto; }
/*=================*/
/*====== ... ======*/
/* temp solution way to remove autofill bg color*/
.redeemform-wrap input:-webkit-autofill,
.redeemform-wrap input:-webkit-autofill:hover, 
.redeemform-wrap input:-webkit-autofill:focus, 
.redeemform-wrap input:-webkit-autofill:active  {
    transition: background-color 5000s;
    -webkit-text-fill-color: #58595b !important;
}
/*--*/
.redeemform-wrap label { font-weight: 700; margin-bottom: 0.3em; padding-left: 1.5em; }
.redeemform-wrap .form-control,
.redeemform-wrap .form-control:focus { color: #58595b; background: #ebebeb; }
.redeemform-wrap [type="submit"] { font-size: 13px; }
.redeemform-wrap [type="submit"]:hover { background: transparent; border: 1px solid #58595b; color: #58595b; }


@media screen and (min-width: 1330px) {
	.redeembanner-wrap img { padding: 0 8em; }
}
@media only screen and (min-width: 768px) {
	.redeembanner-wrap { padding-top: 8em; }
	/*--*/	
}
@media only screen and (max-width: 767px) {
	.redeembanner-wrap { border-radius: 0 0 30px 30px; }
}





/*=====================================================================*/
/* GALLERY | 16-Dec-2021 */
/*=====================================================================*/
.gallery-wrap .gallery-slider .gallery_item { position: relative; }
.gallery-wrap .gallery-slider .gallery_item div { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; height: 350px; margin: 20px; min-height: 200px; }
.gallery-wrap .gallery-slider .gallery_item:focus .zoomimg,
.gallery-wrap .gallery-slider .gallery_item:hover .zoomimg { opacity: 1; }
.gallery-slider .slick-prev { left: 3%; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); }
.gallery-slider .slick-arrow:before { content: ''; width: 8em; height: 2px; display: inline-block; background: #58595b; vertical-align: middle; font-size: 6px; opacity: 1; }
.gallery-slider .slick-arrow:after { content: ''; width: 2.35em; height: 2.35em; display: inline-block; margin-top: 2px; vertical-align: middle; font-size: 6px; border-style: solid; border-color: #58595b; border-width: 0.35em 0.35em 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 calc(-100% + 2px); transform-origin: 0 calc(-100% + 2px); }
.gallery-slider .slick-next { right: 3%; }
.gallery-slider .slick-arrow { width: auto; height: auto; z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.gallery-slider .slick-arrow:not(.slick-disabled):before, .gallery-slider .slick-arrow:not(.slick-disabled):after { position: relative; left: 0; transition: all 0.3s ease-out; }
.viewall { padding: 0 0 2em; text-align: center; }


.full-gallery { padding: 12em 5px 5em; }
.full-gallery .image-box { border-radius: 20px; height: 300px; margin: 10px 0; min-height: 100px; overflow: hidden; }
.full-gallery .image-box:focus .zoomimg,
.full-gallery .image-box:hover .zoomimg { opacity: 1; }
.full-gallery .image-box img { width: 100%; }


@media screen and (min-width: 1330px) {
	.gallery-wrap .gallery-slider { padding: 0 8em 1em; }
}

@media screen and (max-width: 1330px) {
	.gallery-slider .slick-arrow { background-color: #ffffffad; padding: 10px 0 10px 10px; }
	.gallery-wrap .gallery-slider .gallery_item div { height: 300px; margin: 10px; }
	.viewall { padding: 20px 0 2em; }
}

@media screen and (max-width: 767px) {
	.gallery-wrap .gallery-slider .gallery_item div { height: 250px; }
	.full-gallery { padding: 3em 5px 5em; }
	.full-gallery .image-box { height: 400px; }
	.full-gallery .image-box img { margin: -20px 0 0; }
}

@media screen and (max-width: 500px) {
	.full-gallery .image-box { height: 160px; }
	.full-gallery .col { padding: 0 10px; }
}