@font-face {
	font-family: FbSemitrayler;
	src: url(../fonts/FbSemitrayler-Light.otf);
	font-weight: 300;	
}
@font-face {
	font-family: FbSemitrayler;
	src: url(../fonts/FbSemitrayler-Regular.otf);
	font-weight: 400;	
}
@font-face {
	font-family: FbSemitrayler;
	src: url(../fonts/FbSemitrayler-Bold.otf);
	font-weight: 700;	
}
@font-face {
	font-family: SignPainter;
	src: url(../fonts/SignPainter-HouseScript.ttf);
	font-weight: 400;	
}
* {
    box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;	
}
iframe[name="google_conversion_frame"] {
	position: fixed;
}
body{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-family: 'Rubik', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
	font-family: FbSemitrayler;
	font-size: 35px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h1, .h1 {
    margin-top: 40px;	
    /* font-size: 55px; */
}
h2, .h2 {
    /* font-size: 45px; */
	/* line-height: 55px; */
}
h3, .h3 {
    /* font-size: 23px; */
}
h4, .h4 {
    /* font-size: 18px; */
}
h5, .h5 {
    /* font-size: 14px; */
}
h6, .h6 {
    /* font-size: 12px; */
}
a:active, 
a:hover, 
a:focus,
input:hover, 
input:active, 
input:focus, 
textarea:hover, 
textarea:active, 
textarea:focus {
	outline: 0px;
}
a {
	/* text-decoration: none; */
	/* color: inherit; */
}
strong {
	font-weight: 500;
}
form br {
	display: none;
}
img {
	max-width: 100%;
	height: auto;
}
p,ul,ol {
	margin: 0 0 10px 0;
}
button {
	font-size: 18px;
	outline: 0px;	
}
button:hover,
button:focus,
button:active {
	outline: 0px;
}
textarea {
	font-family: 'Rubik', sans-serif;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}
section {
	/* background-image: url(../img/logo.png); */
}
.font-family {
	font-family: 'Rubik', sans-serif;
}
.ajax-loader {
	position: absolute;
}
.hentry {
    margin-bottom: 0px;
}
.relative {
	position: relative
}
.inline-block {
	display: inline-block;
}
.table {
    display: table;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.padding {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padding-top {
	padding-top: 30px;
}
.padding-bottom {
	padding-bottom: 30px;
}
.container {
    padding: 0 15px 0 15px;
	margin: 0 auto;
}

.image-center {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.image-center img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;	
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;	
	margin: auto;
}
.background-image {
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    overflow: hidden;	
}
.background-image:before {
	content: '';
	display: block;
	padding-top: 70%;
}
.background-image img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.svg svg {
	width: 100%;
	height: 100%;
}
ul.pager {
	padding-right: 0px;
	padding-left: 0px;
}
ul.pagination {
	padding-right: 0px;
	padding-left: 0px;
}

.hide {
	display: none;
}
.header-page-title {
	padding-top: 140px;
    padding-bottom: 30px;	
}
.page-title {
	text-align: center;
    font-weight: 500;
}

.vw {
	font-size: 0.93vw;
	line-height: 1.6;
    overflow: hidden;	
}
.vw h2 {
	font-weight: 400;
    font-size: 2.5vw;
    line-height: 1.35;	
}
.vw .padding {
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
}
.padding.vw {
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
}
/* slick slider */
.slickwraper {
	overflow: hidden;
}
.slick-slide img {
    display: inline-block;
	max-width: 100%;
	height: auto;
}
.slick-slide {
    text-align: center;
}
.slick-arrow {
	position: absolute;
	outline: 0;
	top: 48%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);	
	z-index: 1;
	border: 0px;
	padding: 0px;
	background-color: transparent;
    font-size: 100px;
    line-height: 40px;
    height: 40px;	
	cursor: pointer;	
	color: #000;
}

/* slick slider */
.slickwraper {
	overflow: hidden;
}
.slick-slide img {
    display: inline-block;
	max-width: 100%;
	height: auto;
}
.slick-slide {
    text-align: center;
	outline: 0;
	border: 0;
}
.slick-slide:hover,
.slick-slide:active,
.slick-slide:focut {
	outline: 0;
	border: 0;
}
.slick-arrow {
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 2rem;
	border: 0px;
	padding: 0px;
	background-color: transparent;
	cursor: pointer;	
	color: #000;
	outline: 0;
}
.slick-arrow svg {
	width: 100%;
}
.slick-arrow.slick-next {	
	left: 0px;	
	transform: translate(-100%, -50%);
}
.slick-arrow.slick-prev {
	right: 0px;
	transform: translate(100%, -50%);
}
ul.slick-dots {
	margin: 0px;	
	padding: 0px;
	list-style: none;
	text-align: center;
}
ul.slick-dots li {
	display: inline-block;
	margin: 10px;
	width: 1rem;
	height: 1rem;
	border: 0px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;	
}
ul.slick-dots li button {
	width: 1rem;
	height: 1rem;
	padding: 0px;
	border: 0px;
	border-radius: 50%;
	background-color: #ccc;
	background-size: 100% 100%;
	color: transparent;
	outline: 0;
	cursor: pointer;
}
ul.slick-dots li.slick-active button {
	background-color: #000;
	cursor: default;
}
/* elementor */
#elementor-add-new-section {
    max-width: 100%;
    float: left;
    width: 100%;
}
/* flex */
.flex-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 15px 0;
}
.flex-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 15px 0;
}
.flex-half{
	width: 50%;
}
.flex-third{
	width: 33.33%;
}
.flex-two-thirds{
	width: 66.66%;
}
.flex-qtr{
	width: 25%;
}
.row {
	display: flex;
	width: 100%;
}
/* .row::after { */
	/* display: block; */
	/* clear: both; */
	/* content: ''; */
/* } */
.col-1 {width: 8.33%}
.col-2 {width: 16.66%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.66%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.66%}
.col-9 {width: 75%}
.col-10 {width: 83.33%}
.col-11 {width: 91.66%}
.col-12 {width: 100%}
[class*="col-"] {
	padding: 15px;
	float: left;
}
/* general */
.button {
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none; 
	cursor: pointer;

	display: inline-block;
	margin: 10px;
	padding: 7px 20px;
	border: 0px;
	border-radius: 20px;
	background-color: #001936;	
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	text-align: cener;
}
.button.azure {
	background-color: #79B3FE;
}
.button.blue {
	background-color: #001936;
}
.button.green {
	background-color: #89E1D8;
}
.button.white {
	background-color: #fff;
	border: 1px solid #707070;
	color: #000;
}
.button.black {
	background-color: #000;
	color: #fff;
}

