section {
    flex: 1;
}
.loading {
position: fixed;
inset: 0;
width: 100%;
height: 100vh;
background-color: black;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.loading .bounce-2 {
animation-name: bounce-2;
animation-iteration-count: infinite;
animation-duration: 2s;
}
@keyframes bounce-2 {
0% {
transform: translateY(0);
transition: all 0.5s;
}
50% {
transform: translateY(-50px);
transition: all 0.5s;
}
100% {
transform: translateY(0);
transition: all 0.5s;
}
}
body {
overflow: hidden;
}
.header .logo {
width: 135px;
height: 70px;
margin: 20px 0 20px 65px;
text-align: center;
}
.header .logo img {
width: 100%;
height: 100%;
}
.header-menu-desktop {
align-items: center;
}
.menu {
text-align: center;
width: 100%;
height: 100%;
}
.menu ul {
list-style: none;
margin-top: 40px;
}
.menu ul li {
display: inline;
position: relative;
padding: 0 30px;
transition: all 0.5s;
}
.menu ul li a {
transition: all 0.5s;
text-decoration: none;
text-transform: uppercase;

font-size: 15px;
padding: 14px;
color: black;
}
.menu ul li .menu-active {
color: white;
background: #d1a861;
}
.menu ul li li:hover a {
color: white;
background: #d1a861;
}
.menu ul ul {
position: absolute;
width: 230px;
top: 100%;
left: 0;
background: white;
z-index: 100;
box-shadow: 1px 1px 2px #d2d2d2;
margin-top: 0 !important;
padding: 35px 0 15px 30px !important;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.menu ul ul li {
display: block;
width: 100%;
text-align: left;
position: relative;
padding-bottom: 20px !important;
}
.menu ul ul li span {
position: absolute;
right: 10%;
top: 20%;
color: #999999;
font-size: 15px;
}
.menu ul ul li a {
text-transform: capitalize;
color: #333333 !important;
background: white !important;
}
.menu ul ul ul {
top: 0;
left: 100%;
width: 100%;
}

.menu ul li:hover a {
color: white;
background: #d1a861;
}

.menu ul li:hover > ul {
opacity: 1;
visibility: visible;
}

.menu ul ul li a:hover {
color: #d1a861 !important;
}

.header-right {
padding-right: 65px;
text-align: center;
position: relative;
margin-top: 35px;
margin-right: 0 !important;
}
.header-right li {
margin-left: 25px;
padding: 5px 0;
display: inline-block;
}
.header-right li a {
color: #3d3d3d;
font-size: 15px;
}
.header-right li i {
/* font-size: 15px; */
color: #3d3d3d;
}

.header-right li:hover a {
text-decoration: none;
}

.header-right li:hover .widget_shopping_cart {
display: block;
}
@-webkit-keyframes mymove {
from {
top: 160%;
}
to {
top: 100%;
}
}
@keyframes mymove {
from {
top: 160%;
}
to {
top: 100%;
}
}
.cart-index {
position: relative;
}

.widget_shopping_cart {
display: none;
margin: 0;
padding: 0;
position: absolute;
width: 310px;
top: 100%;
right: 70%;
background: white;
z-index: 500;
box-shadow: 1px 1px 2px #d2d2d2;
-webkit-animation: mymove 0.3s;
animation: mymove 0.3s;
}
.widget_shopping_cart .widget_shopping_cart_content {
margin-top: 40px;
padding: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul li {
padding: 20px 0;
width: 80%;
margin: auto;
text-align: left;
border-bottom: 1px solid #99999952;
position: relative;
}
.widget_shopping_cart .widget_shopping_cart_content ul li .remove {
position: absolute;
right: 0;
top: 10px;
}
.widget_shopping_cart .widget_shopping_cart_content ul li .product-title {
vertical-align: top;
margin-left: 15px;

font-weight: 600;
}
.widget_shopping_cart .widget_shopping_cart_content ul li .quantity {
position: absolute;
left: 40%;
top: 60%;

font-size: 13px;
}
.widget_shopping_cart
.widget_shopping_cart_content
ul
li
.woocommerce-Price-amount {
position: absolute;
left: 40%;
top: 37%;

font-weight: 600;
}
.widget_shopping_cart
.widget_shopping_cart_content
.woocommerce-mini-cart__total {
margin-top: 20px;
text-align: left;
margin-bottom: 25px;

font-weight: 600;
}
.widget_shopping_cart
.widget_shopping_cart_content
.woocommerce-mini-cart__total
span {
margin-left: 35px;
}
.widget_shopping_cart
.widget_shopping_cart_content
.woocommerce-mini-cart__total
span
.woocommerce-Price-currencySymbol {
margin-left: 80px;
}
.widget_shopping_cart
.widget_shopping_cart_content
.woocommerce-mini-cart__buttons {
margin-bottom: 40px;
}
.widget_shopping_cart .button {
border: 1px solid #999999;

padding: 15px 30px;
font-size: 15px;
}
.widget_shopping_cart .button:hover {
background: #333333;
color: white;
}

.cart-index .number-cart {
position: absolute;
top: 10%;
left: 0;
right: 0;
bottom: 0;
font-size: 10px;
}

.search-header {
height: 100px;
display: none;
position: absolute;
background: white;
top: 0;
right: 0;
z-index: 500;
}
.search-header input {
width: 95%;
margin-left: 3%;
margin-top: 30px;
border: none;
border-bottom: 1px solid black;
text-indent: 20px;
}
.search-header span {
position: absolute;
right: 4%;
border: none;
top: 30%;
background: none;
color: #333333;
}
.search-header span:hover {
cursor: pointer;
}

.search-header input:focus {
outline: none;
}

.introduce {
position: fixed;
z-index: 700;
display: none;
right: 0;
height: 100vh;
top: 0;
bottom: 0;
width: 520px;
background: white;
text-align: left;
box-shadow: 1px 1px 2px #d2d2d2;
-webkit-animation: introduce 0.5s;
animation: introduce 0.5s;
}

.content-introduce {
width: 100%;
margin: auto;
position: relative;
padding-left: 95px;
}
.content-introduce .close-introduce {
position: absolute;
right: 10%;
top: -80px;
font-size: 25px;
}
.content-introduce .close-introduce:hover {
cursor: pointer;
}
.content-introduce h3 {
font-size: 30px;

margin-top: 130px;
padding: 0;
}
.content-introduce h4 {
font-size: 30px;

padding: 0;
}
.content-introduce p {
font-size: 15px;

color: #b8b8b8;
}
.content-introduce .img-controduce {
margin: 30px 95px 45px 0;
}
.content-introduce .img-controduce img {
width: 97px;
height: 95px;
max-width: 100%;
max-height: 100%;
margin-left: 0;
margin-right: 10px;
margin-bottom: 10px;
}
.content-introduce input {
width: 300px;
height: 45px;
text-indent: 5px;
line-height: 1;
padding: 0;
margin: 0;
}
.content-introduce button {
height: 45px;
width: 45px;
background: #999999;
border: none;
padding: 0;
margin-left: -5px;
margin-top: 1px;
}
.content-introduce button i {
color: white;
line-height: 1;
}
.content-introduce button:focus {
outline: none;
}
.content-introduce .icon-introduce {
margin: 40px 0 0 0;
}
.content-introduce a .fab {
color: #999999;
margin-right: 20px;
}

.introduce .content-introduce input:focus {
outline: none;
}

.introduce .content-introduce a:hover .fab {
color: #d1a861;
}

.header-menu-mobile {
vertical-align: middle;
}
.header-menu-mobile button {
border: none;
background: white;
margin-top: 30px;
}
.header-menu-mobile button span {
font-size: 30px;
}
.header-menu-mobile button:focus {
outline: none;
}

.menu-mobile {
display: none;
background: white;
}
.menu-mobile ul {
padding: 0;
}
.menu-mobile ul li {
width: 100%;
position: relative;
list-style: none;
text-transform: capitalize;
padding: 5px 0;
border-bottom: 1px solid #e6e6e6;
text-indent: 20px;
}
.menu-mobile ul li a {
padding: 5px 0;
line-height: 1;
color: #333333;
font-size: 15px;
}
.menu-mobile ul li a:hover {
text-decoration: none;
}
.menu-mobile ul li .drop-link {
position: absolute;
right: 5%;
top: 7px;
}
.menu-mobile ul ul {
display: none;
}
.menu-mobile ul ul li {
text-indent: 40px;
}
.menu-mobile ul ul ul {
display: none;
}
.menu-mobile ul ul ul li {
text-indent: 60px;
}

.menu-mobile ul li:last-child {
border: none;
}

@media all and (min-width: 1366px) {
.header-desktop {
display: block;
}

.header-mobile {
display: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
.header-desktop {
display: block;
}
.header-desktop .logo {
padding-left: 20px;
}
.header-desktop .header-right {
padding-right: 20px;
}
.header-desktop .header-right li {
margin-left: 15px;
}
.header-desktop .menu ul {
padding-left: 20px;
}

.header-mobile {
display: none;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.header-desktop {
display: none;
}

.header-mobile {
display: block;
}
.header-mobile .header-right {
padding-right: 30px;
}
.header-mobile .header-right li {
margin-left: 15px;
}
}
@media all and (max-width: 767px) and (min-width: 361px) {
.header-desktop {
display: none;
}

.header-mobile {
display: block;
}
.header-mobile .logo {
padding-left: 10px;
margin-left: 0 !important;
}
.header-mobile .header-right {
padding-right: 10px;
}
.header-mobile .header-right li {
margin-left: 10px;
}

.introduce {
margin-right: 0;
margin-left: 10px;
width: 100%;
display: none;
}
.introduce .content-introduce {
padding-left: 50px;
width: 100%;
}
.introduce .content-introduce .img-controduce {
margin-right: 0;
width: 100%;
}
.introduce .content-introduce input {
width: 75%;
}
.introduce .content-introduce button {
width: 15%;
}

.widget_shopping_cart {
right: 0;
}
}
@media all and (max-width: 360px) {
.header-desktop {
display: none;
}

.header-mobile {
display: block;
}
.header-mobile .logo {
padding-left: 10px;
margin-left: 0 !important;
}
.header-mobile .header-right {
padding-right: 10px;
}
.header-mobile .header-right li {
margin-left: 10px;
}

.introduce {
margin-right: 0;
margin-left: 10px;
width: 100%;
display: none;
}
.introduce .content-introduce {
padding-left: 50px;
width: 100%;
}
.introduce .content-introduce .img-controduce {
margin-right: 0;
width: 100%;
}
.introduce .content-introduce input {
width: 200px;
}

.widget_shopping_cart {
right: 0;
width: 300px;
}
}
.inner-title-page {
padding: 100px 0;
text-align: left;
}
.inner-title-page h1 {
font-size: 60px;

position: relative;
margin-bottom: 30px;
display: inline-block;
}
.inner-title-page h1:before {
position: absolute;
height: 13px;
width: 110px;
display: block;
left: 0;
bottom: -10px;
background: #d1a861;
-webkit-background: url("../../imager/line-title2.svg") repeat left center;
background: url("../../imager/line-title2.svg") repeat left center;
}
.inner-title-page p {
color: #333333;

font-size: 15px;
}
.inner-title-page p span {
color: #c2c2c2;

font-size: 15px;
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
.inner-title-page h1 {
font-size: 60px;
line-height: 1;
}
.inner-title-page img {
margin-bottom: 40px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.inner-title-page {
text-align: left;
}
.inner-title-page h1 {
line-height: 1;
}
.inner-title-page img {
margin-bottom: 30px;
}
}
@media all and (max-width: 767px) and (min-width: 361px) {
.inner-title-page {
text-align: left;
}
.inner-title-page h1 {
font-size: 40px;
line-height: 1;
}
.inner-title-page img {
margin-bottom: 40px;
}
}
@media all and (max-width: 360px) {
.inner-title-page {
text-align: left;
}
.inner-title-page h1 {
font-size: 40px;
line-height: 1;
}
.inner-title-page h1:before {
bottom: -15px;
}
.inner-title-page img {
margin-bottom: 40px;
}
}
.content-about .review-homepage {
padding-bottom: 80px;
border-bottom: 1px solid #e6e6e6;
margin: 0 0 80px 0;
}

.about {
padding: 30px 0 0px 0;
background-color: #fafafa;
}

.inner-about .content-inner-about-left {
padding-top: 50px;
z-index: 2;
}
.inner-about .content-inner-about-left .content-item-about {
text-align: right;
margin-bottom: 80px;
position: relative;
}
.inner-about .content-inner-about-left .content-item-about .img-icon-about {
position: absolute;
top: 0;
right: -70px;
}
.inner-about .content-inner-about-left .content-item-about h3 {
font-size: 25px;

font-weight: 600;
margin-bottom: 30px;
position: relative;
}
.inner-about .content-inner-about-left .content-item-about h3:before {
position: absolute;
height: 13px;
width: 90px;
display: block;
right: 0;
bottom: -20px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.inner-about .content-inner-about-right {
padding-top: 50px;
z-index: 2;
}
.inner-about .content-inner-about-right .content-item-about {
position: relative;
margin-bottom: 80px;
}
.inner-about .content-inner-about-right .content-item-about h3 {
font-size: 25px;

font-weight: 600;
margin-bottom: 30px;
position: relative;
}
.inner-about .content-inner-about-right .content-item-about h3:before {
position: absolute;
height: 13px;
width: 90px;
display: block;
left: 0;
bottom: -20px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.inner-about .content-inner-about-right .img-icon-about {
position: absolute;
top: 0;
left: -80px;
}
.inner-about .content-inner-about-center {
text-align: center;
z-index: 1;
}
.inner-about .content-inner-about-center img {
margin-left: -10px;
height: auto;
}
.inner-about p {
font-size: 15px;
color: #666666;
}

.intro-about {
background-color: #fafafa;

}
.intro-about .intro-video {
width: 100%;
height: auto;
position: relative;
}
.intro-about .intro-video img {
width: 100%;
height: 100%;
}
.intro-about .intro-video a {
position: absolute;
top: 45%;
left: 45%;
}
.intro-about .intro-video a img {
width: 45px;
height: 45px;
border-radius: 50%;
}
.intro-about .progress-intro-about {
padding: 100px 80px;
width: calc(100% - 15px);
}
.intro-about .progress-intro-about h2 {
font-size: 50px;
margin-bottom: 40px;
display: block;
position: relative;
}
.intro-about .progress-intro-about h2:before {
position: absolute;
height: 13px;
width: 150px;
display: block;
left: 0;
bottom: -10px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.intro-about .progress-intro-about span {
position: absolute;
color: #333333;
top: 0;
right: 0;
}
.intro-about .progress-intro-about p {
position: relative;
margin-top: 30px;
color: #666666;
display: block;
}
.intro-about .progress-intro-about .progress {
height: 10px;
margin-bottom: 40px;
display: block;
}
.intro-about .progress-intro-about .progress-bar {
height: 10px;
background: #666666;
}

@media all and (max-width: 360px) {
.about {
margin: 50px 0;
}
.about .inner-about {
background-image: none;
}
.about .inner-about .content-inner-about-left .content-item-about {
text-align: left;
margin-bottom: 40px;
}
.about
.inner-about
.content-inner-about-left
.content-item-about
.img-icon-about {
display: none;
}
.about
.inner-about
.content-inner-about-left
.content-item-about
h3:before {
left: 0 !important;
}
.about .inner-about .content-inner-about-right .content-item-about {
text-align: left;
margin-bottom: 40px;
}
.about
.inner-about
.content-inner-about-right
.content-item-about
.img-icon-about {
display: none;
}

.intro-about .progress-intro-about {
width: 100%;
padding: 0 30px 0 0;
margin: 30px 0 50px 20px;
}
.intro-about .progress-intro-about h2 {
font-size: 30px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.inner-about {
background-image: none;
}
.inner-about .content-inner-about-left {
padding: 20px;
}
.inner-about .content-inner-about-left .content-item-about {
text-align: left;
margin-bottom: 40px;
}
.inner-about .content-inner-about-left .content-item-about .img-icon-about {
top: 0;
right: 0;
}
.inner-about .content-inner-about-left h3:before {
left: 0 !important;
}
.inner-about .content-inner-about-right {
padding: 20px;
}
.inner-about .content-inner-about-right .content-item-about {
margin-bottom: 40px;
}
.inner-about
.content-inner-about-right
.content-item-about
.img-icon-about {
top: 0;
left: 80%;
}

.intro-about .progress-intro-about {
margin: 30px 20px 50px 20px;
padding: 0 30px 0 0;
}
.intro-about .progress-intro-about h2 {
font-size: 35px;
}
}
@media all and (max-width: 1023px) and (min-width: 768px) {
.inner-about {
background: none;
}
.inner-about .content-inner-about-left .content-item-about {
text-align: left;
}
.inner-about .content-inner-about-left .content-item-about .img-icon-about {
top: 0;
right: 0;
}
.inner-about .content-inner-about-left .content-item-about h3:before {
left: 0 !important;
}
.inner-about
.content-inner-about-right
.content-item-about
.img-icon-about {
top: 0;
left: 90%;
}

.intro-about .progress-intro-about {
padding: 50px 20px;
margin: 0 !important;
}
.intro-about .progress-intro-about h2 {
font-size: 40px;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.inner-about {
background: none;
}
.inner-about .content-inner-about-left .content-item-about {
text-align: left;
}
.inner-about .content-inner-about-left .content-item-about .img-icon-about {
top: 0;
right: -25px;
}
.inner-about .content-inner-about-left .content-item-about h3:before {
left: 0 !important;
}
}
.entry-content {
margin-top: 100px;
margin-bottom: 50px;
}
.entry-content .woocommerce-info {
padding: 20px 50px 20px 15px;
border-top: 3px solid #d1a861;
margin: 30px 0;
background: #f7f7f7;
width: 100%;
}
.entry-content .woocommerce-info a:hover {
cursor: pointer;
}
.entry-content .woocommerce-form-login {
border: 1px dashed #e5e5e5;
padding: 33px 30px;
}
.entry-content .woocommerce-form-login p {
color: #999999;
}
.entry-content .woocommerce-form-login p a {
color: #999999;
}
.entry-content .woocommerce-form-login p a:hover {
color: #333333;
text-decoration: none;
}
.entry-content .woocommerce-form-login .form-row-first {
width: 47%;
}
.entry-content .woocommerce-form-login .form-row-first input {
color: #666666;
width: 100%;
border: none;
border-bottom: 1px solid #333333 !important;
padding: 0 0 9px 0;
}
.entry-content .woocommerce-form-login .form-row-first input:focus {
outline: none;
}
.entry-content .woocommerce-form-login .form-row-last {
width: 47%;
}
.entry-content .woocommerce-form-login .form-row-last input {
color: #666666;
width: 100%;
border: none;
border-bottom: 1px solid #333333 !important;
padding: 0 0 9px 0;
}
.entry-content .woocommerce-form-login .form-row-last input:focus {
outline: none;
}
.entry-content .woocommerce-form-login .form-button button {
padding: 10px 35px 10px 35px;
color: white;
border: 1px solid #333333;
background: #333333;
line-height: 1;
border-radius: 0;
font-size: 15px;
margin: 30px 0;
}
.entry-content .woocommerce-form-login .form-button button span {
color: #333333;
}
.entry-content .woocommerce-form-login .form-button button:hover {
color: #333333;
background: white;
}
.entry-content .checkout_coupon {
border: 1px dashed #e5e5e5;
padding: 40px 30px;
}
.entry-content .checkout_coupon .form-row-first {
width: 75%;
}
.entry-content .checkout_coupon .form-row-first input {
color: #666666;
width: 100%;
border: none;
border-bottom: 1px solid #333333 !important;
padding: 0 0 9px 0;
}
.entry-content .checkout_coupon .form-row-first input:focus {
outline: none;
}
.entry-content .checkout_coupon .form-row-last {
width: 200px;
}
.entry-content .checkout_coupon .form-row-last button {
padding: 10px 20px 10px 20px;
border: 1px solid #333333;
line-height: 1;
border-radius: 0;
font-size: 15px;
color: white;
background: #333333;
}
.entry-content .checkout_coupon .form-row-last button span {
color: #333333;
}
.entry-content .checkout_coupon .form-row-last button:hover {
background: white;
color: #333333;
}

.content-checkout {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 80px;
margin-bottom: 80px;
margin-left: 0 !important;
}
.content-checkout .billing-detail {
padding-left: 0 !important;
}
.content-checkout .billing-detail h2 {
margin-bottom: 30px;
font-size: 20px;
}
.content-checkout .billing-detail input {
width: 100%;
font-size: 13px;
margin-bottom: 20px;
padding: 5px 10px;
text-indent: 10px;
height: 40px;
border: 1px solid #cccccc;
}
.content-checkout .billing-detail input:focus {
outline: none;
}
.content-checkout .billing-detail p {
font-size: 15px;
}
.content-checkout .billing-detail p span {
color: red;
}
.content-checkout .billing-detail select {
width: 100%;
margin-bottom: 20px;
height: 40px;
border: 1px solid #cccccc;
}
.content-checkout .billing-detail select:focus {
outline: none;
}
.content-checkout .billing-detail textarea {
width: 100%;
height: 200px;
text-indent: 10px;
border: 1px solid #cccccc;
}
.content-checkout .billing-detail textarea:focus {
outline: none;
}
.content-checkout .billing-detail .check-creat-account {
width: auto !important;
height: auto;
}
.content-checkout .billing-detail h3 {
font-size: 20px;
}

.item-checkout {
width: 100%;
margin: 0 auto;
padding-left: 20px !important;
}
.item-checkout h2 {
margin-bottom: 30px;
font-size: 20px;
}
.item-checkout .item-checkout-detail {
padding-top: 40px;
padding-bottom: 30px;
vertical-align: middle;
width: 100%;
}
.item-checkout .item-checkout-detail .card {
border: none;
}
.item-checkout .item-checkout-detail .card img {
width: 100px;
height: 90px;
border-radius: 0;
}
.item-checkout .item-checkout-detail .card .card-body {
margin: 0;
padding: 20px 0;
position: relative;
}
.item-checkout .item-checkout-detail .card .card-body p {
margin: 0;
padding: 0;

font-size: 17px;
color: #666666;
}
.item-checkout .item-checkout-detail .card .card-body .price {
position: absolute;
right: 0;
top: 0;

font-size: 17px;
}
.item-checkout .item-checkout-detail .card .card-body .price ins {
text-decoration: none;
}
.item-checkout .sub-payment {
width: 100%;
margin: 0 auto;
padding: 10px 0;
display: block;
}
.item-checkout .sub-payment h5 {
font-size: 15px;
font-weight: bold;
}
.item-checkout .sub-payment span {
font-size: 15px;
color: #ffb3b5;
margin-top: -3px;
}
.item-checkout .sub-payment small {
font-size: 13px;
}
.item-checkout .payment {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 40px;
}
.item-checkout .payment .content-type-payment {
margin: 10px 0;
}
.item-checkout .payment .content-type-payment input {
font-size: 15px;
}
.item-checkout .payment .content-type-payment .input-content {
margin: 20px 20px 0 0;
padding: 10px 10px 10px 20px;
background: #f2f2f2;
display: none;
position: relative;
}
.item-checkout .payment .content-type-payment .input-content:before {
position: absolute;
content: "";
bottom: 100%;
left: 40px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #f2f2f2;
}
.item-checkout .payment .content-type-payment.active .input-content {
display: block;
}
.item-checkout button {
background: #333333;
color: white;
border-radius: 0;
}
.item-checkout button:hover {
color: #333333;
border: 1px solid #333333;
background: white;
}

@media all and (max-width: 767px) {
.woocommerce-form-login .form-row-first {
width: 100% !important;
}
.woocommerce-form-login .form-row-last {
width: 100% !important;
}

.checkout_coupon .form-row-first {
width: 100% !important;
}
.checkout_coupon .form-row-last {
float: left !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.checkout_coupon .form-row-first {
width: 60% !important;
}
}
.cosmetic {
margin-top: 150px;
margin-bottom: 120px;
}
.cosmetic .bg-cosmetic {
padding-right: 0 !important;
}
.cosmetic .bg-cosmetic img {
max-width: 100%;
}
.cosmetic .inner-cosmetic {
width: 100%;
padding-left: 45px;
}
.cosmetic .inner-cosmetic h2 {
font-size: 50px;

margin-top: 10px;
line-height: 1;
margin-bottom: 30px;
}
.cosmetic .inner-cosmetic h3 {
color: #999999;

font-size: 25px;
margin-bottom: 60px;
line-height: 1;
}
.cosmetic .inner-cosmetic h4 {
font-size: 25px;
position: relative;
margin-bottom: 50px;
}
.cosmetic .inner-cosmetic h4:before {
position: absolute;
height: 13px;
width: 70px;
display: block;
left: 0;
bottom: -20px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.cosmetic .inner-cosmetic p {
font-size: 15px;

color: #989898;
margin-bottom: 50px;
}

@media all and (max-width: 360px) {
.cosmetic {
margin: 50px 0;
}
.cosmetic .inner-cosmetic {
margin-top: 100px;
padding-left: 0;
}
.cosmetic .inner-cosmetic h2 {
font-size: 32px;
line-height: 1;
}
.cosmetic .inner-cosmetic span {
font-size: 20px;
line-height: 1;
}
.cosmetic .inner-cosmetic h4 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 40px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.cosmetic {
margin: 50px 0;
}
.cosmetic .inner-cosmetic {
margin-top: 100px;
padding-left: 0;
}
.cosmetic .inner-cosmetic h2 {
font-size: 50px;
line-height: 1;
}
.cosmetic .inner-cosmetic span {
font-size: 20px;
line-height: 1;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.cosmetic {
margin: 100px 0 100px 0;
}
.cosmetic .inner-cosmetic {
margin-top: 100px;
padding-left: 20px;
}
.cosmetic .inner-cosmetic h2 {
font-size: 55px;
line-height: 1;
}
.cosmetic .inner-cosmetic span {
font-size: 20px;
line-height: 1;
}
.cosmetic .inner-cosmetic img {
margin-bottom: 20px;
}
}
@media all and (min-width: 1024px) and (max-width: 1366px) {
.inner-cosmetic h2 {
font-size: 40px !important;
line-height: 1;
}
}
.content-cart {
padding-top: 120px;
padding-bottom: 80px;
margin-bottom: 80px;
margin-left: 0 !important;
border-bottom: 1px solid #e6e6e6;
margin-right: 0 !important;
}
.content-cart table {
text-align: center;
width: 100%;
}
.content-cart table th {
border-bottom: 1px solid #dee2e6 !important;
}
.content-cart table td {
vertical-align: middle;
padding: 20px 0;
}
.content-cart table td span {
color: #d1a861;
font-weight: 600;
}
.content-cart table td img {
margin-left: 10%;
}
.content-cart table td p {
margin-top: 20px;
margin-left: 20px;
}
.content-cart .card-button {
width: auto;
display: block;
font-size: 15px;
float: left;
text-align: left;
}
.content-cart .card-button button:focus {
outline: none;
box-shadow: none;
}
.content-cart .card-button .coupon {
background: none;
color: #999999;
padding: 15px 70px 15px 10px;
border: 1px solid #cccccc;
margin-right: 30px;
border-radius: 0;
line-height: 1;
}
.content-cart .card-button .apply {
background: none;
color: black;
padding: 15px 30px;
border: 1px solid #999999;
border-radius: 0;
line-height: 1;
}
.content-cart .card-button .update {
background: black;
color: white;
padding: 15px 30px;
border-radius: 0;
line-height: 1;
border: 1px solid black;
}
.content-cart .card-button .clear-wishlist,
.content-cart .card-button .update-wishlist {
background: none;
padding: 15px 30px;
border: 1px solid #333333;
margin-right: 20px;
color: #333333;
line-height: 1;
border-radius: 0;
}
.content-cart .card-button .go-shopping {
background: #333333;
padding: 15px 30px;
border: 1px solid #333333;
color: white;
line-height: 1;
border-radius: 0;
}
.content-cart .card-button .clear-wishlist:hover,
.content-cart .card-button .update-wishlist:hover,
.content-cart .card-button .shop-now:hover {
color: white;
background: #333333;
}
.content-cart .card-button .go-shopping:hover {
background: white;
color: #333333;
border: 1px solid #333333;
}
.content-cart .rocart-total {
font-size: 15px;
width: 100%;
margin-top: 60px;
}
.content-cart .rocart-total h2 {
margin-bottom: 40px;
line-height: 1;
font-size: 20px;
font-weight: 600;
}
.content-cart .rocart-total ul {
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.content-cart .rocart-total ul li {
width: 90px;
}
.content-cart .rocart-total ul li p {
font-weight: 600;
}
.content-cart .rocart-total button {
background: none;
margin-top: 30px;
padding: 15px 30px;
border: 1px solid #999999;
line-height: 1;
border-radius: 0;
}
.content-cart .rocart-total button:hover {
color: white;
background: #333333;
}

.content-cart table .btn-group button {
padding: 5px 10px;
background: none;
border: 1px solid #999999;
border-radius: 0;
width: 30px;
}
.btn-lg {
border: 1px solid #999999 !important;
border-radius: 0 !important;
}

.content-cart table .btn-group .prev:hover,
.content-cart table .btn-group .next:hover {
color: white;
background: #333333;
}

.content-cart table .btn-group button:focus {
box-shadow: none;
outline: none;
}

.content-cart .card-button .coupon:hover,
.content-cart .card-button .apply:hover {
color: white;
background: #333333;
}

.content-cart .card-button .update:hover {
background: white;
color: #333333;
border: 1px solid #333333;
}

i {
color: #d1a861;
}

.cart-mobile {
width: 100%;
background: #f2f2f2;
margin-bottom: 30px;
position: relative;
}
.cart-mobile span {
position: absolute;
right: 0;
top: 0;
}
.cart-mobile tr {
border-bottom: 1px solid #dee2e6;
}
.cart-mobile tr th {
border: none !important;
text-align: left;
padding-left: 15px;
padding-top: 20px;
}
.cart-mobile tr td {
text-align: right;
padding-right: 15px;
}
.cart-mobile tr td:first-child {
text-align: center;
}
.cart-mobile tr:last-child {
border-bottom: none !important;
}

.shop-now {
background: none;
border: 1px solid #999999;
padding: 10px 20px;
line-height: 1;
float: right;
}

.clear-wishlist:hover,
.update-wishlist:hover,
.shop-now:hover {
color: white;
background: #333333;
}

.go-shopping:hover {
color: #333333;
background: white;
border: 1px solid #333333;
}

@media all and (max-width: 399px) {
.content-cart .cart-desktop {
display: none;
}
.content-cart .cart-mobile {
display: block !important;
}

.card-button button {
margin-bottom: 20px;
}
.card-button .update {
float: left !important;
}
.card-button .go-shopping {
float: left !important;
}
}
@media all and (min-width: 400px) and (max-width: 767px) {
.content-cart .cart-desktop {
display: none;
}
.content-cart .cart-mobile {
display: block !important;
}

.card-button button {
margin-bottom: 20px;
}
.card-button .apply {
margin-right: 100px !important;
}
.card-button .update {
float: left !important;
}
.card-button .go-shopping {
float: left !important;
}
}
@media all and (min-width: 768px) {
.cart-mobile {
display: none;
}
}
.content-masonry {
margin: 120px 0 80px 0;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 50px;
}
.content-masonry .card {
margin: 15px 0;
width: 100%;
border-radius: 0;
}
.content-masonry .card img {
padding: 15px;
}
.content-masonry .card .card-body {
text-align: center;

margin: 0;
padding-top: 0;
position: relative;
z-index: 1;
}
.content-masonry .card .card-body img {
padding: 0 0 20px 0 !important;
}
.content-masonry .card .card-body h5 {
position: relative;
margin-bottom: 40px;
}
.content-masonry .card .card-body h5 a {
margin: 0;
font-size: 22px;
font-weight: 600;
color: #666666;
}
.content-masonry .card .card-body h5 a:hover {
text-decoration: none;
padding: 0 !important;
}
.content-masonry .card .card-body h5:before {
position: absolute;
height: 13px;
width: 90px;
display: block;
left: 50%;
margin-left: -45px;
bottom: -20px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.content-masonry .card .card-body p {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 20px;
font-size: 15px;
color: #666666;
}
.content-masonry .card .card-body span {
padding: 0 30px;
border-right: 1px solid #e6e6e6;
font-size: 15px;
color: #666666;
z-index: 1;
}
.content-masonry .card .card-body .card-link {
padding: 0 30px;
font-size: 15px;
color: #666666;
background: white;
position: relative;
}
.content-masonry .card .card-body .icon-share {
position: absolute;
left: 5%;
top: 0;
width: 60%;
z-index: 3;
display: none;
background: white;
}
.content-masonry .card .card-body .icon-share a {
margin: 0 10px;
color: #cccccc;
}
.content-masonry .card .card-body .icon-share a i {
color: #cccccc;
}
.content-masonry .card .card-body .icon-share i:hover {
color: #d1a861;
}
.content-masonry .card .card-body .icon-share.active {
display: block;
}
.content-masonry .card .card-body.active .icon-share {
display: block;
}
.content-masonry ul {
margin-top: 30px;
}

.blog-homepage3 {
background: #fcd1cf;
padding: 10px 0 10px 0;
}
.blog-homepage3 .content-masonry {
border: none;
}
.blog-homepage3 .content-masonry .carousel-indicators {
bottom: -100px;
}
.blog-homepage3 .content-masonry .carousel-indicators li.active {
margin-top: -10px;
}

@media all and (max-width: 360px) {
.icon-share {
left: 15% !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.content-masonry .card-body span {
padding: 0 10px !important;
}
.content-masonry .card-body .icon-share {
left: 10% !important;
width: 75% !important;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.content-masonry .card-body span {
padding: 0 10px !important;
}
.content-masonry .card-body .icon-share {
left: 0 !important;
width: 70% !important;
}
}
.content-my-account {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 80px;
margin-left: 0 !important;
margin-right: 0 !important;
border-bottom: 1px solid #e6e6e6;
}
.content-my-account h2 {
font-size: 35px;

font-weight: 600;
}
.content-my-account p {
font-size: 15px;
color: #999999;
margin-top: 20px;
}
.content-my-account p span {
color: red;
}
.content-my-account input:focus {
outline: none;
}
.content-my-account input.text {
width: 100%;
height: 45px;
text-indent: 10px;
}
.content-my-account input.checkbox {
margin-left: 20px;
}
.content-my-account form {
margin: 30px 0 30px 0;
}
.content-my-account form button {
padding: 15px 30px;

font-size: 15px;
text-transform: uppercase;
line-height: 1;
color: white !important;
border: none;
}
.content-my-account form button:hover {
background: #d1a861;
}
.content-my-account a {
color: red;
margin-top: 50px;
}
.content-my-account a:hover {
text-decoration: none;
}
.content-my-account .content-my-account-left {
padding-left: 0;
}
.content-my-account .content-my-account-right {
padding-right: 0;
}
.content-my-account .form-lost-password {
padding-left: 0;
display: none;
}

@media all and (max-width: 360px) {
.content-my-account {
margin-bottom: 50px !important;
}

.content-my-account-right {
margin-top: 0 !important;
padding-left: 0 !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-my-account {
margin-bottom: 50px !important;
}

.content-my-account-right {
margin-top: 0 !important;
padding-left: 0 !important;
}
}
.banner {
background-image: url("../../imager/home/banner-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position-x: -20px;
margin-bottom: 70px;
margin-top: 70px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.banner .banner-right {
padding-left: 70px;
padding-top: 100px;
}
.banner .banner-right h2 {
font-size: 40px;
z-index: 105;
text-transform: uppercase;
position: relative;
}
.banner .banner-right h3 {
font-size: 53px;
text-transform: uppercase;
margin-bottom: 50px;
}
.banner .banner-right .line-banner {
width: 30%;
height: 20px;
background: #d1a861;
position: absolute;
left: 23%;
top: 28%;
}
.banner .banner-right button {
font-size: 15px;

padding: 15px 20px;
margin-bottom: 80px;
border: 1px solid black;
line-height: 1;
border-radius: 0;
position: relative;
z-index: 2;
}
.banner .banner-right button:before {
content: "";
width: 0;
height: 100%;
font-size: 15px;
background: #333333;
position: absolute;
z-index: -1;
left: 0;
top: 0;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}
.banner .banner-right button:hover:before {
width: 100%;
}
.banner .banner-right button:hover {
color: white;
}

@media all and (max-width: 360px) {
.banner {
background-position: right;
}

.banner-right {
padding-left: 20px !important;
}
.banner-right .line-banner {
top: 30% !important;
width: 40% !important;
}
.banner-right h3 {
font-size: 40px !important;
}
}
@media all and (max-width: 767px) and (min-width: 361px) {
.banner {
background-position: right;
}

.banner-right {
padding-left: 20px !important;
}
.banner-right .line-banner {
top: 30% !important;
width: 35% !important;
left: 20% !important;
}
.banner-right h3 {
font-size: 45px !important;
}
}
@media all and (max-width: 1023px) and (min-width: 768px) {
.banner-right {
padding-left: 100px !important;
}
.banner-right .line-banner {
top: 29% !important;
width: 25% !important;
left: 20% !important;
}
.banner-right h3 {
font-size: 50px !important;
}
}
.product-out {
text-align: center;
margin-top: 60px;
}
.product-out .modal-dialog {
max-width: initial;
}
.product-out .modal-dialog .product-single-detail {
padding: 0 !important;
margin-top: 0 !important;
text-align: left !important;
}

.title {
text-align: center;
}
.title h2 {
font-size: 60px;
margin-bottom: 0;
position: relative;
}
.title h2:before {
position: absolute;
height: 13px;
width: 150px;
display: block;
bottom: -10px;
left: 50%;
margin-left: -75px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.title h3 {
font-size: 40px;
margin-bottom: 0;
position: relative;
}
.title h3:before {
position: absolute;
height: 13px;
width: 110px;
display: block;
left: 50%;
margin-left: -55px;
bottom: -10px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}

.product-out .carousel-indicators {
bottom: -15px;
}
.product-out .carousel-indicators li {
background-color: #999999 !important;
border: none;
width: 7px;
height: 7px;
border-radius: 50%;
bottom: 100px;
}
.product-out .carousel-indicators .active {
background-color: #45b1ac !important;
width: 50px;
height: 6px;
border-radius: 10px;
border-radius: 10px;
}

.product {
/* margin-top: 80px; */
}
.product .card {
border: none;
border-radius: 0;
text-align: center;
display: flex;
position: relative;
/* max-height: 250px; */
justify-content: space-between;
/* margin: 0 0 45px 0; */
}
.product .card .card-body {
padding: 0 !important;
margin: 0 !important;
flex-direction: column;
/* width: 150px; */
max-height: 75px !important;
/* margin-top: 20px; */
}
.product .card .custom-card {
flex-direction: column;
}
.product .card .custom-card .card-title a {
color: #a1a1a1;
font-size: 15px;
}
.product .card .custom-card .card-title a:hover {
color: black !important;
text-decoration: none;
}
.product .card .card-body .card-title {
margin: 0;
}
.product .card .card-body .card-title a {
color: #a1a1a1;
font-size: 15px;
}
.product .card .card-body .card-title a:hover {
color: black;
text-decoration: none;
}
.product .card .card-body .woocommerce-loop-product__title {
margin: 0;
}
.product .card .card-body .woocommerce-loop-product__title a {
font-size: 20px;
font-weight: 600;
color: #333333;
margin: 0;
}
.product .card .card-body .woocommerce-loop-product__title a:hover {
color: #d1a861;
text-decoration: none;
}
.product .card .card-body .price {
font-size: 25px;
font-weight: 600;
margin: 0;
padding: 0;
}
.product .card .card-body .price del {
margin-right: 20px;
color: #cccccc;
}
.product .card .card-body .price del span {
color: #cccccc;
}
.product .card .card-body .price ins {
text-decoration: none;
}
.product .card .card-body .price ins span {
color: #d1a861;
}
.product .card .card-img-top {
margin: 0;
padding: 0;
position: relative;
z-index: 1;
/* aspect-ratio: 0.7; */
}
.product .card .card-img-top:before {
content: "";
position: absolute;
z-index: 3;

top: 0;
right: 0;
background: white;
opacity: 0;
transition: all 0.5s;
}
.product .card .card-img-top .wp-post-image {
z-index: 2;
position: relative;
width: 100%;
/* height: 100%; */
max-width: 100%;
display: block;
}
.product .card .card-img-top img {
height: auto;
z-index: 3;
object-fit: contain;
transition: 1s;
width: 90%;
aspect-ratio: 0.75;
}
.product .card .icon-product {
width: 100%;
/* height: 100%; */
/* position: absolute; */
top: 93%;
padding-bottom: 5px;
padding-top: 5px;
/* background-color: #333; */
left: 0;

z-index: 100;
opacity: 1;
transition: all 0.5s;
}
.product .card .card-img-top .icon-product button {
position: relative;
top: 50%;
padding: 5px 10px;
background: #d1a861;
border-radius: 50%;
margin-right: 5px;
}
.product .card .card-img-top .icon-product button span {
color: white;
}
.product .card .card-img-top .icon-product button:focus {
outline: none;
box-shadow: none;
}
.product .card .card-img-top .onsale {
padding: 7px 15px;
color: white;
position: absolute;
line-height: 1;
font-size: 16px;

right: 0;
top: 3%;
background: #d1a861;
z-index: 10;
}
.product .card .card-img-top .onnew {
padding: 7px 15px;
color: white;
position: absolute;
line-height: 1;
font-size: 16px;

background: #8ce6ff;
right: 0;
top: 3%;
z-index: 10;
}
.product .card-img-top:hover .icon-product {
opacity: 1;
}
.product .card-img-top:hover:before {
opacity: 0.7;
}
.product .sale-product {
margin: 0;
}
.product .sale-product a {
display: block;
position: relative;
}
.product .sale-product a img {
width: 100%;
}
.product .product .card a:hover {
text-decoration: none;
}

.product-out-homepage2 {
background: #fafafa;
padding: 1px 0 0px 0;
}
.product-out-homepage2 .product .card {
background: #fafafa;
}

@media all and (max-width: 360px) {
.content-homepage .product-out {
margin-top: 70px !important;
}

.sale-product {
margin-bottom: 40px !important;
}

.title h2 {
font-size: 45px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-homepage .product-out {
margin-top: 70px !important;
}

.sale-product {
margin-bottom: 40px !important;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.sale-product {
margin-bottom: 40px !important;
}
}
.deal-day {
background-image: url("../../imager/home/bg-deal-day.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

.content-deal-day {
width: 100%;
text-align: center;
}
.content-deal-day h2 {
font-size: 60px;

text-transform: capitalize;
margin-top: 140px;
}
.content-deal-day .title h2 {
margin-bottom: 50px;
}
.content-deal-day .title h2:before {
position: absolute;
height: 13px;
width: 150px;
display: block;
bottom: -10px;
left: 50%;
margin-left: -75px;
background: white;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.content-deal-day ul {
margin-bottom: 80px;
}
.content-deal-day ul li {
background: white;
border-top: 12px solid #d1a861;
display: inline-block;
margin-right: 65px;
text-align: center;
width: 120px;
position: relative;
border-bottom-left-radius: 18px;
}
.content-deal-day ul li h2 {
margin: 0;
padding: 0;
font-size: 70px;
}
.content-deal-day ul li p {
font-size: 17px;
margin-bottom: 20px !important;
padding: 0;
}
.content-deal-day button {
margin-bottom: 100px;
border-radius: 0;
background: white;
font-size: 15px;
position: relative;
color: #333333;

border: none;
font-weight: 600;
padding: 10px 30px;
z-index: 2;
}
.content-deal-day button:before {
content: "";
width: 0;
height: 100%;
font-size: 15px;
background: #333333;
position: absolute;
z-index: -1;
left: 0;
top: 0;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}
.content-deal-day button:hover:before {
width: 100%;
}
.content-deal-day button:hover {
color: white;
}

/* Safari 4.0 - 8.0 */
.content-deal-day ul li:before {
content: " ";
height: 12px;
background: #f2f2f2;
width: 100%;
z-index: 300;
position: absolute;
bottom: 0;
right: -15px;
display: block;
border-radius: 0 0 15px 0;
transform: skewX(-10deg);
}

.content-deal-day ul li:after {
content: " ";
height: 20px;
width: 25px;
bottom: 0.5px;
background: white;
position: absolute;
border-radius: 26px 3px 30px 10px;
left: 9.5px;
z-index: 301;
}

@media all and (max-width: 360px) {
.content-deal-day h2 {
font-size: 40px;
line-height: 1;
margin-top: 60px;
}
.content-deal-day img {
display: none;
}
.content-deal-day ul {
margin-bottom: 30px;
margin-top: 30px;
}
.content-deal-day ul li {
width: 18%;
margin-right: 15px;
}
.content-deal-day ul li h2 {
font-size: 20px;
}
.content-deal-day ul li p {
font-size: 13px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1;
}
.content-deal-day button {
margin-bottom: 50px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-deal-day h2 {
font-size: 40px;
line-height: 1;
margin-top: 60px;
}
.content-deal-day img {
display: none;
}
.content-deal-day ul {
margin-bottom: 30px;
margin-top: 30px;
}
.content-deal-day ul li {
width: 18% !important;
margin-right: 15px;
}
.content-deal-day ul li h2 {
font-size: 20px;
}
.content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-deal-day button {
margin-bottom: 50px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {
.content-deal-day h2 {
font-size: 40px;
line-height: 1;
margin-top: 60px;
}
.content-deal-day img {
display: none;
}
.content-deal-day ul {
margin-bottom: 30px;
margin-top: 30px;
}
.content-deal-day ul li {
width: 100px !important;
margin-right: 15px;
}
.content-deal-day ul li h2 {
font-size: 20px;
}
.content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-deal-day button {
margin-bottom: 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.content-deal-day h2 {
font-size: 50px;
line-height: 1;
margin-top: 60px;
}
.content-deal-day img {
margin-bottom: 30px !important;
margin-right: 0;
}
.content-deal-day ul {
margin-bottom: 30px;
}
.content-deal-day ul li {
width: 10%;
margin-right: 20px;
}
.content-deal-day ul li h2 {
font-size: 20px;
margin-top: 10px;
}
.content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-deal-day button {
margin-bottom: 50px;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.content-deal-day h2 {
font-size: 60px;
line-height: 1;
margin-top: 60px;
}
.content-deal-day img {
margin-bottom: 40px;
margin-right: 0;
}
.content-deal-day ul {
margin-bottom: 30px;
}
.content-deal-day ul li {
width: 120px;
margin-right: 20px;
}
.content-deal-day ul li h2 {
font-size: 40px;
margin-top: 10px;
}
.content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-deal-day button {
margin-bottom: 50px;
}
}
.review-homepage {
text-align: center;
margin-top: 65px;
}

.content-review-homepage {
width: 100%;
background: white;
margin-top: 250px;
position: relative;
}
.content-review-homepage img {
width: 150px;
height: 150px;
left: 43%;
position: absolute;
top: -30%;
border-radius: 50%;
}
.content-review-homepage h3 {
padding-top: 80px;
padding-bottom: 10px;
}
.content-review-homepage p {
width: 90%;
margin: auto;
}
.content-review-homepage p i {
margin-bottom: 30px;
color: #d1a861;
}

.review-homepage .carousel-indicators li {
background: #d1a8615c !important;
height: 5px !important;
width: 16px !important;
border: none !important;
border-radius: 7px;
}

.review-homepage .carousel-indicators li.active {
background: #d1a861 !important;
height: 5px !important;
width: 40px !important;
border: none !important;
border-radius: 7px;
}

@media all and (max-width: 360px) {
.content-review-homepage img {
left: 30%;
top: -20%;
}
}
@media all and (min-width: 360px) and (max-width: 768px) and (orientation: landscape) {
.content-review-homepage img {
left: 38% !important;
top: -20%;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-review-homepage img {
left: 32%;
top: -20%;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.content-review-homepage img {
left: 40%;
top: -25%;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.content-review-homepage img {
left: 43%;
top: -25%;
}
}
.lastest {
margin-top: 90px;
text-align: center;
}
.lastest h2 {
font-size: 60px;

margin-top: 30px !important;
padding-bottom: 0 !important;
margin-bottom: 80px;
}
.lastest .card {
width: 100%;
border: none;
padding-bottom: 50px;
}
.lastest .card img {
margin-bottom: 0;
height: 90px;
width: 130px;
max-width: 100%;
border-radius: 0;
}
.lastest .card .card-title a {
font-size: 20px;

color: #333333;
font-weight: 600;
}
.lastest .card .card-body {
padding: 0;
text-align: left;
padding-left: 15px;
}
.lastest .card .card-body p {
margin: 0;
font-size: 15px;
color: #999999;

padding: 0;
}

.lastest .card a:hover {
text-decoration: none;
}

.lastest .card h5 a:hover {
color: #d1a861;
}

@media all and (max-width: 360px) {
.lastest h2 {
font-size: 45px !important;
}
.lastest .card {
padding-bottom: 20px;
}
.lastest .card img {
margin-left: -15px;
}
.lastest .card .card-body {
padding-right: 0;
margin-left: 0;
padding-left: 0;
}
.lastest .card h5 a {
font-size: 15px !important;
}
.lastest .card p {
font-size: 13px !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.lastest .card {
padding-bottom: 20px;
}
.lastest .card img {
margin-left: -15px;
}
.lastest .card .card-body {
padding-right: 0;
margin-left: -15px;
padding-left: 0;
}
.lastest .card h5 a {
font-size: 15px !important;
}
.lastest .card p {
font-size: 13px !important;
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.lastest {
display: block;
}
.lastest .lastest-item {
padding-right: 0;
}
.lastest .lastest-item .card-body {
padding-left: 15px;
margin-left: 15px;
}
.lastest .lastest-item .card-body h5 a {
font-size: 15px !important;
}
.lastest .lastest-item .card-body p {
font-size: 13px !important;
}
}
.content-blog {
margin-top: 100px;
margin-bottom: 100px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 50px;
}

.content-blog-left {
width: 100%;
}
.content-blog-left .search-blog {
margin-bottom: 45px;
width: 100%;
display: inline-block;
}
.content-blog-left .search-blog input {
width: 80%;
height: 44px;
line-height: 1;
text-indent: 10px;
border: 1px solid #999999;
}
.content-blog-left .search-blog input:focus {
outline: none;
}
.content-blog-left .search-blog button {
width: 20%;
padding: 5px 10px;
background: #d1a861;
border: none;
border-radius: 0;
height: 44px;
}
.content-blog-left .search-blog button span {
color: white;
line-height: 1;
}
.content-blog-left .search-blog button:focus {
outline: none !important;
box-shadow: none;
}
.content-blog-left .author-blog {
width: 100%;
text-align: center;
padding: 30px 10px;
border: 1px solid #e6e6e6;
}
.content-blog-left .author-blog img {
width: 100px;
height: 100px;
border-radius: 50%;
}
.content-blog-left .author-blog h3 {
font-size: 22px;

margin-top: 20px;
margin-bottom: 0;
color: #333333;
}
.content-blog-left .author-blog small {
font-size: 15px;
margin: 5px 0;
color: #808080;
word-wrap: break-word;
}
.content-blog-left .author-blog p {
margin-top: 20px;
color: #666666;
}
.content-blog-left .filter-price {
padding-bottom: 50px;
}
.content-blog-left .filter-price h2 {
font-size: 25px;
position: relative;
margin-bottom: 50px;
}
.content-blog-left .filter-price h2:before {
position: absolute;
height: 8px;
width: 65px;
display: block;
left: 0;
bottom: -15px;
background: #d1a861;
-webkit-background-image: url(../../imager/line-title2.svg);
-webkit-background-size: contain;
}
.content-blog-left .filter-price p {
width: 100%;
height: 5px;
background: #333333;
position: relative;
z-index: 2;
}
.content-blog-left .filter-price p:before {
content: "";
width: 15px;
height: 15px;
position: absolute;
left: 0;
top: -100%;
border-radius: 50%;
z-index: 3;
background: #333333;
}
.content-blog-left .filter-price p:after {
content: "";
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: -100%;
border-radius: 50%;
z-index: 3;
background: #333333;
}
.content-blog-left .filter-price span {
font-size: 15px;

margin-top: 20px;
color: #666666;
}
.content-blog-left .filter-price button {
padding: 10px;
margin-top: 10px;
line-height: 1;
border-radius: 0;
color: #666666;
border: 1px solid #666666;
}
.content-blog-left .filter-price button:hover {
background: #333333;
color: white;
}
.content-blog-left .popular-item h2 {
font-size: 25px;
margin-bottom: 50px;
position: relative;
}
.content-blog-left .popular-item h2:before {
position: absolute;
height: 8px;
width: 65px;
display: block;
left: 0;
bottom: -15px;
background: #d1a861;
-webkit-background-image: url(../../imager/line-title2.svg);
-webkit-background-size: contain;
}
.content-blog-left .popular-item .card {
border: none;
}
.content-blog-left .popular-item .card img {
width: 100%;
height: 80%;
border-radius: 0;
}
.content-blog-left .popular-item .card .card-body {
padding-top: 0;
padding-left: 10px;
width: 100%;
}
.content-blog-left .popular-item .card .card-body h5 {
line-height: 1;
}
.content-blog-left .popular-item .card .card-body h5 a {
font-size: 17px;

font-weight: 600;
margin-bottom: 0;
color: #333333;
line-height: 1;
}
.content-blog-left .popular-item .card .card-body p {
font-size: 22px;

font-weight: 600;
color: #d1a861;
line-height: 1;
}
.content-blog-left .popular-item .card .card-body p ins {
text-decoration: none;
font-size: 22px;
line-height: 1;
margin-top: -5px;
}
.content-blog-left .category-blog {
/* padding-bottom: 50px; */
}
.content-blog-left .category-blog h2 {
font-size: 25px;
margin-bottom: 50px;
position: relative;
}
.content-blog-left .category-blog h2:before {
position: absolute;
height: 8px;
width: 66px;
display: block;
left: 0;
bottom: -15px;
background: #d1a861;
-webkit-background-image: url(../../imager/line-title2.svg);
-webkit-background-size: contain;
}
.content-blog-left .category-blog a {
margin-top: 20px;

font-size: 15px;
color: #666666;
line-height: 1;
width: 100%;
display: block;
}
.content-blog-left .category-blog a:hover {
color: #d1a861 !important;
}
.content-blog-left .lastest-blog h2 {
font-size: 25px;
margin-bottom: 30px;
position: relative;
}
.content-blog-left .lastest-blog h2:before {
position: absolute;
height: 8px;
width: 66px;
display: block;
left: 0;
bottom: -15px;
background: #d1a861;
-webkit-background-image: url(../../imager/line-title2.svg);
-webkit-background-size: contain;
}
.content-blog-left .lastest-blog .card {
text-align: left;
border: none;
border-bottom: 1px solid #e6e6e6;
width: 100%;
border-radius: 0;
padding: 20px 0;
}
.content-blog-left .lastest-blog .card .img-lastest-blog img {
width: 100%;
border-radius: 0;
}
.content-blog-left .lastest-blog .card .card-body {
padding: 0 0 0 15px;
vertical-align: middle;
}
.content-blog-left .lastest-blog .card .card-body p {
font-size: 15px;
padding: 0;
margin: 0;
color: #999999;
}
.content-blog-left .lastest-blog .card .card-body span {
width: 100%;
}
.content-blog-left .lastest-blog .card .card-body span a {
font-size: 17px;
font-weight: 600;

color: #333333;
}
.content-blog-left .lastest-blog .card:last-child {
border-bottom: none;
}
.content-blog-left .tag-blog {
margin-bottom: 50px;
margin-top: 30px;
width: 100%;
}
.content-blog-left .tag-blog h2 {
font-size: 25px;

margin-bottom: 40px;
position: relative;
}
.content-blog-left .tag-blog h2:before {
position: absolute;
height: 8px;
width: 30px;
display: block;
left: 0;
bottom: -15px;
background: #d1a861;
-webkit-background-image: url(../../imager/line-title2.svg);
-webkit-background-size: contain;
}
.content-blog-left .tag-blog .link-blog {
width: 100%;
}
.content-blog-left .tag-blog .link-blog a {
padding: 10px;
display: inline-block;
border: 1px solid #999999;
margin: 7px 10px 7px 0;
line-height: 1;
border-radius: 10px;
color: #666666;
font-size: 15px;
}
.content-blog-left .tag-blog .link-blog a:hover {
text-decoration: none;
background: #333333;
color: white;
}
.content-blog-left .lastest-img {
width: 100%;
}
.content-blog-left .lastest-img img {
width: 100%;
max-width: 100%;
max-height: 100%;
}

.content-blog-left .category-blog a:hover {
color: #333333;
text-decoration: none;
}

.content-blog-left .lastest-blog .card span a:hover {
text-decoration: none;
color: #d1a861;
}

.content-blog-left .tag-blog .button-blog button:hover {
background: #333333;
color: white;
}

.pagination {
width: 100%;
}
.pagination li {
margin: 10px 10px;
}
.pagination li a {
border: none;
color: #999999;
}
.pagination li a:hover {
border: none;
background: none;
color: black;
text-decoration: underline;
}

@media all and (max-width: 767px) {
.search-blog {
margin-top: 50px;
}

.lastest-blog .card {
padding: 20px 0;
}
.lastest-blog .card img {
width: 90% !important;
height: 80% !important;
object-fit: contain !important;
margin-top: 10% !important;
}
.lastest-blog .card .card-body {
padding-top: 15% !important;
padding-left: 0 !important;
}

.lastest-img {
margin: 20px 0 40px 0 !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.content-blog-left .filter-price h2 {
font-size: 23px;
}
.content-blog-left .filter-price button {
float: left !important;
}
.content-blog-left .lastest-blog .card img {
width: 90% !important;
height: 80% !important;
object-fit: contain !important;
margin-top: 15% !important;
}
.content-blog-left .lastest-blog .card .card-body {
padding-top: 15% !important;
padding-left: 0 !important;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.content-blog-left .lastest-blog .card {
padding-top: 30px;
}
.content-blog-left .lastest-blog .card img {
object-fit: contain !important;
margin-top: 0 !important;
}
.content-blog-left .lastest-blog .card .card-body {
padding: 0 0 35px 15px;
}
}
.content-blog {
margin: 0 0 80px 0 !important;
padding: 60px 0 70px 0;
}
.content-blog .content-blog-right {
width: 100%;
}
.content-blog .content-blog-right .blog {
padding-bottom: 150px;
border-bottom: 1px solid #e6e6e6;
}
.content-blog .content-blog-right h2 {
font-size: 30px;
}
.content-blog .content-blog-right .content-center {
position: relative;
margin: 20px 0 50px 0;
}
.content-blog .content-blog-right .content-center i {
font-size: 40px;
color: #ffd5d6;
margin-left: 40px;
}
.content-blog .content-blog-right .content-center em {
position: absolute;
font-size: 15px;
top: 30%;
left: 8%;
color: #666666;
}
.content-blog .content-blog-right .card {
border: none;
margin-bottom: 20px;
border-radius: 0;
}
.content-blog .content-blog-right .card .card-body {
margin-top: 0;
padding: 0;
margin-left: 5%;
}
.content-blog .content-blog-right .card .card-body h5 {
font-size: 20px;
}
.content-blog .content-blog-right .card .card-body p {
font-size: 15px;
color: #666666;
}
.content-blog .content-blog-right .fas {
color: #666666;
font-size: 15px;
}
.content-blog .content-blog-right .post-comment h2 {
font-size: 30px;
margin: 50px 0;
font-weight: 600;
}
.content-blog .content-blog-right .post-comment textarea {
width: 100%;
text-indent: 10px;
height: 150px;
margin-bottom: 20px;
border: 1px solid #cccccc;
}
.content-blog .content-blog-right .post-comment input {
width: 100%;
text-indent: 10px;
margin-bottom: 20px;
padding: 13px 0;
line-height: 1;
border: 1px solid #cccccc;
}
.content-blog .content-blog-right .post-comment input:focus,
.content-blog .content-blog-right .post-comment textarea:focus {
outline: none;
}
.content-blog .content-blog-right .post-comment button {
background: #333333;
color: white;
padding: 10px 30px;
border-radius: 0;
border: 1px solid #333333;
}
.content-blog .content-blog-right .post-comment button:hover {
color: #333333;
background: white;
border: 1px solid #333333;
}
.content-blog .content-blog-right .item-blog {
width: 100%;
padding: 0;
}
.content-blog .content-blog-right .item-blog img {
max-width: 100%;
width: 100%;
}
.content-blog .content-blog-right .item-blog a {
color: #666666;
}
.content-blog .content-blog-right .item-blog a:hover {
text-decoration: none;
}
.content-blog .content-blog-right .item-blog i:hover {
color: #d1a861;
}
.content-blog .content-blog-right .item-blog .far {
margin: 20px 0;
color: #666666;
}
.content-blog .content-blog-right .item-blog h1 {
font-size: 30px;
}
.content-blog .content-blog-right .item-blog p {
width: 100%;
text-align: left;
font-size: 15px;

color: #666666;
}
.content-blog .content-blog-right .item-blog button {
padding: 10px 20px;
border: 1px solid #999999;
border-radius: 0;
}
.content-blog .content-blog-right .item-blog button:hover {
color: white;
background: #333333;
}
.content-blog .content-blog-right .item-blog .float-left {
margin: 40px 0;
color: #666666;
}
.content-blog .content-blog-right .item-blog .float-left span {
color: #666666;
}
.content-blog .content-blog-right .item-blog .float-right {
margin: 40px 0;
}
.content-blog .content-blog-right .item-blog .float-right td {
border: 1px solid #e6e6e6;
}
.content-blog .content-blog-right .item-blog .float-right i {
padding: 10px;
line-height: 1;
color: #cccccc;
}
.content-blog .content-blog-right .item-blog .float-right i:hover {
color: #d1a861;
}
.content-blog .content-blog-right .item-blog .card {
margin: 60px 0 20px 0;
}
.content-blog .content-blog-right .item-blog .card .no-gutters1 {
margin-bottom: 20px;
}

.control-slide-blog-single {
margin-bottom: 50px;
margin-top: 50px;
margin-left: 0 !important;
width: 100%;
padding: 20px;
background: #f7f7f7;
}
.control-slide-blog-single i {
margin: 0 auto;
}
.control-slide-blog-single .fa-th:before {
color: #d1a861;
}
.control-slide-blog-single a:hover {
text-decoration: none;
}

.slide-blog-single .card .card-body a:hover {
color: black;
text-decoration: none;
}

.slide-blog-single .card {
border-radius: 0;
padding-bottom: 40px;
position: relative;
}
.slide-blog-single .card img {
width: 100px !important;
height: 100px !important;
border-radius: 50%;
}
.slide-blog-single .card .card-body {
margin-left: 0 !important;
}
.slide-blog-single .card .card-body .card-title {
font-size: 17px;
line-height: 1;
padding-bottom: 0 !important;
}
.slide-blog-single .card .card-body p {
font-size: 15px;
color: #999999;
}
.slide-blog-single .card .card-body span {
margin-bottom: 35px;
padding-bottom: 35px;
color: #666666;
}
.slide-blog-single .card a {
position: absolute;
top: 0;
right: 0;
color: #666666;
}
.slide-blog-single .card a:hover {
color: #d1a861;
}
.slide-blog-single h2 {
margin-bottom: 20px;
font-size: 30px;
}

@media all and (max-width: 360px) {
.content-blog-right .content-center i {
margin-left: 0 !important;
}
.content-blog-right .card img {
margin: 20px 0 !important;
}
.content-blog-right .card .card-body {
margin-left: 0 !important;
}
.content-blog-right .float-left {
margin: 20px 0 10px 0 !important;
}
.content-blog-right .socials {
float: left !important;
margin: 10px 0 20px 0 !important;
}
.content-blog-right .slide-blog-single .control-slide-blog-single .fas {
display: none;
}
.content-blog-right .slide-blog-single h2 {
line-height: 1;
margin: 0 !important;
}
.content-blog-right .slide-blog-single .card {
margin: 20px 0 !important;
text-align: center !important;
}
.content-blog-right .slide-blog-single .card .card-body {
text-align: left !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-blog-right .content-center i {
margin-left: 0 !important;
}
.content-blog-right .card img {
margin: 20px 0 !important;
}
.content-blog-right .card .card-body {
margin-left: 0 !important;
}
.content-blog-right .float-left {
margin: 20px 0 10px 0 !important;
}
.content-blog-right .socials {
float: left !important;
margin: 10px 0 20px 0 !important;
width: 100%;
}
.content-blog-right .slide-blog-single h2 {
line-height: 1;
margin: 0 !important;
}
.content-blog-right .slide-blog-single .card {
margin: 20px 0 !important;
text-align: center !important;
}
.content-blog-right .slide-blog-single .card .card-body {
text-align: left !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.content-blog-right .content-center i {
margin-left: 0 !important;
}
.content-blog-right .card img {
margin: 20px 0 !important;
}
.content-blog-right .card .card-body {
margin-left: 15px !important;
}
}
.footer {
/* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
background-color: black;
/* padding-bottom: 5px; */
color: white;
}
.footer .content-footer {
padding-left: 50px;
}
.footer img {
margin-top: 15px;
margin-bottom: 0;

/*max-width: 135px;*/
/*max-height: 70px;*/
width: 100%;
/* height: 100%; */
}
.footer h2 {
margin-top: 50px;
font-size: 24px;

text-align: justify;
margin-bottom: 5px;
color: white;
font-weight: 600;
}
.footer ul {
margin-top: 12px;
text-align: justify;
}
.footer ul li {
padding: 5px 0;
font-size: 12px;

color: white;
}
.footer ul li a {
font-size: 12px;

color: white;
}
.footer i {
padding: 0 10px;
margin-top: 20px;
color: white;
}
.footer .list-inline input {
border: none;
background: none;
position: relative;
width: 100%;
border-bottom: 1px solid black !important;
margin: 10px 0;
}
.footer .list-inline button {
border: none;
background: none;
/* position: absolute; */
right: 0;
bottom: 30%;
color: #999999;
}

.footer ul li a:hover {
text-decoration: none;
color: #44a898;
}

.footer i:hover {
color: #d1a861;
}

.footer .list-inline input:focus {
outline: none;
}
.arrow_top {
color: #333;
position: fixed;
bottom: -120px;
right: 20px;
text-align: center;
z-index: 999;
height: 40px;
width: 40px;
line-height: 40px;
border: 1px solid;
cursor: pointer;
transition: background-color 0.3s linear;
opacity: 0;
visibility: hidden;
}
@media all and (min-width: 768px) and (max-width: 1365px) {
.list-inline button {
left: 85% !important;
top: 55% !important;
}
}
@media all and (max-width: 980px) {
.footer .content-footer {
padding-left: 0;
}
}
.item-homepage {
margin: 120px 0;
display: table-cell;
vertical-align: middle;
}
.item-homepage .content-item-homepage {
text-align: center;

font-size: 40px;
}
.item-homepage .content-item-homepage .wpb_wrapper {
height: 100%;
position: relative;
z-index: 2;
width: 100%;
}
.item-homepage .content-item-homepage .wpb_wrapper:hover {
border: none;
}
.item-homepage .content-item-homepage .wpb_wrapper:before {
content: " ";
position: absolute;
width: 0;
height: 15px;
background: #d1a861;
z-index: 3;
left: 0;
top: 0;
transition: width 0.5s;
}
.item-homepage .content-item-homepage .wpb_wrapper:hover:before {
width: 100%;
}
.item-homepage .content-item-homepage .wpb_wrapper:after {
content: " ";
position: absolute;
width: 15px;
height: 0;
background: none;
z-index: 3;
right: 0;
top: 0;
transition: height 0.5s;
}
.item-homepage .content-item-homepage .wpb_wrapper:hover:after {
height: 75%;
border-left: 15px solid #d1a861;
border-bottom: 15px solid transparent;
}
.item-homepage .content-item-homepage .banner-section {
height: 100%;
position: relative;
z-index: 2;
width: 100%;
}
.item-homepage .content-item-homepage .banner-section:hover {
border: none;
}
.item-homepage .content-item-homepage .banner-section:before {
content: " ";
position: absolute;
width: 15px;
z-index: 3;
left: 0;
top: 0;
transition: width 1.5s;
height: 0;
}
.item-homepage .content-item-homepage .banner-section:hover:before {
height: 35%;
border-left: 15px solid #d1a861;
border-bottom: 15px solid transparent;
}
.item-homepage .content-item-homepage .banner-section:after {
content: " ";
position: absolute;
width: 15px;
height: 0;
z-index: 3;
right: 0;
bottom: 0;
transition: height 0.5s;
}
.item-homepage .content-item-homepage .banner-section:hover:after {
height: 30%;
border-top: 15px solid transparent;
border-right: 15px solid #c6e5ee;
}
.item-homepage .content-item-homepage .inner-banner-section {
padding: 70px 0;
position: relative;
z-index: 2;
display: block;
border: 15px solid #e6e6e6 !important;
text-align: center;
}
.item-homepage .content-item-homepage .inner-banner-section h2 {
line-height: 1;
position: relative;
margin-bottom: 50px;
}
.item-homepage .content-item-homepage .inner-banner-section h2:before {
position: absolute;
height: 13px;
width: 150px;
display: block;
left: 50%;
margin-left: -75px;
bottom: -15px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.item-homepage .content-item-homepage .inner-banner-section:before {
content: " ";
position: absolute;
width: 0;
height: 15px;
background: #c6e5ee;
z-index: 3;
right: 0;
bottom: -15px;
transition: width 0.5s;
}
.item-homepage .content-item-homepage .inner-banner-section:hover:before {
width: 100%;
}
.item-homepage .content-item-homepage .inner-banner-section:after {
content: " ";
position: absolute;
width: 15px;
height: 0;
background: #c6e5ee;
display: block;
z-index: 3;
left: -15px;
bottom: -15px;
transition: height 0.5s;
}
.item-homepage .content-item-homepage .inner-banner-section:hover:after {
height: 75%;
border-top: 15px solid #d1a861;
border-left: 15px solid transparent;
}

@media all and (max-width: 360px) {
.content-item-homepage {
margin: 15px 0;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-item-homepage {
margin: 15px 0;
}
.content-item-homepage .inner-banner-section h2 {
margin-bottom: 15px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {
.content-item-homepage {
margin: 15px 0;
}

.content-item-homepage .inner-banner-section h2 {
margin-bottom: 15px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
}
.product-single-detail {
margin-top: 90px;
}
.product-single-detail .product_detail {
padding: 30px 0;
}
.product-single-detail .product_detail .content-product {
margin-bottom: 40px;
}
.product-single-detail .product_detail .content-product h2 {
font-size: 32px;
font-weight: 600;
}
.product-single-detail .product_detail .content-product p {
font-size: 15px;
}
.product-single-detail .product_detail .content-product p i {
padding: 0 5px;
color: #999999;
}
.product-single-detail .product_detail .content-product p .fas {
padding: 10px 0 20px 0;
}
.product-single-detail .product_detail .content-product p .fab:hover {
color: #d1a861;
}
.product-single-detail .product_detail .content-product span {
font-weight: bold;
}
.product-single-detail .product_detail .content-product .infor-product {
margin: 40px 0 20px 0;
}
.product-single-detail .product_detail .content-product .fa-star {
color: #faa7a3 !important;
padding: 0 5px;
}
.product-single-detail .product_detail .content-product .btn-group {
margin-right: 10px;
margin-top: 15px;
}
.product-single-detail .product_detail .content-product .btn-group button {
border: 1px solid #999999;
border-radius: 0;
}
.product-single-detail
.product_detail
.content-product
.btn-group
button:focus {
outline: none;
box-shadow: none !important;
}
.product-single-detail
.product_detail
.content-product
.btn-group
.add-to-cart {
position: relative;
padding-right: 70px;
border: 1px solid #999999;
border-radius: 0;
}
.product-single-detail
.product_detail
.content-product
.btn-group
.add-to-cart
p {
position: absolute;
width: 40px;
right: 0;
height: 100%;
top: 0;
bottom: 0;
background: #999999;
}
.product-single-detail
.product_detail
.content-product
.btn-group
.add-to-cart
p
i {
color: white;
}
.product-single-detail
.product_detail
.content-product
.btn-group
.add-to-cart:hover {
background: #333333;
color: white;
}
.product-single-detail
.product_detail
.content-product
.btn-group
.add-to-cart:hover
p {
background: #333333;
}
.product-single-detail
.product_detail
.content-product
.btn-group
.add-to-cart:focus {
outline: none;
box-shadow: none !important;
}

.content-product .btn-group .prev,
.content-product .btn-group .show-number,
.content-product .btn-group .next {
padding: 0 15px;
background: none;
line-height: 1;
width: 40px;
height: 40px;
}

.content-product .btn-group .prev:hover,
.content-product .btn-group .next:hover {
color: white !important;
background: #333333 !important;
}

.information {
margin-top: 60px;
}
.information ul li {
background: none;
margin-left: 20px;
}
.information ul li a {
color: #999999;
padding: 8px 0 !important;
}
.information ul li a.active {
border-bottom: 2px solid #333333 !important;
border-radius: 0;
color: #333333 !important;
background: none !important;
}
.information .tab-pane.active {
background: none;
color: #999999 !important;
}

.prodcut-related {
margin-top: 30px;
padding-bottom: 50px;
margin-bottom: 80px;
border-bottom: 1px solid #e6e6e6;
}
.prodcut-related .product {
margin-top: 60px;
}
.prodcut-related .product .modal-dialog {
max-width: initial;
}
.prodcut-related .product .modal-dialog .product-single-detail {
padding: 0 !important;
margin-top: 0 !important;
text-align: left !important;
}

#reviews h2 {
font-size: 20px;

font-weight: 600;
}
#reviews .comment-content {
padding: 20px 0;
border-bottom: 1px solid #e6e6e6;
}
#reviews .comment-content .comment-time {
color: #cccccc;
font-size: 15px;
font-weight: normal;
}
#reviews .comment-content .star-rating i {
margin: 0;
padding: 0;
}
#reviews .comment-content .star-rating .fa-star:before {
color: #ffcc33;
}
#reviews #review_form_wrapper {
padding: 20px 0;
}
#reviews #review_form_wrapper p {
margin: 0;
width: 100%;
}
#reviews #review_form_wrapper p a i {
margin: 0;
padding: 0;
}
#reviews #review_form_wrapper p a .fa-star:before {
color: #ffcc33;
}
#reviews #review_form_wrapper input,
#reviews #review_form_wrapper textarea {
margin: 10px 0;
width: 100%;
padding: 5px 0;
border: none;
border-bottom: 1px solid #666666;
}
#reviews #review_form_wrapper input:focus,
#reviews #review_form_wrapper textarea:focus {
outline: none;
}
#reviews #review_form_wrapper .form-submit {
width: 20%;
}
#reviews #review_form_wrapper .form-submit input {
width: 100%;
border: 1px solid #333333;
background: white;
color: #333333;
}
#reviews #review_form_wrapper .form-submit input:hover {
background: #333333;
color: white;
}

.product-single-quick-view {
position: relative;
text-align: left;
}
.product-single-quick-view .product_detail {
padding: 40px 25px 20px 25px;
}
.product-single-quick-view .product_detail .carousel {
margin-top: -20px;
}
.product-single-quick-view .product_detail .content-product {
margin-bottom: 60px;
}
.product-single-quick-view .product_detail .content-product h2 {
font-size: 32px;
font-weight: 600;
}
.product-single-quick-view .product_detail .content-product span {
font-weight: bold;
}
.product-single-quick-view .product_detail .content-product .infor-product {
margin: 40px 0 20px 0;
}
.product-single-quick-view .product_detail .content-product .fa-star {
color: #faa7a3 !important;
padding: 0 5px;
}
.product-single-quick-view .product_detail .content-product p {
font-size: 15px;
}
.product-single-quick-view .product_detail .content-product p i {
padding: 0 5px;
color: #999999;
}
.product-single-quick-view .product_detail .content-product p .fas {
padding: 10px 0 20px 0;
}
.product-single-quick-view .product_detail .content-product p .fab:hover {
color: #d1a861;
}
.product-single-quick-view .product_detail .content-product .btn-group {
margin-right: 10px;
margin-top: 15px;
}
.product-single-quick-view .product_detail .content-product .btn-group button {
border: 1px solid #999999;
border-radius: 0;
}
.product-single-quick-view
.product_detail
.content-product
.btn-group
button:focus {
outline: none;
box-shadow: none !important;
}
.product-single-quick-view
.product_detail
.content-product
.btn-group
.add-to-cart {
position: relative;
padding-right: 70px;
border: 1px solid #999999;
border-radius: 0;
}
.product-single-quick-view
.product_detail
.content-product
.btn-group
.add-to-cart
p {
position: absolute;
width: 40px;
right: 0;
height: 100%;
top: 0;
bottom: 0;
background: #999999;
}
.product-single-quick-view
.product_detail
.content-product
.btn-group
.add-to-cart
p
i {
color: white;
}
.product-single-quick-view
.product_detail
.content-product
.btn-group
.add-to-cart:hover {
background: #333333;
color: white;
}
.product-single-quick-view
.product_detail
.content-product
.btn-group
.add-to-cart:hover
p {
background: #333333;
}
.product-single-quick-view
.product_detail
.content-product
.btn-group
.add-to-cart:focus {
outline: none;
box-shadow: none !important;
}
.product-single-quick-view .close-quick-view {
position: absolute;
right: 0;
top: 5px;
font-size: 20px;
font-weight: 400;
}
.product-single-quick-view .close-quick-view:hover {
cursor: pointer;
}

#exampleModalCenter {
display: block;
z-index: -1;
}

.modal-open #exampleModalCenter {
z-index: 1050;
}

@media all and (max-width: 360px) {
.title h1 {
font-size: 40px !important;
}

.product-single-detail .content-product .btn-group .prev {
padding: 10px 15px !important;
}
.product-single-detail .content-product .btn-group .show-number {
padding: 10px 15px !important;
}
.product-single-detail .content-product .btn-group .next {
padding: 10px 15px !important;
}
}
@media all and (max-width: 767px) and (min-width: 361px) {
.product-single-detail .content-product .btn-group .prev {
padding: 10px 15px !important;
}
.product-single-detail .content-product .btn-group .show-number {
padding: 10px 15px !important;
}
.product-single-detail .content-product .btn-group .next {
padding: 10px 15px !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.product-single-detail .content-product .btn-group {
padding: 20px 0 20px 20px !important;
}
.product-single-detail .content-product .btn-group .prev {
padding: 10px 15px !important;
}
.product-single-detail .content-product .btn-group .show-number {
padding: 10px 15px !important;
}
.product-single-detail .content-product .btn-group .next {
padding: 10px 15px !important;
}
.product-single-detail .content-product #reviews .comment-body {
margin-left: 30px !important;
}
}
@media all and (min-width: 1024px) {
#reviews .comment-body {
margin-left: 20px !important;
}
}
.slider-homepage1 {
position: relative;
z-index: 1;
}
.slider-homepage1 .slide-homepage {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.slider-homepage1 .slide-homepage .content-slide {
text-align: center;
padding: 240px 0 220px 0;
margin-left: -90px;
}
.slider-homepage1 .slide-homepage .content-slide h2 {
padding: 0;
margin: 0;
font-size: 90px;
}
.slider-homepage1 .slide-homepage .content-slide p {
font-size: 25px;

margin-top: 10px;
margin-bottom: 55px;
color: #b8b8b8;
}
.slider-homepage1 .slide-homepage .content-slide a {
font-size: 15px;
background: #d1a861;
padding: 15px 30px;
color: white;
text-transform: uppercase;
border-radius: 0;
line-height: 1;
}
.slider-homepage1 .slide-homepage .content-slide a:hover {
background: #333333;
text-decoration: none;
}
.slider-homepage1 .control-slider-homepage1 {
position: absolute;
padding: 0 20px;
right: 0;
bottom: 0;
width: 100px;
height: 50px;
background: white;
z-index: 10;
display: block;
border-right: 20px solid white;
}
.slider-homepage1 .control-slider-homepage1 .carousel-control-next-icon {
color: #333333;
line-height: 1;
background-image: none;
font-size: 30px;
width: auto !important;
height: auto !important;
}
.slider-homepage1
.control-slider-homepage1
.carousel-control-next-icon
.lnr-chevron-right:before {
font-size: 20px;
}
.slider-homepage1 .control-slider-homepage1 .carousel-control-next-icon:hover {
color: #d1a861;
}
.slider-homepage1 .control-slider-homepage1 .carousel-control-prev-icon {
color: #333333;
font-size: 30px;
background-image: none;
width: auto !important;
height: auto !important;
padding-left: 30px;
position: relative;
z-index: 11;
}
.slider-homepage1
.control-slider-homepage1
.carousel-control-prev-icon
.lnr-chevron-left:before {
font-size: 20px;
}
.slider-homepage1 .control-slider-homepage1 .carousel-control-prev-icon:before {
position: absolute;
content: "";
width: 1px;
top: 30%;
height: 50%;
right: -30%;
background: #666666;
z-index: 12;
display: block;
}
.slider-homepage1 .control-slider-homepage1 .carousel-control-prev-icon:hover {
color: #d1a861;
}

.slide-index2 {
position: relative;
}
.slide-index2 .slide-homepage {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.slide-index2 .slide-homepage .content-slide {
padding: 240px 0 220px 0;
text-align: left !important;
margin-left: 0;
}
.slide-index2 .slide-homepage .content-slide h2 {
font-size: 80px;
line-height: 1;
}
.slide-index2 .slide-homepage .content-slide p {
font-size: 15px;

margin-bottom: 55px;
}
.slide-index2 .slide-homepage .content-slide a {
background: white;

font-size: 15px;
color: #333333;
padding: 15px 30px;
line-height: 1;
text-transform: uppercase;
}
.slide-index2 .slide-homepage .content-slide a:hover {
color: white;
background: #333333;
text-decoration: none;
}
.slide-index2 .control-slide-homepage {
position: absolute;
right: 0;
bottom: 0;
width: 120px;
height: 120px;
background: white;
}
.slide-index2 .control-slide-homepage ul {
display: list-item;
text-align: right;
}
.slide-index2 .control-slide-homepage ul li {
width: 25px;
height: 2px !important;
margin-left: 50%;
background: #e6e6e6;
border: none;
margin-bottom: 20px;
position: relative;
}
.slide-index2 .control-slide-homepage ul li.active {
background: #d1a861;
width: 40px;
}
.slide-index2 .control-slide-homepage ul li.active p {
color: #d1a861;
}
.slide-index2 .control-slide-homepage ul p {
position: absolute;
top: -15px;
left: -10px;
color: #cccccc;
font-size: 20px;
}

.slide-index3 .content-slide {
padding: 280px 0 250px 0 !important;
}
.slide-index3 .content-slide h2 {
font-family: "Elsie", cursive !important;
font-size: 110px;
line-height: 1;
margin-bottom: 50px !important;
}
.slide-index3 .content-slide p {
text-transform: uppercase;
margin: 20px 0 30px 0 !important;
}
.slide-index3 .content-slide span {
font-size: 15px;
color: white;
background: #333333;
padding: 2px 10px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 20px !important;
}

@media all and (max-width: 360px) {
.content-slide {
margin-left: 0 !important;
padding: 150px 0 150px 0 !important;
}
.content-slide h2 {
font-size: 30px !important;
width: 100% !important;
text-align: center !important;
margin-left: -20px !important;
}
.content-slide p {
font-size: 13px !important;
margin-bottom: 30px !important;
margin-left: -40px !important;
}
.content-slide a {
padding: 10px 20px !important;
font-size: 13px !important;
margin-left: -40px !important;
}

.slide-index2 .slide-homepage .content-slide {
padding: 100px 0 100px 10px !important;
text-align: left !important;
}
.slide-index2 .slide-homepage .content-slide h2 {
font-size: 40px !important;
text-align: left !important;
margin-left: 10px !important;
}
.slide-index2 .slide-homepage .content-slide p {
font-size: 13px !important;
margin-left: 10px !important;
}
.slide-index2 .slide-homepage .content-slide a {
margin-left: 10px !important;
}
.slide-index2 .control-slide-homepage {
width: 100px;
height: 100px;
}
.slide-index2 .control-slide-homepage li {
width: 20px !important;
}
.slide-index2 .control-slide-homepage li.active {
width: 30px !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-slide {
margin-left: 0 !important;
padding: 150px 0 150px 0 !important;
}
.content-slide h2 {
font-size: 40px !important;
margin-left: -20px !important;
}
.content-slide p {
font-size: 13px !important;
margin-bottom: 30px !important;
margin-left: -20px !important;
}
.content-slide a {
padding: 10px 20px !important;
font-size: 13px !important;
margin-left: -20px !important;
}

.slide-index2 .slide-homepage .content-slide {
padding: 100px 0 100px 10px !important;
}
.slide-index2 .slide-homepage .content-slide h2 {
font-size: 50px !important;
margin-left: 10px !important;
}
.slide-index2 .slide-homepage .content-slide p {
font-size: 13px !important;
margin-left: 10px !important;
}
.slide-index2 .slide-homepage .content-slide a {
margin-left: 10px !important;
}
.slide-index2 .control-slide-homepage {
width: 100px;
height: 100px;
}
.slide-index2 .control-slide-homepage li {
width: 20px !important;
}
.slide-index2 .control-slide-homepage li.active {
width: 30px !important;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.content-slide {
margin-left: 0 !important;
padding: 150px 0 150px 0 !important;
}
.content-slide h2 {
font-size: 70px !important;
}
}
.component-item {
margin: 130px 0 20px 0;
}
.component-item .component-item-detail {
width: 100%;
text-align: center;
}
.component-item .component-item-detail img {
max-width: 100%;
max-height: 100%;
}
.component-item .component-item-detail .component-item-content-detail {
margin-top: -60px;
}
.component-item .component-item-detail .component-item-content-detail h2 {
color: #d1a861;
font-weight: bold;

font-size: 80px;
margin-bottom: 0;
line-height: 1;
}
.component-item .component-item-detail .component-item-content-detail h2 small {
font-size: 25px;
font-weight: normal !important;
color: black !important;
line-height: 1;
}
.component-item .component-item-detail .component-item-content-detail p {
font-size: 15px;
margin: 0;
color: #666666;
max-width: 100%;
padding: 0 10px;
}

@media all and (max-width: 360px) {
.component-item {
margin-top: 50px;
}
.component-item .component-item-detail {
margin-top: 20px !important;
}
.component-item .component-item-detail .component-item-content-detail {
text-align: center;
width: 100%;
padding: 0 10px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.component-item {
margin-top: 50px;
}
.component-item .component-item-detail {
margin-top: 20px;
}
.component-item .component-item-detail .component-item-content-detail {
text-align: center !important;
width: 95% !important;
padding: 0 10px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.component-item {
margin-top: 50px;
}
.component-item .component-item-detail .component-item-content-detail h2 {
font-size: 72px !important;
}
.component-item
.component-item-detail
.component-item-content-detail
h2
small {
font-size: 18px !important;
}
}
.content-what-we-offer {
width: 100%;
}

.product-what-we-offer {
margin: 120px 0 100px 0;
}
.product-what-we-offer .product-what-we-offer-left {
position: relative;
}
.product-what-we-offer .product-what-we-offer-left .product-what-we-offer-img {
margin: 0;
z-index: 3;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-img
img {
width: 100%;
height: 100%;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-img
.rotated-text-left {
transform: rotate(-90deg);
position: absolute;
left: -18%;
top: 45%;

font-size: 25px;
color: #cccccc;
z-index: 3;
letter-spacing: 10px;
line-height: 1;
margin: 0;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content {
margin-top: 75px;

position: absolute;
margin-left: 30px;
z-index: 3;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content
h2 {
font-size: 30px;
font-weight: 600;
line-height: 1;
position: relative;
margin-bottom: 40px;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content
h2:before {
position: absolute;
height: 13px;
width: 150px;
display: block;
left: 0;
bottom: -20px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content
p {
font-size: 15px;
color: #807e7e;
margin-bottom: 30px;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content
button {
padding: 15px 25px;
font-size: 15px;
line-height: 1;
background: white;
color: #333333;
border: 1px solid #999999;
border-radius: 0;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content
button:hover {
background: #d1a861;
color: white;
border: 1px solid #d1a861;
}
.product-what-we-offer
.product-what-we-offer-left:last-child
.product-what-we-offer-img {
padding-left: 0 !important;
}
.product-what-we-offer .product-what-we-offer-left:before {
content: "";
position: absolute;
z-index: 1;
background: #fff5f5;
right: 29%;
top: 60px;
bottom: 60px;
left: 0;
}
.product-what-we-offer .bg-blue .product-what-we-offer-img img {
padding-left: 15px;
}
.product-what-we-offer .bg-blue:before {
background: #f4fafc;
bottom: 180px;
}
.product-what-we-offer .product-what-we-offer-right {
margin: 100px 0;
position: relative;
}
.product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img {
margin: 0;
z-index: 3;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-img
img {
width: 100%;
height: 100%;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-img
.rotated-text-right {
transform: rotate(-90deg);
position: absolute;
right: -13%;
top: 45%;

font-size: 25px;
color: #cccccc;
z-index: 2;
letter-spacing: 10px;
line-height: 1;
margin: 0;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content {
margin-top: 75px;
margin-right: 30px;

position: absolute;
z-index: 3;
text-align: right;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
h2 {
font-size: 30px;
font-weight: 600;
line-height: 1;
position: relative;
margin-bottom: 40px;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
h2:before {
position: absolute;
height: 13px;
width: 150px;
display: block;
right: 0;
bottom: -20px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
p {
font-size: 15px;
color: #807e7e;
margin-bottom: 30px;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
button {
padding: 15px 25px;
font-size: 15px;
line-height: 1;
background: white;
color: #333333;
border: 1px solid #999999;
border-radius: 0;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
button:hover {
background: #d1a861;
color: white;
border: 1px solid #d1a861;
}
.product-what-we-offer .product-what-we-offer-right .on-top {
display: none;
}
.product-what-we-offer .product-what-we-offer-right .on-bottom {
display: block;
}
.product-what-we-offer .product-what-we-offer-right:before {
content: "";
position: absolute;
z-index: 1;
background: #fff5f5;
left: 29%;
top: 60px;
bottom: 60px;
right: 0;
}

@media all and (max-width: 360px) {
.product-what-we-offer {
padding: 0 15px;
}
.product-what-we-offer .product-what-we-offer-left {
margin: 50px 0;
position: static;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-img
.rotated-text-left {
display: none;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content {
padding-left: 0 !important;
position: static;
margin-left: 0;
}
.product-what-we-offer .product-what-we-offer-left:before {
display: none;
}
.product-what-we-offer .product-what-we-offer-right {
text-align: left;
margin: 50px 0;
position: static;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-img
.rotated-text-right {
display: none;
}
.product-what-we-offer .product-what-we-offer-right .on-top {
display: block;
}
.product-what-we-offer .product-what-we-offer-right .on-bottom {
display: none;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content {
position: static;
text-align: left;
padding-left: 0 !important;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
h2:before {
left: 0;
}
.product-what-we-offer .product-what-we-offer-right:before {
display: none;
}
}
@media all and (min-width: 361px) and (max-width: 768px) {
.product-what-we-offer .product-what-we-offer-left {
margin: 50px 0;
position: static;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-img
.rotated-text-left {
display: none;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content {
position: static;
margin-left: 0;
}
.product-what-we-offer .product-what-we-offer-left:before {
display: none;
}
.product-what-we-offer .product-what-we-offer-right {
text-align: left;
margin: 50px 0;
position: static;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-img {
padding: 0 15px;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-img
.rotated-text-right {
display: none;
}
.product-what-we-offer .product-what-we-offer-right .on-top {
display: block;
}
.product-what-we-offer .product-what-we-offer-right .on-bottom {
display: none;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content {
position: static;
text-align: left;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
h2:before {
left: 0;
}
.product-what-we-offer .product-what-we-offer-right:before {
display: none;
}
}
@media all and (min-width: 769px) and (max-width: 1023px) {
.product-what-we-offer .product-what-we-offer-left {
margin: 50px 0;
position: static;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-img
.rotated-text-left {
display: none;
}
.product-what-we-offer
.product-what-we-offer-left
.product-what-we-offer-content {
position: static;
margin-left: 0;
}
.product-what-we-offer .product-what-we-offer-left:before {
display: none;
}
.product-what-we-offer .product-what-we-offer-right {
text-align: left;
margin: 50px 0;
position: static;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-img {
padding: 0 15px;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-img
.rotated-text-right {
display: none;
}
.product-what-we-offer .product-what-we-offer-right .on-top {
display: block;
}
.product-what-we-offer .product-what-we-offer-right .on-bottom {
display: none;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content {
position: static;
text-align: left;
}
.product-what-we-offer
.product-what-we-offer-right
.product-what-we-offer-content
h2:before {
left: 0;
}
.product-what-we-offer .product-what-we-offer-right:before {
display: none;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.rotated-text-right {
right: 0 !important;
}

.rotated-text-left {
left: -10% !important;
}
}
.component-item {
margin: 130px 0 20px 0;
}
.component-item .component-item-detail {
width: 100%;
text-align: center;
}
.component-item .component-item-detail img {
max-width: 100%;
max-height: 100%;
}
.component-item .component-item-detail .component-item-content-detail {
margin-top: -60px;
}
.component-item .component-item-detail .component-item-content-detail h2 {
color: #d1a861;
font-weight: bold;

font-size: 80px;
margin-bottom: 0;
line-height: 1;
}
.component-item .component-item-detail .component-item-content-detail h2 small {
font-size: 25px;
font-weight: normal !important;
color: black !important;
line-height: 1;
}
.component-item .component-item-detail .component-item-content-detail p {
font-size: 15px;
margin: 0;
color: #666666;
max-width: 100%;
padding: 0 10px;
}

@media all and (max-width: 360px) {
.component-item {
margin-top: 50px;
}
.component-item .component-item-detail {
margin-top: 20px !important;
}
.component-item .component-item-detail .component-item-content-detail {
text-align: center;
width: 100%;
padding: 0 10px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.component-item {
margin-top: 50px;
}
.component-item .component-item-detail {
margin-top: 20px;
}
.component-item .component-item-detail .component-item-content-detail {
text-align: center !important;
width: 95% !important;
padding: 0 10px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.component-item {
margin-top: 50px;
}
.component-item .component-item-detail .component-item-content-detail h2 {
font-size: 72px !important;
}
.component-item
.component-item-detail
.component-item-content-detail
h2
small {
font-size: 18px !important;
}
}
.error {
background-image: url("../../imager/404.jpg");
background-size: cover;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
height: 100vh;
border-radius: 30px;
}
.error .content-error {
width: 100%;
text-align: center;

padding-top: 150px;
}
.error .content-error p {
font-weight: bold;
font-size: 250px;
line-height: 1;
position: relative;
}
.error .content-error p:before {
position: absolute;
height: 13px;
width: 130px;
display: block;
left: 50%;
margin-left: -65px;
bottom: 10px;
background: white;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.error .content-error img {
margin-top: -90px;
}
.error .content-error h2 {
font-size: 25px;
font-weight: 600;
line-height: 1;
}
.error .content-error span {
font-size: 15px;
color: #666666;
margin-bottom: 60px;
}
.error .content-error .back-menu {
margin-top: 40px;
}
.error .content-error a {
text-transform: uppercase;
line-height: 1;
font-size: 15px;
padding: 15px 25px;
background: white;
color: #333333;
border-radius: 30px;
}
.error .content-error a:hover {
text-decoration: none;
color: white;
background: #333333;
}

@media all and (max-width: 360px) and (orientation: portrait) {
.error .content-error p {
font-size: 180px !important;
}
.error .content-error p:before {
bottom: 5px !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) and (orientation: portrait) {
.error {
    height: 50vh !important;
}
.content-error p {
font-size: 109px !important;
}
.content-error p:before {
bottom: 5px !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
.content-error p:before {
bottom: 5px !important;
}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
.content-error {
padding-top: 0 !important;
}
.content-error p {
font-size: 150px !important;
}
.content-error p:before {
bottom: 5px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
.error {
    height: 62vh !important;
}
.content-error {
padding-top: 30px !important;
}
.content-error p {
font-size: 190px !important;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.content-error {
padding-top: 25% !important;
}
.content-error p:before {
bottom: 5px !important;
}
}
.deal-day-comming {
background-image: url("../../imager/CommingSoon.jpg");
background-size: cover;
background-position: center center;
height: 100vh;
text-align: center;
padding: 20px 0 200px 0;
}
.deal-day-comming .content-comming {
margin: 0 auto;
}
.deal-day-comming .content-comming .title h2 {
font-size: 100px;

line-height: 1;
position: relative;
margin-bottom: 80px;
font-weight: normal;
}
.deal-day-comming .content-comming .title h2:before {
position: absolute;
height: 13px;
width: 170px;
display: block;
left: 50%;
margin-left: -85px;
bottom: -30px;
background: white;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.deal-day-comming .content-comming .title img {
margin-top: 20px;
}

@media all and (max-width: 360px) {
.content-comming .content-deal-day .title h2 {
font-size: 40px;
line-height: 1;
}
.content-comming .content-deal-day ul {
margin-bottom: 30px;
margin-top: 30px;
}
.content-comming .content-deal-day ul li {
width: 25%;
margin-right: 15px;
margin-bottom: 20px;
}
.content-comming .content-deal-day ul li h2 {
font-size: 20px;
}
.content-comming .content-deal-day ul li p {
font-size: 13px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1;
}
.content-comming .content-deal-day button {
margin-bottom: 50px;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-comming .content-deal-day ul {
margin-bottom: 30px;
margin-top: 30px;
}
.content-comming .content-deal-day ul li {
width: 100px !important;
margin-right: 15px;
margin-bottom: 20px;
}
.content-comming .content-deal-day ul li h2 {
font-size: 20px;
}
.content-comming .content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-comming .content-deal-day button {
margin-bottom: 50px;
}
.content-comming .content-deal-day .title h2 {
font-size: 60px !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {
.content-comming .content-deal-day {
padding-top: 50px;
}
.content-comming .content-deal-day ul {
margin-bottom: 30px;
margin-top: 30px;
}
.content-comming .content-deal-day ul li {
width: 85px !important;
margin-right: 15px;
margin-bottom: 20px;
}
.content-comming .content-deal-day ul li h2 {
font-size: 20px;
}
.content-comming .content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-comming .content-deal-day button {
margin-bottom: 50px;
}
.content-comming .content-deal-day .title h2 {
font-size: 60px !important;
padding: 0;
margin-top: 0 !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.content-comming .content-deal-day .title h2 {
font-size: 50px;
line-height: 1;
margin-top: 60px;
}
.content-comming .content-deal-day ul {
margin-bottom: 30px;
}
.content-comming .content-deal-day ul li {
width: 100px !important;
margin-right: 20px;
}
.content-comming .content-deal-day ul li h2 {
font-size: 20px;
margin-top: 10px;
}
.content-comming .content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-comming .content-deal-day button {
margin-bottom: 50px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
.content-comming .content-deal-day {
padding-top: 50px;
}
.content-comming .content-deal-day .title h2 {
font-size: 60px !important;
line-height: 1;
margin-top: 0 !important;
margin-bottom: 50px !important;
}
.content-comming .content-deal-day ul {
margin-bottom: 30px;
}
.content-comming .content-deal-day ul li {
width: 100px !important;
margin-right: 20px;
}
.content-comming .content-deal-day ul li h2 {
font-size: 20px;
margin-top: 10px;
margin-bottom: 0 !important;
}
.content-comming .content-deal-day ul li p {
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.content-comming .content-deal-day button {
margin-bottom: 50px;
}
}
.content-our-team {
margin: 150px 0 160px 0;
}
.content-our-team .item-our-team {
position: relative;
width: 100%;
margin: 0;
}
.content-our-team .item-our-team img {
width: 100%;
}
.content-our-team .item-our-team .content-item-our-team {
position: absolute;
right: 0;
bottom: -6%;
width: 85%;
padding-left: 30px;
padding-top: 20px;
background: white;
}
.content-our-team .item-our-team .content-item-our-team p {
margin: 0;

font-size: 22px;
font-weight: 600;
}
.content-our-team .item-our-team .content-item-our-team span {
font-size: 15px;
}
.content-our-team .item-our-team .content-item-our-team nav {
background: white;
position: absolute;
display: none;
right: 0;
z-index: 3;
width: 100%;
padding-left: 30px;
padding-top: 25px;
}
.content-our-team .item-our-team .content-item-our-team nav a {
margin-right: 20px;
}
.content-our-team .item-our-team .content-item-our-team nav a i {
color: #cccccc;
}
.content-our-team .item-our-team .content-item-our-team nav a:hover i {
color: #d1a861;
}
.content-our-team .item-our-team .content-item-our-team:hover nav {
display: block;
}
.content-our-team .item-our-team:hover nav {
display: block;
}

.call-us {
position: relative;
width: 100%;
margin-bottom: 160px;
}
.call-us img {
width: 100%;
margin-left: 15px;
}
.call-us .call-us-content {
position: absolute;
top: 99%;
width: 100%;
left: 0;
text-align: center;
background: #333333;
padding-bottom: 20px;
margin-left: 15px;
}
.call-us .call-us-content p {
font-size: 35px;
color: white;
line-height: 1;
margin-bottom: 0;
padding-top: 25px;
}
.call-us .call-us-content span {
text-transform: uppercase;

font-size: 13px;
color: #d1a861;
}

@media all and (max-width: 767px) {
.content-our-team {
margin-bottom: 100px;
margin-top: 100px !important;
}
.content-our-team .item-our-team {
margin: 40px 0;
}

.call-us img {
height: 100%;
margin-left: 15px;
}
.call-us .call-us-content {
margin-left: 15px;
}
}
@media all and (max-width: 1023px) and (min-width: 768px) {
.content-our-team .item-our-team {
margin: 40px 0;
}
}
.content-shop-2colum {
padding: 40px 0 80px 0;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 80px;
}

.content-shop-3colum {
padding: 40px 0 80px 0;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 80px;
}

.content-shop-4colum {
padding: 40px 0 80px 0;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 80px;
}

.contact-from {
background: #fadbd3;
padding: 130px 0 100px 0;
margin-top: 120px;
}
.contact-from .content-contact-from {
margin: 0 auto;
width: 100%;
}
.contact-from .content-contact-from input {
width: 100%;
padding: 10px 0;
text-indent: 20px;
background: #fce2de;
border: 1px solid white;
margin-bottom: 20px;
}
.contact-from .content-contact-from input:focus {
outline: none;
}
.contact-from .content-contact-from textarea {
width: 100%;
text-indent: 20px;
background: #fce2de;
height: 220px;
border: 1px solid white;
}
.contact-from .content-contact-from textarea:focus {
outline: none;
}
.contact-from .content-contact-from .title-contact {
width: 100%;
text-align: center;
}
.contact-from .content-contact-from .title-contact h2 {
font-size: 60px;
line-height: 1;
margin-bottom: 80px;
position: relative;
}
.contact-from .content-contact-from .title-contact h2:before {
position: absolute;
height: 13px;
width: 190px;
display: block;
left: 50%;
margin-left: -95px;
bottom: -10px;
background: white;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.contact-from .content-contact-from .submit-contact {
width: 100%;
text-align: center;
margin-top: 30px;
}
.contact-from .content-contact-from .submit-contact button {
background: white;
font-size: 15px;
padding: 15px 40px;
color: #333333;
line-height: 1;
border-radius: 0;
}
.contact-from .content-contact-from .submit-contact button:hover {
color: white;
background: #333333;
}

@media all and (max-width: 360px) {
.contact-from {
margin-top: 0 !important;
}
.contact-from .input-left {
padding-right: 0 !important;
}
.contact-from .input-right {
padding-left: 0 !important;
}
.contact-from textarea {
height: 100px !important;
}
.contact-from .title-contact h2 {
font-size: 45px !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.contact-from {
margin-top: 0 !important;
}
.contact-from .input-left {
padding-right: 0 !important;
}
.contact-from .input-right {
padding-left: 0 !important;
}
.contact-from textarea {
height: 100px !important;
}
}
.content-follow-insta {
margin: 100px 0 60px 0 !important;
border-bottom: 1px solid #e6e6e6;
padding: 0 0 80px 0;
}
.content-follow-insta .title-follow-insta {
text-align: center;
width: 100%;
}
.content-follow-insta .title-follow-insta h2 {
font-size: 40px;
}
.content-follow-insta .title-follow-insta p {
font-size: 18px;
line-height: 1;
margin-bottom: 50px;
}
.content-follow-insta .owl-dots {
display: none;
}
.content-follow-insta .owl-nav {
display: none !important;
}
.content-follow-insta .item {
position: relative;
z-index: 2;
}
.content-follow-insta .item:before {
content: "";
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: white;
opacity: 0.5;
display: none;
}
.content-follow-insta .item:hover:before {
display: block;
cursor: pointer;
}

@media all and (max-width: 360px) {
.content-follow-insta ul {
padding-bottom: 50px !important;
}
.content-follow-insta ul li {
margin: 15px 8px !important;
}
}
.introduce-homepage {
margin: 150px 0 120px 0 !important;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content {
padding: 40px 0 0 60px;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content h2 {
font-size: 110px;
font-weight: 600;
line-height: 1;
color: #d1a861;
margin-bottom: 20px;
position: relative;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
h2:before {
content: "";
height: 2px;
width: 20%;
position: absolute;
top: 49%;
background: #d6d4d4;
left: -25%;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content h5 {
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content p {
font-size: 15px;
margin-bottom: 50px;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
button {
padding: 15px 30px;
line-height: 1;
font-size: 15px;
border: 1px solid #e6e6e6;
border-radius: 0;
z-index: 2;
position: relative;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
button:before {
content: "";
width: 0;
height: 100%;
font-size: 15px;
background: #d1a861;
position: absolute;
z-index: -1;
left: 0;
top: 0;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
button:hover:before {
width: 100%;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
button:hover {
color: white;
}
.introduce-homepage .introduce-right {
text-align: right;
}
.introduce-homepage .introduce-right .introduce-homepage-content {
padding: 80px 60px 110px 0;
}
.introduce-homepage .introduce-right .introduce-homepage-content h2 {
font-size: 110px;
font-weight: 600;
line-height: 1;
color: #d1a861;
margin-bottom: 20px;
position: relative;
}
.introduce-homepage .introduce-right .introduce-homepage-content h2:before {
content: "";
height: 2px;
width: 20%;
position: absolute;
top: 49%;
background: #d6d4d4;
right: -25%;
z-index: 3;
}
.introduce-homepage .introduce-right .introduce-homepage-content h5 {
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
}
.introduce-homepage .introduce-right .introduce-homepage-content p {
font-size: 15px;
margin-bottom: 50px;
}
.introduce-homepage .introduce-right .introduce-homepage-content button {
padding: 15px 30px;
line-height: 1;
font-size: 15px;
border: 1px solid #e6e6e6;
border-radius: 0;
z-index: 2;
position: relative;
}
.introduce-homepage .introduce-right .introduce-homepage-content button:before {
content: "";
width: 0;
height: 100%;
font-size: 15px;
background: #d1a861;
position: absolute;
z-index: -1;
left: 0;
top: 0;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}
.introduce-homepage
.introduce-right
.introduce-homepage-content
button:hover:before {
width: 100%;
}
.introduce-homepage .introduce-right .introduce-homepage-content button:hover {
color: white;
}

@media all and (max-width: 360px) {
.introduce-homepage {
margin: 100px 0 0 0;
}
.introduce-homepage .introduce-homepage-left {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce {
padding-right: 0 !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce img {
max-width: 100%;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content {
padding: 30px 0 60px 15px !important;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
h2:before {
display: none;
}
.introduce-homepage .introduce-homepage-right {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce {
padding-right: 0 !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce img {
max-width: 100%;
}
.introduce-homepage .introduce-homepage-right .sub-intro1 {
display: none;
}
.introduce-homepage .introduce-homepage-right .introduce-homepage-content {
padding: 30px 0 110px 15px !important;
text-align: left;
}
.introduce-homepage
.introduce-homepage-right
.introduce-homepage-content
h2:before {
display: none;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.introduce-homepage {
margin: 100px 0 0 0;
}
.introduce-homepage .introduce-homepage-left {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce {
padding-right: 0 !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce img {
max-width: 100%;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content {
padding: 30px 0 60px 15px !important;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
h2:before {
display: none;
}
.introduce-homepage .introduce-homepage-right {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce {
padding-right: 0 !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce img {
max-width: 100%;
}
.introduce-homepage .introduce-homepage-right .sub-intro1 {
display: none;
}
.introduce-homepage .introduce-homepage-right .introduce-homepage-content {
padding: 30px 0 110px 15px !important;
text-align: left;
}
.introduce-homepage
.introduce-homepage-right
.introduce-homepage-content
h2:before {
display: none;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.introduce-homepage {
margin: 100px 0 0 0;
}
.introduce-homepage .introduce-homepage-left {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce {
padding-right: 0 !important;
width: 100% !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce img {
max-width: 100%;
width: 100%;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content {
padding: 30px 0 60px 15px !important;
}
.introduce-homepage
.introduce-homepage-left
.introduce-homepage-content
h2:before {
display: none;
}
.introduce-homepage .introduce-homepage-right {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce {
padding-right: 0 !important;
width: 100% !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce img {
max-width: 100%;
width: 100%;
}
.introduce-homepage .introduce-homepage-right .sub-intro1 {
display: none;
}
.introduce-homepage .introduce-homepage-right .introduce-homepage-content {
padding: 30px 0 110px 15px !important;
text-align: left;
}
.introduce-homepage
.introduce-homepage-right
.introduce-homepage-content
h2:before {
display: none;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.introduce-homepage {
margin: 100px 0 0 0;
}
.introduce-homepage .introduce-homepage-left {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce {
padding-right: 0 !important;
width: 100% !important;
}
.introduce-homepage .introduce-homepage-left .img-introduce img {
max-width: 100%;
width: 100%;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content {
padding: 30px 0 60px 40px !important;
}
.introduce-homepage .introduce-homepage-right {
width: 100% !important;
padding: 0 0 0 15px !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce {
padding-right: 0 !important;
width: 100% !important;
}
.introduce-homepage .introduce-homepage-right .img-introduce img {
max-width: 100%;
width: 100%;
}
.introduce-homepage .introduce-homepage-right .introduce-homepage-content {
padding: 30px 40px 110px 0 !important;
text-align: right;
}
.introduce-homepage .introduce-homepage-right .sub-intro2 {
display: none !important;
}
}
@media all and (min-width: 1366px) {
.sub-intro2 {
display: none !important;
}
}
.contact-us {
width: 100%;
}
.contact-us .iframe-responsive {
position: relative;
overflow: hidden;
padding-top: 35%;
margin-bottom: 50px;
}
.contact-us .iframe-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.contact-us .content-contact-us {
margin: 100px 0 80px 0;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.contact-us .content-contact-us h1 {
line-height: 1;
position: relative;
margin-bottom: 50px;
}
.contact-us .content-contact-us h1:before {
position: absolute;
height: 13px;
width: 110px;
display: block;
left: 0;
bottom: -10px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.contact-us .content-contact-us ul {
margin-bottom: 70px;
}
.contact-us .content-contact-us ul p {
font-size: 20px;
font-weight: 600;
}
.contact-us .content-contact-us ul li {
font-size: 15px;
margin-bottom: 20px;
line-height: 1.5;
}
.contact-us .content-contact-us a {
margin-right: 20px;
}
.contact-us .content-contact-us a i {
color: #cccccc;
}
.contact-us .content-contact-us i:hover {
text-decoration: none;
color: #d1a861;
}
.contact-us .content-contact-us textarea {
width: 100%;
height: 150px;
padding-top: 15px;
text-indent: 10px;
margin-bottom: 20px;
border: 1px solid #cccccc !important;
}
.contact-us .content-contact-us input {
text-indent: 10px;
width: 100%;
height: 50px;
margin-bottom: 20px;
border: 1px solid #cccccc !important;
}
.contact-us .content-contact-us input:focus,
.contact-us .content-contact-us textarea:focus {
outline: none;
}
.contact-us .content-contact-us button {
background: #333333;
color: white;

font-size: 15px;
line-height: 1;
padding: 15px 30px;
border: none;
border-radius: 0;
}
.contact-us .content-contact-us button:hover {
background: #d1a861;
}

@media all and (max-width: 767px) {
.contact-us .iframe-responsive {
padding-top: 50% !important;
}
.contact-us .content-contact-us {
margin-top: 50px !important;
}
.contact-us .content-contact-us form {
margin-top: 50px;
}
}
.prodcut-list {
margin: 10px 0 50px 0;
padding-bottom: 60px;
border-bottom: 1px solid #e6e6e6;
}
.prodcut-list .modal-dialog {
max-width: initial;
}
.prodcut-list .modal-dialog .product-single-detail {
padding: 0 !important;
margin-top: 0 !important;
text-align: left !important;
}
.prodcut-list .header-show-list p {
font-size: 15px;
margin-top: 15px;
}
.prodcut-list .header-show-list select {
font-size: 15px;
padding: 10px 40px 10px 20px;
height: 44px;
line-height: 1;
width: 220px;
}
.prodcut-list .header-show-list select option {
width: 100px !important;
max-width: 100px !important;

font-size: 15px;
outline: none;
border: none;
}
.prodcut-list .header-show-list select:focus {
outline: none !important;
box-shadow: none !important;
}
.prodcut-list .product {
margin-top: -30px !important;
}

.list-product .modal-dialog {
max-width: initial;
}
.list-product .modal-dialog .product-single-detail {
padding: 0 !important;
margin-top: 0 !important;
text-align: left !important;
}

@media all and (max-width: 767px) {
.prodcut-list .header-show-list select {
float: left !important;
}
}
.content-homepage-home3 {
margin-bottom: 80px;
display: block;
margin-top: 80px;
}
.content-homepage-home3 .title {
text-align: center;
}
.content-homepage-home3 .title h2 {
font-size: 40px;
margin-bottom: 0;
position: relative;
}
.content-homepage-home3 .title h2:before {
position: absolute;
height: 13px;
width: 150px;
display: block;
bottom: -15px;
left: 50%;
margin-left: -75px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.content-homepage-home3 .layer-content-homepage {
width: 100%;
position: relative;
}
.content-homepage-home3 .layer-content-homepage img {
width: 100%;
height: 100%;
}
.content-homepage-home3 .product-out {
margin-top: 0;
}
.content-homepage-home3 .product-out .product {
margin-top: 50px;
}

.banner-product {
margin: 20px 0;
}
.banner-product a {
display: block;
position: relative;
}
.banner-product a img {
width: 100%;
min-height: 70px !important;
height: auto;
}

@media all and (max-width: 360px) {
.content-homepage-home3 {
margin: 30px 0;
}
.content-homepage-home3 .layer-content-homepage {
margin: 30px 0;
}
.content-homepage-home3 .product-out {
margin-top: 15px !important;
}
.content-homepage-home3 .product-out .title h2 {
margin-bottom: 15px !important;
}
.content-homepage-home3 .product-out .product {
margin-top: 20px;
}

.blog-homepage3 .content-masonry .icon-share {
left: 15% !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-homepage-home3 {
margin: 30px 0;
}
.content-homepage-home3 .layer-content-homepage {
margin: 30px 0;
}
.content-homepage-home3 .product-out {
margin-top: 0;
margin-bottom: 20px;
}
.content-homepage-home3 .product-out .title h2 {
margin-bottom: 20px !important;
}
.content-homepage-home3 .product-out .product {
margin-top: 20px;
}

.blog-homepage3 .content-masonry .icon-share {
left: 3% !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {
.content-homepage-home3 {
margin: 30px 0;
}
.content-homepage-home3 .product-out {
margin-top: 0;
margin-bottom: 20px;
}
.content-homepage-home3 .product-out .title h2 {
margin-bottom: 15px !important;
}
.content-homepage-home3 .product-out .product {
margin-top: 20px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.blog-homepage3 .content-masonry .card-body span {
padding: 0 10px;
}
.blog-homepage3 .content-masonry .card-body .icon-share {
left: 10% !important;
width: 75% !important;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.blog-homepage3 .content-masonry .card-body span {
padding: 0 10px;
}
.blog-homepage3 .content-masonry .card-body .icon-share {
left: 0 !important;
width: 70% !important;
}
}
.logo-homepage3 {
background: #f7f7f7;
display: block;
padding: 50px 0 50px 0;
margin: 100px 0 80px 0;
}
.logo-homepage3 .owl-dots {
display: none;
}
.logo-homepage3 .item img {
width: 80%;
height: 80%;
max-height: 100%;
margin-left: 10%;
}

.best-new .product .card {
padding-left: 0 !important;
padding-right: 0 !important;
}
.best-new .product .card .wp-post-image {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.best-new .product .card .wp-post-image img {
width: 100%;
height: 100%;
}
.best-new .product .card .wp-post-image:before {
content: "";
width: 100%;
height: 100%;
background: white;
display: none;
z-index: 5;
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5;
}
.best-new .product .card .wp-post-image:hover:before {
display: block;
}
.best-new .product .card .onnew {
position: absolute;
padding: 7px 15px;
color: white;
line-height: 1;
font-size: 16px;

background: #8ce6ff;
right: 0;
top: 5%;
z-index: 10;
}
.carousel-box {
position: relative;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.best-new .product .card .onsale,
.onsale-product {
padding: 7px 15px;
color: white;
position: absolute;
line-height: 1;
font-size: 16px;

right: 0;
top: 5%;
background: #d1a861;
z-index: 10;
}
.best-new .product .card .card-body {
text-align: left;
margin-top: 0;
padding-left: 30px;
}
.best-new .product .card .card-body .content-best-new {
width: 100%;
margin: 20px 0 30px 0;
font-size: 15px;

line-height: 1.5;
}
.best-new .product .card .card-body button {
padding: 15px;
line-height: 1;
font-size: 15px;
background: none;
border: 1px solid #e6e6e6;
}
.best-new .product .card .card-body button:hover {
background: #d1a861;
color: white;
}
.best-new .product .title-best-new {
margin-bottom: 50px;
}
.best-new .product .title-best-new h2 {
font-size: 40px;
line-height: 1;
margin: 0;
position: relative;
margin-bottom: 60px;
}
.best-new .product .title-best-new h2:before {
position: absolute;
height: 13px;
width: 90px;
display: block;
left: 0;
bottom: -15px;
background: #d1a861;
-webkit-background: url(../../imager/line-title2.svg) repeat left center;
background: url(../../imager/line-title2.svg) repeat left center;
}
.best-new .product .title-best-new .btn-left {
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
padding: 15px 20px;
font-size: 15px;

border: 1px solid #e6e6e6;
border-right: none !important;
}
.best-new .product .title-best-new .btn-left:hover {
background: #d1a861;
}
.best-new .product .title-best-new .btn-left:hover span {
color: white;
}
.best-new .product .title-best-new .btn-right {
border-bottom-right-radius: 50%;
border-top-right-radius: 50%;
padding: 15px 20px;
font-size: 15px;

border: 1px solid #e6e6e6;
}
.best-new .product .title-best-new .btn-right:hover {
background: #d1a861;
}
.best-new .product .title-best-new .btn-right:hover span {
color: white;
}
.best-new .product .title-best-new .carousel-control-prev span {
color: #333333;
font-size: 15px;
margin-left: 35px;
}
.best-new .product .title-best-new .carousel-control-next span {
color: #333333;
font-size: 15px;
margin-right: 30px;
}

@media all and (max-width: 360px) {
.best-new .product .card .card-body {
padding-top: 15px !important;
padding-left: 0 !important;
}
.best-new .title-best-new {
margin-bottom: 20px !important;
}
.best-new .title-best-new h2 {
font-size: 25px !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.best-new .product .card .card-body {
padding-top: 15px !important;
padding-left: 0 !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {
.best-new .product .card .card-body {
padding-top: 15px !important;
padding-left: 30px !important;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.best-new .product .card button {
margin: 5px 0;
}
}

.bg-icon {
width: 50px;
height: 50px;
background-color: #d1a861bf;
color: white;

box-shadow: 0 0px 25px rgba(0, 0, 0, 0.462);
border-radius: 0 24px 0 24px;
/* border-radius: 24px 0 24px 0; */
}
.bg-icon:hover {
background-color: #bddee1;
color: white !important;
}
.bg-icon2 {
background-color: transparent;
color: black;
box-shadow: 0 0px 25px rgba(0, 0, 0, 0.462);
border-radius: 100px 0 100px 0;
backdrop-filter: blur(10px);
}
.bg-icon2:hover {
background-color: #d1a86140;
/* color: white !important; */
}

.bg-icon3 {
width: 50px;
height: 50px;
background-color: transparent;
backdrop-filter: blur(10px);

color: black;
box-shadow: 0 0px 25px rgba(0, 0, 0, 0.462);
border-radius: 24px 0 24px 0;
}
.bg-icon3:hover {
background-color: #d1a86140;
color: white !important;
}
.icon-span {
width: 32px;
height: 32px;
}
.fa-cart-shopping {
font-size: 1rem;
}
.fa-bag-shopping {
font-size: 1rem;
}
.fa-eye {
font-size: 1.5rem;
}
.fa-cart-plus {
font-size: 1.4rem;
}
/*# sourceMappingURL=style.css.map */
.CustomHeader,
.CustomHeaderMobile {
transition: 1s;
}
.powred-by {
box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
}
.img-introduce {
    margin-bottom: 0 !important;
}