@font-face {
    font-family: 'JosefinSans-Bold';
    src: url('../font/JosefinSans/JosefinSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('../font/JosefinSans/JosefinSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/JosefinSans/JosefinSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/JosefinSans/JosefinSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/JosefinSans/JosefinSans-Bold.svg#JosefinSans-Bold') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'JosefinSans-Regular';
    src: url('../font/JosefinSans/JosefinSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/JosefinSans/JosefinSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/JosefinSans/JosefinSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/JosefinSans/JosefinSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/JosefinSans/JosefinSans-Regular.svg#JosefinSans-Regular') format('svg'); /* Legacy iOS */
}

body {
    font-family: "JosefinSans-Regular", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "JosefinSans-Bold", Helvetica, Arial, sans-serif;
}

html, body, .jarallax, .h-100 {
    height: 100%;
}





.navbar {
    background-color: transparent;
    box-shadow: none;
}

.top-nav-collapse {
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

    .top-nav-collapse.navbar.navbar-dark .breadcrumb .nav-item .nav-link,
    .top-nav-collapse.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
        color: #333 !important;
    }

 .dropdown{
            position: static;
        }
        .megamenu {
            left: 0;
    right: 0;
    width: 100%;
        }



.dropdown .dropdown-menu {
    padding: 0px;
    width: 250px;
    border-radius: 0px;

}

    .dropdown .dropdown-menu .dropdown-item {
        padding: .2rem 0.8rem;
    }

    .dropdown .dropdown-menu.dropdown-danger .dropdown-item:active, .dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover {
        background-color: transparent !important;
        box-shadow: none !important;
        color: #f9221d !important;
    }

    .dropdown .dropdown-menu .has-submenu p {
        padding: .2rem 0.8rem;
    }

    .dropdown .dropdown-menu .has-submenu .dropdown-item {
        color: #757575 !important;
    }

.navbar-expand-lg .navbar-nav{
position:relative;}
section .section-title {
    font-family: 'JosefinSans-Regular';
    font-size: 32px;
    margin-bottom: 5px;
    color: #000;
}
 .dropdown{
            position: static;
        }
.navbar-nav .dropdown-menu.megamenu{
	 left: 0;
    right: 0;
    width: 100% !important;
	padding:15px;
	
}
.megamenu h6{
	color:red;padding: 3px 15px;
}
.navbar .dropdown-menu.megamenu a{
	padding:3px 15px;
}

section .section-title2 {
    font-family: 'JosefinSans-Regular';
    font-size: 25px;
    margin-bottom: 5px;
    color: #000;
}
/*separator css*/
.separator-outer {
    overflow: hidden;
}

.separator {
    display: inline-block;
    height: 3px;
    width: 50px;
    position: relative;
}

    .separator.style-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 18px;
    }

    .separator .separator-left, .separator .separator-right {
        position: absolute;
        top: 50%;
        width: 70px;
        height: 2px;
        margin-top: -1px;
        background: #f34a3f;
    }

    .separator .separator-left {
        left: -80px;
    }

    .separator .separator-right {
        right: -80px;
    }

.productList .card, .recentProd .card {
    box-shadow: none;
    border-radius: 0px;
    transition: all ease-out 0.3s;
}

    .productList .card:hover {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    }

.productList .card-body h3 {
    font-size: 22px;
    line-height: 32px;
    color: #3f3e3e;
    font-weight: normal;
    margin-bottom: 2px;
    font-family: 'JosefinSans-Regular';
}

.productList .card-body h5 {
    font-family: 'JosefinSans-Regular';
    font-size: 18px;
    color: #f34a3f;
}

.sidebar-title h2:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 32px;
    height: 2px;
    background-color: #35af6a;
}


.carousel, .carousel .carousel-inner, .carousel .carousel-inner .active, .carousel .carousel-inner .carousel-item, .view, body, html {
    height: 100%;
}

.recentProd .carousel,
.recentProd .carousel .carousel-inner,
.recentProd .carousel .carousel-inner .active,
.recentProd .carousel .carousel-inner .carousel-item {
    height: auto;
}

.recentProd .carousel-multi-item .carousel-indicators li {
    width: 10px;
    height: 10px;
    background: #fd8b83;
}

    .recentProd .carousel-multi-item .carousel-indicators li.active {
        background: -webkit-linear-gradient(50deg,#fd8b83,#f9221d) !important;
        background: -o-linear-gradient(50deg,#fd8b83,#f9221d) !important;
        background: linear-gradient(40deg,#fd8b83,#f9221d) !important;
    }

.red-gradient {
    background: -webkit-linear-gradient(50deg,#fd8b83,#f9221d) !important;
    background: -o-linear-gradient(50deg,#fd8b83,#f9221d) !important;
    background: linear-gradient(40deg,#fd8b83,#f9221d) !important;
    color: #fff;
    transition: all ease 0.5s;
}

.btn.red-gradient:hover {
    color: #ffffff !important;
    transition: all ease 0.5s;
}
/*page title css*/
.page-title {
    margin-top: 80px;
    background-color: #f2f2f2;
    padding: 40px 20px 20px;
    color: #fff;
    background: url('../img/cosmetic2.jpg') no-repeat center center;
    background-size: cover;
}

    .page-title h4 {
        font-family: "JosefinSans-Regular", Helvetica, Arial, sans-serif;
        font-weight: 400;
        letter-spacing: 5px;
    }

    .page-title .breadcrumb {
        background: transparent;
    }

        .page-title .breadcrumb li a {
            color: #f9221d;
        }

/*product page css*/
.prod-title {
    font-family: "JosefinSans-Regular", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 28px;
}
.prod-price {
    font-family: "JosefinSans-Regular", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 24px;
    color:#f9221d;
}
    .prod-price small {
        font-size:70%; font-weight: 300;
    }
    .prodDescList {
    color: #7d7d7d
}
.sidebar-title {
    position:relative;
}
.sidebar-title h2 {
    font-size: 14px;
    color: #333333;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 16px;
    text-transform: uppercase;
    /*font-family: 'Roboto', sans-serif;*/
}
    .sidebar-title h2:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 32px;
    height: 2px;
    background-color: #fe210e;
}
    .categoryList li a{
        padding:8px 0px;
        border-bottom:1px dashed #ccc;display:block;

    }
/*footer css*/
footer {
    background: url('../img/footer_bg.png') no-repeat fixed top left #000000;
}

.footer-contact p {
    padding-left: 40px;
    position: relative;
    margin-bottom: 30px;
    padding-top: 5px;
}

    .footer-contact p i {
        float: left;
        margin: 0px 10px 0px 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        background-color: #444444;
    }

ul.footer-link {
    padding-left: 0px;
    list-style-type: none;
}

    ul.footer-link li a:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 12px;
        padding-right: 8px;
    }

    ul.footer-link li p {
        border-bottom: 0.5px dashed rgba(204, 204, 204, 0.2);
        padding-bottom: 6px;
    }

    ul.footer-link li a:hover {
        color: #ff0c13;
    }

@media only screen and (max-width: 768px) {
    .navbar {
        background: -webkit-linear-gradient(50deg,#fd8b83,#f9221d) !important;
        background: -o-linear-gradient(50deg,#fd8b83,#f9221d) !important;
        background: linear-gradient(40deg,#fd8b83,#f9221d) !important;
        color: #fff;
    }

        .navbar .dropdown-menu {
            position: relative !important;
            background: rgba(255, 255, 255, 0.30);
            color: #fff;
        }

    footer.page-footer {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .carousel-multi-item .col-md-2 {
        float: left;
        width: 20%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }
}