/*spin-wrapper */
.spin-wrapper {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.5);
    z-index: 99999999999999;	
}
.spin-wrapper .spinner {
	position: absolute;
	height: 60px;
	width: 60px;
	border: 3px solid transparent;
	border-top-color: #1dd2af;
	top: 50%;
	left: 50%;
	margin: -30px;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
.spin-wrapper .spinner:before, .spin-wrapper .spinner:after {
	content: '';
	position: absolute;
	border: 3px solid transparent;
	border-radius: 50%;
}
.spin-wrapper .spinner:before {
	border-top-color: #2c3e50;
	top: -12px;
	left: -12px;
	right: -12px;
	bottom: -12px;
	animation: spin 1.5s linear infinite;
}
.spin-wrapper .spinner:after {
	border-top-color: #FFFBFE;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* form */
.site-form input[type="text"],
.site-form input[type="email"],
.site-form input[type="tel"],
.site-form input[type="nubmer"] {
	width: 100%;
	height: 40px;
	margin-top: 12px;
	margin-bottom: 3px;
	padding-right: 20px;
	padding-left: 20px;
	border: 0;
	border-radius: 20px;
	background-color: #fff;
	font-size: 18px;
}
.site-form textarea {
	width: 100%;
	/* height: 90px; */
	margin-top: 12px;
	margin-bottom: 3px;
	padding-right: 20px;
	padding-left: 20px;
	border: 0;
	border-radius: 20px;
	font-size: 18px;
}
.site-form input[type="submit"] {
	width: 100%;
	height: 40px;
	margin-top: 12px;
	margin-bottom: 3px;
	border: 0;
	border-radius: 20px;
	background-color: #000;
	color: #fff;
	font-weight: 700;
	font-size: 18px;	
	text-align: center;
}
/* single */
.post-thumbnail {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;	
}
.button-post-nav {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 40px;
	font-weight: 600;
}
.recent-slide {
	margin: 0 5px;
}
/* category */
.flex-post.img {
	width: 25%;
} 
.flex-post.text {
	width: 72%;
	position: relative;
	padding-bottom: 25px;
} 
.flex-post.text.flex-full {
	width: 100%;	
}
.post-read-more {
	position: absolute;
	bottom: 0;
	left: 0;
}
.flex-container.products-row {
    align-items: flex-start;
	justify-content: center;	
}
.col-4.single-product {
    position: relative;
    z-index: 3;
}
.product-img.image-center {
	position: relative;
    height: 334px;
	background-size: cover;
	overflow: hidden;
}
.product-img.image-center img{
	opacity: 0;
}
.product-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 15px;
	background-color: rgba(255,255,255,0.88);
	color: #000;
	text-align: right;
}
.product-title span {
	margin: 0;
	padding-left: 50px;
	padding-right: 8px;
    font-weight: 300;	

	line-height: 1.35;
}
.product-title .svg {
	display: flex;
	justify-content: center;
	align-items: center;	
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);	
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background-color: #79B3FE;
}
.product-title .svg svg {
	color: #fff;
	width: 50%;
	height: 50%;	
}

/*popup video*/
.play-video {
	cursor: pointer;
}
.vid-popup {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(255, 255, 255);
	background-color: #000;
    display: block;
}
.vid-popup iframe {
    width: 1200px;
    height: 675px;
    max-width: 90vw;
    max-height: 50.6vw;
    margin-bottom: -11px;
    border: 0px;
}
.close-popup {
	position: absolute;
	top: 0;
	right: 0;
    width: 20px;
    height: 20px;
	background-color: #fcd540;
	cursor: pointer;
	z-index: 3;
}
.close-popup:before,
.close-popup:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 65%;
    width: 2px;
    background-color: #152a50;
	transition: 1s;
}
.close-popup:before {
	transform: translate(-50%, -50%) skewX(-30deg);	
}
.close-popup:after {
	transform: translate(-50%, -50%) skewX(30deg);	
}
.close-popup:hover:before {
	transform: translate(-50%, -50%) skewX(30deg);
	background-color: #666;
}
.close-popup:hover:after {
	transform: translate(-50%, -50%) skewX(-30deg);	
	background-color: #666;
}
.product-row .box {
	/* padding: 0px 15px 15px; because slider in product page */
}
.product-row .box .inner {
	position: relative;
}
.product-row .box .image img {
	display: block;
}
.product-row .box .text {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 8px;
	margin: 0;
	background-color: rgba(255,255,255,0.88);
}
.product-row .box .text .svg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background-color: #79B3FE;
}
.product-row .box .text .svg svg {
	width: 24px;
	height: 24px;
	color: #fff;
}

.register-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: #8AE1D8;
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}
.register-popup .register-popup-inner {
    width: 420px;
    height: auto;
    max-width: 90vw;
    max-height: 50.6vw;
    margin-bottom: -11px;
    border: 0px;
	padding: 80px 40px 30px
}
.close-popup.register {
    background: transparent;
    top: 20px;
    left: 10px;
    width: 30px;
    height: 30px;
    right: auto;
    color: #fff;
}
.close-popup.register:before,
.close-popup.register:after {
	display: none;
}

