.pop-up_gamis,
.pop-up_pakethijab,
.pop-up_jilbab,
.pop-up_bajuatasan,
.pop-up_paketgamis,
.pop-up_paketsetelan {
display: none;
position: fixed;
background: #000000;
width: 100%;
height: 100%;
z-index: 5;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
box-shadow: 2px 2px 10px 0px #333;
transition: transform 0.3s ease-in-out;
}

.afproduk.angle-top .afproduk-content {
    z-index: 2;
}

.afproduk-content .slider_product {
    top: 200px;
}

.fancybox-margin {
 margin-right:15px;
}

.nopadding {
    padding: 0;
}

.nomargin {
    margin: 0;
}


button.btn-info-reseller {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    padding: 8px 16px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    width: 300px;
    font-weight: 700;
    margin: 10px 0;
}

button.btn-join-reseller:focus {
    outline: none;
}

.text-brand {
    letter-spacing: .2px;
    font-size: 20px;
    padding: 5px 10px;
}

.text-brand-2 {
    font-size: 20px;
    letter-spacing: .2px;
}

.col-image-product {
    margin: 20px 0;
    padding: 0 20px;
}

img.img-border {
    border-radius: 6px;
}

img.img-product-width {
    width: 200px;
}

.slick-track {
    width: auto;
}


.slider_product {
    position: absolute;
    width: 600px;
    height: 360px;
    background-color: #fff;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 30px 10px 10px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 30px;
    display: inline-block;
}

.img-slider {
    height: 230px;
}

button.btn-dftr-reseller:focus {
    outline: none;
}

button.btn-dftr-reseller {
    border: none;
    background-color: #F7A527;
    color: #fff;
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 6px 0;
    width: 100%;
}

a.btn-scroll-package:focus {
    outline: none;
}

a.btn-scroll-package {
    border: none;
    background-color: #30336b;
    color: #fff;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 6px 0 10px;
    box-shadow: 2px 2px 5px grey;
    width: 50%;
}

button.btn-open-product {
    margin: auto;
	background-color: #F7A527;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    width: 80%;
    margin-top: 10px;
    box-shadow: 2px 2px 5px grey;
    padding: 10px 15px;
}

button.btn-open-product:focus {
    outline: none;
}

button.btn-scroll-package {
    background: #f9ca24;
    padding: 5px 10px;
    color: #fff;
    border: none;
    border-radius: 5px;
    animation-name: flash;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    //Firefox 1+ -webkit-animation-name: flash;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    //Safari 3-4 -moz-animation-name: flash;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

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

50% {
    opacity: .1;
}

100% {
    opacity: 1;
}}//Safari 3-4 @-moz-keyframes flash {
    0%{opacity: 1;
}

50% {
    opacity: .1;
}

100% {
    opacity: 1;
}}

a.desktop-btn {
    width: 80%!important;
    padding: 12px 18px!important;
}

.img-testimoni-reseller {
    width: 100px!important;
    margin-bottom: -45px;
}

.title-owl {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 20px;
}

.subheader-owl {
    padding: 5px 0;
    font-size: 20px;
}

.testimoni-pad {
    padding: 40px 0;
}

.testimoni-col {
    background-color: #ffe5c4;
    text-align: center;
    padding: 60px 20px 20px;
    height: 315px;
    border-radius: 6px;
    margin: 0 10px;
}

.text-reason {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 0 10px;
}

ul.list-keunggulan {
    list-style: none;
    padding: 20px 0;
    margin: 0 25px;
}

ul.list-keunggulan>li {
    font-size: 22px;
    padding: 10px 0;
}

img.check-logo {
    width: 25px;
    margin-right: 30px;
}

.btn-scroll-package_2 {
    border: 1px solid #F7A527;
    background-color: #fff;
    color: #F7A527;
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 6px 0 10px;
    box-shadow: 2px 2px 5px grey;
    width: 90%;
}

.col-price-package {
    padding: 0 20px;
}

.background-bluesky {
    background-color: #fff;
    padding: 10px 20px 30px;
}

.package-reseller-price {
    background-color: #dcf0f7;
    border-radius: 8px;
    padding: 0 20px 20px;
    margin-top: 10px;
}

p.package-price-title {
    color: #4d64a8;
    font-size: 24px;
    font-weight: 700;
}

p.package-price-title2 {
    color: #86CFB4;
    font-size: 24px;
    font-weight: 700;
}

p.package-price-title3 {
    color: #70C6DD;
    font-size: 24px;
    font-weight: 700;
}

.col-blue {
    background-color: #4F63A8;
    margin: 10px -5px;
    padding: 10px 20px;
}

