p.slick-slide {
    display: none!important;
}

.skill-box.slidtab {
    margin: 0 -23px;
    filter: drop-shadow(4px 2px 3px grey);
    box-shadow: 2px 1px 2px grey;
                        /*border-radius: 5%;*/;
}

.slidtab #product_banner_top {
    background: rgba(206, 53, 44,0);
    padding: 20px 5px;
    padding-bottom: 15px;
}

.slidtab #product_banner_top #nama_produk {
    color: rgb(250, 203, 51);
    /*height: 25px;*/
    font-size: 25px;
    line-height: 1.1;
    margin-bottom: 30px;
}

.slidtab #product_banner_top #keterangan_produk {
    color: #fff;
    line-height: 1.3;
}

.slidtab #product_banner_top #nama_produk::before {
    height: 2px;
    width: 98px;
    background-color: rgb(250, 203, 51);
    margin-top: 32px;
    top: 23px;
}

.top-kat .nav-item.subk p {
    font-size: 9px;
    line-height:1;
    /*margin-bottom: 0;
    margin-top: -20px;
    z-index: 1;
    position: absolute;*/
    width: 50px;
    color: #f9ff08;
    text-shadow: 1px 0.5px 1px rgb(63, 68, 67);
}

.top-kat .nav-item {
    margin-top: -5px;
}

/*.top-kat .nav-item.subk {
    border-radius: 50%;
    box-shadow: 2px 1px 2px grey;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.7);
}

.top-kat .nav-item.subk:hover,
                    .top-kat .nav-item.subk:active {
    box-shadow: 3px 1px 3px grey;
}

*/

.top-kat .nav-item.subk {
    /*margin-right: 5px;
    margin-bottom: 5px;*/
}

.nav-item.subk .product-image-wrapper {
    border-radius: 50%;
    box-shadow: 2px 1px 2px grey;
    width: 50px;
    height: 50px;
    margin-right: 0;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.7);
}

.nav-item.subk .product-image-wrapper:hover,
.nav-item.subk .product-image-wrapper:active {
    box-shadow: 3px 1px 3px grey;
}

.top-kat.menu_tabs_product img {
    max-width: 65px;
    margin: auto;
    height: 50px;
    width: auto;
    /*position: absolute;*/
}

.subk.wrapp .product-overlay .overlay-content, .item_product.slick-slide .product-overlay .overlay-content{
    top:23%;
}


.slidtab .menu_tabs_product {
    margin-top: 0;
}

@media(max-width:767px) {
    .slidtab .menu_tabs_product {
        margin: 0 -15px;
        margin-top: -80px;
    }

    .slidtab #product_banner_top {
        padding-bottom: 70px;
    }

    .slidtab #product_banner_top #nama_produk::before {
        margin-top: 17px;
    }

    .slidtab #product_banner_top .media-body {
        padding: 0;
    }

    .slidtab #product_banner_top #nama_produk {
        font-size: 20px;
        line-height: 1.1;
    }

    .slidtab #product_banner_top #keterangan_produk {
        line-height: 1.1;
        font-size: 14px;
    }
}

.slidtab #product_page i.fa.slick-arrow {
    background-size: 25px 15px;
    border: 1px solid #f5eeee;
}

.tuh {
    background-size: 5px 5px;
    border: 1px solid #f5eeee;
    width:5px;
    height:5px;
    position:relative;
}

.slidtab i.arrow_left {
    background: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), url(../afcon/left.png)no-repeat center;
}

.slidtab i.arrow_right {
    background: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), url(../afcon/right.png)no-repeat center;
}

.slidtab .arrow_lihat {
    background: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), url(../afcon/lihat.png)no-repeat center;
}

.slidtab .arrow_top {
    background: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), url(../afcon/top.png)no-repeat center;
}

.slidtab #product_banner_top form {
    margin-top: -55px;
    margin-bottom: 30px;
}

.slidtab .draggable {
    -webkit-animation: drag-flush 1s ease infinite;
    animation: drag-flush 1.5s ease infinite;
    box-shadow: 4px 2px 4px grey;
}

@-webkit-keyframes drag-flush {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
        box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
    }

    50% {
        -webkit-box-shadow: 0 0 0 .25rem rgba(206, 53, 44, .25);
        box-shadow: 0 0 0 .25rem rgba(206, 53, 44, .25);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
        box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
    }
}

@keyframes drag-flush {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
        box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
    }

    50% {
        -webkit-box-shadow: 0 0 0 .25rem rgba(206, 53, 44, .25);
        box-shadow: 0 0 0 .25rem rgba(206, 53, 44, .25);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
        box-shadow: 0 0 0 0 rgba(206, 53, 44, .25);
    }
}

/*FLASH*/
@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}@-webkit-keyframes flash {
    0%{opacity: 1;
}

50% {
    opacity: .1;
}

100% {
    opacity: 1;
}}@-moz-keyframes flash {
    0%{opacity: 1;
}

50% {
    opacity: .1;
}

100% {
    opacity: 1;
}}

/*FLASH*/

.p-wrapper #name_produk {
    color: #ffff1f;
    font-family: Caveat;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}
