@import "style-mesin-antrian-2.css";
/*
    Development By InDeo
    2018
*/

body#mesinAntrianProduk a#mesinAntrianProduk,
body#mesinAntrianTentang a#mesinAntrianTentang,
body#mesinAntrianKeunggulan a#mesinAntrianKeunggulan,
body#mesinAntrianWhychooseus a#mesinAntrianWhychooseus,
body#mesinAntrianTestimoni a#mesinAntrianTestimoni {
    border-bottom: 2px solid #9f0c0c !important;
}

.text-thin {
    font-weight: 300;
    color: #333 !important;
}
.text-thick {
    color: #ff9c00;
}
.mobile {
    display: none;
}

/*Navbar*/
.navbar-mesin_antrian .header{
    background: #fff;
    border-top: 1px solid #eaeaea;
}

.main-menu .navbar-mesin_antrian-nav>li>a:not(.btn){
    color: #444;
    /*font-weight: 500;*/
    /*margin: 20px 0;*/
}

.main-menu .navbar-mesin_antrian-nav>li:hover>a, 
.main-menu .navbar-mesin_antrian-nav>li.active>a {
    background: none;
    border-bottom: 2px solid #9f0c0c !important;
}

.logo-product-mesin_antrian {
    height: 50px;
    margin-top: 25px;
}
.navbar-second-mesin_antrian .navbar-fived-mesin_antrian-right ul li a {
    color: #444 !important;
    font-weight: bold !important;
}
.navbar-second-mesin_antrian .navbar-fived-mesin_antrian-right ul li a:hover {
    border-bottom: 2px solid #444 !important;
}
.nmesin_antrianDr {
    color: #fff !important;
    background-image: linear-gradient(206deg, #eb3244, #f4754b) !important;
    padding: 1px 18px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
}
.drmesin_antrian {
    color: #fff !important;
    background: #9f0c0c !important;
    padding: 1px 18px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
}
.secondary_mesin_absensi .header{
    height: 100px !important;
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #eaeaea;
    margin-top: -53px;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* Pos Header */
.mesin_antrian {
    /*padding-top: 20px;*/
}
.mesin_antrian_header_detail_left {
    
}
.phdl_title {
    background: #444;
    color: #fff;
    padding: 7px 20px;
    height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.phdl_title p {
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Slider */
.carousel_mesin_antrian_cta {
    text-align: center;
}
.carousel_mesin_antrian_cta a:nth-child(1) {
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    color: #444;
    padding: 12px 25px;
    border: 1px solid #444;
    text-shadow: none !important;
    border-radius: 50px;
    margin-right: 5px;
}
.carousel_mesin_antrian_cta a:nth-child(2) {
    background: #006c5d;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 12px 25px;
    border: 1px solid #006c5d;
    text-shadow: none !important;
    border-radius: 50px;
    margin-left: 5px;
}
.carousel_mesin_antrian .carousel-indicators {
    bottom: 0px !important;
}

.carousel_mesin_antrian .carousel-indicators .active {
    background-color: #ffce5a !important;
}
.carousel_mesin_antrian .carousel-indicators li {
    background-color: #cecece !important;
}

/*List list_mesin_antrian*/
.list_mesin_antrian {
    margin: 0 auto;
    /*max-width: 800px;*/
}
.list_mesin_antrian_title {
    font-weight: 300;
    color: #444;
    text-transform: uppercase;
    font-size: 1.125em;
}
.list_mesin_antrian_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list_mesin_antrian_item {
    visibility: hidden;
}
.list_mesin_antrian_item:last-child {
    border-bottom: 0;
}
.list_mesin_antrian_item.is-active {
    
}
.list_mesin_antrian_item.is-active .list_mesin_antrian_itemTitleWrap::after {
    -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}

.list_mesin_antrian_item.is-active .list_mesin_antrian_itemContent {
    background: #f1f1f1;
}

.list_mesin_antrian_itemTitleWrap {
    height: 45px;
    align-items: center;
    color: #444;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    border-top: 1px solid transparent !important;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #f6f7f8;
}
.list_mesin_antrian_itemTitleWrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.list_mesin_antrian_itemTitleWrap.is-active::after, .list_mesin_antrian_itemTitleWrap:hover::after {
}
.list_mesin_antrian_itemTitleWrap p {
    font-size: 15px;
    font-weight: normal;
    line-height: 45px;
    width: 500px;
}
.list_mesin_antrian_itemTitleWrap span,
.list_mesin_antrian_itemTitleWrap a {
    color: #444;
}
.list_mesin_antrian_itemTitleWrap .ci_cc {
    opacity: 0;
}
.list_mesin_antrian_item.is-active .ci_dc {
    display: none;
}
.list_mesin_antrian_item.is-active .ci_cc {
    opacity: 1;
}
.list_mesin_antrian_item.is-active .ci_title {
    color: #9f0c0c;
    font-weight: 500;
}

.list_mesin_antrian_itemContent {
    font-size: 0.875em;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    padding: 0 1.25em;
}
.list_mesin_antrian_itemContent ul li {
    margin-left: -40px;
}
.list_mesin_antrian_itemContent ul li a {
    color: #444;
    font-size: 13px;
}
.list_mesin_antrian_itemContent ul li a:hover {
    color: #9f0c0c;
}
.list_mesin_antrian_itemContent p {
    margin: 2em 0;
}
.cic_detail {
    padding-bottom: 40px;
}
.cic_title p {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.cic_detail ul li {
    list-style-type: disc !important; 
}
.ci_title_all {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    color: #9f0c0c !important;
}
.mah_1 {
    display: none;
}

.vidio-testimoni-index iframe {
    height: 310px;
    width: 100%;
}

/*carousel_mesin_antrian*/
.carousel_mesin_antrian .carousel-inner>.item>img {
    height: 489px !important;
    width: auto;
}

/* =============== mesin_antrian_img_detail ===============*/
.mesin_antrian_img_detail {
    padding-top: 40px;
    padding-bottom: 60px;
}

/* =============== mesin_antrian_tentang =================*/
.section_title_one {
    position: relative;
    overflow: hidden;
}
.section_title_one h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    background-color: #ffffff;
    padding: 10px 25px;
    margin: 0;
    margin-left: 40px;
    float: left;
    position: relative;
    z-index: 3;
}
.section_title_one::before {
    font-size: 40px;
    color: #cccccc;
    line-height: 46px;
    font-family: "Oswald", sans-serif;
    content: attr(data-title);
    font-weight: 700;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding-left: 25px;
    background-color: #ffffff;
}
.section_title_one::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    z-index: -1;
}
.mesin_antrian_tentang_2 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mesin_antrian_tentang_2 .pt2_detail {
    
}
.mesin_antrian_tentang_2 p:nth-child(1) {
    font-size: 25px;
    line-height: 1.3;
    padding-bottom: 10px;
    font-weight: 500;
}
.mesin_antrian_tentang_2 p:nth-child(2) {
    text-align: justify;
}
.pt2_detail_cta {
    padding-top: 20px;
}
.pt2_detail_cta a {
    font-size: 14px;
    font-weight: 700;
    text-align: justify;
    background: #9f0c0c;
    padding: 10px 25px;
    border-radius: 50px;
    color: #fff;
}

.mesin_antrian_tentang_box_parent {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
.mesin_antrian_tentang_box_img {
    text-align: center;
    margin-bottom: 40px;
}
.mesin_antrian_tentang_box_img img {
    border: 1px solid #eaeaea;
}
.mesin_antrian_tentang_img_about {
    padding-bottom: 20px;
}

/* Keunggulan */
.mesin_antrian_keunggulan {
    padding-top: 60px;
    padding-bottom: 60px;
}
.mak2 {
    padding-top: 40px;
    padding-right: -20px;
    padding-left: -20px;
}
.mak2_1 {
    background: #f6f7f8;
    padding: 15px 15px;
}
.mak2_1_icon {
    font-size: 25px;
    display: block;
    background-color: #ff9c00;
    width: 80px;
    border-radius: 0 0 50px 50px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    padding: 22px 19px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -40px;
}
.mak2_1_detail {
    padding-top: 100px;
}
.mak2_1_detail p:nth-child(1) {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.mak2_1_detail p:nth-child(2) {
    font-size: 15px;
    text-align: center;
}
.mak2_1:hover .mak2_1_icon {
    padding-top: 40px;
}

/* mesin_antrian_cta_center */
.mesin_antrian_cta_center {
    background: url(../images/assets/mesin-antrian/tentang-2.jpg) no-repeat center fixed;
    background-size: cover;
    height: auto;
    padding-top: 80px;
    padding-bottom: 60px;
}
.macc_1 {
    color: #fff;
}
.macc_1 p:nth-child(1) {
    font-size: 25px;
    font-weight: 700px;
    padding-bottom: 10px;
    line-height: 1.4;
}
.macc_1 p:nth-child(2) {
    font-size: 23px;
    font-weight: 500px;
}
.macc_1_cta {
    padding-top: 40px;
}
.macc_1_cta a {
    color: #fff;
    background: #9f0c0c;
    padding: 10px 20px;
    border-radius: 50px; 
}


/* mesin_antrian_produk_rincian_produk */
.mesin_antrian_produk_rincian_produk  {
    padding-top: 60px;
}

/* Testimoni */
.testimoni_clients_mesin_antrian {
    padding-top: 40px;
    padding-bottom: 40px;
}
.testimoni_clients_mesin_antrian a h4 {
    color: #333;
}

/* Contact */
.contact_add_on {
    padding-top: 60px;
}
.title_contact_add_on h2{
    padding-bottom: 20px;
    color: #ff9c00;
}
.contact_add_on_information {
    border: 2px solid #f5f5f5;
    background: #f5f5f5;
    margin-top: 50px;
    margin-bottom: 70px;
    border-radius: 6px;
}
.contact_add_on_information p:nth-child(1){
    font-size: 25px;
    font-weight: 500;
    padding-top: 50px;
    padding-bottom: 30px;
    padding-left: 17px;
}
.contact_add_on_information .form-horizontal .form-control {
    margin-bottom: 20px;
    height: 50px;
}
.contact_add_on_information .form-horizontal .btn-submit {
    float: right;
    margin-right: 15px;
    margin-bottom: 30px;
}
.btn-wa-cd {
    font-size: 14px;
    background: #006c5d;
    color: #fff;
    font-weight: bold;
    padding: 5px 25px;
    border-radius: 100px;
    border: 1px solid #006c5d;
}
.cd_info_surabaya {
    margin-top: 115px;
}
.cd_info_surabaya ul {
    font-size: 14px;
    margin-left: -20px;
}
.cd_info_surabaya ul li {
    display: inline-block;
}
.cd_info_surabaya_social {
    padding-top: 20px;
}
.cd_info_surabaya_social li{
    font-size: 30px;
    padding-right: 10px;
}
.cd_info_surabaya_social .fa{
    color: #ff9c00;
}

/* =================== mesin_antrian_produk_detail ====================== */
.mesin_antrian_produk_detail {
    padding-bottom: 50px;
}
.mesin_antrian_produk_detail .mapd_2 {
    /*margin-left: 20px;
    margin-right: -20px;*/
}
.mapd_select_1 {
    margin-left: -20px;
}
.mapd_select_1 p {
    font-size: 25px;
    font-weight: 700;
    padding-top: 7px;
}
.mapd_select {
    text-align: right;
    margin-left: 30px;
    margin-right: -10px;
}
.mapd_select sup {
    font-size: 16px;
    font-weight: 500;
}
.mapd_select a:nth-child(2) {
    font-size: 30px;
    padding-right: 10px;
    padding-left: 5px;
}
.mapd_select a:nth-child(3) {
    font-size: 30px;
    margin-right: -40px;
} 
/*mapd_product_detail*/
.mapd_product_detail {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    margin-bottom: 40px;
}
.mapd_product {
    padding-top: 20px;
}
.mapd_product_detail_1 {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f6f7f8;
}
.mapd_product_detail_1 img {
    display: block;
    margin: 0 auto;
    height: 200px;
    width: auto;
}
.mapd_product_detail_2 {
    padding: 7px 20px;
}
.mapd_product_detail_2 p:nth-child(1) {
    font-size: 14px;
}
.mapd_product_detail_2 p:nth-child(2) {
    margin-top: -12px;
    color: #333;
    font-weight: 500;
}
.mapd_product_detail_3 {
    position: absolute;
    top: 290px;
    left: 45%;
    transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    opacity: 0;
}
.mapd_product_detail_3 i {
    padding: 8px 8px;
    background: #fff;
    border-radius: 100%;
    margin-right: -35px;
    position: relative;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mapd_product_detail_3 a {
    color: #fff;
    background: #9f0c0c;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
}
.mapd_product_detail:hover .mapd_product_detail_3 {
    opacity: 1;
    transition: 1s;
}
.mapd_product_detail:hover .mapd_product_detail_1 img {
    opacity: 0.5;
    transition: 1s;
}

.mapd_select .fa {
    color: #666;
}
.mapd_select .fa-th {
    color: #ffb300;
}

/*mapd_product_2*/
.mapd_product_2 {
    padding-top: 20px;
}
.mapdp2_detail {
    background: #f6f7f8;
    padding: 40px 10px;
    height: 320px;
    margin-bottom: 40px;
}

.mp2d_1 p:nth-child(1) {
    font-size: 14px;
}
.mp2d_1 p:nth-child(2) {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    margin-top: -13px;
}

.mp2d_1 p:nth-child(3) {
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
}
.mp2d_1_2_a {
    margin-top: -40px;
}
.mp2d_1_2 i {
    padding: 8px 8px;
    background: #fff;
    border-radius: 100%;
    margin-right: -32px;
    position: relative;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mp2d_1_2 a {
    color: #fff;
    background: #9f0c0c;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
}

/* ==================================== mesin_antrian_produk_rincian_detail ==========================*/
.maprd_1 {
    background: #f6f7f8;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    margin-bottom: 30px;
}
.maprd_1 img {
    display: block;
    margin: 0 auto;
    height: 280px;
    width: auto;

}

.mp2d_1_detail p:nth-child(1) {
    font-size: 14px;
}
.mp2d_1_detail p:nth-child(2) {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    margin-top: -13px;
}

.mp2d_1_detail p:nth-child(3) {
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
}
.mp2d_1_detail p:nth-child(4) {
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
}
.mp2d_1_detail p:nth-child(5) {
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
}
.mp2d_1_detail_2_a {
    margin-top: 30px;
}
.mp2d_1_detail_2 a {
    color: #fff;
    background: #9f0c0c;
    padding: 12px 30px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
}
.mp2d_1_detail ul li {
    list-style-type: decimal !important;
}
/* mesin_antrian_produk_rincian_description */
.mesin_antrian_produk_rincian_description {
    padding-top: 100px;
}
.maprds_1 {
    background: #3c3e3c;
    height: 75px;
    text-align: center;
}
.maprds_1 ul li {
    display: table-cell;
    width: 1%;
}
.maprds_1 ul li a {
    line-height: 75px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
/*maprds_2*/
.maprds_2 {
    background: #fbfbfb;
    margin-bottom: 60px;
}
.maprds_2_1 {
    padding: 30px 30px;
}
.maprds_2_1 p {
    font-size: 18px;
    font-weight: 500;
}
.maprds_2_1 ul {
    margin-left: -20px;
}
.maprds_2_1 ul li {
    font-size: 14px;
    list-style-type:disc;
    text-align: justify;
}
.maprds_1 .active a {
    color: #ffb300;
}
.maprds_2_1 {
    padding: 30px 30px;
}
.maprds_2_1_1 img:hover {
    opacity: 0.5;
}
.maprds_2_1_1 .maprds_2_1_1_p {
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 700;
}
.maprds_2_1_1 .maprds_2_1_2_p {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    margin-top: -10px;
}
.mapd_product_detail_carausel {
    padding-top: 50px;
    padding-bottom: 10px;
}
.mapd_product_detail_carausel img {
    height: 150px !important;
    width: auto !important;
}
.mapd_product_detail_carausel .mapd_product_detail_3 {
    top: 240px !important;
}
.mapd_product_detail_carausel .owl-theme .owl-nav [class*=owl-] {
    display: none;
}
.mapd_product_detail_cta {
    padding-bottom: 60px;
}
.mapd_product_detail_cta a {
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: underline !important;
    color: #ffb300;
}
.maprds_2_1_lanjutan {
    padding-left: 30px;
    padding-right: 30px;
    text-align: justify;
    font-size: 14px;
}
.maprds_2_1_lanjutan ul li {
    list-style-type:disc;
}

/* Keunggulan */
.mesin_antrian_keunggulan_header {
    background: #fef3e1;
}
.makh_teks {
    height: 225px;
    width: auto;
}
.mesin_antrian_keunggulan_carausel {
    padding-top: 60px !important;
}
.makh_teks p:nth-child(1) {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 70px;
    padding-left: 5px;
    padding-right: 5px;
}
.makh_teks p:nth-child(2) {
    text-align: center;
    font-size: 20px;
    padding-bottom: 60px;
}
.mesin_antrian_keunggulan_detail .mak2{
    padding-bottom: 50px !important;
}


.makh_img_left {
    float: left;
}
.makh_img_right {
    float: right;
}
.mesin_antrian_hidden_sm {
    display: none;
}
.makh_img img {
    height: 225px;
    width: auto;
}

/* tentang */
.mesin_antrian_tentang_detail {
    padding-top: 50px;
    padding-bottom: 80px;
}


/* Why Choose Us */
.wcu-mesin-antrian {
    padding-top: 30px;
}
.wcu-mesin-antrian .row{
    padding-top: 80px;
}
.fingerprint-wcu-box {
    text-align: center;
    margin-bottom: 40px;
}
.fingerprint-wcu-box-img {
    padding-bottom: 25px;
}
.fingerprint-wcu-box-img img {
    display: block;
    margin: 0 auto;
    max-height: 120px;
}
.fingerprint-wcu-box-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 7px;
}
.fingerprint-wcu-box-desc p {
    color: #666;
    font-size: 15px;
}
.fingerprint-wcu-box-desc {
    height: 100px;
}