/*

 Theme Name:   Liquor Child

 Theme URI:    http://example.com/twenty-twenty-child/

 Description:  Twenty Twenty Child Theme

 Template:     twentytwenty

 Text Domain:  twentytwentychild

*/



            @import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700|Playball&display=swap');

            @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

            body {

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

                font-size: 18px;

            }

            

             .clients-wrap .slide-box{

                outline: none !important;

            }

            .clients-wrap .slide-box img{

                width: 90% !important;

                margin:0 auto;

            }

            .clients-wrap {

                padding: 0 50px;

            }

            .border-0 {

                border-radius: 0;

            }

            

            .btn {

                border: none;

                box-shadow: none !important;

            }

            .color-black{

                color: #000 !important;

            }

            span.pre {

                display: block;

            }

            

            .color-white {

                color: #fff !important;

            }

            

            .carousel-indicators li {

                width: 12px;

                height: 12px;

                background-color: #0054A5;

            }

            

            header {

                position: absolute;

                top: 15px;

                left: 50%;

                z-index: 14;

                width: 100%;

                transform: translateX(-50%);

                transition:.5s;

                padding:5px 0 10px;

                    

            }

            header.FixedClass {

                position: fixed;

                background: #fff;

                top: 0;

                box-shadow: 0 5px 30px 0 rgb(0 0 0 / 18%);          

                

            }

            .navbar-brand img{

                    width: 400px;

                    margin-top: 10px;

                    transition:.5s;

                }

                .FixedClass  .navbar-brand img {

                    width: 200px !important;

                }

              .section-head{

                    font-size: calc(24px + 2vw);

                    color: #0054A5;

                   /* margin-bottom: 30px;*/

                    font-weight: bold;

                    position: relative;

                    /*margin-bottom: 5rem !important;*/

              }

              .section-head:after{

                position: absolute;

                content: '';

                bottom: 2rem;

                left: 50%;

                transform: translateX(-50%);

                width: 100px;

                height: 8px;

                background: #000000;

                border-radius: 5px;

              }

            .info-wrap{

                background: #fff;

                box-shadow: 0 5px 30px 0 rgb(0 0 0 / 18%);

                border-radius: 8px;

                padding-top: 20px !important;

                transition: .1s all;

                cursor: pointer;

                min-height: 100px;

            }