.popup {
    background-color: #8AE1D8;
    display: none;
    position: fixed;
	z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    justify-content: center;	
    border-radius: 0;
    padding: 2.5em 3em 1.8em ;
    text-align: center;
    font-size: 2rem;
}
.popup-image {
	color: #fff;
	width: 100px;
	margin: 0 auto 10px;
}
.popup-title {
	margin-bottom: 20px;	
	color: #fff;
    font-size: 38px;
	text-align: center;
}
.popup-divider {
	display: flex;
	justify-content: center;
	margin-bottom: 18px;	
}
.popup-divider span {
	margin: 6px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #fff;
}
.popup .btn.button.cart {
	margin-right: 0;
	margin-left: 0;
	width: 270px;
	text-align: center;
}
.popup .btn.button.cart{
	border: 2px solid #001936;
}
.popup .btn.button.cart.second {
	background-color: #fff;
	color: #001936;
}
.cart-products {
	display: none;
}
.product-image {
	width: 120px;
}
.single-cart-table td {
	padding: 10px;
}
.register-popup-text {
	font-size: 23px;
	line-height: 31px;	
}
.register-popup-text h4 {
	color: #fff;
	font-size: 40px;
	line-height: 48px;
}
.social-login {
	text-align: center;
	display: flex;
}
.social-login-btn {
	/* display: inline-block; */
	/* width: 56px; */
	/* height: 56px; */
	/* border-radius: 50%; */
	margin: 4px;
	cursor: pointer;
}
.social-login-btn.google {
	/* padding: 12px; */
	display: inline-block;
}
#google-login-block {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	width: 163px;
	border-radius: 3px;
	padding: 5px;
	background-color: #fff;
}
#google-login-block:hover {
	background-color: #efefef;
}
#google-login-block img {
	display: block;
	width: 29px;	
	margin-right: 5px;
	margin-left: 11px;
}
.login-text {
	color: #333;
	font-weight: 700;
	width: 100%;
}
.social-login-btn.facebook {
	/* padding: 12px 20px;	 */
	/* background-color: #3C5A99; */
}
.register-popup-form p {
	font-size: 23px;
	line-height: 31px;	
}
.register-popup-form input {
	width: 100%;
	padding: 5px 20px;
	border: 0px;
	border-radius: 15px;
	font-size: 17px;
	line-height: 20px;
}
.register-popup-form input.register-button {
	margin-bottom: 10px;	
	padding: 5px 20px 7px;	
	border-radius: 25px;	
	background-color: #001936;
	color: #fff;
	font-size: 23px;
	line-height: 31px;
	cursor: pointer;
}
.whatsapp {
	position: fixed;
    z-index: 3;	
	top: 30%;
	left: -20px;
}
.whatsapp a.inner {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	padding: 10px 10px 10px 40px;
	border: 2px solid #fff;
    border-radius: 20px;
	background-color: #28bfa5;
	color: #fff;
	text-decoration: none;
}
.whatsapp .inner .svg {
	width: 40px;
	height: 40px;
	margin-left: 20px;
}
.whatsapp .inner .text {
	/* font-size: 16px; */
	/* line-height: 20px; */
}
/*box-link*/
.box-link {
	position: relative;
}
.box-link .background-image:before {
    padding-top: 90%;
}
.box-link .background-color-hover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.box-link a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.15);
	color: #fff;
	font-weight: 500;	
	font-size: 20px;
	line-height: 1.15;
	text-decoration: none;
    text-align: center;	
	transition: 0.35s;
}
.box-link a:hover {
	background-color: rgba(0,0,0,0.45);
}
.box-link .svg {
	display: flex;
	justify-content: center;
	align-items: center;	
    position: absolute;
    left: 9px;
    bottom: 9px;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background-color: #EF626C;
}
.box-link .svg svg {
	color: #fff;
	width: 50%;
	height: 50%;	
}

/*product page*/
.row.product-row {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
}
.price-center-content {
	padding-top: 40px;
}
.price-center-content .product-col {
	padding-top: 30px;
	padding-bottom: 30px;
}
.price-center-content .product-col.right {
	position: relative;
}
.price-center-content .product-col.right:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background-color: #ebebeb;
}
.price-center-content .product-col h3 {
	margin-top: 0;
	margin-bottom: 30px;
	color: #EF626C;
}
.added-subproduct-wrap {
	margin-top: 40px;
}


#single-product-wrap.middle #single-product-sidebar {
	position: fixed;
    top: 10rem;
}
#single-product-wrap.end  {
	align-items: flex-end;
}


.product-section {
    margin-top: 140px;
}

.subproduct {
	display: flex;
}

.progress-meter {
    position: relative;
	max-width: 90%;	
	padding: 20px 0;
    margin: 230px auto 40px;
	color: #001936;
}
.progress-meter .discount {
	display: block;
    position: absolute;
    bottom: 47px;
    width: 2px;
    height: 2px;
    background: #000;
}
.progress-meter .discount .discount-inner {
	position: relative;
}