.p-wrapper img.align-self-center {
    max-width: 100%;
    height: auto !important;
                        /*border:solid 2px #cebaba;*/
                        /*border: solid 2px #eee;*/
    border: solid 2px #f8d2d2;
    padding: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    filter: drop-shadow(4px 2px 4px #333);
}

.slidtab .slick-slide {
     /*display: block;
     height: 120px; */
     margin-right: 2px; 
}

.slick-list.draggable .product-image-wrapper {
    width: 90px;
    margin: 0 -10px;
    box-shadow: 2px 2px 5px grey;
    filter: drop-shadow(4px 2px 4px #b4adad);
}

@media(max-width:767px){
    .slick-list.draggable .product-image-wrapper {
    width: 100%;
    margin: 0 auto;
}
.slidtab img.card-img-top {
    margin:0 auto;
}
}

.product-items-pro h6 {
    font-size: 10px;
    line-height: 0.9;
    /*margin: 0 0 -5px -15px;*/
    color: #fff;
    text-shadow: 0.25px 0.1px 0.25px rgb(16, 195, 182);
}

.slidtab img.card-img-top {
    width: 90px !important;
    /*margin: -10px;*/
    height: auto !important;
    /*margin-bottom: 8px;*/
}

.slidtab .spinner.buttons-default {
    width: 100%;
    float: right;
    right: 10%;
    margin-top: 0;
}

.slidtab #product_page {
    padding: 15px 0px;
}

@media(max-width:767px) {
    img.align-self-center {
        max-width: 210px;
        height: auto !important;
    }

    .slidtab img.card-img-top {
        width: 90px !important;
    }

}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .slidtab .spinner.buttons-default {
                            /*right: 3%;*/
        margin-top: 5px;
                            /*width: 40%;*/;
    }
}

@media only screen and (max-width: 480px) {
    .slidtab .spinner.buttons-default {
        float: left;
        margin-top: 20px;
        width: 60%;
                            /*left: 2%;*/;
    }
}

.slidtab.p-wrapper .slick-slider .slick-list {
    width: 100%;
}

.slidtab.p-wrapper #product_page .slick-arrow {
    width: 15px;
    height: 15px;
    font-size: 30px;
}

.slidtab.p-wrapper .spinner.buttons-default {
    width: 100%;
    float: left;
    right: 0;
                        /*margin-top: 30px;*/;
}

.skill-box.p-wrapper {
    background-image: url(../svg/Page-Turner.svg);
    background-repeat: repeat;
    background-size: cover;
    background-position: 0;
}

.pklik {
    margin: auto;
    -webkit-box-flex: 0;
    position: relative;
    display: block;
    vertical-align: baseline;
}

.pklik {
    margin-top: 10%;
}

@media(max-width:767px) {
    .pklik {
        margin-top: 1%;
    }
}

h2.title {
    color: #FE980F;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 15px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
}

.product-image-wrapper {
    border: 1px solid #F7F7F5;
    overflow: hidden;
    margin-bottom: 30px;
}

.single-products {
    position: relative;
    background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%, rgba(234, 234, 234, 1) 80%, rgba(193, 193, 193, 1) 100%);
}

.new,
                    .sale {
    position: absolute;
    top: 0;
    right: 0;
}

.productinfo h2 {
    color: #FE980F;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.product-overlay h2 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.product-overlay li {
    color: #fff;
}

.productinfo p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #696763;
}

.productinfo img {
    width: auto;
                        /*height: 126px;*/;
}

.productinfo {
    position: relative;
}

.product-overlay {
    background: linear-gradient(rgba(142, 37, 31, 0.90), rgba(206, 53, 44, 0.86));
    bottom: 0;
    display: none;
    height: 0;
    position: absolute;
    transition: height 500ms ease 0s;
    width: 100%;
    display: block;
    /*opacity: 0;*/
}

.single-products:hover .product-overlay {
    display: block;
    height: 100%;
}

.product-overlay .overlay-content {
    bottom: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}

.product-overlay .add-to-cart {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    color: #FE980F;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 25px;
}

.product-overlay .add-to-cart:hover {
    background: #fff;
    color: #FE980F;
}

.product-overlay p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.skill-box .wave_page_product {
    top: -4px;
}

.panel .wave_home {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    filter: drop-shadow(4px 2px 4px #333);
    margin:0 -25px;
}

.panel .wave_home::after {
    background-image: radial-gradient(circle at 10px 15px, #fe1010 12px, transparent 13px);
}
.panel .wave_home::before {
    background-image: radial-gradient(circle at 10px -5px, transparent 12px, #fa336b 13px);
}

.btn-view{
  background: linear-gradient(to bottom,rgba(243,243,243,1) 0%,rgba(234,234,234,1) 80%,rgba(193,193,193,1) 100%);
    border-color: #2b96b6;
    border-radius:1px;
    color: #2b96b6;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 7px;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    max-width:60px;
    font-size:9px;
  text-decoration: none;
  bottom:20%;
  position:relative;
}

.nav-item .overlay-content .btn-view{
    font-weight: 600;
    font-size:7px;
    padding: 2px 6px;
}

.btn-kedip{
    animation-name: flash;
animation-duration: 1.2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: flash;
-webkit-animation-duration: 1.2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: flash;
-moz-animation-duration: 1.2s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
}


.big-pro.btn-view {
    font-weight: 700;
    font-size: 12px;
    padding: 4px 8px;
    bottom: -1%;
    max-width: 100px;
    text-align: center;
	margin:auto;
}

@media(max-width:767px){
.slidtab #product_banner_top form {
    margin-top: -75px
}
	
.big-pro.btn-view {
    bottom: -15%;
}
}

.price-view {
    position: relative;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to bottom,rgba(243, 243, 243, 0.76) 0%,rgba(234, 234, 234, 0.76) 80%,rgba(193, 193, 193, 0.7) 100%);
    border-color: #2b96b6;
    border-radius: 1px;
    color: #b64d2b;
    font-weight: 700;
    /*text-transform: uppercase;*/
    padding: 3px 7px;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    max-width: 100%;
    font-size: 12px;
    text-decoration: none;
}

