/*--------------------------------------------------------------

>>> 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

# Additional

--------------------------------------------------------------*/





/*--------------------------------------------------------------

	# Normalize

--------------------------------------------------------------*/

html{overflow-x: hidden;}

.header .logo {

    width: 270px;

    height: 70px;

    margin: 20px 0 20px 65px;

    text-align: center;

}



.header .logo img {

    width: 100%;

    height: 100%;

}



.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 {

    color: white;

    background: rgb(205, 176, 131);

}



.menu ul li li:hover a {

    color: white;

    background: rgb(205, 176, 131);

}



.menu ul ul {

    position: absolute;

    display: none;

    width: 280px;

    top: 100%;

    left: 0;

    background: white;

    z-index: 100;

    box-shadow: 1px 1px 2px #d2d2d2;

    margin-top: 0 !important;

    padding: 20px 0 15px 20px !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: rgb(205, 176, 131);

}



.menu ul li:hover>ul {

    display: block;

}



.menu ul ul li a:hover {

    color: rgb(205, 176, 131) !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;

}



@-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: 100%;

    right: 70%;

    background: white;

    z-index: 500;

    box-shadow: 1px 1px 2px #d2d2d2;

    -webkit-animation: mymove 0.3s;

    animation: mymove 0.3s;

}



.widget_shopping_cart .widget_shopping_cart_content {

    margin-top: 40px;

    padding: 0;

}



.widget_shopping_cart .widget_shopping_cart_content ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.widget_shopping_cart .widget_shopping_cart_content ul li {

    padding: 20px 0;

    width: 80%;

    margin: auto;

    text-align: left;

    border-bottom: 1px solid #99999952;

    position: relative;

}



.widget_shopping_cart .widget_shopping_cart_content ul li .remove {

    position: absolute;

    right: 0;

    top: 10px;

}



.widget_shopping_cart .widget_shopping_cart_content ul li .product-title {

    vertical-align: top;

    margin-left: 15px;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

}



.widget_shopping_cart .widget_shopping_cart_content ul li .quantity {

    position: absolute;

    left: 40%;

    top: 60%;

    font-family: 'Raleway', sans-serif;

    font-size: 13px;

}



.widget_shopping_cart .widget_shopping_cart_content ul li .woocommerce-Price-amount {

    position: absolute;

    left: 40%;

    top: 37%;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

}



.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;

}



.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total span {

    margin-left: 35px;

}



.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total span .woocommerce-Price-currencySymbol {

    margin-left: 80px;

}



.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons {

    margin-bottom: 40px;

}



.widget_shopping_cart .button {

    border: 1px solid #999999;

    font-family: 'Raleway', sans-serif;

    padding: 15px 30px;

    font-size: 15px;

}



.widget_shopping_cart .button:hover {

    background: #333333;

    color: white;

}



.cart-index {

    position: relative;

}



.cart-index .number-cart {

    position: absolute;

    top: 10%;

    left: 0;

    right: 0;

    bottom: 0;

    font-size: 10px;

}



.search-header {

    height: 100px;

    display: none;

    position: absolute;

    background: white;

    top: 0;

    right: 0;

    z-index: 500;

}



.search-header input {

    width: 95%;

    margin-left: 3%;

    margin-top: 30px;

    border: none;

    border-bottom: 1px solid black;

    text-indent: 20px;

}



.search-header span {

    position: absolute;

    right: 4%;

    border: none;

    top: 30%;

    background: none;

    color: #333333;

}



.search-header span:hover {

    cursor: pointer;

}



.search-header input:focus {

    outline: none;

}



.introduce {

    position: 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: rgb(205, 176, 131);

}



.header-menu-mobile {

    vertical-align: middle;

}



.header-menu-mobile button {

    border: none;

    background: white;

    margin-top: 30px;

}



.header-menu-mobile button span {

    font-size: 30px;

}



.header-menu-mobile button:focus {

    outline: none;

}



.menu-mobile {

    display: none;

    background: white;

}



.menu-mobile ul {

    padding: 0;

}



.menu-mobile ul li {

    width: 100%;

    position: relative;

    list-style: none;

    text-transform: capitalize;

    padding: 5px 0;

    border-bottom: 1px solid #e6e6e6;

    text-indent: 20px;

}



.menu-mobile ul li a {

    padding: 5px 0;

    line-height: 1;

    color: #333333;

    font-size: 15px;

    font-family: 'Raleway', sans-serif;

}



.menu-mobile ul li a:hover {

    text-decoration: none;

}



.menu-mobile ul li .drop-link {

    position: absolute;

    right: 5%;

    top: 7px;

}



.menu-mobile ul ul {

    display: none;

}



.menu-mobile ul ul li {

    text-indent: 40px;

}



.menu-mobile ul ul ul {

    display: none;

}



.menu-mobile ul ul ul li {

    text-indent: 60px;

}



.menu-mobile ul li:last-child {

    border: none;

}



@media all and (min-width: 1366px) {

    .header-desktop {

        display: block;

    }
    .intro-about {height: 100vh;}

    .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;

    }

	.overlayText img {

    width: 100px;

    height: 100px;

    position: relative;

    bottom: 50px;

    right: -195px;

}

}



@media all and (max-width: 767px) and (min-width: 361px) {

    .header-desktop {

        display: none;

    }

    .header-mobile {

        display: block;

    }

    .header-mobile .logo {

        padding-left: 10px;

        margin-left: 0 !important;

    }

    .header-mobile .header-right {

        padding-right: 10px;

    }

    .header-mobile .header-right li {

        margin-left: 10px;

    }

    .introduce {

        margin-right: 0;

        margin-left: 10px;

        width: 100%;

        display: none;

    }

    .introduce .content-introduce {

        padding-left: 50px;

        width: 100%;

    }

    .introduce .content-introduce .img-controduce {

        margin-right: 0;

        width: 100%;

    }

    .introduce .content-introduce input {

        width: 75%;

    }

    .introduce .content-introduce button {

        width: 15%;

    }

    .widget_shopping_cart {

        right: 0;

    }

}



@media all and (max-width: 360px) {

    .header-desktop {

        display: none;

    }

    .header-mobile {

        display: block;

    }

    .header-mobile .logo {

        padding-left: 10px;

        margin-left: 0 !important;

    }

    .header-mobile .header-right {

        padding-right: 10px;

    }

    .header-mobile .header-right li {

        margin-left: 10px;

    }

    .introduce {

        margin-right: 0;

        margin-left: 10px;

        width: 100%;

        display: none;

    }

    .introduce .content-introduce {

        padding-left: 50px;

        width: 100%;

    }

    .introduce .content-introduce .img-controduce {

        margin-right: 0px;

        width: 100%;

    }

    .introduce .content-introduce input {

        width: 200px;

    }

    .widget_shopping_cart {

        right: 0;

        width: 300px;

    }

}



.inner-title-page {

    padding: 100px 0;

    text-align: left;

}



