/*------------------------------------------------------------------
[Master Stylesheet]
Project: Uray HTML
Version: 1.0
Last change:
Assigned to: Physcode
-------------------------------------------------------------------*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Asides
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
font-family: 'El Messiri';
font-weight: normal;
font-display:swap;
src: url('webfonts/ElMessiri-Regular.ttf') format('truetype');
/*src: local('El Messiri'),
url('webfonts/ElMessiri-Regular.ttf') format('truetype');*/
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url("webfonts/Raleway-Regular.ttf") format("truetype"),
}
.header .logo {
width: 135px;
height: 70px;
margin: 0px 0 20px 65px;
text-align: center;
}
.header .logo img {
width: 100%;
/*height: 100%;*/
}
.pull-left{
float: left !important;
}
/*.menu {
text-align: center;
width: 100%;
height: 100%;
}
.menu ul {
list-style: none;
margin-top: 40px;
}
.menu ul li {
display: inline;
position: relative;
padding-right: 30px;
padding-bottom: 40px;
}
.menu ul li a {
text-decoration: none;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 15px;
padding: 5px 10px;
color: black;
}
.menu ul li.menu-active a {
color: white;
background: #ffa6a8;
}
.menu ul li li:hover a {
color: white;
background: #ffa6a8;
}
.menu ul ul {
position: absolute;
display: none;
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;
}
.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: #ffa6a8;
}
.menu ul li:hover > ul {
display: block;
}
.menu ul ul li a:hover {
color: #ffa6a8 !important;
}
*/
.header-right {
padding-right: 65px;
text-align: center;
position: relative;
/*margin-top: 35px;*/
}
.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;
}
.m-t-20{
margin-top: 20px !important;
}
.m-b-20{
margin-bottom: 20px !important;
}
.posCenter{
position: relative;
left: 25%;
}
.textCenter{
text-align: center !important;
}
@-webkit-keyframes mymove {
from {
top: 160%;
}
to {
top: 100%;
}
}
@keyframes mymove {
from {
top: 160%;
}
to {
top: 100%;
}
}
.widget_shopping_cart {
display: none;
margin: 0;
padding: 0;
position: absolute;
width: 310px;
top: 50%;
right: 50%;
background: white;
z-index: 500;
box-shadow: 1px 1px 2px 1px #d2d2d2;
/* -webkit-animation: mymove 0.3s;
animation: mymove 0.3s;*/
max-height: 300px;
overflow-y: auto;
}
.widget_shopping_cart .widget_shopping_cart_content {
margin-top: 0px;
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;
font-size: 18px;
}
.widget_shopping_cart .widget_shopping_cart_content ul li .product-title {
vertical-align: top;
margin-left: 15px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 16px;
}
.widget_shopping_cart .widget_shopping_cart_content ul li .quantity {
position: absolute;
left: 40%;
top: 60%;
font-family: 'Raleway', sans-serif;
font-size: 15px;
}
.widget_shopping_cart .widget_shopping_cart_content ul li .woocommerce-Price-amount {
position: absolute;
left: 40%;
top: 40%;
font-family: 'Raleway', sans-serif;
/*font-weight: 600;*/
font-size: 16px;
}
.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
margin-top: 20px;
text-align: left;
margin-bottom: 25px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
padding: 0 35px;
}
/*.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__total span.woocommerce-Price-amount{
float: right;
}
.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
margin-bottom: 40px;
}
.widget_shopping_cart .button {
border: 1px solid #999999;
font-family: 'Raleway', sans-serif;
padding: 15px 30px;
font-size: 15px;
}
.widget_shopping_cart .button:hover {
background: #333333;
color: white;
}
#itemCurrency{
margin-right: 10px;
}
.cart-index {
position: relative;
}
.cartRemove{
cursor: pointer;
}
.cart-index .number-cart {
position: absolute;
top: 10%;
left: 0;
right: 0;
bottom: 0;
font-size: 10px;
}
.btn-delete {
color: #fff;
display: inline-flex;
border-radius: 5px;
padding: 9px 20px;
text-decoration: none;
font-weight: bold;
font-size: 16px;
text-align: center;
background-color: red;
margin-top: 20px;
text-decoration: none;
}
.btn-delete:hover{
text-decoration: none;
color: #fff;
}
.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: absolute;
z-index: 700;
display: none;
right: 0;
height: 1000%;
top: -35px;
width: 520px;
background: white;
text-align: left;
box-shadow: 1px 1px 2px #d2d2d2;
}
.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;
font-family: 'El Messiri', sans-serif;
margin-top: 130px;
padding: 0;
}
.content-introduce h4 {
font-size: 30px;
font-family: 'El Messiri', sans-serif;
padding: 0;
}
.content-introduce p {
font-size: 15px;
font-family: 'El Messiri', sans-serif;
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: #ffa6a8;
}
@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) {
.header .logo{
margin-top: 20px;
}
.header-right{
margin-top: 20px;
}
.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;
}
.posCenter{
left: unset;
}
.col-6{
max-width: unset !important;
}
}
@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: 0px;
width: 100%;
}
.introduce .content-introduce input {
width: 200px;
}
.widget_shopping_cart {
right: 0;
width: 300px;
}
}
.inner-title-page {
padding: 80px 0;
text-align: left;
}
.inner-title-page h1 {
font-size: 60px;
/*font-family: 'El Messiri', sans-serif;*/
position: relative;
margin-bottom: 30px;
display: inline-block;
}
.inner-title-page h1:before {
content: " ";
position: absolute;
height: 13px;
width: 110px;
display: block;
left: 0;
bottom: -10px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/line-title2.svg) repeat left center;
}
.inner-title-page p {
color: #333333;
font-family: 'Raleway', sans-serif;
font-size: 15px;
}
.inner-title-page p span {
color: #c2c2c2;
font-family: 'Raleway', sans-serif;
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;
padding: 30px 0;
}
.inner-title-page h1 {
font-size: 30px;
line-height: 1;
margin-bottom: 20px;
}
.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 {
margin: 150px 0 120px 0;
}
.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-family: 'Raleway', sans-serif;
font-weight: 600;
margin-bottom: 30px;
position: relative;
}
.inner-about .content-inner-about-left .content-item-about h3:before {
content: " ";
position: absolute;
height: 13px;
width: 90px;
display: block;
right: 0;
bottom: -20px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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-family: 'Raleway', sans-serif;
font-weight: 600;
margin-bottom: 30px;
position: relative;
}
.inner-about .content-inner-about-right .content-item-about h3:before {
content: " ";
position: absolute;
height: 13px;
width: 90px;
display: block;
left: 0;
bottom: -20px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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;
font-family: 'Raleway', sans-serif;
}
.intro-about {
background-color: #fafafa;
overflow: hidden;
}
.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-family: 'El Messiri', sans-serif;
font-size: 60px;
margin-bottom: 40px;
display: block;
position: relative;
}
.intro-about .progress-intro-about h2:before {
content: " ";
position: absolute;
height: 13px;
width: 150px;
display: block;
left: 0;
bottom: -10px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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) {
.about {
margin: 100px 0;
}
.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 #ffa6a8;
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;
font-family: 'Raleway', sans-serif;
}
.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%;
border-bottom: 1px solid #e6e6e6;
}
.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-family: 'Raleway', sans-serif;
font-size: 17px;
color: #666666;
}
.item-checkout .item-checkout-detail .card .card-body .price {
position: absolute;
right: 0;
top: 0;
font-family: 'Raleway', sans-serif;
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;
font-family: 'Raleway', sans-serif;
}
.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;
font-family: 'Raleway', sans-serif;
}
.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;
}
.checkoutLogo img{
max-width: 112px;
margin-top: 5px;
}
.cart-totals-row {
border-top: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
font-size: 16px;
font-weight: 600;
padding: 15px 0;
}
@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;
font-family: 'El Messiri', sans-serif;
margin-top: 10px;
line-height: 1;
margin-bottom: 30px;
}
.cosmetic .inner-cosmetic h3 {
color: #999999;
font-family: 'Raleway', sans-serif;
font-size: 25px;
margin-bottom: 60px;
line-height: 1;
}
.cosmetic .inner-cosmetic h4 {
font-family: 'Raleway', sans-serif;
font-size: 25px;
position: relative;
margin-bottom: 50px;
}
.cosmetic .inner-cosmetic h4:before {
content: " ";
position: absolute;
height: 13px;
width: 70px;
display: block;
left: 0;
bottom: -20px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/line-title2.svg) repeat left center;
}
.cosmetic .inner-cosmetic p {
font-size: 15px;
font-family: 'Raleway', sans-serif;
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 {
font-family: 'Raleway', sans-serif;
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: 15px 10px;
}
.content-cart table td span {
/*color: #ffa6a8;*/
font-weight: 600;
}
.content-cart table a{
color: #009fd1;
text-decoration: none;
}
.content-cart table td img {
width: 100%;
max-width: 120px;
float: left;
}
table.cart-desktop img{
max-width: 150px;
}
.cart-mobile img{
max-width: 95%;
}
.content-cart table td p {
margin-top: 20px;
margin-left: 20px;
}
/* responsive table */
table {
border-spacing: 0;
}
td,
th {
padding: 0.5em;
}
th {
font-weight: bold;
text-align: left;
}
/*
thead th {
background-color: #999;
color: white;
}*/
/*td > div {
float: right;
}*/
@media only screen and (max-width: 768px) {
/*thead th:not(:first-child) {
display: none;
}*/
thead th {
display: none;
}
td, th {
display: block;
clear: both;
}
td:last-child {
display: none;
}
td[data-th]:before {
content: attr(data-th);
float: left;
/*padding: 0 10px;*/
}
.content-cart table td img{
max-width: 100%;
padding-bottom: 15px
}
tr:nth-child(even){
background: #f2f2f2;
margin: 10px;
}
}
/* end table responsiv */
.content-cart .card-button {
width: 100%;
display: block;
font-size: 15px;
font-family: 'Raleway', sans-serif;
}
.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, .apply {
background: none;
color: black;
padding: 15px 30px;
border: 1px solid #999999;
border-radius: 0;
line-height: 1;
}
.apply:hover{
background: #333;
color: #fff;
}
.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-family: 'Raleway', sans-serif;
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;
}
button.btn-border {
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;
min-width: 30px;
}
.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: #ffa6a8;
}
.icon-product i{
color: #fff;
font-size: 18px;
}
.cart-mobile {
width: 100%;
background: #f2f2f2;
margin-bottom: 30px;
position: relative;
}
.cart-mobile span {
position: absolute;
right: 0;
top: 0;
}
.cart-mobile .cartRemove{
font-size: 22px;
}
.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;
}
.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;
font-family: 'Raleway', sans-serif;
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 {
content: " ";
position: absolute;
height: 13px;
width: 90px;
display: block;
left: 50%;
margin-left: -45px;
bottom: -20px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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: #ffa6a8;
}
.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: 120px;
margin-bottom: 80px;
padding-bottom: 80px;
margin-left: 0 !important;
margin-right: 0 !important;
border-bottom: 1px solid #e6e6e6;
}
.content-my-account h2 {
font-size: 35px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
}
.content-my-account p {
font-family: 'Raleway', sans-serif;
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;
background-color: black;
font-family: 'Raleway', sans-serif;
font-size: 15px;
text-transform: uppercase;
line-height: 1;
margin-top: 40px;
color: white;
border: none;
}
.content-my-account form button:hover {
background: #ffa6a8;
}
.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("https://via.placeholder.com/1173x386.jpg/f5f2f2/e8e8e7");
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-family: 'El Messiri', sans-serif;
font-size: 40px;
z-index: 105;
text-transform: uppercase;
position: relative;
}
.banner .banner-right h3 {
font-family: 'El Messiri', sans-serif;
font-size: 53px;
text-transform: uppercase;
margin-bottom: 50px;
}
.banner .banner-right .line-banner {
width: 30%;
height: 20px;
background: #fecbcc;
position: absolute;
left: 23%;
top: 28%;
}
.banner .banner-right button {
font-size: 15px;
font-family: 'Raleway', sans-serif;
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: 130px;
}
.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-family: 'Raleway', sans-serif;
font-size: 60px;
margin-bottom: 0;
position: relative;
}
.title h2:before {
content: " ";
position: absolute;
height: 13px;
width: 150px;
display: block;
bottom: -10px;
left: 50%;
margin-left: -75px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/line-title2.svg) repeat left center;
}
.title h3 {
font-family: 'Raleway', sans-serif;
font-size: 40px;
margin-bottom: 0;
position: relative;
}
.title h3:before {
content: " ";
position: absolute;
height: 13px;
width: 110px;
display: block;
left: 50%;
margin-left: -55px;
bottom: -10px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/line-title2.svg) repeat left center;
}
.product-out .carousel-indicators {
bottom: -15px;
}
.product-out .carousel-indicators li {
background-color: #999999 !important;
border: none;
width: 10px;
height: 10px;
border-radius: 50%;
bottom: 100px;
}
.product-out .carousel-indicators .active {
background-color: #999999 !important;
width: 30px;
height: 10px;
border-radius: 10px;
}
.product {
margin-top: 80px;
}
.product .card {
border: none;
border-radius: 0;
text-align: center;
margin: 0 0 45px 0;
}
.product .card .card-body {
padding: 0;
margin-top: 20px;
}
.product .card .card-body .card-title {
margin: 0;
}
.product .card .card-body .card-title a {
font-family: 'Raleway', sans-serif;
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-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 600;
color: #333333;
margin: 0;
}
.product .card .card-body .woocommerce-loop-product__title a:hover {
color: #ffa6a8;
text-decoration: none;
}
.product .card .card-body .price {
font-family: 'Raleway', sans-serif;
font-size: 20px;
/*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: #ffa6a8;
}
.product .card .card-img-top {
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.product .card .card-img-top:before {
content: "";
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: white;
opacity: 0.7;
display: none;
}
.product .card .card-img-top .wp-post-image {
z-index: 2;
position: relative;
width: 100%;
max-width: 100%;
display: block;
}
.product .card .card-img-top img {
height: auto;
z-index: 3;
width: 100%;
}
.product .card .card-img-top .icon-product {
width: 100%;
height: 100%;
position: absolute;
top: -40%;
left: 0;
z-index: 100;
display: none;
}
.product .card .card-img-top .icon-product button {
margin-top: 80%;
padding: 12px 15px;
background: #ffa6a8;
border-radius: 50%;
margin-right: 10px;
}
.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;
font-family: 'Raleway', sans-serif;
right: 0;
top: 3%;
background: #ffa6a8;
z-index: 10;
}
.product .card .card-img-top .onnew {
padding: 7px 15px;
color: white;
position: absolute;
line-height: 1;
font-size: 16px;
font-family: 'Raleway', sans-serif;
background: #8ce6ff;
right: 0;
top: 3%;
z-index: 10;
}
.product .card-img-top:hover .icon-product {
display: block;
}
.product .card-img-top:hover:before {
display: block;
}
.product .sale-product {
margin: 0;
}
.product .sale-product a {
display: block;
position: relative;
}
.product .sale-product a img {
width: 100%;
height: auto;
}
.product .product .card a:hover {
text-decoration: none;
}
.product-out-homepage2 {
background: #fafafa;
padding: 1px 0 120px 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;
}
.title h3{
font-size: 30px;
font-weight: 500;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.sale-product {
margin-bottom: 40px !important;
}
}
.deal-day {
background-image: url("https://via.placeholder.com/1920x640.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;
font-family: 'El Messiri', sans-serif;
text-transform: capitalize;
margin-top: 140px;
}
.content-deal-day .title h2 {
margin-bottom: 50px;
}
.content-deal-day .title h2:before {
content: " ";
position: absolute;
height: 13px;
width: 150px;
display: block;
bottom: -10px;
left: 50%;
margin-left: -75px;
background: white;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/line-title2.svg) repeat left center;
}
.content-deal-day ul {
margin-bottom: 80px;
}
.content-deal-day ul li {
background: white;
border-top: 12px solid #8ce6ff;
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;
font-family: 'Raleway', sans-serif;
}
.content-deal-day ul li p {
font-family: 'Raleway', sans-serif;
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;
font-family: 'Raleway', sans-serif;
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: #ffa6a8;
}
.review-homepage .carousel-indicators li {
background: #999999 !important;
height: 10px !important;
width: 10px !important;
border: none !important;
border-radius: 50%;
}
.review-homepage .carousel-indicators li.active {
background: #999999 !important;
height: 12px !important;
width: 12px !important;
border: none !important;
border-radius: 50%;
}
@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;
font-family: 'El Messiri', sans-serif;
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;
font-family: 'Raleway', sans-serif;
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;
font-family: 'Raleway', sans-serif;
padding: 0;
}
.lastest .card a:hover {
text-decoration: none;
}
.lastest .card h5 a:hover {
color: #ffa6a8;
}
@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:last-child{
border-bottom: none;
}
.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: #999999;
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;
font-family: 'El Messiri', sans-serif;
margin-top: 20px;
margin-bottom: 0;
color: #333333;
}
.content-blog-left .author-blog small {
font-family: 'Raleway', sans-serif;
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-family: 'El Messiri', sans-serif;
font-size: 25px;
position: relative;
margin-bottom: 50px;
}
.content-blog-left .filter-price h2:before {
content: " ";
position: absolute;
height: 8px;
width: 65px;
display: block;
left: 0;
bottom: -15px;
background: #ffa6a8;
-webkit-mask-image: url(/img/line-title2.svg);
-webkit-mask-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;
font-family: 'Raleway', sans-serif;
margin-top: 20px;
color: #666666;
}
.content-blog-left .filter-price button {
font-family: 'Raleway', sans-serif;
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-family: 'El Messiri', sans-serif;
font-size: 25px;
margin-bottom: 50px;
position: relative;
}
.content-blog-left .popular-item h2:before {
content: " ";
position: absolute;
height: 8px;
width: 65px;
display: block;
left: 0;
bottom: -15px;
background: #ffa6a8;
-webkit-mask-image: url(/img/line-title2.svg);
-webkit-mask-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-family: 'Raleway', sans-serif;
font-weight: 600;
margin-bottom: 0;
color: #333333;
line-height: 1;
}
.content-blog-left .popular-item .card .card-body p {
font-size: 22px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
color: #ffa6a8;
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, .category-blog h2 {
font-family: 'Raleway', sans-serif;
font-size: 25px;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
}
.category-blog h2{
margin: 0;
}
.content-blog-left .category-blog h2:before {
content: " ";
position: absolute;
height: 8px;
width: 66px;
display: block;
left: 0;
bottom: -15px;
background: #ffa6a8;
-webkit-mask-image: url(/img/line-title2.svg);
-webkit-mask-size: contain;
}
.content-blog-left .category-blog a {
margin-top: 20px;
font-family: 'Raleway', sans-serif;
font-size: 15px;
color: #666666;
line-height: 1;
width: 100%;
display: block;
}
.content-blog-left .category-blog a:hover,
.content-blog-left .category-blog a.active {
color: #ffa6a8 !important;
}
.content-blog-left .lastest-blog h2 {
font-family: 'El Messiri', sans-serif;
font-size: 25px;
margin-bottom: 30px;
position: relative;
}
.content-blog-left .lastest-blog h2:before {
content: " ";
position: absolute;
height: 8px;
width: 66px;
display: block;
left: 0;
bottom: -15px;
background: #ffa6a8;
-webkit-mask-image: url(/img/line-title2.svg);
-webkit-mask-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;
font-family: 'Raleway', sans-serif;
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;
font-family: 'El Messiri', sans-serif;
margin-bottom: 40px;
position: relative;
}
.content-blog-left .tag-blog h2:before {
content: " ";
position: absolute;
height: 8px;
width: 30px;
display: block;
left: 0;
bottom: -15px;
background: #ffa6a8;
-webkit-mask-image: url(/img/line-title2.svg);
-webkit-mask-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: 0;
color: #666666;
font-size: 15px;
font-family: 'Raleway', sans-serif;
}
.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: #ffa6a8;
}
.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: 120px 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 .blog:last-child {
border-bottom: none;
}
.content-blog .content-blog-right h2 {
font-size: 30px;
font-family: 'Raleway', sans-serif;
}
.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: #ffa6a8;
}
.content-blog .content-blog-right .item-blog .far {
margin: 20px 0;
color: #666666;
}
.content-blog .content-blog-right .item-blog h1 {
font-size: 30px;
font-family: 'Raleway', sans-serif;
}
.content-blog .content-blog-right .item-blog p {
width: 100%;
text-align: left;
font-size: 15px;
font-family: 'Raleway', sans-serif;
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: #ffa6a8;
}
.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: #ffa6a8;
}
.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: #ffa6a8;
}
.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 {
padding-bottom: 50px;
border-top: 1px solid #e6e6e6;
margin-top: 40px;
}
.footer .content-footer {
padding-left: 50px;
}
.footer img {
margin-top: 45px;
margin-bottom: 0;
max-width: 135px;
max-height: 70px;
width: 100%;
/*height: 100%;*/
overflow: hidden;
}
.footer h2 {
margin-top: 50px;
font-size: 30px;
font-family: 'Raleway', sans-serif;
text-align: left;
margin-bottom: 5px;
color: #333333;
/*font-weight: 600;*/
}
.footer ul {
margin-top: 15px;
text-align: left;
}
.footer ul li {
padding: 5px 0;
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: #666666;
}
.footer ul li a {
font-size: 15px;
font-family: 'Raleway', sans-serif;
color: #666666;
}
.footer i {
padding: 0 10px;
margin-top: 20px;
color: #CCCCCC;
}
.footer .list-inline input {
border: none;
background: none;
position: relative;
width: 80%;
border-bottom: 1px solid black;
margin: 10px 0;
}
.footer .list-inline button {
border: 1px solid #e6e6e6;
background: none;
position: absolute;
left: 81%;
top: 56%;
color: #999999;
}
.footer ul li a:hover {
text-decoration: none;
color: black;
}
.footer i:hover {
color: #ffa6a8;
}
.footer .list-inline input:focus {
outline: none;
}
@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-family: 'El Messiri', sans-serif;
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: #fecbcc;
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 #fecbcc;
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 #fecbcc;
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;
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 {
content: " ";
position: absolute;
height: 13px;
width: 150px;
display: block;
left: 50%;
margin-left: -75px;
bottom: -15px;
background: #fecbcc;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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 #fecbcc;
border-left: 15px solid transparent;
}
@media all and (max-width: 360px) {
.content-item-homepage {
margin: 15px 0;
}
.content-item-homepage .inner-banner-section {
padding: 30px 0 !important;
}
}
@media all and (min-width: 361px) and (max-width: 767px) {
.content-item-homepage {
margin: 15px 0;
}
.content-item-homepage .inner-banner-section {
padding: 40px 30px !important;
}
.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 {
padding: 40px 30px !important;
}
.content-item-homepage .inner-banner-section h2 {
margin-bottom: 15px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.content-item-homepage .inner-banner-section {
padding: 30px 0 !important;
}
}
@media all and (min-width: 1024px) and (max-width: 1365px) {
.content-item-homepage .inner-banner-section {
padding: 30px 0 !important;
}
}
.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-family: 'Raleway', sans-serif;
font-size: 32px;
font-weight: 600;
}
.product-single-detail .product_detail .content-product p {
font-family: 'Raleway', sans-serif;
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: #ffa6a8;
}
.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;
}
.table th{
padding: .75rem 0;
}
.product-single-detail .product_detail .content-product .btn-group button,
.product-single-detail .product_detail .content-product .btn-group input,
table input.show-number {
border: 1px solid #999999;
border-radius: 0;
width: 40px;
}
.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-right: 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{
max-height: 290px;
overflow-y: auto;
}
.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-family: 'Raleway', sans-serif;
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-family: 'Raleway', sans-serif;
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-family: 'Raleway', sans-serif;
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: #ffa6a8;
}
.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;
}
.flex {
display: flex;
}
.flex-center {
justify-content: center;
}
.flex-vertical-center {
align-items: center;
}
.flex-wrap {
flex-wrap: wrap; }
.flex-space-between {
justify-content: space-between;
}
.flex-end {
justify-content: flex-end;
}
.flex-column {
flex-direction: column;
}
.modal-open #exampleModalCenter {
z-index: 1050;
}
.modal.active {
display: flex; }
.modal {
display: none;
justify-content: center;
align-items: center;
min-width: 300px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1984;
}
.modal i{
color: #333;
}
.modal .modal-background {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.modal .modal-inner {
z-index: 2015;
position: relative;
background-color: #fff;
padding: 20px;
width: 90%;
max-width: 400px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
overflow: auto;
max-height: 90%;
}
.modal .modal-inner h4{
align-items: center;
line-height: 1.64;
font-size: 22px;
/*border-bottom: solid 1px #ccd2de;
margin: 0 -20px 30px;
padding: 0 20px 15px; */
}
.modal .modal-inner h4 .modal-close {
cursor: pointer;
}
.modal .modal-inner .modal-inner_body h4 + .form-item {
margin-top: 30px;
}
.modal .modal-inner .modal-inner_body .form-btn-send {
margin: -10px 0 5px;
padding: 0;
}
.modal .modal-inner .modal-inner_body .form-btn-send .btn {
text-align: center;
margin: 0;
}
.modal .modal-inner .modal-inner_body .form-btn-send .btn i {
padding-right: 0;
}
.modal .modal-inner_body .sum {
justify-content: flex-end;
color: #212a53;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px 0;
}
.modal .cart-url a{
color: inherit;
text-decoration: none;
}
.itemCurrency{
margin-right: 10px;
}
.product-image img{
max-width: 80px;
}
.modalMsg, .msgs{
background-color: antiquewhite;
padding: 10px;
margin: 10px 0 0 0;
display: none;
}
@media only screen and (max-width: 767px) {
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.modal.add-to-cart .modal-inner {
max-width: 390px;
}
.modal.add-to-cart .modal-inner_header span {
display: flex;
align-items: center;
}
.modal.add-to-cart .modal-inner_header span img {
margin-right: 15px;
}
.modal.add-to-cart .modal-inner_body {
color: #525c6e;
padding: 0 20px;
}
.modal.add-to-cart .modal-inner_body b {
font-family: 17px;
}
.modal.add-to-cart .modal-inner_body p {
font-size: 16px;
}
.modal.add-to-cart .modal-inner_body .sum {
justify-content: flex-end;
color: #212a53;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px 38px 0;
margin: 0 -40px;
}
.modal.add-to-cart .modal-inner_body .duration {
padding-top: 20px;
}
.modal.add-to-cart .modal-inner_footer a.btn {
width: 100%;
border-radius: 6px;
}
.modal.add-to-cart .modal-inner_footer .cart-url {
margin-top: 20px;
}
.modal.add-to-cart .modal-inner_footer .cart-url a {
color: #212a53;
font-family: 'Oduda';
font-size: 20px;
font-weight: bold;
}
.modal.add-to-cart .modal-inner_footer .cart-url a:hover {
color: #84bf41;
}
}
@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;
}
.product-single-detail{
margin-top: 20px;
}
}
@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;
font-family: 'El Messiri', sans-serif;
}
.slider-homepage1 .slide-homepage .content-slide p {
font-size: 25px;
font-family: 'Raleway', sans-serif;
margin-top: 10px;
margin-bottom: 55px;
color: #b8b8b8;
}
.slider-homepage1 .slide-homepage .content-slide a {
font-size: 15px;
background: #ffa6a8;
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: #ffa6a8;
}
.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: #ffa6a8;
}
.slide-index2 {
position: relative;
}
.slide-index2 .slide-homepage {
background-position: center center;
background-size: auto 500px;
background-repeat: no-repeat;
max-height: 500px;
background-color: #f6f6f6;
}
.slide-index2 .slide-homepage .content-slide {
padding: 100px 0;
text-align: left !important;
margin-left: 0;
}
.slide-index2 .slide-homepage .content-slide h2 {
font-family: 'Raleway', sans-serif;
font-size: 60px;
line-height: 1;
}
.slide-index2 .slide-homepage .content-slide p {
font-size: 15px;
font-family: 'Raleway', sans-serif;
margin-bottom: 55px;
}
.slide-index2 .slide-homepage .content-slide a {
background: white;
font-family: 'Raleway', sans-serif;
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: #666;/*#e6e6e6;*/
border: none;
margin-bottom: 20px;
position: relative;
}
.slide-index2 .control-slide-homepage ul li.active {
background: #ffa6a8;
width: 40px;
}
.slide-index2 .control-slide-homepage ul li.active p {
color: #ffa6a8;
}
.slide-index2 .control-slide-homepage ul p {
position: absolute;
top: -15px;
left: -10px;
color: #666;
font-size: 20px;
font-family: 'Raleway', sans-serif;
}
.slide-index3 .content-slide {
padding: 100px 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-family: 'Raleway', sans-serif;
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: #ffa6a8;
font-weight: bold;
font-family: 'Raleway', sans-serif;
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-family: 'Raleway', sans-serif;
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-family: 'Raleway', sans-serif;
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;
font-family: 'Raleway', sans-serif;
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 {
content: " ";
position: absolute;
height: 13px;
width: 150px;
display: block;
left: 0;
bottom: -20px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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: #ffa6a8;
color: white;
border: 1px solid #ffa6a8;
}
.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: -31%;
top: 45%;
font-family: 'Raleway', sans-serif;
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;
font-family: 'Raleway', sans-serif;
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 {
content: " ";
position: absolute;
height: 13px;
width: 150px;
display: block;
right: 0;
bottom: -20px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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: #ffa6a8;
color: white;
border: 1px solid #ffa6a8;
}
.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;
}
.product-what-we-offer-img img{
max-width: 100%;
}
@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%;
width: 100%;
}
.component-item .component-item-detail .component-item-content-detail {
margin-top: -60px;
}
.component-item .component-item-detail .component-item-content-detail h2 {
color: #ffa6a8;
font-weight: bold;
font-family: 'Raleway', sans-serif;
font-size: 80px;
margin-bottom: 0;
line-height: 1;
}
.component-item .component-item-detail .component-item-content-detail h2 small {
font-size: 20px;
font-weight: normal !important;
color: black !important;
line-height: 2em;
padding-left: 10px;
}
.component-item .component-item-detail .component-item-content-detail p {
font-family: 'Raleway', sans-serif;
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{
color: #dc143c !important;
border: 1px solid #dc143c !important;
}
/*.error {
background-image: url("/img/404.jpg");
background-size: cover;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
height: 100vh;
}
.error .content-error {
width: 100%;
text-align: center;
font-family: 'Raleway', sans-serif;
padding-top: 150px;
}
.error .content-error p {
font-weight: bold;
font-size: 250px;
line-height: 1;
position: relative;
}
.error .content-error p:before {
content: " ";
position: absolute;
height: 13px;
width: 130px;
display: block;
left: 50%;
margin-left: -65px;
bottom: 10px;
background: white;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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;
}
.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) {
.content-error p {
font-size: 210px !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) {
.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("/img/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;
font-family: 'El Messiri', sans-serif;
line-height: 1;
position: relative;
margin-bottom: 80px;
font-weight: normal;
}
.deal-day-comming .content-comming .title h2:before {
content: " ";
position: absolute;
height: 13px;
width: 170px;
display: block;
left: 50%;
margin-left: -85px;
bottom: -30px;
background: white;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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-family: 'Raleway', sans-serif;
font-size: 22px;
font-weight: 600;
}
.content-our-team .item-our-team .content-item-our-team span {
font-family: 'Raleway', sans-serif;
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: #ffa6a8;
}
.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-family: 'El Messiri', sans-serif;
font-size: 35px;
color: white;
line-height: 1;
margin-bottom: 0;
padding-top: 25px;
}
.call-us .call-us-content span {
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 13px;
color: #ffa6a8;
}
@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-family: 'El Messiri', sans-serif;
font-size: 60px;
line-height: 1;
margin-bottom: 80px;
position: relative;
}
.contact-from .content-contact-from .title-contact h2:before {
content: " ";
position: absolute;
height: 13px;
width: 190px;
display: block;
left: 50%;
margin-left: -95px;
bottom: -10px;
background: white;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/line-title2.svg) repeat left center;
}
.contact-from .content-contact-from .submit-contact {
width: 100%;
text-align: center;
margin-top: 30px;
font-family: 'Raleway', sans-serif;
}
.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-family: 'Raleway', sans-serif;
font-size: 40px;
}
.content-follow-insta .title-follow-insta p {
font-family: 'Raleway', sans-serif;
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: 80px 0 110px 60px;
font-family: 'Raleway', sans-serif;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content h2 {
font-size: 36px;
/*font-weight: 600;*/
line-height: 1;
color: #ffa6a8;
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: 300;
font-size: 18px;
margin-bottom: 20px;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content p {
font-size: 15px;
margin-bottom: 15px;
}
.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: #ffa6a8;
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;
font-family: 'Raleway', sans-serif;
}
.introduce-homepage .introduce-right .introduce-homepage-content h2 {
font-size: 36px;
/*font-weight: 600;*/
line-height: 1;
color: #ffa6a8;
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: 300;
font-size: 18px;
margin-bottom: 20px;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
}
.introduce-homepage .introduce-right .introduce-homepage-content p {
font-size: 15px;
margin-bottom: 15px;
}
.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: #ffa6a8;
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;
}
.img-introduce img{
width: 100%;
}
@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%;
}
.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: 100px;
/*border-bottom: 1px solid #e6e6e6;*/
}
.contact-us .content-contact-us h1 {
font-size: 60px;
font-family: 'Raleway', sans-serif;
line-height: 1;
position: relative;
margin-bottom: 50px;
}
.contact-us .content-contact-us h1:before {
content: " ";
position: absolute;
height: 13px;
width: 110px;
display: block;
left: 0;
bottom: -10px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/line-title2.svg) repeat left center;
}
.contact-us .content-contact-us ul {
margin-bottom: 70px;
}
.contact-us .content-contact-us ul p {
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 600;
}
.contact-us .content-contact-us ul li {
font-family: 'Raleway', sans-serif;
font-size: 15px;
margin-bottom: 20px;
line-height: 1.5;
}
.contact-us .content-contact-us a {
margin-right: 20px;
color: #000;
text-decoration: none;
}
.contact-us .content-contact-us a i {
color: #000;
}
.contact-us .content-contact-us i:hover {
text-decoration: none;
color: #ffa6a8;
}
.contact-us .content-contact-us textarea {
width: 100%;
height: 150px;
padding-top: 15px;
text-indent: 10px;
margin-bottom: 20px;
border: 1px solid #cccccc;
}
.contact-us .content-contact-us input {
text-indent: 10px;
width: 100%;
height: 50px;
margin-bottom: 20px;
border: 1px solid #cccccc;
}
.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-family: 'Raleway', sans-serif;
font-size: 15px;
line-height: 1;
padding: 15px 30px;
border: none;
border-radius: 0;
}
.contact-us .content-contact-us button:hover {
background: #ffa6a8;
}
@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: 120px 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-family: 'Raleway', sans-serif;
font-size: 15px;
margin-top: 15px;
}
.prodcut-list .header-show-list select {
font-family: 'Raleway', sans-serif;
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-family: 'Raleway', sans-serif;
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: 50px !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-family: 'El Messiri', sans-serif;
font-size: 40px;
margin-bottom: 0;
position: relative;
}
.content-homepage-home3 .title h2:before {
content: " ";
position: absolute;
height: 13px;
width: 150px;
display: block;
bottom: -15px;
left: 50%;
margin-left: -75px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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;
font-family: 'Raleway', sans-serif;
background: #8ce6ff;
right: 0;
top: 5%;
z-index: 10;
}
.best-new .product .card .onsale {
padding: 7px 15px;
color: white;
position: absolute;
line-height: 1;
font-size: 16px;
font-family: 'Raleway', sans-serif;
right: 0;
top: 5%;
background: #ffa6a8;
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;
font-family: 'Raleway', sans-serif;
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: #ffa6a8;
color: white;
}
.best-new .product .title-best-new {
margin-bottom: 50px;
}
.best-new .product .title-best-new h2 {
font-family: 'El Messiri', sans-serif;
font-size: 40px;
line-height: 1;
margin: 0;
position: relative;
margin-bottom: 60px;
}
.best-new .product .title-best-new h2:before {
content: " ";
position: absolute;
height: 13px;
width: 90px;
display: block;
left: 0;
bottom: -15px;
background: #ffa6a8;
-webkit-mask: url(/img/line-title2.svg) repeat left center;
mask: url(/img/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;
font-family: 'Raleway', sans-serif;
border: 1px solid #e6e6e6;
border-right: none !important;
}
.best-new .product .title-best-new .btn-left:hover {
background: #ffa6a8;
}
.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;
font-family: 'Raleway', sans-serif;
border: 1px solid #e6e6e6;
}
.best-new .product .title-best-new .btn-right:hover {
background: #ffa6a8;
}
.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;
}
}