.topnav {

    background-color: #333;

    position: fixed; /* Set the navbar to fixed position */

    top: 0; /* Position the navbar at the top of the page */

    width: 100%; /* Full width */

    display: inline-block;

    z-index: 20;

    padding:5px 0px;

}



.topnav a {

    float: left;

    display: block;

    color: #f2f2f2;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

    font-size: 17px;

}



.topnav .icon {

    display: none;

}



.dropdown {

    float: left;

    z-index: 3;

}



.dropdown .dropbtn {

    font-size: 17px;

    border: none;

    outline: none;

    color: white;

    padding: 14px 16px;

    background-color: inherit;

    font-family: inherit;

    margin: 0;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    z-index: 21;

}



.dropdown-content a {

    float: none;

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

}



.topnav a:hover,

.dropdown:hover .dropbtn {

    background-color: #555;

    color: white;

}



.dropdown-content a:hover {

    background-color: #ddd;

    color: black;

}



.dropdown:hover > div.dropdown-content, div.dropdown-content:hover {

    display: block;

}



@media screen and (max-width: 600px) {



    .topnav a:not(:first-child),

    .dropdown .dropbtn {

        display: none;

    }



    .topnav a.icon {

        float: right;

        display: block;

    }

}



@media screen and (max-width: 600px) {

    .topnav.responsive {

        position: relative;

    }



    .topnav.responsive .icon {

        position: absolute;

        right: 0;

        top: 0;

    }



    .topnav.responsive a {

        float: none;

        display: block;

        text-align: left;

    }



    .topnav.responsive .dropdown {

        float: none;

    }



    .topnav.responsive .dropdown-content {

        position: relative;

    }



    .topnav.responsive .dropdown .dropbtn {

        display: block;

        width: 100%;

        text-align: left;

    }

}



header {

    margin-top: 50px;

}



.header-top-set {

    z-index: 2 !important;

    position: unset !important;

}



#Carousel img {
    width: 50%;
    object-fit: unset;
    opacity: 0.9;
    margin: auto;
}



.item.active {

    background-color: transparent !important;

}



.ob-fit {

    object-fit: cover;

    height: 450px;

}



.picture-container {

    background: url('/images/home-banner-big.jpg') no-repeat fixed !important;

}

@media (min-width: 768px) {

    .product-list-image {

        height: 419px !important;

        width: 279px !important;

        object-fit: cover;

    }

}



.latest-collection .col-md-8 {

    z-index: unset !important;

}



.header-nav {

    position: fixed;

    top: 0;

    z-index: 20;

    width: 100%;

}



.header-nav ul {

    margin: 0;

    list-style:none;

    color: #fff;

}



.header-nav li {

    padding: 5px 10px;

}



.header-nav ul ul {

    position: absolute;

}

.header-nav ul ul li {

    display: block;

}



.header-nav ul ul ul {

    position: absolute;

    top: 1px;

    left: 100%;

}

/*************

 * EXTRA CSS

 *************/

 .header-nav a{

  color: #000;

  text-decoration: none;

}

@media only screen and (min-width: 768px) {

    

}



@media only screen and (max-width: 768px) {

    .nav-item {

        width: 100% !important;

    }



    .dropdown-menu {

        max-height: 300px;

        overflow-y: scroll;

        overflow-x: hidden;

    }



    #Carousel img {

        width: 100%;

        height: 60vh;

        object-fit: cover;

        opacity: 0.8;

    }



    .container {

        width: 90%;

    }

}



.blog-image {

    height: 360px;

    width: 100%;

    object-fit: contain;

}



.elem {

    width: 100% !important;

}



.article-content img { max-width: 100%; height: auto; }



.navbar-toggle {

    margin-left: 5px;

}



.dropdown-menu-custom {

    left: 0 !important;

    right: auto !important;

    min-width: 180px !important;

    padding: 0;

}

.dropdown-menu-custom li a {

	padding-top: 5px;

	padding-bottom: 5px;

}

.dropdown-menu-custom-sub {

	top: 0;

	left: 100% !important;

}



.navbar-default {

    background-color: #fff;

    border-bottom: 1px solid #eae5dd !important;

}



.dropdown-menu {

    min-width: fit-content;

    padding: 0;

}



.dropdown-menu>li>a:hover {

    color: #000;

}

.header-nav ul ul li {

    width: 100%;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {

    color: #000 !important;

}



.icon-angle-down {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px dashed;

    border-top: 4px solid\9;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

}



.paira-product-image {

    height: 419px !important;

    width: 279px !important;

    object-fit: cover;

}



.product-image img,.blog-image img {

    height: 320px !important;

    object-fit: cover;

}



.blur {

    filter: blur(25px);

    animation-name: example;

    animation-duration: .5s;

    animation-delay: .5s;

    animation-timing-function: ease-in-out;

    animation-fill-mode: forwards;

  }

  

  .no-blur {

    filter: blur(0);

    transition: filter .5s 2s ease-in;

  }



  .list-view .product-image, .search-content .product-image,.single-product-container, .single-product-container-small {

      background: none !important;

  }



  .list-view .product-image img, .search-content .product-image img,.paira-single-product-image img, .single-product-image-list img{

    border: none !important;

  }



 textarea.form-control {

    border-color: #c2a476 !important;

    border: 1px solid;

    border-radius: 0;

 }



 .creat-account textarea.form-control {

     height: 200px;

 }



 .checkout-sidebar {

    border-color: #c2a476 !important;

    border: 1px solid;

    padding: 10px;

 }



 #main {

    min-height: 70vh;

    margin-bottom: 20px;

 }

 .checkout-sidebar table th{

     font-size: 14px;

     font-weight: 300;

 }



 .checkout-sidebar table td, .checkout-sidebar table th {

     border: 1px solid #c2a476;

     padding: 10px;

 }



 .checkout-sidebar table {

     width: 100%;

 }



 input[type="radio" i] {

    background-color: initial;

    cursor: default;

    appearance: auto;

    box-sizing: border-box;

    margin: 3px 3px 0px 5px;

    padding: initial;

    border: initial;

}