.col-blue p,.col-greentea p,.col-youngblue p {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.col-greentea {
    background-color: #86CFB4;
    margin: 10px -5px;
    padding: 10px 20px;
}

.col-youngblue {
    background-color: #71C5DD;
    margin: 10px -5px;
    padding: 10px 20px;
}

.package-list {
    margin-top: 10px;
    font-size: 16px;
    color: #000;
}

.btn-whatsapp {
    text-align: center;
    background-color: #29A71A;
    padding: 10px 0;
}

.img-phone-scroll {
    width: 20px;
    margin-top: 10px;
}

.space-footer {
    height: 50px;
}

.col-whatsapp {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}

.red-bonus {
    font-size: 20px;
    color: #17404A;
}

.squre-award {
    background-color: #dcf0f7;
    border-radius: 4px;
    height: 420px!important;
    margin: 0 10px;
}

.text-award {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 0;
}

@media (max-width:765px) {
    .openText {
        display: block;
    }

    #zoom_01 {
        pointer-events: none;
    }

    .kontak {
        display: none;
    }

    .menu-button-phone-view {
        display: block;
        text-align: justify;
    }

    .product-title {
        font-size: 18px;
    }

    .headline-product-title {
        display: inline-block;
        width: 100%;
        padding: 5px 0;
        margin-top: 30px;
    }

    .left-headline {
        float: left;
        font-size: 16px;
        color: #0bb8b2;
        margin: 0 5px;
        padding: 2px 0;
        border-bottom: 1px solid #0bb8b2;
    }

    .right-headline {
        float: right;
        font-size: 12px;
        margin: 0;
        border: 1px solid #0bb8b2;
        padding: 2px 5px;
        border-radius: 4px;
    }

    .desk-view {
        display: none;
    }

    .phone-view {
        display: block;
    }

    .image-background-reseller {
        background-image: url('../img/mobilereseller-min.html');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 260px;
        padding: 10px;
    }

    .image-background-reseller-personal {
        background-image: url('../img/mobilereseller-min.html');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 260px;
        padding: 10px;
    }

    .disablepadding {
        padding: 0px!important;
    }

    .disablemargin {
        margin: 0px!important;
    }

    button.btn-open-product {
        background-color: #F7A527;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        color: #fff;
        width: 100%;
        margin-top: 10px;
        box-shadow: 2px 2px 5px grey;
        padding: 10px 15px;
    }

    .col-border {
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
        height: 290px;
    }

    .logocircle {
        width: 80px;
        margin-top: 10px;
    }

    .gradientbackground {
        background-image: url(../img/gradient.html);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 20px 30px;
        display: inline-block;
    }

    p.headline-getreseller {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: .8;
    }

    p.sub-headline-getreseller {
        font-size: 16px;
        font-weight: 100;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    button.btn-join-reseller {
        padding: 8px 10px;
        border-radius: 4px;
        background-color: #fff;
        border: none;
        color: #EC3469;
        font-size: 20px;
        width: 300px;
        font-weight: 700;
        margin: 10px 0;
    }

    img.scroll-green {
        height: 20px;
        margin-bottom: -7px;
        margin-left: 10px;
        -webkit-animation: floatslow 2s ease-in-out infinite;
        animation: floatslow 2s ease-in-out infinite;
    }@    -webkit-keyframes floatslow {
        0%{-webkit-transform: translatey(0);
        transform: translatey(0);
    }

    50% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    };
}

button.btn-info-reseller {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    padding: 8px 16px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    width: 300px;
    font-weight: 700;
    margin: 10px 0;
}

button.btn-join-reseller:focus {
    outline: none;
}

.text-brand {
    letter-spacing: .2px;
    font-size: 18px;
    padding: 5px 10px;
}

.text-brand-2 {
    font-size: 18px;
    letter-spacing: .2px;
}

.col-image-product {
    margin: 20px 0;
}

img.img-border {
    border-radius: 6px;
}

.slick-track {
    width: auto;
}



.slider_product {
    padding: 30px 10px 10px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 30px;
    display: inline-block;
    width: 320px;
}

.img-slider {
    height: 230px;
}

button.btn-dftr-reseller:focus {
    outline: none;
}

button.btn-dftr-reseller {
    border: none;
    background-color: #F7A527;
    color: #fff;
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 6px 0;
    width: 100%;
}

a.btn-scroll-package:focus {
    outline: none;
}

a.btn-scroll-package {
    border: none;
    background-color: #EF430C;
    color: #fff;
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 6px 0 10px;
    box-shadow: 2px 2px 5px grey;
    width: 90%;
}

.img-testimoni-reseller {
    width: 100px!important;
    margin-bottom: -45px;
}

.title-owl {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 16px;
}

.subheader-owl {
    padding: 5px 0;
    font-size: 16px;
}

.testimoni-col {
    background-color: #ffe5c4;
    text-align: center;
    padding: 60px 20px 20px;
    height: 315px;
    border-radius: 6px;
    margin: 0 10px;
}

.squre-award {
    background-color: #dcf0f7;
    border-radius: 4px;
    height: 250px!important;
    margin: 0 10px;
}

.text-award {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 0;
}

.text-reason {
    font-weight: 700;
    font-size: 19px;
    margin: 20px 0 10px;
}

ul.list-keunggulan {
    list-style: none;
    padding: 20px 0;
    margin: 0 25px;
}

ul.list-keunggulan>li {
    font-size: 18px;
    padding: 10px 0;
}

img.check-logo {
    width: 25px;
    margin-right: 30px;
}

.btn-scroll-package_2 {
    border: 1px solid #F7A527;
    background-color: #fff;
    color: #F7A527;
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 6px 0 10px;
    box-shadow: 2px 2px 5px grey;
    width: 90%;
}

.col-price-package {
    padding: 0 20px;
}

.background-bluesky {
    background-color: #fff;
    padding: 10px 20px 30px;
}

.package-reseller-price {
    background-color: #dcf0f7;
    border-radius: 8px;
    padding: 0 20px 20px;
    margin-top: 40px;
}

p.package-price-title {
    color: #4d64a8;
    font-size: 24px;
    font-weight: 700;
}

p.package-price-title2 {
    color: #86CFB4;
    font-size: 24px;
    font-weight: 700;
}

p.package-price-title3 {
    color: #70C6DD;
    font-size: 24px;
    font-weight: 700;
}

.col-blue {
    background-color: #17404A;
    margin: 10px -5px;
    padding: 10px 20px;
}

.col-blue p,.col-greentea p,.col-youngblue p {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.col-greentea {
    background-color: #86CFB4;
    margin: 10px -5px;
    padding: 10px 20px;
}

.col-youngblue {
    background-color: #71C5DD;
    margin: 10px -5px;
    padding: 10px 20px;
}

.package-list {
    margin-top: 10px;
    font-size: 16px;
    color: #000;
}

.btn-whatsapp {
    text-align: center;
    background-color: #29A71A;
    padding: 10px 0;
}

.img-phone-scroll {
    width: 20px;
    margin-top: 10px;
}

.space-footer {
    height: 50px;
}

.col-whatsapp {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}

.red-bonus {
    font-size: 20px;
    color: #17404A;
}}








.nav-pills>li>a>.badge {
    margin-left: 3px;
}






.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    line-height: 1;
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner>.item.next,.carousel-inner>.item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    .carousel-inner>.item.prev,.carousel-inner>.item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    .carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
        left: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    };
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control:hover,.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev,.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    };
}