.progress-meter .discount .discount-inner:before {
	content: '';
	display: block;
    position: absolute;
    width: 12px;
    height: 150px;
    background: #bd9585;
    border-radius: 5px;
    z-index: 1;
    top: -148px;
    left: 50%;
    transform: translate(-50%);
	background-image: linear-gradient(90deg, #bd9585 50%, #a37d73 50.5%);	
}
.progress-meter .discount.current .discount-inner:before {
    width: 18px;
    height: 230px;
    border-radius: 7px;
    top: -226px;
}
.progress-meter .discount .discount-inner:after {
	content: '';
	display: block;
    position: absolute;
    transform: translate(50%,-50%);
    white-space: nowrap;
    width: 30px;
    height: 15px;
    background: #001936;
    border-radius: 50%;
}
.progress-meter .discount.current .discount-inner:after {
    width: 45px;
    height: 25px;	
}
.progress-meter .discount .discount-inner .discount-dotted {
	position: absolute;
	z-index: 2;
	top: -148px;
    left: 50%;
    transform: translate(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-image: linear-gradient(135deg, #bd9585 50%, #a37d73 50.5%);	
	box-shadow: 0px 2px 0px #6f3e31;
}
.progress-meter .discount.current .discount-inner .discount-dotted {
	top: -251px;
	width: 30px;
	height: 30px;
}
.progress-meter .discount.min {
	display: none;
}
.progress-meter .discount:first-child {
	right: 5%!important;
}
.progress-meter .discount:last-child {
	right: 95%!important;
}
.progress-meter .discount.max{
    right: 100%;
}
.progress-meter .discount-units {
    position: absolute;
    bottom: -55px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
	text-align: center;	
}
.progress-meter .discount .discount-amount {
    position: absolute;
    bottom: 80px;
    left: -6px;
    width: 100px;
    background-image: linear-gradient(123deg, #f4e5ff 60%, #f0dbff 60.5%);
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 20px;
}
.progress-meter .discount.current .discount-amount {
    position: absolute;
    bottom: 80px;
    left: -6px;
    width: 100px;
    background-image: linear-gradient(123deg, #d193ff 60%, #c27ef5 60.5%);
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 20px;
}
.progress-meter .discount .discount-amount:after {
	content: '';
	display: block;
    position: absolute;
    top: 0px;
    right: 0px;
	width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-right:10px solid #fff;	
}
.progress-meter .discount.current .discount-amount {
	bottom: 144px;
    width: 160px;
    height: 84px;	
    padding-right: 30px;	
    font-weight: 700;
    font-size: 150%;
}
.progress-meter .discount.current .discount-amount:after {
	border-top: 42px solid transparent;
	border-bottom: 42px solid transparent; 
	border-right: 20px solid #fff;
}
.progress-meter .discount .discount-amount .text-current {
	display: none;
	font-size: 75%;	
	border-bottom: 1px solid #001936;
	margin-bottom: 2px;	
}
.progress-meter .discount.current .discount-amount .text-current {
	display: block;
}
.progress-meter .discount.current .discount-amount .text-current:after {
	content: '';
	display: block;
	font-size: 75%;	
	width: 100%;
	height: 1px;
	background-color: #001936;
	margin-top: 3px;
	margin-bottom: 3px;
}

progress {
	width: 100%;
	height: 40px;
	margin: 10px auto;
	display: block;
	-webkit-appearance: none;
	border: none;
}
progress::-webkit-progress-bar {
	border-radius: 22px;
	background: #f4e5ff;
}
progress::-webkit-progress-value {
	border-radius: 22px;
	background: #d193ff;	
}
@-webkit-keyframes move {
	0% {background-position: 0px 0px, 0 0, 0 0}
	100% {background-position: -100px 0px, 0 0, 0 0}
}

.product-group-time .title {
	margin-top: 30px;
	margin-bottom: 10px;
	color: #d193ff;
	font-family: FbSemitrayler;	
	font-weight: 500;
	font-size: 25px;
	line-height: 1.1;
}
#countdown {
	display: flex;
	margin-bottom: 30px;
}
#countdown > div {
	width: 100px;
	margin-left: 15px;
	text-align: center;
}
#countdown > div > div:first-child {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 93px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 7px;
	background-color: #d193ff;
	background: linear-gradient(#d193ff 50%, #622f88 50%);	
	color: #fff;
	font-family: FbSemitrayler;
	font-weight: 500;
	font-size: 55px;
}
#countdown > div > div:first-child:after,
#countdown > div > div:first-child:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 16px;
	background-color: #ebebeb;
}
#countdown > div > div:first-child:after {
	left: 0;
}
#countdown > div > div:first-child:before {
	right: 0;
}
.text-row {
	margin-bottom: 30px;
}
.subproduct {
	width: 60%;
}
.subproduct .box-checkbox {
	width: 23%;
	margin-left: 0%;
	position: relative;
}
.subproduct .box-image {
	width: 23%;
	margin-left: 4%;
}
.subproduct .box-text {
	width: 56%;
}
.subproduct .input-number {
	width: 50px;
}
.subproduct input.input-checkbox {
	width: 100px;
	height: 100px;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	border: 0;
}
.subproduct .checkbox-circle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	border: 2px solid #EF626C;
	border-radius: 50%;
}
.subproduct .checkbox-circle.text {
	color: #EF626C;
	font-weight: 700;
	font-size: 23px;
}
.subproduct .box-text .bottom {
	color: #EF626C;	
	font-weight: 700;
}
.subproduct .checkbox-circle.svg {
	background-color: #EF626C;
	color: #fff;
}
.subproduct .checkbox-circle.svg svg {
	width: 50%;
	height: 50%;
}
.subproduct input.input-checkbox ~ .checkbox-circle.text {
  display: flex;
}
.subproduct input.input-checkbox ~ .checkbox-circle.svg {
  display: none;
}
.subproduct input.input-checkbox:checked ~ .checkbox-circle.text {
  display: none;
}
.subproduct input.input-checkbox:checked ~ .checkbox-circle.svg {
  display: flex;
}
.product-image-preview .inner {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
}
.product-image-preview .inner:before {
	content: '';
	display: block;
	padding-top: 68%;
}
.product-image-preview .inner img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.product-text {
    color: #898989;
	position: relative;
}
.product-text ul {
    padding-right: 22px;
}
.product-text h1 {
	color: #000;
}
.product-text h1.product-title {
	/* font-size: 35px; */
}
.product-text strong {
	color: #000;
}
.product-text h2 {
    color: #898989;
    font-weight: 500;
	font-size: 25px;
    line-height: 35px;
}
.product-text h2.product-sub-title {
    margin-top: 0px;
}
.product-text .info-warp textarea {
	padding: 15px;
	border: 0;
	background-color: #ebebeb;
	color: #898989;
}
.product-text .info-warp textarea::-webkit-input-placeholder {
   color: #898989;
}
.product-text .info-warp textarea:-moz-placeholder {
   color: #898989;  
}
.product-text .info-warp textarea::-moz-placeholder {
   color: #898989;  
}
.product-text .info-warp textarea:-ms-input-placeholder {  
   color: #898989;  
}
.date-warp {
	margin-top: 40px;
	margin-bottom: 40px;
}
.button-number {
	display: flex;
    align-items: center;
    justify-content: start;
	margin-top: 2px;
	margin-bottom: 2px;
}
.button-number .btn-qun {
	width: 30px;
	height: 30px;
	color: #999;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none; 
}
.button-number .input-number {
	width: 60px;
	height: 30px;
	text-align: center;
	border: 2px solid #999;
	border-radius: 3px;
}
.button-number input::-webkit-outer-spin-button,
.button-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.button-number input[type=number] {
  -moz-appearance: textfield;
}
.price-center-content .text ul {
    padding: 0;	
	list-style: none;
}
.price-center-content .text ul li  {
	position: relative;
	padding: 14px 50px 5px 0px;	
	/* background-image: url(../svg/ul_li_vi.svg);
	background-repeat: no-repeat;
	background-position: right center; */
}
.price-center-content .text ul li .svg {
	position: absolute;
    right: 5px;
    top: 6px;
	width: 30px;
	height: 30px;
}
.info-warp label {
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #EF626C;
	text-align: center;
}
.info-warp textarea {
	height: 80px;
    border: 2px solid #999;
    border-radius: 3px;	
}
.price-bottom-content {
	text-align: center;
}
.price-bottom-content h3,
.price-bottom-content h4 {
	color: #EF626C;
}
.total {
	margin-top: 30px;
	margin-bottom: 30px;
	/* font-weight: 700; */
	font-size: 125%;
}
.finalprice {
	font-size: 150%;
}

.product-gallery {
	margin-top: 40px;
	/* margin-bottom: 40px; */
}
.product-gallery .box .inner {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
.product-gallery .box .inner:before {
	content: '';
	display: block;
	padding-bottom: 60%;
}
.product-gallery .box .inner img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.product-gallery .slick-arrow {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    color: #fff;
}
.product-gallery .slick-arrow svg {
    width: 50%;
    height: 100%;
}
.product-gallery .slick-arrow.slick-next {
	transform: translate(5%, -50%);
}
.product-gallery .slick-arrow.slick-prev {
    transform: translate(-5%, -50%);
}
.product-video {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 303px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);	
}
.product-sidebar .product-sidebar-top {
	padding: 30px 50px;
	background-color: #8ae1d8;
	color: #fff;
}
.product-sidebar h2 {
	margin-top: 0;
	color: #fff;
	/* font-weight: 700; */
}
.product-sidebar .quantity {
	margin-top: 20px;
	padding-bottom: 40px;
	border-bottom: 1px solid #fff;
}
.product-sidebar .label-quantity {
	display: block;
    margin-bottom: 10px;
	padding-right: 10px;
    color: #001936;
	font-size: 18px;
	line-height: 1.1;
}
.product-sidebar .label-sum {
	display: block;
    margin-bottom: 10px;
    color: #001936;
	font-size: 18px;
	line-height: 1.1;
}
.product-sidebar .sidebar-subproduct-wrap.active {
    padding-top: 15px;
    padding-bottom: 15px;	
    border-bottom: 1px solid #fff;
}
.product-sidebar .sidebar-subproduct.flex-row {
	justify-content: start;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #8ae1d8;
}
.product-sidebar .sidebar-box-checkbox .svg {
	display: block;	
	width: 50px;
	height: 50px;
	margin-left: 15px;
}
.product-sidebar .qty {
    width: 100%;
    border: 0;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 20px;
}
.product-sidebar .total {
	color: #001936;
	/* font-weight: 300; */
	/* font-size: 18px; */
	/* line-height: 1.1; */
}