.button_checkout {

    background-color: #dc0021!important;

    color: #fff;

    box-shadow: none;

    border: solid 1px;

    outline: none;

    padding: 5px 10px;

    float: right;

}



.amount, .booking-review .booking-review-content .info-form .info-header .val, .booking-review .booking-review-content .info-form .info-total .val,

.booking-review .booking-review-content .info-form .info-content .val  {

    color:#d62b00 !important;

}



#payment {

    margin-top: 10px;

}



.card-header {

    padding: 0.75rem 1.25rem;

    margin-bottom: 0;

    background-color: rgba(0, 0, 0, 0.03);

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}



.card-header:first-child {

    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;

}



.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0, 0, 0, 0.125);

    border-radius: 0.25rem;

}



.card-body {

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    padding: 1.25rem;

}



.accordion > .card:first-of-type {

    border-bottom: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.accordion > .card:last-of-type {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.accordion>.card:first-of-type {

    border: 1px solid rgba(0,0,0,.125);

}



.card label {

    font-size: 12px;

    font-weight: bold;

}



abbr[data-original-title], abbr[title] {

    border-bottom: none;

}



.d-flex {

    display: flex;

}



.booking-review-content {

    background: #1e231e;

}



.info-content .label {

        text-align: left;

        line-height:20px;

}



.info-content .label-name {

    font-size: 16px;

}



.info-content .label-by {

    font-weight: 300;

}



.info-content .label-by span {

    color: #fff !important;

    font-weight: bold !important;

}



.booking-info-detail li {

    list-style: none;

    padding: .2em .6em .3em;

}



.booking-info-detail {

    padding: 0;

    font-weight: bold;

    color: #fff;

    border-bottom: 1px solid #dae1e7;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



.site-logo {

    white-space: nowrap;

}



.list-inline {

    display:flex;

    align-items: flex-end;

}



.selected {

    color: yellow;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: orange;

}



.mf-product-rating {

    border: 1px solid #333;

    padding: 5px;

}



.fa-sign-out {

    font-size: 40px;

}



@media (min-width:990px) {

    .mf-product-rating {

        margin-top: 60px;

        padding: 20px 5px !important; 

    }



    .navbar-nav>li>a {

        font-size: 12px;

    }



}



.navbar-nav>li>a {

    color: #000 !important;

}



@media (max-width:990px) {

    .mf-product-rating {

        margin-top: 60px;

        padding: 20px 5px !important; 

    }

    .fa-sign-out {

        font-size: 20px !important;

    }

}



.avatar-text {

    height: 80px;

    width: 80px;

    background: #c2a476;

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.blog-post-comments ul {

    padding: 0;

}



.review-star {

    display: flex;

}



.blog-post-comments ul li {

    list-style: none;

}



.blog-post-comments li .comments-content {

    margin: 0;

}



.avatar-container {

    justify-content: center;

    display: flex;

}



.advanced .btn, .for-pass .btn {

    padding: 12px 30px;

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px;

}



.equal {

    display: flex;

    flex-wrap: wrap;

}



.blog-category ul{

    padding: 0;

}



.blog-category ul li {

    list-style: none;

    display: inline-block;

    cursor: pointer;

}



.blog-category ul li a{

    display: inline-block;

    background: #F95;

    color: #FFF;

    padding: 5px 10px;

    margin: 2px 2px 2px 20px;

    font: normal 16px sans-serif;

    position: relative;

    cursor: pointer;

    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);

    -webkit-transform-origin: 0% 50%;

    -webkit-animation: swing 1s;

    -o-animation: swing 1s;

    animation: swing 1s;

}



.blog-category ul li a:before {

    content: "";

    position: absolute;

    width: 0px;

    background: inherit;

    height: 10px;

    border: 14px solid #fafafa;

    border-right-color: transparent;

    -webkit-border-radius: 10px 0 0 10px;

    -moz-border-radius: 10px 0 0 10px;

    border-radius: 10px 0 0 10px;

    left: -27px;

    top: 0;

}



.blog-category ul li a:after {

    content: "";

    width: 6px;

    height: 6px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #FFF;

    position: absolute;

    left: -3px;

    top: 12px;

    box-shadow: inset 1px 1px 0 #ccc;

}



.product-category {

    margin-bottom: 15px;

}



.product-category a{

    padding: 5px 10px;

    background: #333;

    color: #fff;

}



.heading-title {

    text-align: center;

    margin-top: 10px;

    margin-bottom: 10px;

}

.carousel-control.left span, .carousel-control.right span {
    width: fit-content;
    height: 45px;
    display: flex;
    align-items: center;
}

.carousel-control {
    top: 60%;
    left: 30px;
}