/*
     * Theme: Planet
     * Author: shopaccino
    */

    /* =======================================
        --- Bootstrap Customization ----
       =======================================*/
        .container { width: 100%; max-width: 100%;}
        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
        {min-height: 0.01em;}

        .heading-border { position: relative; margin-bottom: 1em; margin-top: 1em; text-align: center;}
        .heading-border:after, .heading-border:before {
            content: "";
            position: absolute; 
            top: 50%;
            height: 1px;
            z-index: 2;
            width: 100%;
            border-bottom: solid 1px #ccc;
            z-index: -1;
        }
        .heading-border:after {left:0}
        .heading-border:before {right:0}
        .heading h1, .heading h2, .heading h3 {display: inline-block; padding-left: 1.5em; padding-right: 1.5em;
            background-color: #fff;
            margin: 0;
        }
        .heading {padding-bottom:0; text-align: center}
        @media screen and (min-width: 1024px) {
            .row-flex, .row-flex > div[class*='col-'] {  
               display: -webkit-box;
               display: -moz-box;
               display: -ms-flexbox;
               display: -webkit-flex;
               display: flex;
               flex:1 1 auto;
           }
           .row-flex > div[class*='col-'] {
                    margin:-.2px; /* hack adjust for wrapping */
           }

           .row-flex > div[class*='col-'] > div {
                   width:100%;
                   align-items: center;
           }
        }

    /* =======================================
            Header
        =======================================*/  
        .header-txt { background-color: #000;  color: #fff;}
        .announcement, .home-banner-hold, .home-collection-list, .category-banner { padding:0; margin:0; border:none;}

        .language {margin-left: 0; margin-right: 15px;}
        .home-banner-hold { position: relative; margin-right: -4px; margin-left: -4px; margin-top: 12px;}
        .home-banner-hold .h4 { margin: 0;}

        .home-banner-hold img { width: 100%;}

        /* --Menu-- */
        .nav-menu .menu-link, .wsmenu-list > li > a, .link-list li a, .megamenu .title a {}
        .menu-bar {}
        .menu-bar.cloned { position: fixed; left: 0; right: 0; width: 100%;}
        .wsmenucontainer { background:none !important;}
        .wsmenu-list .link-list { padding-right: 1em;}
        .menu-bar ~ .cloned {   
            position: fixed !important;
            left: 0 !important;
            width: 100% !important;
            z-index: 9 !important;
            background-color: #fafafa;
        }

     /* =======================================
        Home Page
        =======================================*/   
        .home-slider .carousel-fade .carousel-caption h3, .home-slider .carousel-fade .carousel-caption h3 a, .home-slider .carousel-fade .carousel-caption p
        {color: #bbb;}
        .wsmenucontainer > .container,  .wsmenucontainer > .container > .row, .wsmenucontainer > .container > .row > .col-xs-12 { margin: 0; padding: 0;}
        .divcat { margin: 0; padding-left: 5px; padding-right: 5px; margin-top: 12px;}
        .home-category {
            position: relative;
            margin: 0;
            padding: 0;
            margin-left: -9px;
            margin-right: -9px;
        }
        .home-category .category-caption {
            position: relative;
            background: none;
           height: auto;
        }
        .home-category:hover, .home-category:hover .category-caption{background:none;}
        .home-category h4, .home-category h4:hover {font-weight: 500;}

        .divcat .teaser, .teaser-hold .teaser {vertical-align:middle;}
        .related-hold  .teaser {padding: 1em 0 1em 0;}

        .welcome-text-hold > .container,.welcome-text-hold > .col-md-12 {}
        .welcome-text { position: relative; margin-bottom: 0;margin-top: 0.9em;}

        .prod-description {margin-top:1em;}

        /*-- Old Product display --*/
        .homepage-additional-hold {}
        .homepage_additional_text {
            margin-left:0;
            margin-right:0;
        }
        .home-collection-list {
            text-align: center;
            line-height: 1.6;
            margin-left: -4px;
            margin-right: -8px;
         }
         .home-collection-list .home-product-list {
             transition: all .25s linear; 
            -o-transition: all .25s linear; 
            -moz-transition: all .25s linear; 
            -webkit-transition: all .25s linear; 
         }
        .home-collection-list .home-product-block {
            display: inline-block;
            padding: 0;
            vertical-align: top;
            text-align: center;
                /*
                    max-width:280px;
                    min-width:280px;
                */
            margin-bottom: 2em;
            transition: all .25s linear;
            -o-transition: all .25s linear;
            -moz-transition: all .25s linear;
            -webkit-transition: all .25s linear;
        }
        .home-collection-list .home-product-block .teaser .teaser-name {
            /* text-transform: uppercase; */
            line-height: 1.6;
        }
        .home-collection-list .home-product-block .teaser {/*max-width: 265px;*/}
        .home-collection-list figure { margin-bottom:0; overflow: hidden;}   
        .home-collection-list .home-product-block .teaser { margin:0; padding-left:3px; padding-right:3px;}
        
        .category-items .home-collection-list { text-align: left;}
        @media only screen and (min-width:1500px) {
            .home-collection-list .home-product-block {
                max-width: 290px;
                transition:transform 0.3s ease-out;
            }
        }
        @media only screen and (min-device-width: 1200px) and (max-device-width: 1500px){
            .home-collection-list .home-product-block { width: 100%; max-width: 16.4%;}
            .category-items .home-collection-list .home-product-block {max-width: 19.4%;}
        }
        @media only screen and (max-width:1190px) {
            .home-collection-list .home-product-block { width: 100%; max-width: 24.4%;}
        }
        @media only screen and (max-width:767px) {
            .home-collection-list .home-product-block { width: 100%; max-width: 33.32%;}
        }
        @media only screen and (max-width:640px) {
            .home-category h4{ font-size:1.3em;}
            .home-collection-list .home-product-block {width: 100%; max-width: 47.5%; margin-bottom: 0;}
        }

        /*- New CSS --*/
        @media only screen and (min-device-width: 1200px) and (min-width: 1600px){
            .product-inline-4 {max-width: 24.96%;}
        }
        @media only screen and (min-device-width: 1200px) and (max-device-width: 1599px){
            .product-inline-6 {max-width:16.64%;}
        }
        @media only screen and (min-width:1600px) {
            .product-inline-6 {max-width: 238px;}
        }
    
        .category-items { text-align: left}
        
        .home-testimonials { margin: 1.5em 0;}
        .instafeed-hold {padding: 3em 0; background-color: #f7f7f7;}
        #instafeed {margin: 0 auto;text-align: center;}
        .instafeed-hold .heading h2 { margin-bottom: 1em; background: none;}

/*  =======================================
        Press Release
     ======================================= */
    .press-release-block { margin: 1.5em 0 2em 0;}
    .press-release-hold { margin-bottom: 1.5em;}
    .press-release-hold li { max-width: 180px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; margin:0.5em 0.8em 1.5em 0.8em; vertical-align: top;}
    .press-release-hold li img { margin-bottom: 0.8em;}
    .press-release-hold li img.thumbnail { padding:0; border:none; border-radius:0;}
    .press-release-hold li label { line-height: 1.3}
    .press-release-hold li figure { overflow: hidden;}
    .press-release-hold hr { margin-top: 4px; margin-bottom: 4px; border-color:#ccc;}
    .press-pic img {
        width: 100%;
        box-shadow: 0px 2px 3px 0px #9A9A9A;
        border: 1px solid #E1E1E1;
        padding: 3px;
        max-width: 220px;
    }
    
    
    /* =======================================
        Pages
        =======================================*/      
        .category-banner { position: relative; margin-left: -15px; margin-right: -15px;}
        .color-variant { display: inline-block; float: none; padding:0 1.5em 0 1.5em;}
        .product-des-hold { max-width: 1200px; margin-left: auto; margin-right:auto;}

      /* --------- Product Details ------------*/
        .product-des-hold  .breadcrumb { margin-bottom: 2px;}
        .product_detail h1 {margin:0; font-size:2.5em;}
        .btnquick-hold .btnquick { position: relative;}

        #price-preview {font-size: 2em;}
        #price-preview div.cut-price {margin-left: 0.2em; opacity:1;}
        .prod-description ul { margin: 0; padding: 0; margin-left: 12px; margin-top: 15px; margin-bottom: 10px;}
        .detail-summary, .prod-description {border-top:solid 1px #ccc; padding-top: 15px;}

        .glass-case { margin-bottom: 1.5em;}
        .gc-display-area { border:none !important; margin-left: 0 !important;}
        .glass-case ul li { padding:0 !important; margin-bottom: 0 !important;}
        .glass-case ul li .gc-li-display-container img { border-radius:0 !important;}
        .gc-display-area img { border-radius:0 !important;}

        .write-review-hold { margin: 0.6em 0 0.6em 0;}
        .review-stars { color:#ddd; font-size: 1.2em; border-right: solid 1px #aaa; line-height: 15px; margin: 2px 0; padding-right: 1.2em;}
        .write-review-hold a { border-bottom: solid 1px #ccc; font-weight: 300;}

        #sizechartModal .modal-dialog {width: auto; max-width: 800px;}
        #sizechartModal .modal-title { text-align: center; text-transform: uppercase;}
        #sizechartModal .modal-footer { display: none;}

        .color-size-option ul { margin-left:15px; }
        .color-size-option ul li input { background-color:#fff; border-radius:50%; width: 35px; height: 35px;}
        .sharebtn-hold { margin-bottom:1em; margin-top: 1.5em;}
        .social-container .links a { width:25px; color:#333; font-size:16px; margin: 8px 0; display:inline-block;}
        .btn-sizechart { border: solid 1px #ccc; padding:5px; line-height: 1.6; background-color:#f6f6f6;}
        .btn-cart, #span-add-to-wishlist a{/*height:48px;*/padding-bottom:0.5em;}
        .wishlist-tab {font-size: 100%;}
           .sub-hold {
            margin-top: 1em;
            margin-bottom: 2em;
        }

         .product-desc-tab {
            padding-bottom: 0.5em;
            margin-top: 0.4em;
        }

    /* --------- Footer ------------*/
        footer {border:none; padding-bottom:0; border-top:solid 1px rgba(0,0,0,0.1); margin-top: 1.5em;}
        footer h4 {font-size: 18px;}
        .payment-logo {border-top: solid 1px rgba(0,0,0,0.10); padding-top: 1em; padding-bottom: 0.6em;}

        #footer-bottom {margin-top:1em; border:none; background-color: #222; color: #fff;}
        #footer-bottom a {color: #fff !important; border-bottom:dotted 1px #fff;}
        #footer-bottom a:hover {border-bottom:solid 1px #ccc;}

        .footer-links-hold {margin:0;}
        .footer-links h4 {font-weight:normal;}

        .content-subscribe {background-color: #f5f5f5; padding:1em 1.5em; margin: 0;}
        .content-subscribe ul, .social-hold ul {margin-bottom:0;}

        .payment-logo { text-align: center;}
        .payment-logo ul { margin-bottom:0;}
        .payment-logo h4 { margin: 0; margin-top:6px;}
        .payment-logo li:first-child { padding-right: 1em;}

        .store-policies {margin-left: 0;}
        .store-policies li::after {color: rgba(255,255,255,0.5);}
        .footer-logo {max-width: 140px; margin-top: 1em;}
        footer .social-hold {margin: 1.5em 0;}

        .footer-text {margin: 0.5em 0 1.2em 0; text-align:center;}
        .social-hold li a i.fa-instagram::before {content: '';}

     /* --------- Pages ------------*/
        .quote-ico {margin-bottom: 0;}
        .home-testimonials-hold {padding-top: 1.5em;}
        .testimonials-hold {margin-right: 1.5em;}
        .testimonial-form {}
        
        .blog-hold figure img {border-radius: 10px;}
        #instock {
            background-color: #fffcd7;
            padding: 5px;
            margin-bottom:0.5em;
            color: #c46f08;
            text-align: center;
            line-height:1.6;
            padding-left: 0.8em;
            padding-right: 0.8em;
        }


    /*  ===========================================================
        Media Queries CSS
        ===========================================================*/
        @media only screen and (min-width:992px) {
            .teaser-hold .child:nth-child(4n+1){clear: left;}
            .related-hold .child:nth-child(4n+1) {clear: none;}
            .related-hold .child:nth-child(6n+1) {clear: left;}
            .toppanel-hold .icon-size {font-size: 16px;}
            .language-hold, .toppanel-hold { margin-top: 2em; margin-bottom: 1em}
            .blogsection2 .child:nth-child(2n+1) {clear: none;}
            .blogsection2 .child:nth-child(3n+1) {clear: left;}
            .storecategory .child:nth-child(4n+1) {clear: left;}
        }
        @media only screen and (min-width:767px) {
            header {border-bottom:solid 1px #f1f1f1;}
            .teaser-hold .teaser {padding: 2em 0.6em 2em 0.6em;}
            .related-hold .teaser {padding: 0 2px;}
            .content-subscribe {min-height: 250px;}
            .content-subscribe form {margin-top:1.5em;}
            .footer-links-hold {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-flow: row wrap;
                justify-content: space-around;
            }
            .footer-links {margin-top:2em;}
            .payment-logo {margin-top: 0;}
        }
        @media only screen and (max-width:991px) {
            .teaser-hold .child:nth-child(4n+1){clear: none;}
            .teaser-hold .child:nth-child(3n+1){clear:left;}
            .related-hold .child:nth-child(3n+1) {clear: none;}
            .related-hold .child:nth-child(4n+1) {clear: left;}
        }
        @media only screen and (max-width:767px) {
            .teaser-hold .child:nth-child(3n+1){clear:none;}
            .teaser-hold .child:nth-child(2n+1){clear:left;}
            .filter-panel { margin-right: 0;}
        }
        @media only screen and (max-width:767px) {
            .currency-m-border {line-height: 1.4;}
            .nav-menu .menu-link {padding: 0.95em 1.2rem !important;}
            .padding-xs-0 { padding: 0;}
            .width-xs-0 { width:0;}
            .payment-logo li:first-child { display: block; width: 100%;}
            .payment-logo img {max-height: 26px;}
            .footer-logo {margin: 0 auto;}
        }
        @media only screen and (max-width:640px) {
            .home-category h4{ font-size:1.3em;}
            .home-testimonials-hold .carousel-indicators {
                left: 0;
                width: 100%;
                padding-left: 0;
                margin-left: 0;
            }

            .home-testimonials-hold .carousel-indicators {z-index: 2;}
            .footer .social-hold {margin: 0;}
            .poweredby { margin-top: 2em;}
            .teaser {margin-bottom: 1.2em;}
            .teaser .teaser-name {
                padding:8px 2px;
                font-weight: 400;
                line-height: 1.4;
                font-size: 13px !important;
            }
            .teaser .cut-price, .teaser .actual-price, .teaser .price {}
            .btn-cart, #span-add-to-wishlist a {
                height: 45px;
                padding-bottom: .5em;
                line-height: 1.52;
                font-size: 1.1em;
            }
        }

        /* Style the buttons that are used to open and close the accordion panel */
        .accordion2 {
            padding: 0;
            color: #333;
            cursor: pointer;
            width: 100%;
            border: none;
            outline: none;
            transition: 0.4s;
            display: block;
            position: relative;
        }

        /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
        .active2, .accordion2:hover {color: #333;}
        .panel2 {
            padding: 0;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }
        #p-d-height {max-height: auto !important;}
        .accordion2:after {
            position: absolute;
            top: 0;
            right: 5px;
            content: '\02795'; /* Unicode character for "plus" sign (+) */
            color: #aaa;
            float: right;
            margin-left: 5px;
            font-family: FontAwesome;
            content: "\f067";
            font-weight:normal;
        }
        .active2:after {
            content: "\f068"; /* Unicode character for "minus" sign (-) */
        }