*{padding:0px;margin: 0px;font-family: 'Montserrat', sans-serif;font-size:13px;font: 100%}
.fs-15{font-size: 15px;}
.font-playfair{font-family: "Playfair Display", serif;}

input,select{height: 45px;}
.form-control:focus{
    box-shadow: 0 0 0 0.25rem rgb(168 128 65 / 17%);
    border-color: #a88041;
}
.border-brown{border:1px solid #b999677a}
.title{
    color: #a88041;
    font-size: 34px;
    font-family: "Playfair Display", serif;
    font-weight: bolder;
}
.link
{
    color: #a88041;
    font-weight: 400;
}
/*main css*/
.button{    
    background: #a88041;
    border: unset;
    color: #fff;
}
.button:hover{text-decoration: none;color: white}
.top-header{
    background-color:#e9e9e9;
}
.header{
    background: #0063a8;
}
.caption-bg{
    background-image: url('../images/caption-bg.jpg');
    background-size: contain;
    background-repeat: repeat;
}
.main-slider{background-color: rgb(245, 245, 245)}
.common-banner{
    background-image: url('../images/jungle.jpg');
    background-size:contain;
    height: 250px;
}
.sliderCaption{font-size: 53px;}
.owl-carousel .owl-nav .owl-prev{

    align-items: center;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 45%;
}
.owl-carousel .owl-nav .owl-next{

    align-items: center;
    position: absolute;
    right: 15px;
    top: 45%;
}
.owl-carousel .owl-nav > button{    
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #fff !important;
    line-height: 32px !important;
}
.owl-carousel .owl-nav > button span{
    font-size: 40px;
}
#collections .owl-carousel .owl-stage{
    min-height: 530px;
}
#collections .owl-stage{
    min-height: 537px;
}
#carouselExample .fa-angle-left{
    color: white;
    font-size: 35px;
    text-shadow: 3px 0px #020202 !important;
}
#carouselExample .fa-angle-right{
    color: white;
    font-size: 35px;
    text-shadow: 3px 0px #020202 !important;
}
.carousel-indicators{
    bottom:-34px;
}
.carousel-indicators [data-bs-target]{
    background-color: #0063a8 !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-image: unset;
}
.carousel-control-prev,
.carousel-control-next{
    z-index: 999;
}
#machandise .owl-stage {
    min-height: 490px;
}
.art_box{
/*    filter: drop-shadow(2px 4px 6px black);*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 358px;
}
.art_price{
    color: #a88041;
    font-size: 18px;
    font-weight: 500;
}
.inspired-collection  .art-details {
    min-height: 107px !important;
}
.slider_caption{
    position: absolute;
    top: 35%;
    left: 7%;

}
.slider_caption > p{
    font-size:48px;
    line-height: 52px;
    font-weight: bolder;
    color:#060606 ;
}  
.art-container .buttonGroup {
    position: absolute;
    left: 0;
    right: 0;
    opacity:0;
}
.buttonGroup .buttons .btn{
    width: 48%;
}

.art-container:hover .collections_fluid{
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    border:unset !important;
}

.art-container:hover .buttonGroup {
 position: absolute;
    opacity: 1;
    transition: .3s ease-in-out;
    border: 1px solid #e9e9e9 !important;
    border-top: unset;
    bottom: -44px;
    background: #fff;
    z-index: 1;
}
.gallery .nav-pills .nav-link
{
color: #a88041;
    font-weight: 500;
}
.gallery .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #000000;
    color: #fff;
}
.art-price{
    font-weight: 500;
    color: #a88041;
}
/*about us page*/
/*.about-us-banner::before{
    content: "";
    position: absolute;
    left: 0;right: 0;
    background-color:#ffd09157;
    height: 100%;
}*/
#about .art-container:hover .collections_fluid{
    box-shadow: unset !important;
    border: unset !important;
}
/*.productZoom{
    height: 250px;
}*/
ul.socialMedia li a  {
    width: 35px;
    height: 35px;
    color: #837b7b !important;
    background: #fff;
    border-radius: 4px;
    margin-right: 5px;
}
.product-listing  .art-details {
    min-height:109px;
}
.marchandise-listing  .art-details{
    min-height: 89px;
}
.product_img{
    width: 60%;
    margin: 0 auto;
}

ul.specification-list li > div.specs-list{
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #a88041 !important;
}
#carouselExampleControls .easyzoom img{
    width: 65%;
    margin: 0 auto;
}
.footer{
    background-color: #F5F4F2;
}
.bottom-footer{
    background-color: #a88041;
    color: #fff;
}
.contact-us{
    height: 65vh;
}
.contact-details .fa{
    color:#a88041 !important;
     }
/*details page*/


/*media css*/

@media screen and (max-width: 600px) {
    .order-xs-1{
        order: 1;
    }
    .order-xs-2{
        order: 2;
    }
    .title{
        font-size: 23px;
    }
    .oppened{
    position: absolute;
    top: 0;
    z-index: 9;
    height: 100vh !important;
    background: #fff;
    z-index: 9;
    width: 100%;
    transition: 1s ease-in-out;
    left: 0;
    }
    .hidden {
    left: -100%;
    position: absolute;
    top: 0;
    z-index: 9;
    height: 100vh !important;
    transition: 1s ease-in-out;
    }
    .common-banner
    {
    height: 77px;
    background-position: center;
    }
    .nav-container > ul.menu li a{
    font-size: 15px;
    font-weight:500 !important;
    color: #333 !important;
    padding: 15px !important;
    border-bottom: 1px solid #dddddd;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    #machandise .owl-stage,#collections .owl-stage{min-height: unset;}
    .close{
    position: absolute;
    right: 0;
    padding: 1px 8px;
    font-size: 50px;
    color: #000000 !important;
    font-weight: 300;
    top: 3px;
    transition: 1s ease-in-out;
    }
    .slider_caption{
            top: 19%;
    }
   .slider_caption > p{
    font-size: 11px !important;
    line-height: 20px !important;
   }
   .owl-carousel .owl-nav > button {
    width: 18px !important;
    height: 18px !important;
    background: unset !important;
    line-height: 16px !important;
    }
   .owl-carousel .owl-nav > button span{
    font-size: 22px;
   }
   .art-container .buttonGroup {
    position: static;
    opacity:1;
    border:1px solid #cfcfcf;
    border-top:unset;
}
   .art_box{
            height: 288px;;
   }
   .contact-us{
    height: unset;
   }
}