.visible-print {
    display: none!important;
}

@media print {
    .visible-print {
        display: block!important;
    }

    table.visible-print {
        display: table!important;
    }

    tr.visible-print {
        display: table-row!important;
    }

    th.visible-print,td.visible-print {
        display: table-cell!important;
    };
}

.visible-print-block {
    display: none!important;
}

@media print {
    .visible-print-block {
        display: block!important;
    };
}

.visible-print-inline {
    display: none!important;
}

@media print {
    .visible-print-inline {
        display: inline!important;
    };
}

.visible-print-inline-block {
    display: none!important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important;
    };
}

@media print {
    .hidden-print {
        display: none!important;
    };
}

.tombol-daftar:focus {
    outline: none;
}

.tombol-daftar {
    border: none;
    background-color: #ff8400;
    color: #fff;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 6px;
    margin: 12px 0 10px;
    box-shadow: 2px 2px 5px grey;
    display: inline-block;
}

.tombol-daftar:hover,.tombol-daftar:focus,.tombol-daftar:active {
    text-decoration: none;
    color: white;
    background-color: #ffb300;
}

#atcSabar, #atcIkhlas, #atcTawakkal {
    background: none;
    border: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';

.slick-loading .slick-list {
    background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}

@font-face {
    font-family:'slick';font-weight:400;font-style:normal;src:url(../fonts/slick.html);src:url('http://alaydrus.co.id/agenvici/assets/fonts/slickd41d.html?#iefix') format('embedded-opentype'),url(http://alaydrus.co.id/agenvici/assets/fonts/slick.woff) format('woff'),url(fonts/slick.html) format('truetype'),url('fonts/slick-2.html#slick') format('svg');
}

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}