.store-info h2 {

    min-height: 80px;

}

            /*.info-wrap:hover{*/

            /*    background: #000000;*/

            /*    color: #fff;*/

            /*    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 1%);*/

            /*}*/

            .btn.btn-dark {

                background: transparent;

                padding: 10px 25px;

                border-radius: 50px;

                border: 3px solid #000000;

                color: #000000;

                font-size: 16px;

                font-weight: 600;

            }

            .btn.btn-light {

                background: transparent;

                padding: 10px 25px;

                border-radius: 50px;

                border: 3px solid #fff;

                color: #fff;

                font-size: 16px;

                font-weight: 600;

            }

           footer .btn.btn-light{

                padding: 12px 5px;

                min-width: 275px;

                margin: 5px 0;

            }



            .form-control{

                height: 60px;

                background: transparent !important;

                border: 3px solid #fff;

                color: #fff !important;

                border-radius: 50px;

                box-shadow: none !important;

                outline: none !important;

            }

            .form-control:focus{

                border-color: #0054A5;

            }

            input::placeholder,textarea::placeholder{

                color: #fff !important

            }

             /*.info-wrap:hover .btn.btn-dark{*/

             /*   border-color: #fff;*/

             /*   color: #fff;*/

             /*}*/

            .store-img {

                position: absolute;

                top: -50px;

                background: #fff;

                width: 100px;

                height: 100px;

                padding: 15px;

                border-radius: 5px;

                box-shadow: 0 5px 30px 0 rgb(0 0 0 / 18%);

                left: 50%;

                transform: translateX(-50%) rotate(45deg);

            }

            .store-img img{

                transform:  rotate(-45deg);

            }

                .social-icons li a{

                    color: #9e9e9e;

                    font-size: 36px;

                    width: 60px;

                    height: 60px;

                    text-align: center;

                    line-height: 55px;

                    border-radius: 50px;

                    border: 3px solid #ccc;

                    display: block;

                    transition: .5s all;

                }

               

                /*.info-wrap:hover .social-icons li a{*/

                /*    color: #fff;*/

                /*    border-color: #fff;*/



                /*}*/

                .info-wrap:hover  .social-icons li a:hover{

                    border-color: #0054A5;

                    color: #0054A5;

                }



            .home-benner{

                position: relative;

            }

            .home-benner:after{

                position: absolute;

                content: '';

                top: 0;

                left: 0;

                width: 100%;

                height: 100%;

                background: #000;

                opacity: .5;

            }



            .carousel-caption h1 {

                font-size: calc(30px + 2vw);

                color: #fff;

                margin-bottom: 30px;

                font-weight: bold;

            }

            

            .navbar-toggler {

                outline: none !important;

            }

            

            .navbar {

                padding-left: 0;

                padding-right: 0;

            }

            

            .top-btn {

                position: absolute;

                top: 5px;

                right: 10px;

            }

            

            .theme-btn {

                transition: .5s;

            }

            

            .theme-btn:hover {

                transform: translateY(-3px);

                display: inline-block;

            }

            

            .navbar .navbar-nav .nav-link {

                color: #000000;

                font-size: calc(16px + .2vw);

                padding: .4rem .8rem;

                transition: .5s;

                font-weight: 500;

                margin-left: 5px;

            }

            

            

            

            .navbar .navbar-nav .nav-item:last-child .nav-link {

                margin-right: 0;

            }

            

            .navbar .navbar-nav .active .nav-link,

            .navbar .navbar-nav .nav-link:hover {

                background-color: #f1c10e;

                background: url('../images/menuhover.fw.png');

                background-repeat: no-repeat;

                background-size: cover;

            }

            

            .btn-search {

                background-color: #f1c10e;

                padding: .2rem 3.2rem;

                font-size: calc(16px + .2vw);

                text-transform: uppercase;

                color: #fff;

                height: 50px;

                margin-bottom: 5px;

            }

            

            .carousel-caption {

                right: 0;

                bottom: 25%;

                left: 50%;

                transform: translateX(-50%);

                width: 90%;

            }

            

            .main-head {

                font-size: calc(20px + 1.8vw);

                color: #fff;

                margin-bottom: 30px;

                text-transform: capitalize;

            }

            

            .offer-wrap {

                position: relative;

                overflow: hidden;

                background: #000;

            }

            

            .offer-wrap .img-fluid {

                width: 100%;

                transition: .5s;

            }

            

            .box-wrap {

                position: relative;

                cursor: pointer;

                overflow: hidden;

            }

            

            .box-wrap .img-wrap::after {

                position: absolute;

                content: '';

                width: 100%;

                height: 100%;

                background-color: #000;

                top: 0;

                left: 0;

                opacity: 0;

                pointer-events: none;

                transition: .5s;

            }

            

            .box-wrap:hover .img-wrap::after {

                opacity: .5;

            }

            

            .box-wrap .bottom-div {

                position: absolute;

                bottom: 0;

                height: 50px;

                padding: 2px;

                width: 100%;

                color: #fff;

                font-weight: 600;

                display: flex;

                flex-wrap: wrap;

                align-items: center;

                justify-content: center;

            }

            

            .box-wrap .bottom-div.bg_color-green {

                background: #3f9b0a;

            }

            

            .plus-icon {

                position: absolute;

                width: 80px;

                height: 80px;

                background: #f1c10e;

                font-size: 30px;

                line-height: 70px;

                color: #fff;

                bottom: -50px;

                right: -40px;

                transform: rotate(45deg);

                text-align: left;

                transition: .5s;

            }

            

            .plus-icon span {

                display: block;

                position: absolute;

                top: 3px;

                right: 55px;

                transform: rotate(-45deg);

            }

            

            .box-wrap .bottom-div.bg_color-yellow {

                background: #f1c10e;

            }

            

            .box-wrap .bottom-div.bg_color-pink {

                background: #eb0cc4;

            }

            

            .offer-wrap .img-wrap {

                overflow: hidden;

                transition: .5s;

                cursor: pointer;

            }

            

            .offer-wrap .box-wrap:hover img {

                transform: scale(1.1);

            }

            

            .offer-wrap .box-wrap:hover .plus-icon {

                bottom: 10px;

            }

            

            footer {

                background: #000000;

                color: #fff;

                font-size: 22px;

            }

            .main-content{

                position: relative;

            }

            .main-content:after{

                width: 100%;

                height: 100%;

                position: absolute;

                content: '';

                top: 0;

                left: 0;

                background: url(../images/banner1.jpg);

                background-attachment: fixed;

                background-size: cover;

                opacity: .2;

            }

            .main-content:before{

                width: 100%;

                height: 100%;

                position: absolute;

                content: '';

                top: 0;

                left: 0;

                background: url(../images/favicon.png);

                background-attachment: fixed;

                opacity: .03;

            }

            .textwidget p {

              margin-bottom: 0px;

            

            }

            a.btn.btn-light li {

              list-style: none;

            }

            section{

                position: relative;

                z-index: 1;

            }

.store-info h2 {

    min-height: 80px;

}

            

a{

    text-decoration: none !important; 

    cursor:pointer;

}

            /*contanct page css start*/

