/*! Place your custom styles here */
@font-face {
    font-family: 'Roboto';
    src: url('../../assets/fonts/roboto/Roboto-Regular.eot');
    src: url('../../assets/fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../../assets/fonts/roboto/Roboto-Regular.woff') format('woff'),
        url('../../assets/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
        url('../../assets/fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../../assets/fonts/roboto/Roboto-Bold.eot');
    src: url('../../assets/fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../../assets/fonts/roboto/Roboto-Bold.woff') format('woff'),
        url('../../assets/fonts/roboto/Roboto-Bold.ttf') format('truetype'),
        url('../../assets/fonts/roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('../../assets/fonts/roboto/Roboto-Light.eot');
    src: url('../../assets/fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/roboto/Roboto-Light.woff2') format('woff2'),
        url('../../assets/fonts/roboto/Roboto-Light.woff') format('woff'),
        url('../../assets/fonts/roboto/Roboto-Light.ttf') format('truetype'),
        url('../../assets/fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik Arabic';
    src: url('../../assets/fonts/graphik/GraphikArabic-Regular.eot');
    src: url('../../assets/fonts/graphik/GraphikArabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/graphik/GraphikArabic-Regular.woff2') format('woff2'),
        url('../../assets/fonts/graphik/GraphikArabic-Regular.woff') format('woff'),
        url('../../assets/fonts/graphik/GraphikArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik Arabic';
    src: url('../../assets/fonts/graphik/GraphikArabic-Semibold.eot');
    src: url('../../assets/fonts/graphik/GraphikArabic-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/graphik/GraphikArabic-Semibold.woff2') format('woff2'),
        url('../../assets/fonts/graphik/GraphikArabic-Semibold.woff') format('woff'),
        url('../../assets/fonts/graphik/GraphikArabic-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
html{
    overflow-x: hidden;
}
body{
    
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
}
body::-webkit-scrollbar {
    width: 0;
    background: transparent;
}
/*body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .type--body-font, .btn, form[action*='list-manage.com'] h2, blockquote, .menu-vertical > li, [data-tooltip]:after, .menu-horizontal > li, .menu-vertical > li{
	font-family: 'Roboto';
}*/
.bar .logo { max-height:4em; }
.bar.bar--sm { padding: 1.5em 0;}
.pos-fixed .logo { max-height: 2.5em!important; }
.delcco-menu{ padding-top:1.5rem; }
.pos-fixed .delcco-menu{ padding-top:0rem; }
.feature-7 { height: 30em; }
.material-icons{font-size:60px!important;}
.list-inline--images img {
    max-height: 8em;
}
/*.feature-71{margin-bottom: 0;padding:0;}*/
.btn--primary, .btn--primary:visited, .btn--primary:hover {
    background: #EAD9C7;
    border-color: #EAD9C7;
    color: #000 !important;
}
.btn--primary .btn__text, .btn--primary:visited .btn__text, .btn--primary .btn__text, .btn--primary:visited .btn__text, .imagebg:not(.image--light) span {
    color: #000000;
}
.bg-primary {
    background-color: #ead9c7 !important;
    color: #ffffff !important;
}
.text-primary{ color: #000000 !important; }
.color--primary {
    color: #EAD9C7 !important;
}
.link{cursor: pointer;}
.modal-instance:not(.block) {
    display: block;
}
.modal-content p{text-align: justify;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: 600;
}
a.block:hover > .feature {
    box-shadow: 0 1px 3px rgb(234 217 199), 0 1px 2px rgb(234 217 199);
    box-shadow: 0px 0px 25px 0px rgb(234 217 199);
}
.card-2 .card__body{ border-top: 1px solid #ececec; }
.brandSiteLink, .brandSiteLink strong{
	cursor: pointer !important;
    text-decoration: underline !important;
    color: #0000ff !important;
}
.whatsapp-icon{
	position: fixed;
    left: 1.85714286em;
    bottom: 3.71428571em;
    z-index: 99;
}
.whatsapp-icon-image{
	width: 4rem;
    height: auto;
}
.whatsapp-icon:not(.active) {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    pointer-events: none;
}
@media (max-width: 767px) {
	.bar.bar--sm {
	    padding: 0.92857143em 0;
	}
	.bar .logo {
	    max-height: 3.5em;
	}
	.hamburger-toggle i{    margin-top: 9px;}
	.feature.boxed {
        margin-bottom:0px;
    }
    .text-center-xs {
        text-align: center!important;
    }
    .bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
        font-size: 1em;
        letter-spacing: 0px;
    }
    [dir="rtl"] .menu-horizontal li
    {
        margin-right: 0 !important;
        margin-left: .84375em;
    }
}
@keyframes heart{
    from{transform:translate(0,0)}
    to{transform:translate(0,15px)}
}
.dong {
    animation: heart .5s ease-in-out 1.5s infinite alternate;
}
.dong img {
    max-width: 15px;
}
.learnMoreDiv{
    padding: 20px 0;
    background: #EAD9C7;
    color: #4a3e36!important;
    display: none;
}
.brandLearnMoreDiv{
    padding: 0;
    background: #EAD9C7;
    color: #4a3e36!important;
    display: none;
}
.productFeatureDiv:hover .learnMoreDiv, .brandFeatureDiv:hover .brandLearnMoreDiv{ display:block; }
.brandFeatureDiv img{margin-bottom: 0;}
@media (max-height: 600px){
    .pos-vertical-center {
        top: 50%;
        /*transform: translateY(-50%);
        -webkit-transform: translateY(-50%);*/
    }
}
@media (max-width: 767px){
    .mobileMenu{
        position: absolute;
        top: 0;
        background: unset;
        z-index: 99;
        width: 100%;
    }
    .bar .logo-dark{display: none;}
    .hamburger-toggle i {
        color: #ffffff;
    }
    .bar + nav.bar{
        position: absolute;
        z-index: 101;
        top: 70px;
        background: white;
        width: 100%;
    }
    section.slider.height-100 {
        height: 50vh;
    }
    section.slider[class*='height-'] .slides .flickity-slider > li {
        height: auto;
        padding: 17.428571em 0;
    }
    .cover .pos-bottom.pos-absolute{ display:none; }
    .height-50{padding: 10em 0;}
    #contact-us{padding: 10.57em 0;}
    footer.footer-7{ margin-top: 5em; }
}