.inner-title-page h1 {

    font-size: 60px;

    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: rgb(205, 176, 131);

    /* -webkit-mask: url(imager/line-title2.svg) repeat left center;

	mask:         url(imager/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;

    }

    .inner-title-page h1 {

        font-size: 40px;

        line-height: 1;

    }

    .inner-title-page img {

        margin-bottom: 40px;

    }

}



@media all and (max-width: 360px) {

    .inner-title-page {

        text-align: left;

    }

    .inner-title-page h1 {

        font-size: 40px;

        line-height: 1;

    }

    .inner-title-page h1:before {

        bottom: -15px;

    }

    .inner-title-page img {

        margin-bottom: 40px;

    }

}



.see-why-customers {

    text-align: center;

}



.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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.inner-about .content-inner-about-right {

    padding-top: 50px;

    z-index: 2;

}



.inner-about .content-inner-about-right .content-item-about {

    position: relative;

    margin-bottom: 80px;

}



.inner-about .content-inner-about-right .content-item-about h3 {

    font-size: 25px;

    font-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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.inner-about .content-inner-about-right .img-icon-about {

    position: absolute;

    top: 0;

    left: -80px;

}



.inner-about .content-inner-about-center {

    text-align: center;

    z-index: 1;

}



.inner-about .content-inner-about-center img {

    margin-left: -10px;

    height: auto;

}



.inner-about p {

    font-size: 15px;

    color: #666666;

    font-family: 'Raleway', sans-serif;

}



.intro-about {

    /* background-color: #fafafa; */

    background-image: url("imager/home/slider-green-coast-03.jpg");

    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: 37%;

}



.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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.intro-about .progress-intro-about span {

    position: absolute;

    color: #333333;

    top: 0;

    right: 0;

}



.intro-about .progress-intro-about p {

    position: relative;

    margin-top: 30px;

    color: #666666;

    display: block;

}



.intro-about .progress-intro-about .progress {

    height: 10px;

    margin-bottom: 40px;

    display: block;

}



.intro-about .progress-intro-about .progress-bar {

    height: 10px;

    background: #666666;

}



@media all and (max-width: 360px) {

    .about {

        margin: 50px 0;

    }

    .about .inner-about {

        background-image: none;

    }

    .about .inner-about .content-inner-about-left .content-item-about {

        text-align: left;

        margin-bottom: 40px;

    }

    .about .inner-about .content-inner-about-left .content-item-about .img-icon-about {

        display: none;

    }

    .about .inner-about .content-inner-about-left .content-item-about h3:before {

        left: 0 !important;

    }

    .about .inner-about .content-inner-about-right .content-item-about {

        text-align: left;

        margin-bottom: 40px;

    }

    .about .inner-about .content-inner-about-right .content-item-about .img-icon-about {

        display: none;

    }

    .intro-about .progress-intro-about {

        width: 100%;

        padding: 0 30px 0 0;

        margin: 30px 0 50px 20px;

    }

    .intro-about .progress-intro-about h2 {

        font-size: 30px;

    }

}



@media all and (min-width: 361px) and (max-width: 767px) {

    .inner-about {

        background-image: none;

    }

    .inner-about .content-inner-about-left {

        padding: 20px;

    }

    .inner-about .content-inner-about-left .content-item-about {

        text-align: left;

        margin-bottom: 40px;

    }

    .inner-about .content-inner-about-left .content-item-about .img-icon-about {

        top: 0;

        right: 0;

    }

    .inner-about .content-inner-about-left h3:before {

        left: 0 !important;

    }

    .inner-about .content-inner-about-right {

        padding: 20px;

    }

    .inner-about .content-inner-about-right .content-item-about {

        margin-bottom: 40px;

    }

    .inner-about .content-inner-about-right .content-item-about .img-icon-about {

        top: 0;

        left: 80%;

    }

    .intro-about .progress-intro-about {

        margin: 30px 20px 50px 20px;

        padding: 0 30px 0 0;

    }

    .intro-about .progress-intro-about h2 {

        font-size: 35px;

    }

}



@media all and (max-width: 1023px) and (min-width: 768px) {

    .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 rgb(205, 176, 131);

    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%;

}



.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;

}



@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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/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: 20px 0;

}



.content-cart table td span {

    color: rgb(205, 176, 131);

    font-weight: 600;

}



.content-cart table td img {

    margin-left: 10%;

}



.content-cart table td p {

    margin-top: 20px;

    margin-left: 20px;

}



.content-cart .card-button {

    width: 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 {

    background: none;

    color: black;

    padding: 15px 30px;

    border: 1px solid #999999;

    border-radius: 0;

    line-height: 1;

}



.content-cart .card-button .update {

    background: black;

    color: white;

    padding: 15px 30px;

    border-radius: 0;

    line-height: 1;

    border: 1px solid black;

}



.content-cart .card-button .clear-wishlist,

.content-cart .card-button .update-wishlist {

    background: none;

    padding: 15px 30px;

    border: 1px solid #333333;

    margin-right: 20px;

    color: #333333;

    line-height: 1;

    border-radius: 0;

}



.content-cart .card-button .go-shopping {

    background: #333333;

    padding: 15px 30px;

    border: 1px solid #333333;

    color: white;

    line-height: 1;

    border-radius: 0;

}



.content-cart .card-button .clear-wishlist:hover,

.content-cart .card-button .update-wishlist:hover,

.content-cart .card-button .shop-now:hover {

    color: white;

    background: #333333;

}



.content-cart .card-button .go-shopping:hover {

    background: white;

    color: #333333;

    border: 1px solid #333333;

}



.content-cart .rocart-total {

    font-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;

}



.content-cart .rocart-total button:hover {

    color: white;

    background: #333333;

}



.content-cart table .btn-group button {

    padding: 5px 10px;

    background: none;

    border: 1px solid #999999;

    border-radius: 0;

    width: 30px;

}



.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: rgb(205, 176, 131);

}



.cart-mobile {

    width: 100%;

    background: #f2f2f2;

    margin-bottom: 30px;

    position: relative;

}



.cart-mobile span {

    position: absolute;

    right: 0;

    top: 0;

}



.cart-mobile tr {

    border-bottom: 1px solid #dee2e6;

}



.cart-mobile tr th {

    border: none !important;

    text-align: left;

    padding-left: 15px;

    padding-top: 20px;

}



.cart-mobile tr td {

    text-align: right;

    padding-right: 15px;

}



.cart-mobile tr td:first-child {

    text-align: center;

}



.cart-mobile tr:last-child {

    border-bottom: none !important;

}



.shop-now {

    background: none;

    border: 1px solid #999999;

    padding: 10px 20px;

    line-height: 1;

}



.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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.content-masonry .card .card-body p {

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 20px;

    font-size: 15px;

    color: #666666;

}



.content-masonry .card .card-body span {

    padding: 0 30px;

    border-right: 1px solid #e6e6e6;

    font-size: 15px;

    color: #666666;

    z-index: 1;

}



.content-masonry .card .card-body .card-link {

    padding: 0 30px;

    font-size: 15px;

    color: #666666;

    background: white;

    position: relative;

}



.content-masonry .card .card-body .icon-share {

    position: absolute;

    left: 5%;

    top: 0;

    width: 60%;

    z-index: 3;

    display: none;

    background: white;

}



.content-masonry .card .card-body .icon-share a {

    margin: 0 10px;

    color: #cccccc;

}



.content-masonry .card .card-body .icon-share a i {

    color: #cccccc;

}



.content-masonry .card .card-body .icon-share i:hover {

    color: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

    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: 'El Messiri', 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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.title h3 {

    font-family: 'El Messiri', 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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.product-out .carousel-indicators {

    bottom: -15px;

}



.product-out .carousel-indicators li {

    background-color: #999999 !important;

    border: none;

    width: 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: rgb(205, 176, 131);

    text-decoration: none;

}



.product .card .card-body .price {

    font-family: 'Raleway', sans-serif;

    font-size: 25px;

    font-weight: 600;

    margin: 0;

    padding: 0;

}



.product .card .card-body .price del {

    margin-right: 20px;

    color: #cccccc;

}



.product .card .card-body .price del span {

    color: #cccccc;

}



.product .card .card-body .price ins {

    text-decoration: none;

}



.product .card .card-body .price ins span {

    color: rgb(205, 176, 131);

}



.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: 0;

    left: 0;

    z-index: 100;

    display: none;

}



.product .card .card-img-top .icon-product button {

    margin-top: 80%;

    padding: 5px 10px;

    background: rgb(205, 176, 131);

    border-radius: 50%;

    margin-right: 5px;

}



.product .card .card-img-top .icon-product button span {

    color: white;

}



.product .card .card-img-top .icon-product button:focus {

    outline: none;

    box-shadow: none;

}



.product .card .card-img-top .onsale {

    padding: 7px 15px;

    color: white;

    position: absolute;

    line-height: 1;

    font-size: 16px;

    font-family: 'Raleway', sans-serif;

    right: 0;

    top: 3%;

    background: rgb(205, 176, 131);

    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;

    }

}