.contact-benner{

    position: relative;

}

            .contact-benner .breadcrumbs{

    position: absolute;

    right: 15%;

    bottom: 20%;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    font-weight: 600;



            }

           .contact-page .content-wrap{

                max-width: 75%;

                margin: 0 auto;

                position: relative;

            }

            .contact-page .content-wrap .row{

                position: relative;

                z-index: 1;

            }

            .offer-wrap .container{

                position: relative;

            }

            .offer-wrap .teleimg{

                position: absolute;

                top: 0;

                width: 400px;

                right: 11%;

                margin-top: -3rem;

                pointer-events: none;

            }

            .contact-page .content-wrap .form-control{

                background: transparent;

                box-shadow: none !important;

                border:1px dashed #fff; 

                border-radius: 3px;

                transition: .5s;

                outline: none !important;

                color: #fff;

            }



            .content-wrap .form-control:focus{

                border-color: #fdc10b;

            }



.details-wrap .row{

    justify-content: center;

}

a.btn.btn-light[aria-expanded="true"] {

                background: #fdfdfd !important;

                color: #000000 !important;

            }

            /*contanct page css end*/



            

            @media (min-width: 1500px) {

                header,

                .container {

                    max-width: 1440px;

                }

                .carousel-caption {

                    width: 1440px;

                }

            }

            @media (max-width: 1499px){

                .contact-page .content-wrap{

                        max-width: 100%;

                    }

                    .offer-wrap .teleimg {

   

    right: 5%;}

                }

            @media (max-width: 1199px) {

                 .box-wrap .bottom-div{

                    font-size:14px;

                }

                 .contact-page  .content-wrap{

                        max-width: 75%;

                    }

                     .offer-wrap .teleimg {

    opacity: .4;

    }

                .carousel-caption {

                    bottom: 15%;

                }

                .col {

                    -ms-flex-preferred-size: inherit;

                    flex-basis: inherit;

                    -ms-flex-positive: inherit;

                    flex-grow: inherit;

                    width: 50%;

                }

                .search-bar .form-control {

                    margin-bottom: 30px;

                }

            }

            

           

            @media (max-width: 991px) {

                .details-wrap .row .col-md-6:not(:last-child){

                   /* margin-bottom: 100px;*/

                }

.carousel-caption h1 {

    font-size: calc(25px + 1.5vw);

}

                .social-icons li a{

                    font-size: 24px;

                    width: 45px;

                    height: 45px;

                    line-height: 40px;

                       }

                .navbar-brand img{

                    width: 300px;

                }

              

              .h2, h2 {

    font-size: 1.5rem;

}

 .h3, h3{

    font-size: 1.3rem;



 }

                





p{

    font-size: 1rem;



}





.section-head {

    font-size: calc(20px + 2vw);

}



                   .contact-benner{

                    height: 350px;

                }

                 .contact-benner img{

                    width: 100%;

    height: 100%;   

    object-fit: cover;

}

                .theme-btn {

                    max-width: 100px;

                }

                span.pre {

                    display: initial;

                }

                .navbar-collapse {

                    background: #fff;

                }

                

                .top-btn {

                    top: 5px;

                }

                .navbar .navbar-nav .nav-link {

                    margin-left: 0;

                }

                .navbar-toggler {

                    margin-top: 25px;

                }

                .footer-content .contact-div,

                .footer-content .social-icon {

                    text-align: center;

                    width: 100%;

                    margin: 2px 0;

                }

            }

            

            @media (max-width: 575px) {

                  .contact-page .content-wrap {

    max-width: 100%;

}

                header {

                    width: 98%;

                    padding-left: 5px;

                }

                .footer-content .contact-div li,

                .social-icon,

                .contact-div,

                .footer-content .social-icon li.color-white {

                    text-align: center;

                    width: 100%;

                }

                .footer-content .contact-div li span {

                    display: none;

                }

            }

            

            @media (max-width: 599px) {

                .top-btn {

                    top: 25px;

                }

             

                .search-bar .form-control {

                    margin-bottom: 10px;

                }

                .col {

                    width: 100%;

                    -ms-flex-preferred-size: inherit;

                    flex-basis: inherit;

                    -ms-flex-positive: inherit;

                    flex-grow: inherit;

                }

            }

            

            .carousel-item img {

                height: 100vh;

                object-fit: cover;

            }

            

            .carousel-inner,

            .carousel-item {

                height: 100vh;

                position: relative;

                /*z-index: 1;*/

            }

            

            .alert-success {

            color: #0a0a0ab8;

            background-color: #ffffff;

            border-color: #ffffff0d;

            margin: 10px;

        }

        a.navbar-brand.sticky-logo {

            display: none;

        }header.FixedClass a.navbar-brand.sticky-logo {

            display: block;

        }header.FixedClass a.navbar-brand {

            display: none;

        }

        .img-fluid {

            height: 150px;

            object-fit: contain;

            object-position: bottom;

        }

        .store-info a:hover {

            color: #0054A5;

            border-color: #0054A5;

        }

        

        main.main-content + .product-listing {

    margin: 50px 0 0 0;

}

section.product-listing.top_cat_wrap h2, .product-details-page h2 {

    background: #eb4b25;

    padding: 20px;

    color: #fff;

    margin: 0;

    font-family: cursive;

    font-size: 22px;

}