.product-sidebar .amount {
	font-weight: 700;
}
.btn.button.add-to-cart {
	width: 100%;
	margin: 0;
	text-align: center;
}
.product-sidebar-bottom {
	margin-top: 15px;
	padding: 30px 50px;	
	background-color: #001936;
	color: #fff;
}
.product-sidebar-bottom .inner {
	display: flex;
	justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 25px;	
}
.product-sidebar-bottom .inner .text {
	margin-bottom: 4px;
}
.product-sidebar-bottom .inner .icons {
	display: flex;
}
.product-sidebar-bottom .inner .icons a {
	margin-right: 5px;
}
/*about + home land page*/
.font-title h2:after {
	content: '';
	display: block;
	width: 5vw;
	height: 0.15vw;
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.image-text-full {
	display: flex;
	flex-direction: row-reverse;
	min-height: 26vw;
	background-color: #001936;
	color: #fff;
}
.image-text-full .box {
	width: 50%;
}
.image-text-full .box.image {
    min-height: 26vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.image-text-full .box.text .inner {
	width: 27vw;
	margin-right: 18vw;
}
.image-text-full.font-title .box.text .inner h2 {
	margin-top: 1.5vw;
	color: #8ae1d8;
}
.image-text-full.font-title .box.text .inner h2 em {
	color: #fff;
	font-size: 90%;
	font-family: arial;
    font-style: normal;	
}
.image-text-full.font-title .box.text .inner h2:after {
	background-color: #8ae1d8;
}

.image-text {
	position: relative;
}
.image-text .icon {
	position: absolute;
	z-index: 3;
}
.image-text .box {
	width: 50%;
}
.image-text .box.image .inner {
	position: relative;
}
.image-text .box.image .inner img {
	position: absolute;
	z-index: 2;
}
.image-text .box.image .inner:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;	
}
.image-text .box.text .inner {
	width: 27vw;
}
.image-text .box.text .inner ul {
    list-style: none;
	padding-right: 0;
}
.image-text .box.text .inner ul li {
    position: relative;
    padding: 1vw 4.5vw 0.5vw 7vw;
    font-weight: 700;
}
.image-text .box.text .inner ul li .svg {
    position: absolute;
	top: 1vw;
    right: 0;
    width: 3vw;
    height: 3vw;
}
.image-text.vw h2 {
    font-weight: 600;
    font-size: 1.7vw;
    line-height: 1.15;	
}
.image-text.vw h3 {
    font-weight: 600;
    font-size: 1.3vw;
    line-height: 1.15;	
}
.image-text.image-left .row {
	flex-direction: row-reverse;
}

.section-about-two.font-title .box.text h2 {
	color: #ff91a7;
}
.section-about-two.font-title .box.text .inner h2:after {
	background-color: #ff91a7;
}
.section-about-two.image-text .box.image .inner:after {
    top: 1vw;
    right: 0vw;
    width: 39vw;
    height: 24vw;
	background-color: #ff91a7;
}
.section-about-two.image-text .box.text .inner {
	margin-top: 2vw;
	margin-right: 10vw;
}
.section-about-two.image-text .box.text .inner ul li .svg {
	color: #ff91a7;
}
.section-about-two.image-text .box.image .inner img {
	top: 3vw;
	right: 6vw;
	width: 20vw;
}
.section-about-two.image-text .icon {
	top: 2.27vw;
    right: 53.4vw;
    width: 5.7vw;
}

.section-about-three.font-title .box.text h2 {
	color: #ffb652;
}
.section-about-three.font-title .box.text .inner h2:after {
	background-color: #ffb652;
}
.section-about-three.image-text .box.image .inner:after {
	top: 3vw;
    right: 0vw;
    width: 51vw;
    height: 21vw;
	background-color: #ffb652;
}
.section-about-three.image-text .box.text .inner {
	margin-top: 0vw;
	margin-right: 0vw;
}
.section-about-three.image-text .box.text .inner ul li .svg {
	color: #ffb652;
}
.section-about-three.image-text .box.image .inner img {
	top: 6vw;
    right: 7vw;
    width: 27vw;
}
.section-about-three.image-text .icon {
    top: 7vw;
    right: 33vw;
    width: 7vw;
}

.section-about-four.font-title .box.text h2 {
	color: #ae72f4;
	width: 36vw;
}
.section-about-four.font-title .box.text .inner h2:after {
	background-color: #ae72f4;
}
.section-about-four.image-text .box.image .inner:after {
    top: 5vw;
    right: -7vw;
    width: 42vw;
    height: 26vw;
	background-color: #ae72f4;
}
.section-about-four.image-text .box.text .inner {
	margin-top: 0vw;
	margin-right: 13vw;
}
.section-about-four.image-text .box.text .inner ul li .svg {
	color: #ae72f4;
}
.section-about-four.image-text .box.image .inner img {
	top: -1vw;
    right: 0vw;
    width: 27vw;
}
.section-about-four.image-text .icon {
    top: 14vw;
    right: 53vw;
    width: 9vw;
}

.section-about-five.font-title .box.text h2 {
	color: #79b3fe;
}
.section-about-five.font-title .box.text .inner h2:after {
	background-color: #79b3fe;
}
.section-about-five h3 {
	color: #79b3fe;
}
.section-about-five.image-text .box.image .inner:after {
    top: 10vw;
    right: 0vw;
    width: 51vw;
    height: 20vw;
	background-color: #79b3fe;
}
.section-about-five.image-text .box.text .inner {
	min-height: 34vw;
	margin-top: 0vw;
	margin-right: 0vw;
}
.section-about-five.image-text .box.text .inner ul li .svg {
	color: #79b3fe;
}
.section-about-five.image-text .box.image .inner img {
	top: 5vw;
    right: 6vw;
    width: 35vw;
}
.section-about-five.image-text .icon {
    top: 6vw;
    right: 85vw;
    width: 5vw;
}

.section-about-six.font-title .box.text h2 {
	color: #ef626c;
}
.section-about-six.font-title .box.text .inner h2:after {
	background-color: #ef626c;
}
.section-about-six h3 {
	color: #ef626c;
}
.section-about-six.image-text .box.image .inner:after {
	top: 0vw;
    right: -10vw;
    width: 23vw;
    height: 34vw;
	background-color: #ef626c;
}
.section-about-six.image-text .box.text .inner {
    margin-top: 4vw;
    margin-right: 6vw;
    margin-bottom: 4vw;
    width: 20vw;
}
.section-about-six.image-text .box.text .inner ul li .svg {
	color: #ef626c;
}
.section-about-six.image-text .box.image .inner img {
    top: 7vw;
    right: -2vw;
    width: 35vw;
}
.section-about-six.image-text .icon {
    top: 8.2vw;
    right: 21vw;
    width: 6.3vw;
}

.section-about-seven.padding {
	padding-bottom: 5vw;
}
.section-about-seven {
	background-image: url(../img/abouticon8.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 16vw 16vw;	
}
.section-about-seven.font-title .box.text h2 {
	color: #088298;
}
.section-about-seven.font-title .box.text .inner h2:after {
	background-color: #088298;
}
.section-about-seven.font-title .box.text .inner h3 em {
    color: #000;
    font-size: 90%;
    font-family: arial;
    font-style: normal;
}
.section-about-seven h3 {
	color: #088298;
}
.section-about-seven.image-text .box.image .inner:after {
	top: 8vw;
    right: -2vw;
    width: 52vw;
    height: 25vw;
	background-color: #088298;
}
.section-about-seven.image-text .box.text .inner {
    margin-top: 0vw;
    margin-bottom: 4vw;
    margin-right: 0vw;
}
.section-about-seven.image-text .box.text .inner ul li .svg {
	color: #088298;
}
.section-about-seven.image-text .box.image .inner img {
    top: 12vw;
    right: 2vw;
    width: 41vw;
    max-width: initial;	
}
.section-about-seven.image-text .icon {
	top: 6vw;
    right: 7vw;
    width: 8.5vw;
}

.banner-video  {
	max-width: auto;
	width: 100%;
	object-fit: cover;	
}
.front-page-one .button-wrap {
	margin-top: 1vw;
	margin-bottom: 3vw;
	text-align: center;
}
.front-page-one .button-wrap .button {
	display: inline-block;
    width: 15vw;
}
.front-page-one .icons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}
.front-page-one .icons .box {
	display: inline-block;
	width: 6.8vw;
	height: 11vw;
	margin: 0 0.8vw;
}
.front-page-one .icons a.box {
	text-decoration: none;
	color: #000;
}
.front-page-one .icons .box img {
	display: block;
	width: 6.8vw;
}
.front-page-one .icons .box .text {
	margin-top: 0.6vw;
	font-size: 1.25vw;
}


.section-home-lp-one.padding {
	padding-bottom: 5vw;
}
.section-home-lp-one {
	background-image: url(../img/about1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 16vw 16vw;	
}
.section-home-lp-one.font-title .box.text h2 {
	color: #8AE1D8;
    font-size: 2.5vw;
    line-height: 1.35;
}
.section-home-lp-one.font-title .box.text .inner h2:after {
	background-color: #8AE1D8;
}
.section-home-lp-one.font-title .box.text .inner h2 em {
    color: #000;
    font-size: 90%;
    font-family: arial;
    font-style: normal;
	font-weight: 400;
}
.section-home-lp-one.font-title .box.text .inner h2 em strong {
    font-weight: 700;
}
.section-home-lp-one.image-text .box.image .inner:after {
	top: 3vw;
    right: 0vw;
    width: 51vw;
    height: 21vw;
	background-color: #8AE1D8;
}
.section-home-lp-one.image-text .box.text .inner {
	margin-top: 0vw;
	margin-right: 0vw;
}
.section-home-lp-one.image-text .box.text .inner ul li .svg {
	color: #8AE1D8;
}
.section-home-lp-one.image-text .box.image .inner img {
	top: 0vw;
    right: 7vw;
    width: 35vw;
}
.section-home-lp-one.image-text .icon {
    top: 7vw;
    right: 33vw;
    width: 7vw;
}

.section-home-lp-two.font-title .box.text h2 {
	color: #ae72f4;
	/* width: 36vw; */
}
.section-home-lp-two.font-title .box.text .inner h2:after {
	background-color: #ae72f4;
}
.section-home-lp-two.image-text .box.image .inner:after {
    top: 5vw;
    right: -7vw;
    width: 42vw;
    height: 26vw;
	background-color: #ae72f4;
}
.section-home-lp-two.image-text .box.text .inner {
	margin-top: 0vw;
	margin-right: 13vw;
}
.section-home-lp-two.image-text .box.text .inner ul li .svg {
	color: #ae72f4;
}
.section-home-lp-two.image-text .box.image .inner img {
	top: -1vw;
    right: 0vw;
    width: 27vw;
}
.section-home-lp-two.image-text .icon {
    top: 14vw;
    right: 53vw;
    width: 9vw;
}

.section-home-lp-three.font-title .box.text h2 {
	color: #79b3fe;
}
.section-home-lp-three.font-title .box.text .inner h2:after {
	background-color: #79b3fe;
}
.section-home-lp-three h3 {
	color: #79b3fe;
}
.section-home-lp-three.image-text .box.image .inner:after {
    top: 10vw;
    right: 0vw;
    width: 51vw;
    height: 20vw;
	background-color: #79b3fe;
}
.section-home-lp-three.image-text .box.text .inner {
	min-height: 34vw;
	margin-top: 0vw;
	margin-right: 0vw;
}
.section-home-lp-three.image-text .box.text .inner ul li .svg {
	color: #79b3fe;
}
.section-home-lp-three.image-text .box.image .inner img {
	top: 5vw;
    right: 6vw;
    width: 35vw;
}
.section-home-lp-three.image-text .icon {
    top: 6vw;
    right: 85vw;
    width: 5vw;
}

.section-home-lp-four.font-title .box.text h2 {
	color: #ef626c;
}
.section-home-lp-four.font-title .box.text .inner h2:after {
	background-color: #ef626c;
}
.section-home-lp-four h3 {
	color: #ef626c;
}
.section-home-lp-four.image-text .box.image .inner:after {
	top: 0vw;
    right: -10vw;
    width: 23vw;
    height: 34vw;
	background-color: #ef626c;
}
.section-home-lp-four.image-text .box.text .inner {
    margin-top: 4vw;
    margin-right: 6vw;
    margin-bottom: 4vw;
    width: 20vw;
}
.section-home-lp-four.image-text .box.text .inner ul li .svg {
	color: #ef626c;
}
.section-home-lp-four.image-text .box.image .inner img {
    top: 7vw;
    right: -2vw;
    width: 35vw;
}
.section-home-lp-four.image-text .icon {
    top: 8.2vw;
    right: 21vw;
    width: 6.3vw;
}

.section-home-lp-five.padding {
	padding-bottom: 5vw;
}
.section-home-lp-five {
	background-image: url(../img/abouticon8.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 16vw 16vw;	
}
.section-home-lp-five.font-title .box.text h2 {
	color: #088298;
}
.section-home-lp-five.font-title .box.text .inner h2:after {
	background-color: #088298;
}
.section-home-lp-five.font-title .box.text .inner h3 em {
    color: #000;
    font-size: 90%;
    font-family: arial;
    font-style: normal;
}
.section-home-lp-five h3 {
	color: #088298;
}
.section-home-lp-five.image-text .box.image .inner:after {
	top: 8vw;
    right: -2vw;
    width: 52vw;
    height: 25vw;
	background-color: #088298;
}
.section-home-lp-five.image-text .box.text .inner {
    margin-top: 0vw;
    margin-bottom: 4vw;
    margin-right: 0vw;
}
.section-home-lp-five.image-text .box.text .inner ul li .svg {
	color: #088298;
}
.section-home-lp-five.image-text .box.image .inner img {
    top: 12vw;
    right: 2vw;
    width: 41vw;
    max-width: initial;	
}
.section-home-lp-five.image-text .icon {
	top: 6vw;
    right: 7vw;
    width: 8.5vw;
}

.product-fav {
    position: absolute;
    left: 30px;
    bottom: 30px;
    line-height: 0;
    z-index: 2;	
}
.tax-product_type .product-fav {
    top: 15px;
    bottom: initial;
    left: 15px;
    line-height: 0;
    z-index: 2;	
}
svg.heart {
    fill: transparent;
    position: relative;
    width: 2em;
    stroke: #fff;
}
svg.heart.full {
    fill: #fff;
}

/*login page*/
.login-wrap {
	margin-top: 135px;
    padding: 13vw 0;
	background-size: cover;
    background-position: center;
}
.login-signin {
	max-width: 360px;
    padding: 40px 50px;
	background-color: #8AE1D8;
	color: #fff;
}
.login-signin #loginform {
	margin-top: 20px;
}
.login-signin input[type="text"],
.login-signin input[type="password"] {
	width: 100%;
	margin-top: 4px;
	padding: 12px 20px;
	font-size: 18px;
	line-height: 1.1;
	border: 0;
	border-radius: 20px;
	background-color: #fff;
	color: #000;
}
.login-signin input[type="submit"] {
	width: 100%;
	margin-right: 0;
    margin-left: 0;	
}
.login-signin .login-username label,
.login-signin .login-password label {
	padding-right: 20px;
	padding-left: 20px;
}
.login-register {
    max-width: 360px;
    padding: 20px 20px 25px;
    background-color: #001936;
    color: #fff;
    margin-top: 15px;
	text-align: center;
}
.login-register .title {
	margin: 0;
	font-weight: 300;
	font-size: 45px;
	line-height: 1.1;
}
.login-register .button {
	width: 260px;
	margin: 0 auto;
	color: #001936;
	margin-right: 0;
	margin-left: 0;
}
a.forgot-password {
	text-decoration: none;
	color: #001936;
}
@media (min-width: 768px){
	.container {
		width: 750px;
	}
	.container.container-wide {
		width: 100%;
	}
	.container.container-narrow {
		width: 750px;
	}
}
@media (min-width: 992px){
	.container {
		width: 970px;
	}
	.vw .container {
		width: 66vw;
	}
	.container.container-wide {
		width: 100%;
	}
}
@media (min-width: 1200px){
	.container {
		width: 1170px;
	}	
	.vw .container {
		width: 66vw;
	}
	.container.container-wide {
		width: 100%;
	}
}
@media (min-width: 1430px){
	.container {
		width: 1270px;
	}
	.container.container-med {
		width: 1400px;
	}
	/*product category*/
	.col-4.single-product {
		padding: 40px;
	}
}
@media (min-width: 1630px){
	.container.container-wide {
		width: 1600px;
	}
}
@media (max-width: 1450px){
	.product-row.slick-slider {
		padding: 0 40px;
	}
	.product-row.slick-slider .slick-arrow.slick-prev {
		right: 40px;
	}
	.product-row.slick-slider .slick-arrow.slick-next {
		left: 40px;
	}
}
@media (max-width: 1199px){
	.front-page-one .button-wrap .button {
		width: 22vw;
	}
	/*product catefory*/
	.col-4.single-product {
		width: 50%;
	}
	.products-row .col-3.single-product{
		width: 33%;
	}
}
@media (max-width: 991px){
	body{
		font-size: 14px;
	}
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	h4, .h4, h5, .h5, h6, .h6 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	h1, .h1 {
		font-size: 26px;
	}
	h2, .h2 {
		font-size: 20px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	h4, .h4 {
		font-size: 16px;
	}
	h5, .h5 {
		font-size: 14px;
	}
	h6, .h6 {
		font-size: 12px;
	}
	.vw {
		font-size: 16px;
	}
	.vw h2 {
		font-size: 24px;
	}
	.vw .padding {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.padding {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	/*front page*/
	.front-page-one .button-wrap .button {
		width: 300px;
	}

	.front-page-one .icons .box {
		width: 80px;
		height: 150px;
		margin: 0 10px;
	}
	.front-page-one .icons .box img {
		width: 100%;
	}
	.front-page-one .icons .box .text {
		margin-top: 10px;
		font-size: 18px;
		line-height: 1.1;
	}
	.font-title h2:after {
		width: 100px;
		height: 2px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.image-text .row {
		flex-wrap: wrap;
	}
	.image-text .box {
		width: 100%;
	}
	.image-text .box.image .inner img {
		position: initial;
	}
	.image-text .box.image .inner:after {
		display: none;
	}

	.image-text.vw h2 {
		font-size: 26px;
	}
	.image-text.vw h3 {
		font-size: 20px;
	}
	.image-text .box.text .inner {
		width: 100%;
	}
	.image-text .box.text .inner ul li {
		padding: 0 40px 0px 0px;
	}
	.image-text .box.text .inner ul li .svg {
		top: 5px;
		width: 30px;
		height: 30px;
	}
	.section-home-lp-one {
		background-image: initial;
	}
	.section-home-lp-one.font-title .box.text h2 {
		font-size: 22px;
	}
	.section-home-lp-one.image-text .box.image .inner img {
		right: 0;
		width: 100%;
	}
	.section-home-lp-two.image-text .box.text .inner {
		margin-right: 0;
	}
	.section-home-lp-two.image-text .box.image .inner img {
		top: 0;
		right: 0;
		width: 100%;
	}
	.section-home-lp-three.image-text .box.image .inner img {
		top: 0;
		right: 0;
		width: 100%;
	}
	.section-home-lp-four.image-text .box.text .inner {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		width: 100%;
	}
	.section-home-lp-four.image-text .box.image .inner img {
		top: 0;
		right: 0;
		width: 100%;
	}
	.section-home-lp-five {
		background-image: initial;		
	}
	.section-home-lp-five.image-text .box.image .inner img {
		top: 0;
		right: 0;
		width: 100%;
	}
	.section-home-lp-five.image-text .box.text .inner {
		margin-bottom: 0;
	}
	/*home page*/
	.product-row .box .text .svg {
		width: 30px;
		height: 30px;
	}
	.product-row .box .text .svg svg {
		width: 15px;
		height: 15px;
	}
	/*login/about page*/
	.image-text-full {
		flex-wrap: wrap;
	}
	.image-text-full .box {
		width: 100%;
	}
	.image-text .icon {
		display: none;
	}
	.image-text-full .box.image {
		min-height: 60vw;
	}
	.section-about-two.image-text .box.image .inner img,
	.section-about-three.image-text .box.image .inner img,
	.section-about-four.image-text .box.image .inner img,
	.section-about-five.image-text .box.image .inner img,
	.section-about-six.image-text .box.image .inner img,
	.section-about-seven.image-text .box.image .inner img {
		width: 100%;
	}
	.image-text-full .box.text .inner {
		width: calc(100% - 30px);
		margin-right: auto;
		margin-left: auto;
	}
	.section-about-two.image-text .box.text .inner {
		margin-top: 0;
		margin-right: 0;
	}
	.section-about-four.image-text .box.text .inner {
		margin-top: 0;
		margin-right: 0;
	}
	.section-about-four.font-title .box.text h2 {
		width: 100%;
	}
	.section-about-six.image-text .box.text .inner {
		width: 100%;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
	.section-about-seven.image-text .box.text .inner {
		margin-bottom: 0;
	}
	/*product catefory*/
	.products-row .col-3.single-product{
		width: 50%;
	}
	/*product*/
	.row.product-row {
		flex-wrap: wrap;
	}
	.product-text.col-8 {
		width: 100%;
	}

	#single-product-sidebar-wrap.col-4 {
		width: 100%;
	}
	#single-product-wrap.middle #single-product-sidebar {
		position: initial;
	}
	.product-gallery {
		overflow: hidden;
	}
	.product-gallery .slick-arrow {
		width: 2rem;
		height: 2rem;
		display: flex!important;
		justify-content: center;
		align-items: center;
	}
	.progress-meter .discount .discount-amount {
		bottom: 10vw;
		left: -0.05vw;
		width: 11vw;
		height: 7vw;
		padding-right: 2vw;
	}
	.progress-meter .discount .discount-amount:after {
		border-top: 3.5vw solid transparent;
		border-bottom: 3.5vw solid transparent;
		border-right: 1.5vw solid #fff;
	}
	.progress-meter .discount.current .discount-amount:after {
		border-top: 5.5vw solid transparent;
		border-bottom: 5.5vw solid transparent;
		border-right: 2vw solid #fff;
	}	
	.progress-meter .discount .discount-amount .text-current {
		font-size: 2vw;
		margin-bottom: 0.05vw;
	}
	.progress-meter .discount-units {
		bottom: -6vw;
		width: 13vw;
		font-size: 2vw;
	}
	.progress-meter .discount .discount-inner .discount-dotted {
		top: -20vw;
		width: 2.5vw;
		height: 2.5vw;
	}
	.progress-meter .discount .discount-inner:before {
		width: 1.5vw;
		height: 19.5vw;
		border-radius: 0.7vw;
		top: -19.5vw;
	}
	progress {
		height: 7vw;
		margin: 0.8vw auto;
	}
	.progress-meter .discount .discount-inner:after {
		width: 4vw;
		height: 2vw;
		border-radius: 50%;
	}
	.progress-meter .discount.current .discount-inner:after {
		width: 6vw;
		height: 3vw;
	}
	.progress-meter .discount {
		bottom: 6vw;
		width: 0.1vw;
		height: 0.1vw;
	}
	.progress-meter .discount.current .discount-inner:before {
		width: 2vw;
		height: 30vw;
		border-radius: 0.8vw;
		top: -29.5vw;
	}
	.progress-meter .discount.current .discount-inner .discount-dotted {
		top: -33vw;
		width: 4vw;
		height: 4vw;
	}
	.progress-meter .discount.current .discount-amount {
		bottom: 144px;
		width: 160px;
		height: 84px;
		padding-right: 30px;
		font-weight: 700;
		font-size: 150%;
	}
	.progress-meter .discount.current .discount-amount {
		bottom: 18vw;
		width: 18vw;
		height: 11vw;
		padding-right: 3vw;
		font-size: 3vw;
		left: 0.5vw;
	}
	.progress-meter {
		padding: 2vw 0;
		margin: 30vw 8% 3vw 2%;
		font-size: 2vw;
	}
}
@media (max-width: 767px){
	/* category */
	.flex-row {
		justify-content: center;
		flex-wrap: wrap;
	}
	.flex-post.img {
		width: 250px;
	} 
	.flex-post.text {
		width: 100%;
		max-width: 550px;
	} 
	.flex-full {
		width: 100%;	
	}
    .vid-popup iframe {
		max-width: 110vw;
		max-height: 65vw;
	}

	/*home*/
	.product-row .box .text.flex-row {
		justify-content: space-between;
	}
	/*product category*/
	.row.row-box-link {
		flex-wrap: wrap;
		width: calc(100% + 20px);
		margin-right: -10px;		
	}
	.col-4.box-link-wrap {
		width: 50%;
		padding: 5px;
	}
	.col-4.single-product {
		width: 100%;
	}
	.products-row .col-3.single-product{
		width: 100%;
	}
	.product-title .svg {
		width: 30px;
		height: 30px;
	}
	/*product*/

}
@media (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}
@media (max-width: 540px){
	/*front page*/
	.section-home-lp-one.image-text .box.image .inner img,
	.section-home-lp-two.image-text .box.image .inner img,
	.section-home-lp-three.image-text .box.image .inner img,
	.section-home-lp-four.image-text .box.image .inner img,
	.section-home-lp-five.image-text .box.image .inner img {
		width: calc(100% + 30px);
		max-width: initial;
		margin-right: -15px;
	}
	/*home page*/
	.product-row.slick-slider {
		padding: 0 10px;
	}
	.product-row.slick-slider .slick-arrow {
		width: 25px;
		height: 40px;
		font-size: 50px;
		line-height: 10px;
	}
	.product-row.slick-slider .slick-arrow.slick-prev {
		right: 22px;
	}
	.product-row.slick-slider .slick-arrow.slick-next {
		left: 22px;
	}
	/*product*/

}