@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(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.content-deal-day ul {

    margin-bottom: 80px;

}



.content-deal-day ul li {

    background: white;

    border-top: 12px solid #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: 5px;

}



.content-review-homepage {

    width: 100%;

    /* background: white; */

    background-color: rgba(250, 250, 250, 0.8);

    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: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



@media all and (max-width: 360px) {

    .lastest h2 {

        font-size: 45px !important;

    }

    .lastest .card {

        padding-bottom: 20px;

    }

    .lastest .card img {

        margin-left: -15px;

    }

    .lastest .card .card-body {

        padding-right: 0;

        margin-left: 0;

        padding-left: 0;

    }

    .lastest .card h5 a {

        font-size: 15px !important;

    }

    .lastest .card p {

        font-size: 13px !important;

    }

}



@media all and (min-width: 361px) and (max-width: 767px) {

    .lastest .card {

        padding-bottom: 20px;

    }

    .lastest .card img {

        margin-left: -15px;

    }

    .lastest .card .card-body {

        padding-right: 0;

        margin-left: -15px;

        padding-left: 0;

    }

    .lastest .card h5 a {

        font-size: 15px !important;

    }

    .lastest .card p {

        font-size: 13px !important;

    }

}



@media all and (min-width: 768px) and (max-width: 980px) {

    .lastest {

        display: block;

    }

    .lastest .lastest-item {

        padding-right: 0;

    }

    .lastest .lastest-item .card-body {

        padding-left: 15px;

        margin-left: 15px;

    }

    .lastest .lastest-item .card-body h5 a {

        font-size: 15px !important;

    }

    .lastest .lastest-item .card-body p {

        font-size: 13px !important;

    }

}



.content-blog {

    margin-top: 100px;

    margin-bottom: 100px;

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 50px;

}



.content-blog-left {

    width: 100%;

}



.content-blog-left .search-blog {

    margin-bottom: 45px;

    width: 100%;

    display: inline-block;

}



.content-blog-left .search-blog input {

    width: 80%;

    height: 44px;

    line-height: 1;

    text-indent: 10px;

    border: 1px solid #999999;

}



.content-blog-left .search-blog input:focus {

    outline: none;

}



.content-blog-left .search-blog button {

    width: 20%;

    padding: 5px 10px;

    background: #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: rgb(205, 176, 131);

    -webkit-mask-image: url(imager/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: rgb(205, 176, 131);

    -webkit-mask-image: url(imager/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: rgb(205, 176, 131);

    line-height: 1;

}



.content-blog-left .popular-item .card .card-body p ins {

    text-decoration: none;

    font-size: 22px;

    line-height: 1;

    margin-top: -5px;

}



.content-blog-left .category-blog {

    padding-bottom: 50px;

}



.content-blog-left .category-blog h2 {

    font-family: 'El Messiri', sans-serif;

    font-size: 25px;

    margin-top: 50px;

    margin-bottom: 50px;

    position: relative;

}



.content-blog-left .category-blog h2:before {

    content: " ";

    position: absolute;

    height: 8px;

    width: 66px;

    display: block;

    left: 0;

    bottom: -15px;

    background: rgb(205, 176, 131);

    -webkit-mask-image: url(imager/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 {

    color: rgb(205, 176, 131) !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: rgb(205, 176, 131);

    -webkit-mask-image: url(imager/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: rgb(205, 176, 131);

    -webkit-mask-image: url(imager/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: rgb(205, 176, 131);

}



.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 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: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



.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: 20px;

    background-color: #f8e8d1;

}



.footer .content-footer {

    padding-left: 50px;

}



.footer img {

    margin-top: 15px;

    margin-bottom: 0;

    max-width: 248px;

    max-height: 70px;

    width: 100%;

    height: 100%;

}



.footer h2 {

    margin-top: 50px;

    font-size: 30px;

    font-family: 'El Messiri', 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: 100%;

    border-bottom: 1px solid black;

    margin: 10px 0;

}



.footer .list-inline button {

    border: none;

    background: none;

    position: absolute;

    left: 90%;

    top: 61%;

    color: #999999;

}



.footer ul li a:hover {

    text-decoration: none;

    color: black;

}



.footer i:hover {

    color: rgb(205, 176, 131);

}



.footer .list-inline input:focus {

    outline: none;

}



.phx-footer {

    padding-top: 15px;

    text-align: center;

    font-size: 15px;

    font-family: 'Raleway', sans-serif;

    color: #666666;

}



.phx-footer a {

    color: #666666 !important;

}



.phx-footer a:link {

    color: #666666;

}



.phx-footer a:hover {

    color: black;

}



@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: rgb(205, 176, 131);

    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 rgb(205, 176, 131);

    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 rgb(205, 176, 131);

    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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.item-homepage .content-item-homepage .inner-banner-section:before {

    content: " ";

    position: absolute;

    width: 0;

    height: 15px;

    background: #c6e5ee;

    z-index: 3;

    right: 0;

    bottom: -15px;

    transition: width 0.5s;

}



.item-homepage .content-item-homepage .inner-banner-section:hover:before {

    width: 100%;

}



.item-homepage .content-item-homepage .inner-banner-section:after {

    content: " ";

    position: absolute;

    width: 15px;

    height: 0;

    background: #c6e5ee;

    display: block;

    z-index: 3;

    left: -15px;

    bottom: -15px;

    transition: height 0.5s;

}



.item-homepage .content-item-homepage .inner-banner-section:hover:after {

    height: 75%;

    border-top: 15px solid rgb(205, 176, 131);

    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: rgb(205, 176, 131);

}



.product-single-detail .product_detail .content-product span {

    font-weight: bold;

}



.product-single-detail .product_detail .content-product .infor-product {

    margin: 40px 0 20px 0;

}



.product-single-detail .product_detail .content-product .fa-star {

    color: #faa7a3 !important;

    padding: 0 5px;

}



.product-single-detail .product_detail .content-product .btn-group {

    margin-right: 10px;

    margin-top: 15px;

}



.product-single-detail .product_detail .content-product .btn-group button {

    border: 1px solid #999999;

    border-radius: 0;

}



.product-single-detail .product_detail .content-product .btn-group button:focus {

    outline: none;

    box-shadow: none !important;

}



.product-single-detail .product_detail .content-product .btn-group .add-to-cart {

    position: relative;

    padding-right: 70px;

    border: 1px solid #999999;

    border-radius: 0;

}



.product-single-detail .product_detail .content-product .btn-group .add-to-cart p {

    position: absolute;

    width: 40px;

    right: 0;

    height: 100%;

    top: 0;

    bottom: 0;

    background: #999999;

}



.product-single-detail .product_detail .content-product .btn-group .add-to-cart p i {

    color: white;

}



.product-single-detail .product_detail .content-product .btn-group .add-to-cart:hover {

    background: #333333;

    color: white;

}



.product-single-detail .product_detail .content-product .btn-group .add-to-cart:hover p {

    background: #333333;

}



.product-single-detail .product_detail .content-product .btn-group .add-to-cart:focus {

    outline: none;

    box-shadow: none !important;

}



.content-product .btn-group .prev,

.content-product .btn-group .show-number,

.content-product .btn-group .next {

    padding: 0 15px;

    background: none;

    line-height: 1;

    width: 40px;

    height: 40px;

}



.content-product .btn-group .prev:hover,

.content-product .btn-group .next:hover {

    color: white !important;

    background: #333333 !important;

}



.information {

    margin-top: 60px;

}



.information ul li {

    background: none;

    margin-left: 20px;

}



.information ul li a {

    color: #999999;

    padding: 8px 0 !important;

}



.information ul li a.active {

    border-bottom: 2px solid #333333 !important;

    border-radius: 0;

    color: #333333 !important;

    background: none !important;

}



.information .tab-pane.active {

    background: none;

    color: #999999 !important;

}



.prodcut-related {

    margin-top: 30px;

    padding-bottom: 50px;

    margin-bottom: 80px;

    border-bottom: 1px solid #e6e6e6;

}



.prodcut-related .product {

    margin-top: 60px;

}



.prodcut-related .product .modal-dialog {

    max-width: initial;

}



.prodcut-related .product .modal-dialog .product-single-detail {

    padding: 0 !important;

    margin-top: 0 !important;

    text-align: left !important;

}



#reviews h2 {

    font-size: 20px;

    font-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: rgb(205, 176, 131);

}



.product-single-quick-view .product_detail .content-product .btn-group {

    margin-right: 10px;

    margin-top: 15px;

}



.product-single-quick-view .product_detail .content-product .btn-group button {

    border: 1px solid #999999;

    border-radius: 0;

}



.product-single-quick-view .product_detail .content-product .btn-group button:focus {

    outline: none;

    box-shadow: none !important;

}



.product-single-quick-view .product_detail .content-product .btn-group .add-to-cart {

    position: relative;

    padding-right: 70px;

    border: 1px solid #999999;

    border-radius: 0;

}



.product-single-quick-view .product_detail .content-product .btn-group .add-to-cart p {

    position: absolute;

    width: 40px;

    right: 0;

    height: 100%;

    top: 0;

    bottom: 0;

    background: #999999;

}



.product-single-quick-view .product_detail .content-product .btn-group .add-to-cart p i {

    color: white;

}



.product-single-quick-view .product_detail .content-product .btn-group .add-to-cart:hover {

    background: #333333;

    color: white;

}



.product-single-quick-view .product_detail .content-product .btn-group .add-to-cart:hover p {

    background: #333333;

}



.product-single-quick-view .product_detail .content-product .btn-group .add-to-cart:focus {

    outline: none;

    box-shadow: none !important;

}



.product-single-quick-view .close-quick-view {

    position: absolute;

    right: 0;

    top: 5px;

    font-size: 20px;

    font-weight: 400;

}



.product-single-quick-view .close-quick-view:hover {

    cursor: pointer;

}



#exampleModalCenter {

    display: block;

    z-index: -1;

}



.modal-open #exampleModalCenter {

    z-index: 1050;

}



@media all and (max-width: 360px) {

    .title h1 {

        font-size: 40px !important;

    }

    .product-single-detail .content-product .btn-group .prev {

        padding: 10px 15px !important;

    }

    .product-single-detail .content-product .btn-group .show-number {

        padding: 10px 15px !important;

    }

    .product-single-detail .content-product .btn-group .next {

        padding: 10px 15px !important;

    }

}



@media all and (max-width: 767px) and (min-width: 361px) {

    .product-single-detail .content-product .btn-group .prev {

        padding: 10px 15px !important;

    }

    .product-single-detail .content-product .btn-group .show-number {

        padding: 10px 15px !important;

    }

    .product-single-detail .content-product .btn-group .next {

        padding: 10px 15px !important;

    }

}



@media all and (min-width: 768px) and (max-width: 1023px) {

    .product-single-detail .content-product .btn-group {

        padding: 20px 0 20px 20px !important;

    }

    .product-single-detail .content-product .btn-group .prev {

        padding: 10px 15px !important;

    }

    .product-single-detail .content-product .btn-group .show-number {

        padding: 10px 15px !important;

    }

    .product-single-detail .content-product .btn-group .next {

        padding: 10px 15px !important;

    }

    .product-single-detail .content-product #reviews .comment-body {

        margin-left: 30px !important;

    }

}



@media all and (min-width: 1024px) {

    #reviews .comment-body {

        margin-left: 20px !important;

    }

}



.slider-homepage1 {

    position: relative;

    z-index: 1;

}



.slider-homepage1 .slide-homepage {

    background-position: center center;

    background-size: auto;

    background-repeat: no-repeat;

}



.slider-homepage1 .slide-homepage .content-slide {

    text-align: center;

    padding: 30px 0 30px 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: rgb(205, 176, 131);

    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: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



.slide-index2 {

    position: relative;

}



.slide-index2 .slide-homepage {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}



.slide-index2 .slide-homepage .content-slide {

    padding: 240px 0 220px 0;

    text-align: left !important;

    margin-left: 0;

}



.slide-index2 .slide-homepage .content-slide h2 {

    font-family: 'El Messiri', sans-serif;

    font-size: 80px;

    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: #e6e6e6;

    border: none;

    margin-bottom: 20px;

    position: relative;

}



.slide-index2 .control-slide-homepage ul li.active {

    background: rgb(205, 176, 131);

    width: 40px;

}



.slide-index2 .control-slide-homepage ul li.active p {

    color: rgb(205, 176, 131);

}



.slide-index2 .control-slide-homepage ul p {

    position: absolute;

    top: -15px;

    left: -10px;

    color: #cccccc;

    font-size: 20px;

    font-family: 'Raleway', sans-serif;

}



.slide-index3 .content-slide {

    padding: 280px 0 250px 0 !important;

}



.slide-index3 .content-slide h2 {

    font-family: 'Elsie', cursive !important;

    font-size: 110px;

    line-height: 1;

    margin-bottom: 50px !important;

}



.slide-index3 .content-slide p {

    text-transform: uppercase;

    margin: 20px 0 30px 0 !important;

}



.slide-index3 .content-slide span {

    font-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: 30px 0 30px 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: rgb(205, 176, 131);

    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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}

.our-story-p p{font-size: 18px;}

.product-what-we-offer .product-what-we-offer-left .product-what-we-offer-content p {

    font-size: 18px;

    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: rgb(205, 176, 131);

    color: white;

    border: 1px solid rgb(205, 176, 131);

}



.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;

    /* Colored Our Story Box Background */

    /* background: #fff5f5; */

    right: 29%;

    top: 60px;

    bottom: 60px;

    left: 0;

}



.product-what-we-offer .bg-blue .product-what-we-offer-img img {

    padding-left: 15px;

}



.product-what-we-offer .bg-blue:before {

    background: #f4fafc;

    bottom: 180px;

}



.product-what-we-offer .product-what-we-offer-right {

    margin: 100px 0;

    position: relative;

}



.product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img {

    margin: 0;

    z-index: 3;

}



.product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img img {

    width: 100%;

    height: 100%;

}



.product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img .rotated-text-right {

    transform: rotate(-90deg);

    position: absolute;

    right: -13%;

    top: 45%;

    font-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: rgb(205, 176, 131);

    /* -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center; */

}



.product-what-we-offer .product-what-we-offer-right .product-what-we-offer-content p {

    font-size: 18px;

    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: rgb(205, 176, 131);

    color: white;

    border: 1px solid rgb(205, 176, 131);

}



.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;

    /* Colored Our Story Box Background */

    /* background: #fff5f5; */

    left: 29%;

    top: 60px;

    bottom: 60px;

    right: 0;

}



@media all and (max-width: 360px) {

    .product-what-we-offer {

        padding: 0 15px;

    }

    .product-what-we-offer .product-what-we-offer-left {

        margin: 50px 0;

        position: static;

    }

    .product-what-we-offer .product-what-we-offer-left .product-what-we-offer-img .rotated-text-left {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-left .product-what-we-offer-content {

        padding-left: 0 !important;

        position: static;

        margin-left: 0;

    }

    .product-what-we-offer .product-what-we-offer-left:before {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right {

        text-align: left;

        margin: 50px 0;

        position: static;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img .rotated-text-right {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right .on-top {

        display: block;

    }

    .product-what-we-offer .product-what-we-offer-right .on-bottom {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-content {

        position: static;

        text-align: left;

        padding-left: 0 !important;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-content h2:before {

        left: 0;

    }

    .product-what-we-offer .product-what-we-offer-right:before {

        display: none;

    }

}



@media all and (min-width: 361px) and (max-width: 768px) {

    .product-what-we-offer .product-what-we-offer-left {

        margin: 50px 0;

        position: static;

    }

    .product-what-we-offer .product-what-we-offer-left .product-what-we-offer-img .rotated-text-left {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-left .product-what-we-offer-content {

        position: static;

        margin-left: 0;

    }

    .product-what-we-offer .product-what-we-offer-left:before {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right {

        text-align: left;

        margin: 50px 0;

        position: static;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img {

        padding: 0 15px;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img .rotated-text-right {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right .on-top {

        display: block;

    }

    .product-what-we-offer .product-what-we-offer-right .on-bottom {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-content {

        position: static;

        text-align: left;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-content h2:before {

        left: 0;

    }

    .product-what-we-offer .product-what-we-offer-right:before {

        display: none;

    }

}



@media all and (min-width: 769px) and (max-width: 1023px) {

    .product-what-we-offer .product-what-we-offer-left {

        margin: 50px 0;

        position: static;

    }

    .product-what-we-offer .product-what-we-offer-left .product-what-we-offer-img .rotated-text-left {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-left .product-what-we-offer-content {

        position: static;

        margin-left: 0;

    }

    .product-what-we-offer .product-what-we-offer-left:before {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right {

        text-align: left;

        margin: 50px 0;

        position: static;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img {

        padding: 0 15px;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-img .rotated-text-right {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right .on-top {

        display: block;

    }

    .product-what-we-offer .product-what-we-offer-right .on-bottom {

        display: none;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-content {

        position: static;

        text-align: left;

    }

    .product-what-we-offer .product-what-we-offer-right .product-what-we-offer-content h2:before {

        left: 0;

    }

    .product-what-we-offer .product-what-we-offer-right:before {

        display: none;

    }

}



@media all and (min-width: 1024px) and (max-width: 1365px) {

    .rotated-text-right {

        right: 0 !important;

    }

    .rotated-text-left {

        left: -10% !important;

    }

}



.component-item {

    margin: 130px 0 20px 0;

}



.component-item .component-item-detail {

    width: 100%;

    text-align: center;

}



.component-item .component-item-detail img {

    max-width: 100%;

    max-height: 100%;

}



.component-item .component-item-detail .component-item-content-detail {

    margin-top: -60px;

}



.component-item .component-item-detail .component-item-content-detail h2 {

    color: rgb(205, 176, 131);

    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;

    }

}



.error {

    background-image: url("imager/404.png");

    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(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.error .content-error img {

    margin-top: -90px;

}



.error .content-error h2 {

    font-size: 25px;

    font-weight: 600;

    line-height: 1;

}



.error .content-error span {

    font-size: 15px;

    color: #555454;

    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("imager/CommingSoon.jpg");

    background-size: cover;

    background-position: center center;

    height: 100vh;

    text-align: center;

    padding: 20px 0 200px 0;

}



.deal-day-comming .content-comming {

    margin: 0 auto;

}



.deal-day-comming .content-comming .title h2 {

    font-size: 100px;

    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(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.deal-day-comming .content-comming .title img {

    margin-top: 20px;

}



@media all and (max-width: 360px) {

    .content-comming .content-deal-day .title h2 {

        font-size: 40px;

        line-height: 1;

    }

    .content-comming .content-deal-day ul {

        margin-bottom: 30px;

        margin-top: 30px;

    }

    .content-comming .content-deal-day ul li {

        width: 25%;

        margin-right: 15px;

        margin-bottom: 20px;

    }

    .content-comming .content-deal-day ul li h2 {

        font-size: 20px;

    }

    .content-comming .content-deal-day ul li p {

        font-size: 13px;

        margin-top: 10px;

        margin-bottom: 5px;

        line-height: 1;

    }

    .content-comming .content-deal-day button {

        margin-bottom: 50px;

    }

}



@media all and (min-width: 361px) and (max-width: 767px) {

    .content-comming .content-deal-day ul {

        margin-bottom: 30px;

        margin-top: 30px;

    }

    .content-comming .content-deal-day ul li {

        width: 100px !important;

        margin-right: 15px;

        margin-bottom: 20px;

    }

    .content-comming .content-deal-day ul li h2 {

        font-size: 20px;

    }

    .content-comming .content-deal-day ul li p {

        font-size: 15px;

        margin-top: 5px;

        margin-bottom: 5px;

    }

    .content-comming .content-deal-day button {

        margin-bottom: 50px;

    }

    .content-comming .content-deal-day .title h2 {

        font-size: 60px !important;

    }

}



@media all and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {

    .content-comming .content-deal-day {

        padding-top: 50px;

    }

    .content-comming .content-deal-day ul {

        margin-bottom: 30px;

        margin-top: 30px;

    }

    .content-comming .content-deal-day ul li {

        width: 85px !important;

        margin-right: 15px;

        margin-bottom: 20px;

    }

    .content-comming .content-deal-day ul li h2 {

        font-size: 20px;

    }

    .content-comming .content-deal-day ul li p {

        font-size: 15px;

        margin-top: 5px;

        margin-bottom: 5px;

    }

    .content-comming .content-deal-day button {

        margin-bottom: 50px;

    }

    .content-comming .content-deal-day .title h2 {

        font-size: 60px !important;

        padding: 0;

        margin-top: 0 !important;

    }

}



@media all and (min-width: 768px) and (max-width: 1023px) {

    .content-comming .content-deal-day .title h2 {

        font-size: 50px;

        line-height: 1;

        margin-top: 60px;

    }

    .content-comming .content-deal-day ul {

        margin-bottom: 30px;

    }

    .content-comming .content-deal-day ul li {

        width: 100px !important;

        margin-right: 20px;

    }

    .content-comming .content-deal-day ul li h2 {

        font-size: 20px;

        margin-top: 10px;

    }

    .content-comming .content-deal-day ul li p {

        font-size: 15px;

        margin-top: 5px;

        margin-bottom: 5px;

    }

    .content-comming .content-deal-day button {

        margin-bottom: 50px;

    }

}



@media all and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {

    .content-comming .content-deal-day {

        padding-top: 50px;

    }

    .content-comming .content-deal-day .title h2 {

        font-size: 60px !important;

        line-height: 1;

        margin-top: 0 !important;

        margin-bottom: 50px !important;

    }

    .content-comming .content-deal-day ul {

        margin-bottom: 30px;

    }

    .content-comming .content-deal-day ul li {

        width: 100px !important;

        margin-right: 20px;

    }

    .content-comming .content-deal-day ul li h2 {

        font-size: 20px;

        margin-top: 10px;

        margin-bottom: 0 !important;

    }

    .content-comming .content-deal-day ul li p {

        font-size: 15px;

        margin-top: 5px;

        margin-bottom: 5px;

    }

    .content-comming .content-deal-day button {

        margin-bottom: 50px;

    }

}



.content-our-team {

    margin: 40px 0 60px 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-item-our-team a {

    color: rgb(205, 176, 131) !important;

}



.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: rgb(205, 176, 131);

}



.content-our-team .item-our-team .content-item-our-team:hover nav {

    display: block;

}



.content-our-team .item-our-team:hover nav {

    display: block;

}



.our-story-p {

    padding-left: 12%;

    padding-right: 12%;

}



.our-story-h2 {

    text-align: center;
    color: #427451;
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 24px;

}

.our-story-mission p {
  font-size: 18px;
  color: #383435;
}

.our-story-p img {
  max-width: 100%;
}

.our-story-mission {

    padding-top: 3%;

    padding-bottom: 3%;

    font-weight: 600;

}



.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: rgb(205, 176, 131);

}



@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(imager/line-title2.svg) repeat left center;

    mask: url(imager/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: 'El Messiri', 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: 110px;

    font-weight: 600;

    line-height: 1;

    color: rgb(205, 176, 131);

    margin-bottom: 20px;

    position: relative;

}



.introduce-homepage .introduce-homepage-left .introduce-homepage-content h2:before {

    content: "";

    height: 2px;

    width: 20%;

    position: absolute;

    top: 49%;

    background: #d6d4d4;

    left: -25%;

}



.introduce-homepage .introduce-homepage-left .introduce-homepage-content h5 {

    font-weight: 600;

    font-size: 30px;

    margin-bottom: 20px;

}



.introduce-homepage .introduce-homepage-left .introduce-homepage-content p {

    font-size: 15px;

    margin-bottom: 50px;

}



.introduce-homepage .introduce-homepage-left .introduce-homepage-content button {

    padding: 15px 30px;

    line-height: 1;

    font-size: 15px;

    border: 1px solid #e6e6e6;

    border-radius: 0;

    z-index: 2;

    position: relative;

}



.introduce-homepage .introduce-homepage-left .introduce-homepage-content button:before {

    content: "";

    width: 0;

    height: 100%;

    font-size: 15px;

    background: rgb(205, 176, 131);

    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: 110px;

    font-weight: 600;

    line-height: 1;

    color: rgb(205, 176, 131);

    margin-bottom: 20px;

    position: relative;

}



.introduce-homepage .introduce-right .introduce-homepage-content h2:before {

    content: "";

    height: 2px;

    width: 20%;

    position: absolute;

    top: 49%;

    background: #d6d4d4;

    right: -25%;

    z-index: 3;

}



.introduce-homepage .introduce-right .introduce-homepage-content h5 {

    font-weight: 600;

    font-size: 30px;

    margin-bottom: 20px;

}



.introduce-homepage .introduce-right .introduce-homepage-content p {

    font-size: 15px;

    margin-bottom: 50px;

}



.introduce-homepage .introduce-right .introduce-homepage-content button {

    padding: 15px 30px;

    line-height: 1;

    font-size: 15px;

    border: 1px solid #e6e6e6;

    border-radius: 0;

    z-index: 2;

    position: relative;

}



.introduce-homepage .introduce-right .introduce-homepage-content button:before {

    content: "";

    width: 0;

    height: 100%;

    font-size: 15px;

    background: rgb(205, 176, 131);

    position: absolute;

    z-index: -1;

    left: 0;

    top: 0;

    -webkit-transition: width 0.5s;

    transition: width 0.5s;

}



.introduce-homepage .introduce-right .introduce-homepage-content button:hover:before {

    width: 100%;

}



.introduce-homepage .introduce-right .introduce-homepage-content button:hover {

    color: white;

}



@media all and (max-width: 360px) {

    .introduce-homepage {

        margin: 100px 0 0 0;

    }

    .introduce-homepage .introduce-homepage-left {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce {

        padding-right: 0 !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce img {

        max-width: 100%;

    }

    .introduce-homepage .introduce-homepage-left .introduce-homepage-content {

        padding: 30px 0 60px 15px !important;

    }

    .introduce-homepage .introduce-homepage-left .introduce-homepage-content h2:before {

        display: none;

    }

    .introduce-homepage .introduce-homepage-right {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce {

        padding-right: 0 !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce img {

        max-width: 100%;

    }

    .introduce-homepage .introduce-homepage-right .sub-intro1 {

        display: none;

    }

    .introduce-homepage .introduce-homepage-right .introduce-homepage-content {

        padding: 30px 0 110px 15px !important;

        text-align: left;

    }

    .introduce-homepage .introduce-homepage-right .introduce-homepage-content h2:before {

        display: none;

    }

}



@media all and (min-width: 361px) and (max-width: 767px) {

    .introduce-homepage {

        margin: 100px 0 0 0;

    }

    .introduce-homepage .introduce-homepage-left {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce {

        padding-right: 0 !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce img {

        max-width: 100%;

    }

    .introduce-homepage .introduce-homepage-left .introduce-homepage-content {

        padding: 30px 0 60px 15px !important;

    }

    .introduce-homepage .introduce-homepage-left .introduce-homepage-content h2:before {

        display: none;

    }

    .introduce-homepage .introduce-homepage-right {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce {

        padding-right: 0 !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce img {

        max-width: 100%;

    }

    .introduce-homepage .introduce-homepage-right .sub-intro1 {

        display: none;

    }

    .introduce-homepage .introduce-homepage-right .introduce-homepage-content {

        padding: 30px 0 110px 15px !important;

        text-align: left;

    }

    .introduce-homepage .introduce-homepage-right .introduce-homepage-content h2:before {

        display: none;

    }

}



@media all and (min-width: 768px) and (max-width: 1023px) {

    .introduce-homepage {

        margin: 100px 0 0 0;

    }

    .introduce-homepage .introduce-homepage-left {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce {

        padding-right: 0 !important;

        width: 100% !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce img {

        max-width: 100%;

        width: 100%;

    }

    .introduce-homepage .introduce-homepage-left .introduce-homepage-content {

        padding: 30px 0 60px 15px !important;

    }

    .introduce-homepage .introduce-homepage-left .introduce-homepage-content h2:before {

        display: none;

    }

    .introduce-homepage .introduce-homepage-right {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce {

        padding-right: 0 !important;

        width: 100% !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce img {

        max-width: 100%;

        width: 100%;

    }

    .introduce-homepage .introduce-homepage-right .sub-intro1 {

        display: none;

    }

    .introduce-homepage .introduce-homepage-right .introduce-homepage-content {

        padding: 30px 0 110px 15px !important;

        text-align: left;

    }

    .introduce-homepage .introduce-homepage-right .introduce-homepage-content h2:before {

        display: none;

    }

}



@media all and (min-width: 1024px) and (max-width: 1365px) {

    .introduce-homepage {

        margin: 100px 0 0 0;

    }

    .introduce-homepage .introduce-homepage-left {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce {

        padding-right: 0 !important;

        width: 100% !important;

    }

    .introduce-homepage .introduce-homepage-left .img-introduce img {

        max-width: 100%;

        width: 100%;

    }

    .introduce-homepage .introduce-homepage-left .introduce-homepage-content {

        padding: 30px 0 60px 40px !important;

    }

    .introduce-homepage .introduce-homepage-right {

        width: 100% !important;

        padding: 0 0 0 15px !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce {

        padding-right: 0 !important;

        width: 100% !important;

    }

    .introduce-homepage .introduce-homepage-right .img-introduce img {

        max-width: 100%;

        width: 100%;

    }

    .introduce-homepage .introduce-homepage-right .introduce-homepage-content {

        padding: 30px 40px 110px 0 !important;

        text-align: right;

    }

    .introduce-homepage .introduce-homepage-right .sub-intro2 {

        display: none !important;

    }

}



@media all and (min-width: 1366px) {

    .sub-intro2 {

        display: none !important;

    }

}



.contact-us {

    width: 100%;

}



.contact-us .iframe-responsive {

    position: relative;

    overflow: hidden;

    padding-top: 35%;

}



.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: 'El Messiri', 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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.contact-us .content-contact-us ul {

    margin-bottom: 70px;

}



.contact-us .content-contact-us ul p {

    font-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 {

    color: #666 !important;

    margin-right: 20px;

}



.contact-us .content-contact-us a i {

    color: #cccccc;

}



.contact-us .content-contact-us i:hover {

    text-decoration: none;

    color: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



@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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.content-homepage-home3 .layer-content-homepage {

    width: 100%;

    position: relative;

}



.content-homepage-home3 .layer-content-homepage img {

    width: 100%;

    height: 100%;

}



.content-homepage-home3 .product-out {

    margin-top: 0;

}



.content-homepage-home3 .product-out .product {

    margin-top: 50px;

}



.banner-product {

    margin: 20px 0;

}



.banner-product a {

    display: block;

    position: relative;

}



.banner-product a img {

    width: 100%;

    min-height: 70px !important;

    height: auto;

}



@media all and (max-width: 360px) {

    .content-homepage-home3 {

        margin: 30px 0;

    }

    .content-homepage-home3 .layer-content-homepage {

        margin: 30px 0;

    }

    .content-homepage-home3 .product-out {

        margin-top: 15px !important;

    }

    .content-homepage-home3 .product-out .title h2 {

        margin-bottom: 15px !important;

    }

    .content-homepage-home3 .product-out .product {

        margin-top: 20px;

    }

    .blog-homepage3 .content-masonry .icon-share {

        left: 15% !important;

    }

}



@media all and (min-width: 361px) and (max-width: 767px) {

    .content-homepage-home3 {

        margin: 30px 0;

    }

    .content-homepage-home3 .layer-content-homepage {

        margin: 30px 0;

    }

    .content-homepage-home3 .product-out {

        margin-top: 0;

        margin-bottom: 20px;

    }

    .content-homepage-home3 .product-out .title h2 {

        margin-bottom: 20px !important;

    }

    .content-homepage-home3 .product-out .product {

        margin-top: 20px;

    }

    .blog-homepage3 .content-masonry .icon-share {

        left: 3% !important;

    }

}



@media all and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {

    .content-homepage-home3 {

        margin: 30px 0;

    }

    .content-homepage-home3 .product-out {

        margin-top: 0;

        margin-bottom: 20px;

    }

    .content-homepage-home3 .product-out .title h2 {

        margin-bottom: 15px !important;

    }

    .content-homepage-home3 .product-out .product {

        margin-top: 20px;

    }

}



@media all and (min-width: 768px) and (max-width: 1023px) {

    .blog-homepage3 .content-masonry .card-body span {

        padding: 0 10px;

    }

    .blog-homepage3 .content-masonry .card-body .icon-share {

        left: 10% !important;

        width: 75% !important;

    }

}



@media all and (min-width: 1024px) and (max-width: 1365px) {

    .blog-homepage3 .content-masonry .card-body span {

        padding: 0 10px;

    }

    .blog-homepage3 .content-masonry .card-body .icon-share {

        left: 0 !important;

        width: 70% !important;

    }

}



.logo-homepage3 {

    background: #f7f7f7;

    display: block;

    padding: 50px 0 50px 0;

    margin: 100px 0 80px 0;

}



.logo-homepage3 .owl-dots {

    display: none;

}



.logo-homepage3 .item img {

    width: 80%;

    height: 80%;

    max-height: 100%;

    margin-left: 10%;

}



.best-new .product .card {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.best-new .product .card .wp-post-image {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

}



.best-new .product .card .wp-post-image img {

    width: 100%;

    height: 100%;

}



.best-new .product .card .wp-post-image:before {

    content: "";

    width: 100%;

    height: 100%;

    background: white;

    display: none;

    z-index: 5;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.5;

}



.best-new .product .card .wp-post-image:hover:before {

    display: block;

}



.best-new .product .card .onnew {

    position: absolute;

    padding: 7px 15px;

    color: white;

    line-height: 1;

    font-size: 16px;

    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: rgb(205, 176, 131);

    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: rgb(205, 176, 131);

    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: rgb(205, 176, 131);

    -webkit-mask: url(imager/line-title2.svg) repeat left center;

    mask: url(imager/line-title2.svg) repeat left center;

}



.best-new .product .title-best-new .btn-left {

    border-bottom-left-radius: 50%;

    border-top-left-radius: 50%;

    padding: 15px 20px;

    font-size: 15px;

    font-family: 'Raleway', sans-serif;

    border: 1px solid #e6e6e6;

    border-right: none !important;

}



.best-new .product .title-best-new .btn-left:hover {

    background: rgb(205, 176, 131);

}



.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: rgb(205, 176, 131);

}



.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;

    }

	.overlayText {

    position: absolute;

    top: 10%;

    left: 20%;

    z-index: 1;

}

}





/* ADDITIONAL CUSTOM */



.gold-background-light {

    background-color: #f8e8d1;

}



.white-background-featured {

    background-color: #ffffff;

    /* padding-top: 5%;

	padding-bottom: 5%; */

}



.artisan-div-center {

    margin: auto;

    width: auto;

    padding: 10px;

}



.artisan-text-center {

    text-align: center;

}



.artisan-button-center {

    display: flex;

    justify-content: center;

    align-items: center;

}



.irish-brand-name {

    font-size: 16px;

    /* vertical-align: text-top; */

}



.irish-brand-all-caps {

    text-transform: uppercase;

}



.box-feature {

    margin: 150px 0 160px 0;

}



.box-feature.custom-box {

    margin-bottom: 50px;

}



.title-custom h2 {

    font-family: 'El Messiri', sans-serif;

    font-size: 60px;

    margin-bottom: 0;

    position: relative;

}



.box-feature .item-our-team {

    position: relative;

    width: 100%;

    margin: 0;

}



.box-feature .item-our-team img {

    width: 100%;

}



.box-feature .item-our-team .content-item-our-team {

    position: absolute;

    right: 0;

    bottom: 0%;

    width: 85%;

    padding-left: 30px;

    padding-top: 20px;

    padding-bottom: 20px;

    background: #f8e8d1;

}



.box-feature .item-our-team .content-item-our-team p {

    margin: 0;

    font-family: 'Raleway', sans-serif;

    font-size: 22px;

    font-weight: 600;

}



.box-feature .item-our-team .content-item-our-team span {

    font-family: 'Raleway', sans-serif;

    font-size: 15px;

    padding-left: 18%;

}



.box-feature .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;

}



.box-feature .item-our-team .content-item-our-team nav a {

    margin-right: 20px;

}



.box-feature .item-our-team .content-item-our-team nav a i {

    color: #CCCCCC;

}



.box-feature .item-our-team .content-item-our-team nav a:hover i {

    color: rgb(205, 176, 131);

}



.box-feature .item-our-team .content-item-our-team:hover nav {

    display: block;

}



.box-feature .item-our-team:hover nav {

    display: block;

}



.linen-bg-lighter {
    /*background-color: rgb(205, 176, 131);*/
    background: url(imager/about/linen-bg-lighter.png) repeat top left;
    padding-top: 3%;
    padding-bottom: 2%;
}

.linen-bg-lighter-mission {

    /*background-color: rgb(205, 176, 131);*/
    background: url(imager/about/our-mission-1920x250-stylized.png) repeat top left;
}

.created-for-everyone {

    /*background-color: rgb(205, 176, 131);*/

    background: url(imager/home/linen-bg.jpg) repeat top left;

}



.created-responsive {

    /* max-width: 100%; */

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

}



.featured-artisan-feed {

    max-width: 100%;

}



.product-categories {

    padding-top: 5%;

}



.overlayText {

    position: absolute ;

    top: 50% ;

    left: 50%;

    z-index: 1;transform: translate(-50%, 11%);}
    .home-slick{position: relative;
  z-index: 999999;
  bottom: 60%;}
  .home-slick .slick-arrow {
  display: none !important;
}

.video-slider-crafted-font {
    color: white;
    font-size: 75px;
    align-self: center;text-align: center;
}

.video-slider-created-font {
    color: white;
    font-size: 45px;
    align-self: center;text-align: center;
}

#topText {
    color: white;
    font-size: 20px;
    align-self: center;text-align: center;
}



/*.content-homepage{height: 80vh;}*/

.home-slick, .home-slick .slick-list{height: 100%;}

#topText h2 {

    color: #000;

    padding: 0;

    margin: 0;

    font-size: 90px;

    font-family: 'El Messiri', sans-serif;

}



#topText p {

    font-size: 25px;

    font-family: 'Raleway', sans-serif;

    margin-top: 10px;

    margin-bottom: 55px;

    color: #ffffff;

}



#topText a {

    font-size: 15px;

    background: rgb(205, 176, 131);

    padding: 15px 30px;

    color: white;

    text-transform: uppercase;

    border-radius: 0;

    line-height: 1;

}



.image-top {

    margin: auto;

    margin-top: -160px;

    border-radius: 50%;

    text-align: center;

}



.image-top img {

    max-width: 60%;

    border-radius: 50%;

    background: #fff;

    padding: 10px;

}



.header.home-header {

    /* background: rgba(255, 255, 255, .5); */

    position: absolute;

    left: 0px;

    right: 0px;

}





/*.cusotom-image h1::before{content: " ";

position: absolute;

height: 13px;

width: 90px;

display: block;

right: 0;

bottom: -60px;

background: rgb(205, 176, 131);

-webkit-mask: url(imager/line-title2.svg) repeat left center;

mask: url(imager/line-title2.svg) repeat left center;}*/



.shop-button button {

    font-size: 15px;

    background: rgb(205, 176, 131);

    padding: 15px 30px;

    color: white;

    text-transform: uppercase;

    border-radius: 0;

    line-height: 1;

}



.slide-homepage {

    height: 650px;

}



@media (max-width: 500px) {

    .slide-homepage {

        height: auto;

    }
    .overlayText {
  position: relative;}
  .video-slider-created-font{font-size: 38px;}
  .video-slider-crafted-font{font-size: 58px;}

    .overlayText {

        top: 7%;

    }

    #topText p {

        margin-bottom: 25px;

    }

    .content-our-team {

        margin-top: 30px !important;

    }

    .box-feature.custom-box {

        float: left;

        width: 100%;

        display: block;

        margin-top: 0px;

    }

    .box-feature .item-our-team {

        margin: 0;

        height: 100px;

    }

}



.gallery-img {

    cursor: pointer;

}



.moville-img img {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 50%;

    padding-bottom: 60px;

}



@media (min-width: 992px) {

  .five-column .col-lg-3 {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

}

.row.home_about {

  padding-top: 2.5vw;

}

.home_about h2 {

  font-size: 18px;

  margin: 10px;

  font-weight: 600;

}

.home_about img{border-radius: 10px;}

.slick-prev {

  left: 30px !important; z-index: 9;

}

.slick-next {

  right: 30px !important; z-index: 9;

}

.home-feature {
    margin-top: 30%;
}

.home-feature-h2 {
    text-align: center;
    font-size: 48px;
    color: #ffffff;
    padding-left: 130px;
}

.home-feature-bigger-h2 {
    text-align: center;
    font-size: 166px;
    color: #ffffff;
    padding-left: 130px;
}

.home-feature-container {
    height: 100px;
    position: relative;
}

.home-feature-button a {
    font-size: 15px;
    background: rgb(205, 176, 131);
    padding: 15px 30px;
    color: white;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 1;

    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-feature-btn-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
}

.policy-feature {
    text-align: center;
    padding: 0px 0px 40px 0px;
    font-size: 18px;
    font-weight: bold;
}


.rewards-container {
    height: 100px;
    position: relative;
}

.rewards-button a {
    font-size: 15px;
    background: rgb(205, 176, 131);
    padding: 15px 30px;
    color: white;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 1;

    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

  .rewards-btn-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
}

  .rewards-img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    padding-bottom: 20px;
}

  .content-rewards {
    margin-top: 50px;
    margin-bottom: 50px;
    /* NOTE:  The border-bottom is what creates that thin line. Delete if not wanted. */
    /* border-bottom: 1px solid #e6e6e6; */
    padding-bottom: 50px;
}

.reward-banner h1{color: #fff;
  font-size: 72px;margin-bottom: 0px;}
  .reward-banner h2{color: #fff;
  font-size: 32px;
  font-weight: 500;}
 .reward-banner p {
  color: #fff;
  font-weight: 800;
  font-size: 24px;
  margin: 34px;
}
.reward-banner p span{
  font-size: 20px;
  border: 3px solid #1d5429;
color: #fff;
  padding: 5px 30px;
  margin-left: 20px;
  cursor: pointer;
}
.second-reward h2{
  font-size: 38px;
  text-transform: uppercase;
  font-weight: 700;
}
.second-reward span{
  width: 40px;
  height: 40px;
  background: #487386;
  display: inline-block;
  color: #fff;
  font-size: 22px;
  border-radius: 50%;
  padding: 2px;
  margin-bottom: 10px;
}
.second-reward h3 {
  font-size: 26px;

  font-weight: 600;

  margin-top: 10px;}
 .second-reward p {
  max-width: 50%;
  margin: auto;
  font-size: 16px;}
 .second-reward {
  padding: 50px 0px;
}
.third-reward .reward-box.text-center {
  width: 18%;
  background: #fff;
  margin: 1%;
  padding: 25px 14px;
  border-radius: 6px;
}
.third-reward{padding: 200px 0px;}
.fourth-reward h2{font-size: 38px;
  text-transform: uppercase;
  font-weight: 700;}
 .fourth-reward span{margin: auto;
  width: 32%;display: inherit;}
 .fourth-reward h3{
  display: inline-block;
  margin: 20px 0px;
  font-size: 24px;
  font-weight: 600;
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 10px 21px;
}
.fourth-reward{margin-top: 50px;}
.slider-video{height: 100vh;}
.slider-video > video{height: 100%;
  object-fit: cover;}



@media (max-width: 576px) {
.home-feature {
  margin-top: auto;
}
.home-feature-h2 {
padding-left: 0px;
}
.home-feature-bigger-h2 {
padding-left: 0px;font-size: 100px;
}

.home-feature-btn-center {
width: 100%;
}
.intro-about .intro-video a {
  position: relative;
  top: 25px;
  left: 2%;
}


}

.white-background-featured.home-page-products .grid__categories {
  display: none !important;
}
.white-background-featured.home-page-products .grid-product {
  display: none !important;
}
.white-background-featured.home-page-products .grid-product:nth-child(-n+6) {
  display: block !important;
}


.white-background-featured.home-page-products .ec-page-title__featured-products {
  display: none;
}
.white-background-featured.home-page-products .ec-pager {
  display: none;
}
.ec-page-title-custom .page-title__name.ec-header-h1{
    font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  text-align: left;
  word-wrap: normal;
  word-break: normal;
  color: #212529;
  padding: 0px 10px;
}
.ec-page-title-custom  .breadcrumbs__link {
  color: #757575;
  transition: color .12s ease-out 0s;
  padding: 0px 10px;
}