@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
  --pink: #f68a99;
  --dpink: #e56173;
  --lpink: #fef3f5;
  --bpink: #9c4d4b;
  --black: #000000;
  --pblack: #7f7f7f;
}
.bg-secondary {
  background-color: #e56173 !important;
}
.btn-primary {
  color: #fff;
  background-color: #f68a99;
  border-color: #f68a99;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.btn-primary:hover {
  color: #fff;
  background-color: #e56173;
  border-color: #e56173;
}
.border-secondary {
  border-color: #dddddd !important;
}
.card, .card-header:first-child, .card-footer:last-child {
  border-radius: 0 !important;
}
/* 	-----------------------------------------------------
------------------- General Styles ------------------
----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background-color: transparent;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  outline: none;
  outline-style: none;
  outline-width: 0;
  color: #666666;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  outline: none;
  outline-style: none;
  outline-width: 0;
  color: var(--pink);
  text-decoration: none;
}
input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}
[contenteditable="true"]:focus {
  outline: none;
}
*:focus {
  outline: none;
}
img {
  margin: 0;
  padding: 0;
  outline-style: none;
  outline-width: 0;
  max-width: 100%;
  height: auto;
}
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  color: var(--pblack);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 100%;
  overflow-x: hidden;
}
.clr {
  font-size: 0;
  height: 0;
  line-height: 0;
  clear: both;
}
.left {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  float: left;
}
.right {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  float: right;
}
.clearfix:before, .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both
}
.clearfix {
  zoom: 1
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}
.img-left {
  float: left;
  margin: 10px 30px 30px 0;
}
.img-right {
  float: right;
  margin: 10px 0 30px 30px;
}
.container {
  max-width: 1254px;
}
.container-fluid {
  max-width: 1570px;
}
.accordion-button:focus {
  box-shadow: none !important;
  border: none !important;
}
/* 	-----------------------------------------------------
-------------------- Header Styles ------------------
----------------------------------------------------- */
.top-section {
  padding: 10px 0;
  background-color: var(--pink);
}
.top-section .socials {
  float: left;
}
.top-section .socials ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-section .socials ul li {
  margin: 0 10px 0 0;
  padding: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #FFFFFF;
}
.top-section .socials ul li a {
  color: #FFFFFF;
  display: block;
}
.top-section .call {
  float: left;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.top-section .call a {
  color: #FFFFFF;
  font-weight: 600;
}
.top-section .currency {
  float: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.top-section .currency img {
  float: left;
  margin: 3px 5px 0 0;
}
.top-section .links {
  float: right;
  padding: 0 10px;
}
.top-section .links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-section .links ul li {
  margin: 0 10px;
  padding: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: #FFFFFF;
}
.top-section .links ul li a {
  color: #FFFFFF;
  display: block;
}
.header-section {
  padding: 15px 0;
}
.header-section .logo {
  float: left;
}
.header-section .search {
  float: left;
  margin: 32px 50px;
  width: 100%;
  max-width: 470px;
}
.header-section .search input[type="search"] {
  margin: 0;
  padding: 10px 60px 10px 20px;
  width: 100%;
  height: 48px;
  background: #FFFFFF url("../images/icon-search.png") no-repeat right;
  border: 1px solid var(--pink);
  border-radius: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: var(--black);
}
.header-section .cart {
  float: right;
  margin: 40px 0 40px 30px;
  position: relative;
}
.header-section .cart a {
  display: block;
}
.header-section .cart a span {
  position: absolute;
  top: 5px;
  left: -8px;
  width: 20px;
  height: 20px;
  background-color: var(--dpink);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  text-align: center;
}
.header-section .wishlist {
  float: right;
  margin: 40px 0 40px 30px;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
  color: var(--dpink);
}
.header-section .wishlist a {
  color: var(--dpink);
  display: block;
}
.header-section .account {
  float: right;
  margin: 40px 0 40px 30px;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
  color: var(--dpink);
}
.header-section .account a {
  color: var(--dpink);
  display: block;
}
.header-section .stores {
  float: right;
  margin: 40px 0 40px 30px;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
  color: var(--dpink);
}
.header-section .stores a {
  color: var(--dpink);
  display: block;
}
.nav-section {
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  border-width: 1px 0;
  transition: all .4s ease-in-out;
}
.nav-section.sticky {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  border-width: 1px 0;
  transition: all .4s ease-in-out;
}
/* 	-----------------------------------------------------
-------------------- Banner Styles ------------------
----------------------------------------------------- */
.banner-section {
  background-color: var(--lpink);
  text-align: center;
}
.product-banner-section {
  background-color: var(--lpink);
  text-align: center;
  /*padding: 50px 0;*/
  padding: 15px 0;
  position: relative;
}
.product-banner-section h1 {
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  color: var(--pink);
  text-transform: uppercase;
  padding: 10px 0;
  letter-spacing: 0.1em;
}
.product-banner-section p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
  letter-spacing: 0.1em;
}
.product-banner-section ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
.product-banner-section ul li {
  margin: 1px;
  padding: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.product-banner-section ul li a {
  color: var(--pblack);
  padding: 5px 10px;
  border: 1px solid var(--pink);
  transition: all .4s ease-in-out;
}
.product-banner-section ul li a:hover {
  color: #FFFFFF;
  background-color: var(--pink);
  transition: all .4s ease-in-out;
}
.product-banner-section ul li a.active {
  color: #FFFFFF;
  background-color: var(--pink);
  transition: all .4s ease-in-out;
}
/* 	-----------------------------------------------------
------------------- Content Styles ------------------
----------------------------------------------------- */
.content-section {
  min-height: 400px;
}
.content-section h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  color: var(--pink);
  padding: 10px 0;
}
.content-section h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  color: var(--pink);
  padding: 10px 0;
}
.content-section h2 span {
  color: #9c4d4b;
}
.content-section h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  color: var(--pink);
  padding: 10px 0;
}
.content-section h4 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  color: var(--pink);
  padding: 10px 0;
}
.content-section h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  color: var(--pink);
  padding: 10px 0;
}
.content-section h6 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: var(--pink);
  padding: 10px 0;
}
.content-section p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
  padding: 10px 0;
}
.content-section ul {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: disc;
}
.content-section ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
  margin: 5px 0;
}
.content-section ul ul {
  list-style: circle;
}
.content-section ol {
  margin: 0;
  padding: 10px 25px;
  list-style: decimal-leading-zero;
}
.content-section ol li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
}
.content-section ol ol {
  list-style: lower-roman;
}
.btn-link01 a {
  margin: 20px 0;
  padding: 10px 30px;
  width: auto;
  height: 44px;
  background-color: #0b2a39;
  border: none;
  border-radius: 22px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
}
.info-section {
  padding: 50px 0;
  text-align: center;
}
.info-section .box {
  padding: 20px;
  background-color: #fef3f5;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--pink);
}
.recommendations-section {
  padding: 50px 0;
  background-color: #f8f8f8;
  text-align: center;
}
.recommendations-slider {
  margin-top: 30px;
}
.recommendations-section .product-box {
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 10px;
  position: relative;
}
.recommendations-section .product-box figure {
  margin: 0;
  padding: 0;
}
.recommendations-section .product-box section {
  margin: 0;
  padding: 20px;
}
.recommendations-section .product-box section h4 {
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
  padding: 0;
}
.recommendations-section .product-box section h4 a {
  color: #333333;
}
.recommendations-section .product-box section .price {
  color: var(--dpink);
  font-weight: 600;
  padding: 10px 0 0 0;
}
.recommendations-section .product-box .info-box {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(229, 97, 115, .9);
  text-align: center;
  transform: scaleY(0);
  transition: transform .5s;
  width: 100%;
  padding: 25px;
}
.recommendations-section .product-box:hover .info-box {
  transform: scaleY(1);
}
.btn-shop a {
  margin: 0 auto;
  padding: 0 30px;
  width: auto;
  height: 30px;
  background: none;
  border: 2px solid #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  line-height: 28px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
}
.trending-section {
  padding: 50px 0;
  text-align: center;
}
.trending-section [class*="col-"] {
  padding: 15px;
}
.ads-section {
  padding: 0 0 50px 0;
}
.ads-section section {
  background: #fef2f4;
  background: -moz-linear-gradient(top, #fef2f4 0%, #f6ced6 100%);
  background: -webkit-linear-gradient(top, #fef2f4 0%, #f6ced6 100%);
  background: linear-gradient(to bottom, #fef2f4 0%, #f6ced6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef2f4', endColorstr='#f6ced6', GradientType=0);
  padding: 20px 60px;
}
.ads-section section h2 {
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px 0;
}
.ads-section section h2 span {
  font-style: italic;
}
.exclusives-section {}
.exclusives-section .row {
  margin: -15px;
}
.exclusives-section [class*="col-"] {
  padding: 15px;
}
.category-section {
  padding: 50px 0;
  text-align: center;
}
.category-section figure {
  margin: 0;
  padding: 0;
}
.category-section article {
  margin: 0;
  padding: 0;
  min-height: 50px;
  background-color: var(--dpink);
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  color: #FFFFFF;
}
.category-section article a {
  color: #FFFFFF;
  padding: 10px;
  display: block;
}
.new-section {
  padding: 0;
}
.new-section .row {
  margin: -15px;
}
.new-section [class*="col-"] {
  padding: 15px;
}
.news-section {
  padding: 50px 0;
}
.news-section figure {
  margin: 0;
  padding: 0;
}
.news-section section {
  margin: 0;
  padding: 10px 0;
  position: relative;
}
.news-section section .date {
  width: 160px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -125px;
}
.news-section section .date .fas {
  margin-left: 10px;
}
.news-section section h6 {
  font-size: 16px;
  font-weight: 500;
  color: var(--black);
  text-transform: uppercase;
  padding: 10px 0 0 0;
}
.news-section section h6 a {
  color: var(--black);
}
.brand-section {
  padding: 50px 0;
  text-align: center;
}
.brand-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.brand-section ul li {
  margin: 0 20px;
  display: inline-block;
}
.brand-section ul li img {
  max-width: 200px;
}
.light-effect {
  position: relative;
  overflow: hidden;
  display: block;
}
.light-effect:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -200%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  transform: skew(45deg);
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
}
.light-effect:hover:after {
  left: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: all .4s ease;
}
.breadcrumb-section {
  padding: 10px 0;
  border: 1px solid #cccccc;
  border-width: 1px 0;
  text-align: center;
}
.breadcrumb-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb-section ul li {
  margin: 0 30px 0 0;
  padding: 0;
  display: inline;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
  position: relative;
}
.breadcrumb-section ul li a {
  color: var(--pblack);
  display: inline-block;
  transition: all .4s ease-in-out;
}
.breadcrumb-section ul li a:hover {
  color: var(--dpink);
  transition: all .4s ease-in-out;
}
.breadcrumb-section ul li.active {
  color: var(--dpink);
  font-weight: 300;
  transition: all .4s ease-in-out;
}
.breadcrumb-section ul li::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../images/breadcrumb-arrow.png") no-repeat center;
  position: absolute;
  top: 4px;
  right: -24px;
}
.breadcrumb-section ul li:last-child::after {
  display: none;
}
.product-category-section {
  padding: 30px 0 50px 0;
}
.product-filter {}
.product-green-box {
  background-color: #e56173;
  border-radius: 10px;
  margin: 0 auto 15px auto;
  padding: 20px;
}
.product-green-box h6 {
  color: #FFFFFF;
  padding: 0;
}
.product-green-box ul li {
  color: #FFFFFF;
}
.product-green-box ul li a {
  color: #FFFFFF;
}
.product-green-box p {
  color: #FFFFFF;
}
.product-green-box p a {
  color: #FFFFFF;
}
.btn-white-link a {
  margin: 0;
  padding: 10px 30px;
  width: auto;
  height: 52px;
  background-color: #FFFFFF;
  border: none;
  border-radius: 7px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #e56173;
  text-transform: uppercase;
  display: inline-block;
  transition: all .4s ease-in-out;
}
.accordion .card {
  border: 1px solid #DDDDDD !important;
  background: #FFFFFF !important;
  border-radius: 0px !important;
  margin: 0 auto 15px auto;
}
.accordion .card .card-header {
  border: none !important;
  border: none !important;
  background: #fef3f5 !important;
  margin: 0;
  padding: 10px 15px;
}
.accordion .card .card-header .btn-header-link {
  display: block;
  border: none !important;
  background: none !important;
  border-radius: 0 !important;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #f68a99;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0;
  box-shadow: none !important;
}
.accordion .card .card-header .btn-header-link:after {
  content: "\f077";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}
.accordion .card .card-header .btn-header-link.collapsed {
  color: #f68a99;
}
.accordion .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
}
.accordion .card .collapsing {}
.accordion .card .collapse {
  border: 0;
}
.accordion .card .collapse.show {
  color: var(--pblack);
  border-radius: 0;
}
.accordion .card-body {
  padding: 15px;
  background-color: #FFFFFF;
}
.rdio {
  position: relative;
}
.rdio input[type=radio] {
  opacity: 0;
}
.rdio label, .custom-checkbox label {
  padding-left: 10px;
  cursor: pointer;
  margin-bottom: 7px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
}
.rdio label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0;
  content: "";
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #e56173;
  background: #ffffff;
}
.rdio input[type=radio] {
  margin: 0px;
}
.rdio input[type=radio]:disabled + label {
  color: var(--pblack);
}
.rdio input[type=radio]:disabled + label:before {
  background-color: #e56173;
}
.rdio input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  background-color: #e56173;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.rdio-default input[type=radio]:checked + label:before {
  border-color: #e56173;
}
.rdio-primary input[type=radio]:checked + label:before {
  border-color: #e56173;
}
.rdio-primary input[type=radio]:checked + label::after {
  background-color: #e56173;
}
.custom-checkbox > [type=checkbox], .custom-checkbox label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox > [type=checkbox]:not(:checked), .custom-checkbox > [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label, .custom-checkbox > [type=checkbox]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:before, .custom-checkbox > [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 17px;
  height: 17px;
  border: 1px solid #e56173;
  background: #ffffff;
  border-radius: 2px;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after, .custom-checkbox > [type=checkbox]:checked + label:after {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 3px;
  color: #e56173;
  xtransition: all 0.2s;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.custom-checkbox > [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type=checkbox][data-indeterminate] + label:after {
  content: "−";
  left: 2px;
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type=checkbox]:disabled:not(:checked) + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  cursor: not-allowed;
  opacity: 1;
  color: #dadada;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  cursor: not-allowed;
  opacity: 1;
  color: #e56173;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:after {
  color: #e56173;
  cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:disabled + label {
  color: #aaa;
  cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:checked:focus + label:before, .custom-checkbox > [type=checkbox]:not(:checked):focus + label:before {
  border: 1px solid #e56173;
}
.custom-checkbox label:hover:before {
  border: 1px solid #e56173 !important;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:hover:before, .custom-checkbox [type=checkbox]:disabled:checked + label:hover:before {
  border: 1px solid #e56173 !important;
}
.price-range-slider {
  width: 100%;
}
.price-range-slider .range-value {
  margin: 0;
  padding: 0;
}
.price-range-slider .range-value input {
  font-size: 14px;
  font-weight: 400;
  color: var(--pblack);
  text-align: center;
  width: 100%;
  max-width: 110px;
  background: #FFFFFF;
  border: 1px solid #cee4e2;
  border-radius: 5px;
  box-shadow: none;
  padding: 10px;
  margin: 20px 0 0 0;
}
.price-range-slider .range-bar {
  border: none;
  background: #c1d7d5 !important;
  height: 2px;
  width: 96%;
  margin-left: 8px;
}
.price-range-slider .range-bar .ui-slider-range {
  background: #e56173 !important;
}
.price-range-slider .range-bar .ui-slider-handle {
  border: none;
  border-radius: 25px;
  background: #e56173;
  height: 10px;
  width: 10px;
  top: -0.3em;
  cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-handle + span {
  background: #e56173 !important;
}
.product-number {
  float: left;
  padding-right: 70px;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  color: var(--pblack);
}
.product-sort-by {
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  color: var(--pblack);
}
.product-sort-by select {
  margin: 0 0 0 10px;
  padding: 5px 36px 5px 10px;
  width: auto;
  height: 36px;
  background: #FFFFFF url("../images/dd-arrow.png") no-repeat right;
  border: 1px solid #DDDDDD;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--pblack);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
}
.product-sort-by select option {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--pblack);
}
.products-container [class*="col-"] {
  padding: 15px;
}
.products-container .card {
  border: 1px solid #DDDDDD !important;
  border-radius: 0px !important;
}
.products-container .list-view .row > [class*=col-] {
  max-width: 100%;
  flex: 0 0 100%;
}
.products-container .list-view .card {
  flex-direction: row;
}
@media (max-width:768px) {
  .products-container .list-view .card {
    flex-direction: column;
  }
}
.products-container .list-view .card > .card-img-top {
  width: 250px;
  border-radius: 10px 0 0 10px !important;
}
.products-container .list-grid .card > .card-img-top {
  border-radius: 10px 10px 0 0 !important;
}
.products-container .list-view .card .card-body {
  display: inline-block;
}
.products-container .products-views {
  float: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  color: var(--pblack);
  margin-top: -38px;
}
.products-container .products-views .btn-grid, .products-container .products-views .btn-list {
  margin: 0 0 0 10px;
  padding: 0;
  width: auto;
  height: auto;
  background: none;
  border: none;
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
  color: var(--pblack);
}
.products-container .products-views .fas {
  vertical-align: middle;
}
.products-container .card ul {
  padding: 10px 0 0 15px;
}
.products-container .card ul li {
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.products-container .card p {
  font-size: 14px;
  padding: 2px 0;
  margin: 0;
}
.products-container .card-title {
  font-size: 18px;
  color: #000000;
  padding: 2px 0;
  margin: 0;
}
.products-container .sale-price {
  font-size: 22px;
  font-weight: 500;
  color: var(--pblack);
}
.products-container .real-price {
  font-size: 16px;
  color: #6C6C6C;
  text-decoration: line-through;
  padding: 0 10px;
}
.products-container .save-price {
  font-size: 16px;
  color: #FF3055;
}
.products-container .in-stock {
  color: #1FAB00;
  float: right;
}
.products-container .fas {
  color: var(--pink);
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
.products-container .card-bottom {
  display: block;
}
.products-container .card-bottom .row {
  margin: 0;
}
.products-container .card-bottom [class*="col-"] {
  padding: 0;
}
.products-container .card .compare {
  padding: 8px 10px;
  width: 100%;
  height: 40px;
  background-color: #c1d7d5;
  border: none;
  border-bottom-left-radius: 10px;
}
.products-container .card .add-to-cart a {
  padding: 10px;
  width: 100%;
  height: 40px;
  background-color: #e56173;
  border: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
}
.products-container .card .btn-quick-view a {
  padding: 10px;
  width: 100%;
  height: 40px;
  background-color: #f68a99;
  border: 1px solid #f68a99;
  border-radius: 0px !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  display: none;
}
.products-container .card .add-to-cart a img {
  vertical-align: middle;
  margin-right: 5px;
}
.products-container .list-view .card-bottom {
  padding: 1.25rem;
  width: 250px;
}
.products-container .list-view .compare {
  margin: 7px auto;
  border-radius: 0px !important;
}
.products-container .list-view .add-to-cart a {
  margin: 7px auto;
  border-radius: 0px !important;
}
.products-container .list-view .btn-quick-view a {
  margin: 7px auto;
  display: block;
}
.products-container .card figure {
  margin: 0;
  padding: 0;
  position: relative;
}
.products-container .card figure .cd-trigger {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: rgba(246, 138, 153, .9);
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s, background-color 0.2s;
  -moz-transition: opacity 0.2s, background-color 0.2s;
  transition: opacity 0.2s, background-color 0.2s;
  transition: all .4s ease-in-out;
}
.products-container .card:hover .cd-trigger {
  visibility: visible;
  opacity: 1;
  transition: all .4s ease-in-out;
}
.products-container .list-view .card > figure {
  width: 180px;
}
.products-container .list-view .card > figure img {
  border-radius: 10px;
}
.products-container .list-view .card > figure .cd-trigger {
  display: none;
}
.products-container .list-view .compare label {
  font-size: 16px !important;
}
.grid-container {
  padding: 0 0 5px 0;
}
.product-showing-results {
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: var(--pblack);
}
.product-pagination {
  float: right;
}
.product-pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-pagination ul li {
  margin: 0 0 0 5px;
  padding: 0;
  display: inline;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--pblack);
  text-align: center;
}
.product-pagination ul li a {
  color: var(--pblack);
  display: inline-block;
  border: 1px solid #fef3f5;
  border-radius: 3px;
  padding: 0 10px;
  transition: all .4s ease-in-out;
}
.product-pagination ul li a:hover, .product-pagination ul li a.active {
  color: var(--pblack);
  background-color: #fef3f5;
  transition: all .4s ease-in-out;
}
.product-pagination ul li a .fas {
  color: var(--pblack);
}
.product-information {
  background-color: #f6fafb;
  border: 1px solid var(--lpink);
  border-radius: 10px;
  margin-top: 20px;
  padding: 5px 15px;
}
.product-information h6 {
  position: relative;
  z-index: 1;
}
.product-information h6 span {
  display: inline-block;
  background-color: #f6fafb;
  padding-right: 15px;
}
.product-information h6::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #484550;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: -1;
}
.accordions {
  display: block;
  margin: 0 auto;
}
.accordion-item {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid var(--lpink);
}
.accordion-item:last-child {
  border-bottom: none;
}
.accordion-item .title_tab {
  width: 100%;
  color: var(--pblack);
  padding: 0;
  cursor: pointer;
  transition: background-color 0.3s ease-in;
}
.accordion-item .title_tab .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--pblack);
  margin: 0;
  padding: 0;
  position: relative;
}
.accordion-item .title_tab .title .icon {
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  background-color: transparent;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in;
}
.accordion-item .title_tab .title .icon:before, .accordion-item .title_tab .title .icon:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: var(--pblack);
}
.accordion-item .title_tab .title .icon:before {
  top: 0;
  left: 1px;
  transform: rotate(-45deg);
}
.accordion-item .title_tab .title .icon:after {
  top: 0;
  right: 1px;
  transform: rotate(45deg);
}
.inner_content {
  width: 100%;
  height: auto;
  display: none;
  overflow: hidden;
}
.inner_content p {
  width: 100%;
  margin: auto;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  opacity: 0;
  transform: translate3d(0px, 60px, 0px);
  transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01), opacity 0.8s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
}
.accordion-item .title_tab.active {
  transition: background-color 0.3s ease-in;
}
.accordion-item .title_tab.active .title .icon {
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in;
}
.accordion-item .title_tab:hover {
  transition: background-color 0.3s ease-in;
}
.accordion-item .inner_content p.show {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01), transform 0.6s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
}
.product-mobile-showing-results {
  display: none;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: var(--pblack);
}
.product-mobile-filter-button {
  display: none;
}
.product-mobile-filter-button {
  padding: 0;
  width: 100%;
  height: 36px;
  background-color: #e56173;
  border: none;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  line-height: 36px;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  cursor: pointer;
  display: none;
}
.product-mobile-filter-button a {
  display: block;
}
.product-mobile-filter-button a img {
  vertical-align: middle;
}
.product-mobile-sort-by {
  display: none;
}
.product-mobile-sort-by select {
  margin: 0;
  padding: 5px 36px 5px 10px;
  width: 100%;
  height: 36px;
  background: #FFFFFF url("../images/dd-arrow.png") no-repeat right;
  border: 1px solid #dddddd;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--pblack);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
}
.product-mobile-sort-by select option {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--pblack);
}
.mobile-row .row {
  margin: 0 -5px;
}
.mobile-row [class*="col-"] {
  padding: 0 5px;
}
.product-mobile-green-box {
  background-color: #e56173;
  border-radius: 10px;
  margin: 0 auto 15px auto;
  padding: 20px;
  display: none;
}
.product-mobile-green-box h6 {
  color: #FFFFFF;
  padding: 0;
}
.product-mobile-green-box ul li {
  color: #FFFFFF;
}
.product-mobile-green-box ul li a {
  color: #FFFFFF;
}
.product-mobile-green-box p {
  color: #FFFFFF;
}
.product-mobile-green-box p a {
  color: #FFFFFF;
}
.product-mobile-green-box .fas {
  color: #FFFFFF;
}
.product-mobile-green-box .btn-white-link a {
  margin: 0;
  padding: 5px 20px;
  height: 42px;
  font-size: 16px;
}
.scrollbar-1 {
  scrollbar-width: thin;
  scrollbar-color: #f68a99 #FFFFFF;
}
.scrollbar-1::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scrollbar-1::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 1px solid transparent;
}
.scrollbar-1::-webkit-scrollbar-thumb {
  background-color: #f68a99;
}
.scrollbar-1::-webkit-scrollbar-thumb:hover {
  background-color: #e56173;
}
.scrollbar-1::-webkit-scrollbar-corner, .scrollbar-1::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
[class^=scrollbar] {
  max-height: 200px;
  overflow-y: scroll;
}
.range-slider {
  width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 30px;
}
.range-slider .rangeValues {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
}
input[type=range] {
  -webkit-appearance: none;
  border: 1px solid white;
  width: 100%;
  position: absolute;
  left: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #dddddd;
  border: none;
  border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #f68a99;
  margin-top: -4px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #cccccc;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  background: #dddddd;
  border: none;
  border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #f68a99;
}
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
  z-index: -4;
}
input[type=range]::-ms-fill-lower {
  background: #777777;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: #dddddd;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #f68a99;
}
input[type=range]:focus::-ms-fill-lower {
  background: #888888;
}
input[type=range]:focus::-ms-fill-upper {
  background: #cccccc;
}
.login-section {
  padding: 50px 0;
}
.account-section {
  padding: 50px 0;
}
.edit-filter-modal {
  width: 100%;
  position: inherit;
  left: auto;
  top: auto;
  z-index: 9;
  background-color: #FFFFFF;
  transition: transform 0.1s ease, opacity 0.1s ease;
}
.hidden {
  transform: scale(1);
  opacity: 1;
}
.filter-hidden {
  display: block;
}
.product-details-section {
  padding: 50px 0;
}
.product-details-section h6.view {
  font-weight: 400;
  color: #6C6C6C;
  text-transform: uppercase;
  text-align: center;
}
.product-details-section h3 {
  padding: 0 0 5px 0;
}
.product-details-section p {
  padding: 5px 0;
}
.product-details-section ul {
  padding: 10px 15px;
}
.product-details-section .red-text {
  color: #FF3055;
}
.product-details-section .sale-price {
  font-size: 22px;
  font-weight: 600;
  color: #404043;
}
.product-details-section .real-price {
  font-size: 16px;
  color: #6C6C6C;
  text-decoration: line-through;
  padding: 0 10px;
}
.product-details-section .save-price {
  font-size: 16px;
  color: #FF3055;
}
.product-details-section .in-stock {
  padding-left: 50px;
  color: #1FAB00;
}
.product-details-section .qa-text {
  padding-left: 50px;
}
.product-details-section .fa-shuttle-van {
  color: #7AC943;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
.product-details-section table {
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
}
.product-details-section table td {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #404043;
  vertical-align: middle;
  text-align: left;
}
.product-details-section table td select {
  margin: 0;
  padding: 5px 36px 5px 10px;
  width: 100%;
  max-width: 350px;
  height: 36px;
  background: #FFFFFF url("../images/dd-arrow.png") no-repeat right;
  border: 1px solid #C4C4C4;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--pink);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
}
.product-details-section .quantity-box {
  float: left;
  margin-right: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
}
.product-details-section .quantity {
  position: relative;
  display: inline-block;
  color: #7f7f7f;
  border: 1px solid #a9a9a9;
}
.product-details-section .quantity input[type=number] {
  transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  font-size: 32px;
  line-height: 24px;
  font-weight: 400;
  box-shadow: none;
  outline: none;
  width: 90px;
  height: 80px;
  text-align: center;
  float: right;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 0 1px;
  background-color: #ffffff;
  color: #342f2f;
}
.product-details-section .quantity input[type=number]:focus {
  border-color: #a9a9a9 !important;
}
.product-details-section .quantity input[type=number]:hover {
  border-color: #a9a9a9;
}
.product-details-section .quantity-button {
  width: 60px;
  height: 80px;
  display: inline-block;
  float: right;
  position: relative;
  cursor: pointer;
}
.product-details-section .quantity-button::before, .product-details-section .quantity-button::after {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 7px);
  content: "";
  width: 14px;
  height: 2px;
  background-color: currentColor;
  display: block;
}
.product-details-section .quantity-remove::after {
  display: none;
}
.product-details-section .quantity-add::after {
  transform: rotate(90deg);
}
.product-details-section .addtocart-box {
  float: left;
  margin-right: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.product-details-section .addtocart-box button[type="button"] {
  margin: 0;
  padding: 15px;
  width: 230px;
  height: 80px;
  background-color: var(--pink);
  border: none;
  font-size: 20px;
  font-weight: 500;
  line-height: 50px;
  color: #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
}
.product-details-section .addtocart-box button[type="button"] img {
  vertical-align: middle;
  margin-right: 5px;
}
.product-details-section .wishlist-box {
  float: left;
  margin-right: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.product-details-section .bar-box {
  float: left;
  margin-top: 15px;
  margin-bottom: 10px;
}
.product-details-section ul.social {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-details-section ul.social li {
  margin: 0 10px 0 0;
  padding: 0;
  display: inline;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  color: #404043;
  text-align: center;
}
.product-details-section ul.social li a {
  color: #404043;
  display: inline-block;
  transition: all .4s ease-in-out;
}
.product-details-section ul.social li a:hover {
  color: #404043;
  transition: all .4s ease-in-out;
}
.payment-method-box {
  margin-top: 10px;
  padding: 15px;
  background-color: var(--lpink);
  border: 1px solid var(--pink);
  border-radius: 0px;
}
.payment-method-box figure {
  margin: 0;
  padding: 10px 5px;
  float: left;
}
.payment-method-box article {
  margin-left: 90px;
}
.payment-method-box article p strong {
  font-weight: 500;
}
.contact-form {
  padding: 30px;
  background-color: var(--lpink);
  border: 1px solid var(--pink);
  border-radius: 0px;
}
.form-control {
  border-radius: 0 !important;
}
.product-specification-section {
  padding: 50px 0;
}
.tab-content {
  margin: 0 auto !important;
  padding: 0;
  text-align: center;
}
.tab-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #c4c4c4;
  display: inline-block;
}
.tab-content li {
  display: inline;
  margin: 0;
  padding: 0 40px;
  width: auto;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.4;
  color: var(--pblack);
  text-align: center;
}
.tab-content li a {
  color: var(--pblack);
  display: inline-block;
  padding-bottom: 15px;
}
.tab-content li a:hover {
  color: var(--pink);
}
.tab-content li a.select {
  color: var(--pink);
  border-bottom: 3px solid var(--pink);
  position: relative;
}
.tab-content li a.select::after {
  content: "";
  width: 17px;
  height: 9px;
  background: url("../images/tab-select.png") no-repeat center;
  position: absolute;
  left: 50%;
  bottom: -1px;
  margin-left: -8px;
}
.tab-details {
  margin: 50px auto 0 auto;
  padding: 0;
}
.product-specification-section .content h5 {
  padding: 0 0 8px 0;
}
.product-specification-section .content p {
  line-height: 1.4;
  padding: 6px 0;
}
.product-specification-section .content .grey-box {
  background-color: #f3f3f3;
  border: 1px solid #cecece;
  border-radius: 5px;
  padding: 10px;
  margin: 6px auto;
}
.product-specification-section .content .grey-box ul {
  padding: 0 0 0 20px;
}
.product-specification-section .content .grey-box ul li {
  line-height: 1.4;
}
.product-specification-section .content .green-box {
  background-color: #f6fafb;
  border: 1px solid #d0e4e5;
  border-radius: 5px;
  padding: 15px;
  height: 100%;
  max-height: 390px;
}
.product-specification-section .grey-box01 {
  background-color: #EAF0EF !important;
  padding: 15px;
}
.product-specification-section .green-box01 {
  background-color: #f6fafb;
  border: 1px solid #d0e4e5;
  margin: 0 auto 30px 0;
}
.product-specification-section .green-box01:last-child {
  margin: 0 auto;
}
.product-specification-section .green-box01 article {
  padding: 10px 15px;
}
.product-specification-section .green-box01 article h6, .product-specification-section .green-box01 article p {
  padding: 5px 0;
}
.product-specification-section .video {
  padding: 10px 0;
}
.product-specification-section p.red-txt {
  padding: 0;
  color: #565253;
}
.product-specification-section p.red-txt a {
  color: #FF3055;
}
.product-specification-section h6 a {
  color: #FF3055;
}
.n-text {
  width: 24px;
  color: #FF3055;
  display: inline-block;
}
.q-text {
  width: 90px;
  color: #FF3055;
  display: inline-block;
}
.a-text {
  width: 128px;
  font-size: 18px;
  font-weight: 600;
  color: #36A39E;
  display: block;
  padding-left: 30px;
  float: left;
}
.ask-a-question {
  padding: 24px;
  background-color: #f6fafb;
  border: 1px solid #cfe5e3;
  border-radius: 20px;
}
.ask-a-question h5 {
  padding: 0 0 10px 0;
}
.ask-a-question input[type="text"], .ask-a-question input[type="email"], .ask-a-question textarea {
  margin: 10px auto;
  padding: 10px 15px;
  width: 100%;
  height: 50px;
  background-color: #FFFFFF;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #404043;
}
.ask-a-question textarea {
  height: 300px;
  overflow: auto;
  resize: none;
}
.ask-a-question input[type="submit"] {
  margin: 10px auto;
  padding: 10px 15px;
  width: 100%;
  height: 50px;
  background-color: var(--pink);
  border: 1px solid var(--pink);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #FFFFFF;
}
table.specification {
  margin: 10px 0;
  padding: 0;
  border: 1px solid #c5c5c5;
  border-collapse: collapse;
}
table.specification tr {
  border: 1px solid #c5c5c5;
  border-collapse: collapse;
}
table.specification td {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #565253;
}
table.specification td img {
  vertical-align: middle;
  margin-left: 5px;
}
.warranty-content p span {
  color: #FF3055;
}
.warranty-content p a {
  color: #01B9FF;
  font-weight: 600;
}
.review-content01 {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #c4c4c4;
}
.review-content01 p {
  line-height: 20px;
  float: left;
}
.review-content01 p img {
  vertical-align: top;
}
.review-content01 .btn-links a {
  margin: 0 0 0 30px;
  padding: 5px 15px;
  width: auto;
  height: 40px;
  background-color: #484452;
  border: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  display: inline-block;
  float: right;
}
.review-content02 {
  padding: 10px 0;
}
.review-content02 h5 {
  float: left;
}
.review-content02 p {
  float: right;
}
.review-content02 p span {
  color: #FF3055;
}
.review-content03 {
  padding: 25px;
  background-color: var(--lpink);
  border: 1px solid var(--pink);
  border-radius: 0;
}
.review-content03 p span {
  color: #FF3055;
}
.review-content03 p .fa-star {
  color: #EE930E;
}
.review-content03 label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #565253;
  display: block;
  padding: 5px 0;
}
.review-content03 label span {
  color: #FF3055;
}
.review-content03 [class*="col-"] {
  padding: 5px 15px;
}
.review-content03 input[type="text"], .review-content03 input[type="email"], .review-content03 input[type="file"], .review-content03 textarea {
  margin: 0;
  padding: 10px;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  border: 1px solid #c4c4c4;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #565253;
}
.review-content03 textarea {
  height: 100px;
  overflow: auto;
  resize: none;
}
.review-content03 input[type="submit"] {
  margin: 33px 0 0 0;
  padding: 10px;
  width: 100%;
  height: auto;
  background-color: var(--pink);
  border: 1px solid var(--pink);
  border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
}
.review-content04 {
  padding: 50px 0 0 0;
}
.review-content04 .sort-by {
  float: right;
}
.review-content04 select {
  margin: 0;
  padding: 5px 36px 5px 10px;
  width: auto;
  height: 36px;
  background: #FFFFFF url("../images/dd-arrow.png") no-repeat right;
  border: 1px solid #c4c4c4;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #404043;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
}
.tab-content02 {
  margin: 0 auto !important;
  padding: 0;
}
.tab-content02 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #c4c4c4;
}
.tab-content02 li {
  display: inline;
  margin: 0 50px 0 0;
  padding: 0;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.4;
  color: var(--pblack);
  text-align: center;
}
.tab-content02 li a {
  color: var(--pblack);
  display: inline-block;
  padding-bottom: 15px;
}
.tab-content02 li a:hover {
  color: var(--pink);
}
.tab-content02 li a.select02 {
  color: var(--pink);
}
.tab-details02 {
  margin: 30px auto 0 auto;
  padding: 0;
}
.review {
  padding: 15px 0;
  border-bottom: 1px solid #c4c4c4;
}
.review figure {
  margin: 0;
  padding: 0;
  float: left;
  width: 60px;
  height: 60px;
  background-color: #7795c7;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  line-height: 60px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
.review figure .tick {
  position: absolute;
  top: 10px;
  right: -5px;
}
.review section {
  margin-left: 80px;
  position: relative;
}
.review section h6 {
  padding: 0;
}
.review section p {
  padding: 0;
}
.review section h6 span {
  font-size: 16px;
  font-weight: 400;
  margin-left: 30px;
}
.review section .date {
  position: absolute;
  right: 0;
  top: 0;
}
.review section .share {
  float: left;
}
.review section .like-dislike {
  float: right;
}
.review section .like-dislike .fas {
  margin-left: 15px;
}
.review section .review {
  padding: 15px 0 0 0;
  border-bottom: none;
}
.review-pagination {
  text-align: center;
  margin-top: 30px;
}
.review-pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.review-pagination ul li {
  margin: 0 5px;
  padding: 0;
  display: inline;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #404043;
  text-align: center;
}
.review-pagination ul li a {
  color: #404043;
  display: inline-block;
  transition: all .4s ease-in-out;
}
.review-pagination ul li a:hover, .review-pagination ul li a.active {
  color: var(--pink);
  transition: all .4s ease-in-out;
}
.review-pagination ul li a .fas {
  color: #404043;
}
.product-viewed-section {
  padding: 50px 0;
}
.viewed-slider {
  padding: 30px 50px 0 50px;
}
.viewed-slider .box {
  border: 1px solid #d6d6d6;
  position: relative;
}
.viewed-slider .box figure {
  margin: 0;
  padding: 0;
}
.viewed-slider .box article {
  margin: 0;
  padding: 5px 10px 10px 10px;
}
.viewed-slider .sale-price {
  font-size: 22px;
  font-weight: 600;
  color: #404043;
}
.viewed-slider .real-price {
  font-size: 16px;
  color: #6C6C6C;
  text-decoration: line-through;
  padding: 0 10px;
}
.viewed-slider .save-price {
  font-size: 16px;
  color: #FF3055;
}
.viewed-slider .box p {
  padding: 0;
}
.viewed-slider .box h6 {
  padding: 5px 0;
}
.viewed-slider .box .add-to-cart {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-align: center;
}
.viewed-slider .box:hover .add-to-cart {
  background-color: rgba(255, 255, 255, 1);
  fill: #000000;
}
.viewed-slider .box .view {
  position: absolute;
  top: 50px;
  right: 5px;
  z-index: 9;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-align: center;
}
.viewed-slider .box:hover .view {
  background-color: rgba(255, 255, 255, 1);
  fill: #000000;
}
.product-like-section {
  padding: 50px 0;
}
.liked-slider {
  padding: 30px 50px 0 50px;
}
.liked-slider .box {
  border: 1px solid #d6d6d6;
  position: relative;
}
.liked-slider .box figure {
  margin: 0;
  padding: 0;
}
.liked-slider .box article {
  margin: 0;
  padding: 5px 10px 10px 10px;
}
.liked-slider .sale-price {
  font-size: 22px;
  font-weight: 600;
  color: #404043;
}
.liked-slider .real-price {
  font-size: 16px;
  color: #6C6C6C;
  text-decoration: line-through;
  padding: 0 10px;
}
.liked-slider .save-price {
  font-size: 16px;
  color: #FF3055;
}
.liked-slider .box p {
  padding: 0;
}
.liked-slider .box h6 {
  padding: 5px 0;
}
.liked-slider .box .add-to-cart {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-align: center;
}
.liked-slider .box:hover .add-to-cart {
  background-color: rgba(255, 255, 255, 1);
  fill: #000000;
}
.liked-slider .box .view {
  position: absolute;
  top: 50px;
  right: 5px;
  z-index: 9;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-align: center;
}
.liked-slider .box:hover .view {
  background-color: rgba(255, 255, 255, 1);
  fill: #000000;
}
.product-inspiration-section {
  padding: 50px 0;
}
.inspiration-slider {
  padding: 30px 0 0 0;
}
.inspiration-slider .box {
  border: 1px solid #d6d6d6;
}
.inspiration-slider .box figure {
  margin: 0;
  padding: 0;
}
.inspiration-slider .box article {
  margin: 0;
  padding: 15px 20px;
}
.inspiration-slider .box p {
  padding: 5px 0;
}
.inspiration-slider .box p.date {
  color: var(--pink);
  font-size: 14px;
}
.inspiration-slider .box p a {
  color: var(--pink);
  font-weight: 600;
  border-bottom: 2px solid var(--pink);
}
.inspiration-slider .box h6 {
  padding: 5px 0;
}
.product-subscription-section {
  padding: 50px 0;
  background-color: #f9f9f9;
  text-align: center;
}
.product-subscription-section h4 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.product-subscription-section h5 {
  font-weight: 400;
}
.product-subscription-section h5 a {
  color: var(--pink);
  font-weight: 600;
}
.product-subscription-section .subscription {
  margin: 20px auto;
  padding: 4px;
  width: 100%;
  max-width: 850px;
  height: 60px;
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6;
  position: relative;
}
.product-subscription-section .subscription input[type="email"] {
  margin: 0;
  padding: 10px 170px 10px 10px;
  width: 100%;
  height: 50px;
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #404043;
}
.product-subscription-section .subscription button[type="submit"] {
  margin: 0;
  padding: 10px;
  width: 160px;
  height: 50px;
  background: var(--pink);
  border: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 4px;
  right: 4px;
}
.home-products-section {
  text-align: center;
  padding: 10px 0;
}
.home-products-section .row {
  margin: -5px;
}
.home-products-section [class*="col-"] {
  padding: 5px;
}
.home-products-section .grid01 {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  list-style: none;
  text-align: center;
}
.home-products-section .grid01 figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.home-products-section .grid01 figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 1;
}
.home-products-section .grid01 figure figcaption {
  padding: 20px;
  color: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-products-section .grid01 figure figcaption::before, .home-products-section .grid01 figure figcaption::after {
  pointer-events: none;
}
.home-products-section .grid01 figure figcaption, .home-products-section .grid01 figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.home-products-section .grid01 figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.home-products-section .grid01 figure h2 {
  font-size: 30px;
  font-weight: 600;
}
.home-products-section .grid01 figure p {
  font-size: 15px;
}
.home-products-section .grid01 figure h2, .home-products-section .grid01 figure p {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}
.home-products-section .grid01 figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  opacity: 0;
}
.home-products-section .grid01 figure.effect-sadie h2 {
  position: absolute;
  top: 42%;
  left: 0;
  width: 100%;
  color: #FFFFFF;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.home-products-section .grid01 figure.effect-sadie hr {
  position: absolute;
  top: 50%;
  left: 25%;
  width: 50%;
  border-color: #FFFFFF;
}
.home-products-section .grid01 figure.effect-sadie figcaption::before, .home-products-section figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.home-products-section .grid01 figure.effect-sadie p {
  position: absolute;
  bottom: 27%;
  left: 0;
  padding: 10px;
  width: 100%;
  opacity: 1;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.home-products-section .grid01 figure.effect-sadie:hover h2 {
  color: #000000;
}
.home-products-section .grid01 figure.effect-sadie:hover hr {
  border-color: #000000;
}
.home-products-section .grid01 figure.effect-sadie:hover figcaption::before, .home-products-section figure.effect-sadie:hover p {
  opacity: 1;
  color: #000000;
}
.home-products-section .grid02 {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  list-style: none;
  text-align: center;
}
.home-products-section .grid02 figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.home-products-section .grid02 figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 1;
}
.home-products-section .grid02 figure figcaption {
  padding: 20px;
  color: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-products-section .grid02 figure figcaption::before, .home-products-section .grid02 figure figcaption::after {
  pointer-events: none;
}
.home-products-section .grid02 figure figcaption, .home-products-section .grid02 figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.home-products-section .grid02 figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.home-products-section .grid02 figure h2 {
  font-size: 30px;
  font-weight: 600;
}
.home-products-section .grid02 figure p {
  font-size: 15px;
}
.home-products-section .grid02 figure h2, .home-products-section .grid02 figure p {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}
.home-products-section .grid02 figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  opacity: 0;
}
.home-products-section .grid02 figure.effect-sadie h2 {
  position: absolute;
  top: 46%;
  left: 0;
  width: 100%;
  color: #FFFFFF;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.home-products-section .grid02 figure.effect-sadie hr {
  position: absolute;
  top: 50%;
  left: 35%;
  width: 30%;
  border-color: #FFFFFF;
}
.home-products-section .grid02 figure.effect-sadie figcaption::before, .home-products-section figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.home-products-section .grid02 figure.effect-sadie p {
  position: absolute;
  bottom: 39%;
  left: 0;
  padding: 10px;
  width: 100%;
  opacity: 1;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.home-products-section .grid02 figure.effect-sadie:hover h2 {
  color: #000000;
}
.home-products-section .grid02 figure.effect-sadie:hover hr {
  border-color: #000000;
}
.home-products-section .grid02 figure.effect-sadie:hover figcaption::before, .home-products-section figure.effect-sadie:hover p {
  opacity: 1;
  color: #000000;
}
.home-products-section .grid03 {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  list-style: none;
  text-align: center;
}
.home-products-section .grid03 figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.home-products-section .grid03 figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 1;
}
.home-products-section .grid03 figure figcaption {
  padding: 20px;
  color: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-products-section .grid03 figure figcaption::before, .home-products-section .grid03 figure figcaption::after {
  pointer-events: none;
}
.home-products-section .grid03 figure figcaption, .home-products-section .grid03 figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.home-products-section .grid03 figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.home-products-section .grid03 figure h2 {
  font-size: 30px;
  font-weight: 600;
}
.home-products-section .grid03 figure p {
  font-size: 15px;
}
.home-products-section .grid03 figure h2, .home-products-section .grid03 figure p {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}
.home-products-section .grid03 figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  opacity: 0;
}
.home-products-section .grid03 figure.effect-sadie h2 {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
  color: #FFFFFF;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.home-products-section .grid03 figure.effect-sadie hr {
  position: absolute;
  top: 50%;
  left: 40%;
  width: 20%;
  border-color: #FFFFFF;
}
.home-products-section .grid03 figure.effect-sadie figcaption::before, .home-products-section figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.home-products-section .grid03 figure.effect-sadie p {
  position: absolute;
  bottom: 28%;
  left: 0;
  padding: 10px;
  width: 100%;
  opacity: 1;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.home-products-section .grid03 figure.effect-sadie:hover h2 {
  color: #000000;
}
.home-products-section .grid03 figure.effect-sadie:hover hr {
  border-color: #000000;
}
.home-products-section .grid03 figure.effect-sadie:hover figcaption::before, .home-products-section figure.effect-sadie:hover p {
  opacity: 1;
  color: #000000;
}
.products-tabs-section {
  padding: 50px 0;
}
.products-tabs-section [class*="col-"] {
  padding: 15px;
}
.products-tabs-section .box {
  border: 1px solid #d6d6d6;
  position: relative;
}
.products-tabs-section .box figure {
  margin: 0;
  padding: 0;
}
.products-tabs-section .box article {
  margin: 0;
  padding: 5px 10px 10px 10px;
}
.products-tabs-section .sale-price {
  font-size: 22px;
  font-weight: 600;
  color: #404043;
}
.products-tabs-section .real-price {
  font-size: 16px;
  color: #6C6C6C;
  text-decoration: line-through;
  padding: 0 10px;
}
.products-tabs-section .save-price {
  font-size: 16px;
  color: #FF3055;
}
.products-tabs-section .box p {
  padding: 0;
}
.products-tabs-section .box h6 {
  padding: 5px 0;
}
.products-tabs-section .box .add-to-cart {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-align: center;
}
.products-tabs-section .box:hover .add-to-cart {
  background-color: rgba(255, 255, 255, 1);
  fill: #000000;
}
.products-tabs-section .box .view {
  position: absolute;
  top: 50px;
  right: 5px;
  z-index: 9;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-align: center;
}
.products-tabs-section .box:hover .view {
  background-color: rgba(255, 255, 255, 1);
  fill: #000000;
}
.topten-reviews-section {
  padding: 50px 0;
  background-color: #e9f5f5;
  text-align: center;
}
.topten-reviews-section .container {
  padding: 0 100px;
}
.topten-reviews-section p {
  font-size: 18px;
}
.instagram-section {
  padding: 0 0 100px 0;
  text-align: center;
}
.instagram-section section {
  margin: 0;
  padding: 0;
  position: relative;
}
.instagram-section figure {
  margin: 0;
  padding: 0;
}
.instagram-section section figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  margin: -100px 0 0 -100px;
  width: 200px;
  height: 200px;
  padding: 25px 10px;
  background-color: #FFFFFF;
}
.instagram-section p {
  padding: 5px 0;
  font-size: 18px;
}
.instagram-section p a {
  color: #36A39E;
}
.choose-categories-section {
  padding: 30px 0;
  text-align: center;
}
.choose-categories-section [class*="col-"] {
  padding: 15px;
}
.choose-categories-section .box a {
  padding: 20px;
  min-height: 150px;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 0px 35px rgba(114, 130, 134, 0.3);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #404043;
  text-transform: capitalize;
  display: block;
}
.choose-categories-section .box a span {
  margin-top: 10px;
}
.latest-blog-section {
  padding: 0;
}
.latest-blog-section .row {
  margin: -15px;
}
.latest-blog-section [class*="col-"] {
  padding: 15px;
}
.latest-blog-section section {
  margin: 0;
  padding: 0;
  position: relative;
}
.latest-blog-section section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.latest-blog-section section h1 {
  font-size: 70px;
  color: #FFFFFF;
  position: absolute;
  top: 35%;
  left: 30px;
  z-index: 9;
}
.latest-blog-section section h4 {
  color: #FFFFFF;
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 9;
}
.latest-blog-section section h6 {
  color: #FFFFFF;
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 9;
}
.latest-blog-section section h6 a {
  color: #FFFFFF;
}
.latest-blog-section section h6 a:hover {
  color: #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
}
.blog-section {
  padding: 50px 0;
}
.blog-section section {
  border-top: 1px solid #b3b3b3;
}
.blog-section .blog-box {
  padding: 20px 0;
  border-bottom: 1px solid #b3b3b3;
}
.blog-section .blog-box h4 {
  padding: 0 0 5px 0;
}
.blog-section .blog-box p {
  padding: 5px 0;
}
.blog-section .blog-box p img {
  vertical-align: top;
  margin-right: 5px;
}
.pad-50 {
  padding-left: 50px;
}
.blog-section .blog-box .btn-continue a {
  margin: 10px 0 0 0;
  padding: 10px 30px;
  width: auto;
  height: 50px;
  background-color: #FFFFFF;
  border: 1px solid var(--pblack);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: var(--pblack);
  display: inline-block;
}
.blog-section .blog-box .btn-continue a img {
  vertical-align: middle;
  margin-left: 5px;
}
.blog-section .blog-details-box {}
.blog-section .blog-details-box .meta-box {
  margin: 10px 0;
  padding: 5px 0;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
.blog-section .blog-details-box ul.social {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  float: right;
}
.blog-section .blog-details-box ul.social li {
  margin: 0 0 0 10px;
  padding: 0;
  display: inline;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  color: #404043;
  text-align: center;
}
.blog-section .blog-details-box ul.social li a {
  color: #404043;
  display: inline-block;
  transition: all .4s ease-in-out;
}
.blog-section .blog-details-box ul.social li a:hover {
  color: #404043;
  transition: all .4s ease-in-out;
}
.blog-section .blog-details-box p span {
  color: #36A39E;
}
.blog-section .blog-details-box .posted-by {
  margin: 20px 0;
  padding: 4px;
  border: 1px solid #c4c4c4;
}
.blog-section .blog-details-box .posted-by figure {
  margin: 0;
  padding: 0;
  width: 140px;
  float: left;
}
.blog-section .blog-details-box .posted-by article {
  margin-left: 155px;
}
.blog-section .blog-details-box .posted-by article p {
  padding: 0;
  line-height: 1.4;
}
.blog-section .blog-details-box .posted-by article h6 {
  font-weight: 400;
}
.blog-section .blog-details-box .posted-by article h6 a {
  color: #FF3055;
}
.prev-article {
  float: left;
  max-width: 300px;
  text-align: left;
}
.prev-article h6 {
  padding: 5px 0;
}
.prev-article h6 a {
  color: #36A39E;
}
.prev-article p {
  padding: 5px 0;
}
.next-article {
  float: right;
  max-width: 300px;
  text-align: right;
}
.next-article h6 {
  padding: 5px 0;
}
.next-article h6 a {
  color: #36A39E;
}
.next-article p {
  padding: 5px 0;
}
.leave-a-comment {
  margin: 20px 0;
  padding: 20px 30px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
}
.leave-a-comment h5 small {
  font-size: 14px;
  font-weight: 400;
}
.leave-a-comment [class*="col-"] {
  padding: 10px 15px;
}
.leave-a-comment input[type="text"], .leave-a-comment input[type="email"], .leave-a-comment textarea {
  margin: 0;
  padding: 10px 15px;
  width: 100%;
  height: 50px;
  background-color: #f1f1f1;
  border: 1px solid #cbd4d3;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: var(--pblack);
}
.leave-a-comment textarea {
  height: 150px;
  overflow: auto;
  resize: none;
}
.leave-a-comment button[type="submit"] {
  margin: 0;
  padding: 10px 40px;
  width: auto;
  height: 50px;
  background-color: #3fc2bc;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
}
.comment {
  padding: 10px 30px;
  margin: 0 -30px;
  border-top: 1px solid #c4c4c4;
}
.comment figure {
  margin: 0;
  padding: 0;
  float: left;
  width: 60px;
  height: 60px;
  background-color: #7795c7;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  line-height: 60px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
.comment article {
  margin-left: 80px;
  position: relative;
}
.comment article h6 {
  padding: 0;
}
.comment article p {
  padding: 0;
}
.comment article h6 span {
  font-size: 16px;
  font-weight: 400;
  margin-left: 30px;
}
.comment article .date {
  position: absolute;
  right: 0;
  top: 0;
}
.comment article .comments {
  float: left;
}
.comment article .comments a {
  color: #3fc2bc;
}
.comment article .like-dislike {
  float: right;
}
.comment article .like-dislike .fas {
  margin-left: 15px;
}
.blog-section .coupon-code {
  margin: 20px 0;
  padding: 0;
  position: relative;
}
.blog-section .coupon-code::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.blog-section .coupon-code h4 {
  color: #FFFFFF;
  position: absolute;
  bottom: 10px;
  left: 20px;
  z-index: 9;
}
.blog-section .coupon-code h4 a {
  color: #FFFFFF;
}
.blog-section .authors-box {
  margin: 20px 0;
}
.blog-section .authors-box h5 {
  border-bottom: 3px solid var(--pink);
  text-transform: uppercase;
}
.blog-section .authors-box .box {
  margin: 15px auto;
}
.blog-section .authors-box .box figure {
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  float: left;
  background-color: #000000;
  border-radius: 50%;
}
.blog-section .authors-box .box figure img {
  display: block;
  border-radius: 50%;
}
.blog-section .authors-box .box article {
  margin-left: 65px;
}
.blog-section .authors-box .box article h6 {
  font-size: 16px;
  padding: 2px 0;
}
.blog-section .authors-box .box article p {
  padding: 2px 0;
}
.blog-section .categories-box {
  margin: 20px 0;
}
.blog-section .categories-box h5 {
  border-bottom: 3px solid var(--pink);
  text-transform: uppercase;
}
.blog-section .categories-box .box {
  margin: 15px auto;
}
.blog-section .categories-box .box figure {
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  float: left;
  background-color: #000000;
  border-radius: 50%;
}
.blog-section .categories-box .box figure img {
  display: block;
  border-radius: 50%;
}
.blog-section .categories-box .box article {
  margin-left: 65px;
}
.blog-section .categories-box .box article h6 {
  font-size: 16px;
  padding: 2px 0;
}
.blog-section .categories-box .box article p {
  padding: 2px 0;
}
.blog-section .featured-box {
  margin: 20px 0;
}
.blog-section .featured-box h5 {
  border-bottom: 3px solid var(--pink);
  text-transform: uppercase;
}
.blog-section .featured-box .box {
  margin: 15px auto;
}
.blog-section .featured-box .box figure {
  margin: 0;
  padding: 0;
  width: 120px;
  height: auto;
  float: left;
}
.blog-section .featured-box .box figure img {
  display: block;
}
.blog-section .featured-box .box article {
  margin-left: 135px;
}
.blog-section .featured-box .box article h6 {
  font-size: 16px;
  padding: 2px 0;
}
.blog-section .featured-box .box article p {
  padding: 2px 0;
}
.image-gallery {
  margin: 0 auto;
  display: block;
  text-align: center;
}
.primary, .thumbnails {
  display: block;
}
.thumbnails {
  width: 100%;
}
.primary {
  width: 400px;
  height: 400px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.thumbnail:hover .thumbnail-image, .selected .thumbnail-image {
  border: 2px solid var(--pink);
}
.thumbnail-image {
  width: 80px;
  height: 80px;
  margin: 5px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 2px solid transparent;
  display: inline-block;
}
/* 	-----------------------------------------------------
-------------------- Footer Styles ------------------
----------------------------------------------------- */
.footer-section {
  background-color: var(--lpink);
  text-align: center;
}
.footer-section .section01 {
  padding: 50px 0;
}
.footer-section .section01 [class*="col-"]:nth-child(2) {
  border: 1px solid #d1d3d4;
  border-width: 0 1px;
}
.footer-section .section02 {
  padding: 50px 0;
  border: 1px solid #d1d3d4;
  border-width: 1px 0;
}
.footer-section .section03 {
  padding: 50px 0;
}
.footer-section h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--black);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding: 5px 0;
}
.footer-section p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
  padding: 5px 0;
}
.footer-section p a {
  color: var(--pblack);
  transition: all .4s ease-in-out;
}
.footer-section p a:hover {
  color: var(--pink);
  transition: all .4s ease-in-out;
}
.footer-section .icon {
  width: auto;
  height: 24px;
  margin: 10px;
  color: #6d6e71;
  display: inline-block;
  vertical-align: middle;
}
.footer-section .icon100 {
  width: 100px;
  height: auto;
  margin: 10px;
  color: #6d6e71;
  display: inline-block;
  vertical-align: middle;
}
.footer-section ul.links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-section ul.links li {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pblack);
}
.footer-section ul.links li a {
  color: var(--pblack);
  transition: all .4s ease-in-out;
}
.footer-section ul.links li a:hover {
  color: var(--pink);
  transition: all .4s ease-in-out;
}
.footer-section ul.socials {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-section ul.socials li {
  margin: 5px;
  padding: 0;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center;
}
.footer-section ul.socials li a {
  color: #FFFFFF;
  display: block;
  width: 40px;
  height: 40px;
  background-color: var(--pink);
  border-radius: 50%;
}
.footer-section .envolop-icon {
  margin: 0 auto 10px auto;
  padding: 0;
  width: 40px;
  height: 40px;
  background-color: var(--pink);
  border-radius: 50%;
  font-size: 20px;
  font-weight: normal;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
}
.footer-section input[type="email"] {
  margin: 0;
  padding: 15px 25px;
  width: 100%;
  height: 60px;
  background-color: #FFFFFF;
  border: 1px solid #d1d3d4;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: var(--pblack);
}
.footer-section input[type="submit"] {
  margin: 15px 0;
  padding: 0;
  width: auto;
  height: 30px;
  background: none;
  border: none;
  border-bottom: 1px solid var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  color: var(--black);
  letter-spacing: 0.2em;
  display: block;
}
.copyright-section {
  padding: 30px 0;
  background-color: var(--pink);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
  text-align: center;
}
/* 	-----------------------------------------------------
------------------ Go to top Styles -----------------
----------------------------------------------------- */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 999;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: var(--bpink) url(../fonts/cd-top-arrow.svg) no-repeat center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #000000;
  opacity: 1;
}
@media only screen and (min-width:768px) {
  .cd-top {
    right: 15px;
    bottom: 15px;
  }
}
@media only screen and (min-width:1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 15px;
    bottom: 15px;
  }
}
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline-offset: 0px;
}
:root {
  /* subtle color palette */
  --black-1a: hsla(0, 0%, 0%, 0.2);
  /* basic color palette */
  --black-1: hsl(0, 0%, 0%);
  --black-2: hsl(0, 0%, 20%);
  --black-3: hsl(0, 0%, 30%);
  --white-1: hsl(0, 0%, 100%);
  --white-2: hsl(0, 0%, 90%);
  --green-1: hsl(100, 50%, 50%);
  --green-2: hsl(100, 50%, 40%);
  --blue-1: hsl(200, 50%, 50%);
  /* brands color palette */
  --fb-cr: #1877f2;
  --tw-cr: #1da1f2;
  --google-cr: #dd4b39;
  /* fonts */
  --ft-fy-fallback-1: sans-serif;
  --ft-fy-1: "Poppins", var(--ft-fy-fallback-1);
  --ft-se-300: 0.9rem;
  --ft-se-400: 1rem;
  --ft-se-600: 1.4rem;
  /* spaces */
  --space-200: 1em;
  --space-400: 2em;
  /* z-index */
  --zx-neg-400: -400;
}
/* components */
.page__main {
  display: grid;
  place-items: center;
  grid-area: main;
}
.page__form-double {
  width: calc(100% - var(--space-400));
  max-width: 700px;
}
.form-double {
  /* for all children */
  --gap: var(--space-200);
  --br-rs: 4px;
  /* universal */
  --px-2: 2px;
  /* __title */
  --__title_ft-se: var(--ft-se-600);
  --__title_mn-bk: 1.5em 0.3em;
  /* __social-media */
  --__social-media_pg: var(--space-200);
  --__social-media_fx-bs: 40%;
  --__social-media_gap: 0.5em;
  /* __social-link */
  --__social-link_cr: var(--black-1);
  --__social-link_bd-cr: var(--white-2);
  --__social-link_ft-se: var(--ft-se-300);
  --__social-link_gap: var(--__social-media_gap);
  --__social-link_le-ht: 1.3rem;
  --__social-link_pg: 0.8em;
  /* __input */
  --__input_bd-cr: var(--white-2);
  --__input_le-ht: var(--__social-link_le-ht);
  --__input_pg: var(--__social-link_pg);
  --__input_ft-se: var(--__social-link_ft-se);
  /* __manually */
  --__manually_pg: var(--__social-media_pg);
  --__manually_fx-bs: var(--__social-media_fx-bs);
  --__manually_gap: var(--__social-link_gap);
  /* __footer */
  --__footer_bd-cr: var(--white-2);
  /* __link */
  --__link_cr: var(--black-3);
  --__link_pg: 1em 2em;
  /* __word */
  --__word_bd-cr: var(--white-1);
  --__word_wh: 40px;
  gap: var(--gap);
  overflow: hidden;
  display: flex;
  border: var(--px-2) solid var(--black-1a);
  border-radius: 0px;
  flex-direction: column;
}
.form-double__header {
  display: flex;
  justify-content: center;
}
.form-double__title {
  margin-inline: var(--space-200);
  margin-block: var(--__title_mn-bk);
  font-size: var(--__title_ft-se);
}
.form-double__body {
  display: flex;
  justify-content: space-evenly;
  margin-top: 15px;
  padding-top: 25px;
}
.form-double__social-media {
  padding: var(--__social-media_pg);
  gap: var(--__social-media_gap);
  display: flex;
  flex-basis: var(--__social-media_fx-bs);
  flex-direction: column;
}
.form-double__social-link {
  color: var(--__social-link_cr) !important;
  gap: var(--__social-link_gap);
  padding: var(--__social-link_pg);
  display: flex;
  opacity: 0.9;
  font-size: var(--__social-link_ft-se);
  line-height: var(--__social-link_le-ht);
  border: none;
  border-radius: 0;
  background-color: var(--__social-link_bd-cr);
  align-items: center;
  text-decoration: none;
}
.form-double__social-link_fb {
  --__social-link_bd-cr: var(--fb-cr);
  --__social-link_cr: var(--white-1);
}
.form-double__social-link_tw {
  --__social-link_bd-cr: var(--tw-cr);
  --__social-link_cr: var(--white-1);
}
.form-double__social-link_google {
  --__social-link_bd-cr: var(--google-cr);
  --__social-link_cr: var(--white-1);
}
.form-double__social-link:hover {
  opacity: 1;
}
.form-double__manually {
  padding: var(--__manually_pg);
  gap: var(--__manually_gap);
  display: flex;
  flex-basis: var(--__manually_fx-bs);
  flex-direction: column;
}
.form-double__input {
  padding: var(--__input_pg);
  outline: none;
  font-size: var(--__input_ft-se);
  line-height: var(--__input_le-ht);
  border: none;
  border-radius: var(--br-rs);
  border-bottom: var(--px-2) solid var(--white-2);
  background-color: var(--__input_bd-cr);
}
.form-double__input:focus {
  --__input_bd-cr: var(--white-1);
}
.form-double__footer {
  display: flex;
  background-color: #fef3f5;
  justify-content: space-evenly;
}
.form-double__link {
  padding: var(--__link_pg);
  color: var(--__link_cr);
  outline: none;
  width: 100%;
  text-align: center;
  text-decoration: none;
}
.form-double__link:hover {
  --__link_cr: var(--black-1);
}
.form-double__link:focus {
  box-shadow: inset 0 0 4px 2px var(--blue-1);
}
.vl {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.vl__word {
  width: var(--__word_wh);
  display: flex;
  aspect-ratio: 1;
  justify-content: center;
  background-color: var(--__word_bd-cr);
  align-items: center;
  border: var(--px-2) solid var(--black-1a);
  border-radius: 50%;
}
.vl::before {
  z-index: var(--zx-neg-400);
  width: var(--px-2);
  position: absolute;
  content: "";
  height: 100%;
  background-color: var(--black-1a);
}
.primary-button {
  --cr: var(--white-1);
  --bd-cr: var(--black-1);
  color: var(--cr);
  padding: 0.5em 0.8em;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background-color: var(--dpink);
  font-size: var(--ft-se-400);
  font-family: var(--ft-fy-1);
  transition: background-color 150ms linear;
  text-transform: uppercase;
  letter-spacing: 0.1em; width: 100%;
}
.primary-button:hover {
  --bd-cr: var(--black-2);
}
.primary-button_green {
  --bd-cr: var(--green-1);
}
.primary-button_green:hover {
  --bd-cr: var(--green-2);
}
.form-double__manually .row {margin: -4px;}
.form-double__manually [class*="col-"] {padding: 4px;}
@media (max-width: 650px) {
  :root {
    font-size: 0.95rem;
  }
  .form-double__title {
    text-align: center;
  }
  .form-double__body {
    flex-direction: column;
  }
  .form-double__vl::before {
    width: 100%;
    height: 2px;
  }
  .form-double__footer {
    flex-direction: column;
  }
  .form-double__link {
    margin-inline: auto;
  }
}

.about-section01 {background-color: #f9f9f9; padding: 50px 0;} 
.about-section01 h3 {padding: 0; display: inline-block; position: relative;}
.about-section01 h3::after {content: ""; width: 100px; height: 3px; background-color: #403f44; position: absolute; right: -120px; top: 17px;}
.about-section01 h1 {padding: 10px 0 10px 200px;}
.about-section01 h6 {font-weight: 400; line-height: 1.4; padding: 10px 0 10px 200px;}
.about-section01 section {padding: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.about-section01 section img {box-shadow: 0 10px 15px rgba(0,0,0,0.25); display: block;}

.about-section02 {padding: 50px 0; background-color: #f9f9f9; text-align: center;}
.about-section02 h2 {}
.about-section02 h6 {font-weight: 600; text-transform: uppercase; padding: 20px 10px 0 10px;}
.about-section02 p {padding: 10px;}
.about-section02 .box {box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.about-section02 [class*="col-"] {padding: 15px;}
.about-section02 figure {margin: 0; padding: 0; position: relative;}
.about-section02 figure::after {content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}

.about-section03 {padding: 50px 0;}
.about-section03 h3 {padding: 0; display: inline-block; position: relative;}
.about-section03 h3::after {content: ""; width: 100px; height: 3px; background-color: #403f44; position: absolute; right: -120px; top: 17px;}
.about-section03 h2 {padding: 10px 0 10px 200px;}
.about-section03 h6 {font-weight: 400; line-height: 1.4; padding: 10px 0 10px 200px;}
.about-section03 figure {margin: 50px auto 0 auto; padding: 0;}

.about-section04 {background: #f9f9f9 url("../images/slide-03.jpg") no-repeat center/cover;}
.about-section04 .container {position: relative; min-height: 740px;}
.about-section04 .container figure {margin: 0; padding: 0; position: absolute; right: 0; top: 0;}
.about-section04 h2 {font-size: 60px; font-weight: 700; text-transform: uppercase; padding: 45% 0 0 0;}
.about-section04 section {margin: 80px 0; width: 100%; background-color: #f68a99; position: relative; z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.about-section04 section table {margin: 0; padding: 0; width: 100%;}
.about-section04 section table td {padding: 20px; border: 1px solid #FFFFFF; border-collapse: collapse;}
.about-section04 section table td.first {border-width: 0 1px 1px 0; height: 290px;}
.about-section04 section table td.second {border-width: 0 0 1px 1px; height: 290px;}
.about-section04 section table td.third {border-width: 1px 1px 0 0; height: 290px;}
.about-section04 section table td.four {border-width: 1px 0 0 1px; height: 290px;}
.about-section04 section h5 {color: #FFFFFF; text-transform: uppercase;}
.about-section04 section p {padding: 0; color: #FFFFFF; line-height: 1.4;}
.about-section04 section img {height: 50px;}

.about-section05 {padding: 50px 0; text-align: center;}
.about-section05 p {margin: 0 auto; max-width: 350px; font-size: 18px;}
.about-section05 p a {color: #39a09c;}
.about-section05 .gallery {margin: 50px auto; padding: 0;}

.validation-error{
    float: right;
    color: #f44336;
    font-size: 12px;
    font-style: italic;
}
.orders-header{background-color: var(--lpink); padding:5px 10px;}

/* Side Nav bar */
.sidebar {
  margin: 0;
  padding: 0;
/*  width: 200px;*/
  background-color: #f1f1f1;
/*  position: fixed;*/
  height: 100%;
  overflow: auto;
}

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar a.active {
  background-color: var(--pink);
  color: white;
}

.sidebar a:hover:not(.active) {
  background-color: var(--pink);
  color: white;
}

div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}
.hide{display: none;}
@media print {
  .hidden-print, .no-print {
    display: none !important;
  }
  h3{text-align: center; margin-top: 20px;}
  .hide{display: block;}
  .col-lg-2, .col-md-2{
      width: 0px !important;
      display: none;
  }
  .col-lg-10, .col-md-10, .full-view{
      display: block;
      width:100% !important;
      margin:0 auto;
  }
}