/******************************************************************
Theme Name: Phintraco Themes 2021
Theme URI: http://www.themble.com/bones
Version: 1.3
Tags: flexible-width, translation-ready, microformats, rtl-language-support

Happy Developing!
******************************************************************/

/* =========== for all dekstop version css ============*/
a{text-decoration: none;}
html {scroll-behavior: smooth;}
*{font-family: 'Open Sans', sans-serif;}

/* =========== Header */
.logo-header-img, .logo-footer-img{width: 245px;}
.title-header{
    color:#1C355E;
    font-size: 16px;
    font-weight: 500;
    margin-right: 15px;
}
.title-header:hover{
    border-bottom: 3px solid#1C355E;
    font-weight: 600;
}
.title-header.active{
    border-bottom: 3px solid#1C355E;
    font-weight: 600;
}
.title-header-submenu{
    color:#1C355E;
    font-size: 16px;
    font-weight: 500;
    margin-right: 15px;
}
.title-header-submenu:hover{
    background-color:#1C355E;
    color:#FFFFFF;
}
/* Dropdown Menu */
.dropdown-menu{
    background:#FFFFFF;
    opacity: 1;
    padding: 10px 0 10px 0;
}
.dropdown-menu li{position: relative;}
.nav-item .submenu{ 
    display: none;
    position: absolute;
    left: 100%; 
    top: -9px;
}
.nav-item .submenu-left{ 
    right: 100%; 
    left: auto;
}
.dropdown-menu > li:hover{background: transparent;}
.dropdown-menu > li:hover > .submenu{display: block;}
.navbar .nav-item .dropdown-menu{display: none;}
.navbar .nav-item:hover .dropdown-menu{display: block;}
.navbar .nav-item .dropdown-menu{margin-top:0;}

/* =========== Footer */
.footer-home{
    background:#1C355E;
    padding: 50px 0 30px 0;
}
.unduh-floating{
    background:#FFFFFF;
    padding: 20px;
    position: fixed;
    bottom: 60px;
    right: 15px;
    width: auto;
    z-index: 10;
    cursor: pointer;
    border-radius: 15px;
}
.unduh-icon{
    width: 30px;
    height: 30px;
}
.icon-cont-detail, .txt-cont-detail{font-size: 14px;}
.txt-followus{font-size: 18px;}
.icon-socmed-footer{
    color:#FFFFFF;
    font-size: 20px;
}
.txt-footer-menu{font-size: 15px;}
li.txt-footer-submenu{
    color:#B7B7B7;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 8px;
    padding-left: 0px;
}
.txt-footer-submenu:hover{
    color:#FFFFFF;
    font-weight: bold;
}
#ojk-max-width{max-width: 850px;}
.ojk-logo{width: 100%;}
.ojk-logo-diawasi{width: 200px;}
.footer-line-white{border-bottom:2px solid#FFFFFF;}
.footer-copyright{
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0px;
}
.txt-disclaimer{
    font-size: 20px;
    font-weight: 600;
}
.desc-disclaimer{
    font-size: 14px;
    line-height: 30px;
}

/* =========== Back To Top */
#TOP{
    position: fixed;
    bottom: 150px;
    right: 30px;
    z-index: 10;
    font-size: 26px;
    border: none;
    background:#1C355E;
    color:white;
    cursor: pointer;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    box-shadow: 0 5px 5pxrgba(0,0,0,.25);
    transition: .2s;
}
#TOP:hover{
    opacity: .75;
    box-shadow: 0 5px 10pxrgba(0,0,0,.5);
    transition: .2s;
}

/* =========== Breadcrumb */
#bg-breadcrumb{
    background:#F1F1F1;
    padding: 10px 0;
    margin-top: 80px;
}
.title-breadrumb{
    font-size: 14px;
    font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color:#000000;
}
.breadcrumb-item.active{ color:#1C355E;}

/* =========== Pagination */
.custom-pagination{
    text-align: left;
    margin-top: 20px;
}
.page-numbers{
    border: 1px solid#33496E;
    padding: 15px;
    margin-right: 5px;
    border-radius: 5px;
    background: transparent;
    color:#33496E;
    font-size: 14px;
}
.page-numbers:hover{
    background:#1C355E;
    border: unset;
    color:#FFFFFF;
}
.prev, .next{display: none;}
.current{
    background:#1C355E;
    border: unset;
    color:#FFFFFF;
}

/* =========== Global */
#phintas, #profits, #brokerage, #research, #berita, #about, #berita, #faq, #contact, #investment, #layanan{padding: 60px 0;}
#ttg-visi-misi, #management-organisasi, #struktur-organisasi{padding: 50px 0;}
.txt-global{
    font-size: 34px;
    font-weight: 600;
    letter-spacing: .3px;
}
.desc-global{
    color:#717171;
    font-size: 16px;
    line-height: 25px;
    width: 50%;
}

/* =========== Home */
/* Banner */
#banner{margin-top: 50px;}
.banner-img{
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    padding: 0px;
}
.pad-left{padding: 230px 0 50px 0;}
/* .txt-banner{
    font-size: 50px;
    font-weight: bold;
    line-height: 58px;
    width: 50%;
}
.desc-banner{
    font-size: 20px;
    line-height: 30px;
}
.btn-banner{
    background:#1C355E;
    color:#FFFFFF;
    font-size: 16px;
    padding: 12px;
    width: 35%;
}
.btn-banner:hover{
    background:#FFFFFF;
    color:#1C355E;
} */
/* Profits */
.txt-phintas{
    color:#33496E;
    font-size: 26px;
    line-height: 35px;
}
.desc-phintas, .desc-profits{
    color:#717171;
    font-size: 16px;
    line-height: 25px;
}
.card-phintas-det{
    background:#FFFFFF;
    padding: 32px 15px;
    border-radius: 10px;
}
.number-phintas-det{
    color:#33496E;
    font-size: 30px;
    font-weight: 700;
}
.title-phintas-det{
    font-size: 18px;
    font-weight: 500;
}
.btn-profits{
    background:#33496E;
    color:#FFFFFF;
    font-size: 16px;
    padding: 12px;
    width: 100%;
}
.btn-profits:hover{
    background: transparent;
    color:#33496E;
    border: 1px solid#33496E;
}
.btn-profits-web{
    background: transparent;
    border: 1px solid#33496E;
    color:#33496E;
    font-size: 16px;
    padding: 12px;
    width: 100%;
}
.btn-profits-web:hover{
    background:#33496E;
    color:#FFFFFF;
}
/* Brokarage */
.card-brokarage{
    border-radius: 10px;
    padding: 20px;
    width: 90%;
    height: 100%;
    margin: auto;
}
.title-brokarage{
    color:#33496E;
    font-size: 18px;
    font-weight: bold;
}
.desc-brokarage-home{
    font-size: 14px;
    line-height: 22px;
}
.goto-brokarage{
    font-size: 14px;
    font-weight: bold;
}
/* Research */
.txt-research{
    color:#33496E;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    height: 60px;
}
.img-research-grid{
    height: 250px;
    object-fit: cover;
}
.txt-research-grid{
    color:#33496E;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    height: 60px;
}
.icon-research{width: 14px;}
.date-research, .author-research{
    color:#717171;
    font-size: 14px;
    font-weight: 400;
}
.desc-research{
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    height: 90px;
    text-align: justify;
}
.goto-research{
    color:#33496E;
    font-size: 14px;
}
.btn-goto-post{
    background:#1C355E;
    padding: 15px 25px;
    border-radius: 10px;
    color:#FFFFFF;
    font-size: 14px;
    letter-spacing: .3px;
    margin-top: 30px;
}
.btn-goto-post:hover{
    background:#FFFFFF;
    border-color: #1C355E;
    color:#1C355E;
}

/* =========== Tentang */
.txt-top-tentang{
    margin-top: 80px;
    background:#1C355E;
    padding: 20px; 
}
.nav-management, .nav-faq, .nav-contact, .nav-produk{
    background: transparent;
    color:#000000;
    font-size: 18px;
    font-weight: 300;
    padding: 20px 0;
    border: unset;
}
.nav-management.active, .nav-faq.active, .nav-contact.active, .nav-produk.active{
    color:#33496E;
    font-weight: bold;
    border-bottom: 2px solid#33496E;
}
.txt-tentang, .txt-visi, .txt-misi{
    color:#33496E;
    font-size: 26px;
    font-weight: 600;
    line-height: 35px;
}
.desc-tentang, .desc-visi, .desc-misi{
    color:#717171;
    font-size: 16px;
    line-height: 28px;
}
.name-management{
    font-size: 20px;
    font-weight: 600;
}
.role-management, .value-izin{
    color: #717171;
    font-size: 16px;
}
#jumlah-izin, #subsidiaries{
    padding: 50px 0;
    max-width: 800px;
    margin:auto;
}
.card-izin{
    border-radius: 10px;
    padding: 30px;
    width: 75%;
    margin: auto;
}
.nama-izin{
    color:#33496E;
    font-size: 22px;
    font-weight: 600;
}
.img-member-of{
    width: 100%;
    height: 70px;
    object-fit: contain;
}
#leftarrowgroup{
    --swiper-navigation-size: 12px;
    background:#EDEDED;
    height: 30px;
    width: 30px;
    top: 20px;
    color:#ADACAC;
    border-radius: 40px;
    margin-right: -10px;
}
#rightarrowgroup{
    --swiper-navigation-size: 12px;
    background:#EDEDED;
    height: 30px;
    width: 30px;
    top: 20px;
    color:#ADACAC;
    border-radius: 40px;
    margin-left: -10px;
}
#leftarrowgroup:hover, #rightarrowgroup:hover{
    background:#1C355E;
    border-color: transparent;
    color:#FFFFFF;
}
.txt-pedoman-dir-kom{
    color:#33496E;
    font-size: 20px;
    font-weight: 600;
}
.desc-pedoman-dir-kom{
    font-size: 16px;
    line-height: 30px;
}
.desc-tata-kelola{
    color: #717171;
    font-size: 16px;
    line-height: 30px;
}

/* =========== Produk */
#bg-investment{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}
.vertical-center{padding-top: 150px;}
.txt-big-investment{font-size: 38px;}
.desc-big-investment{
    font-size: 20px;
    line-height: 33px;
    width: 50%;
}
.txt-investment, .txt-layanan{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.txt-layanan{color:#33496E;}
.desc-investment, .desc-brokarage, .desc-layanan{
    font-size: 16px;
    line-height: 30px;
}

/* =========== Berita */
.img-big-berita{
    height: 200px;
    object-fit: cover;
}
.txt-berita{
    color: #33496E;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 30px;
}
.desc-berita{
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    height: 90px;
}
.goto-berita{
    color:#33496E;
    font-size: 15px;
}
#search-field{
    width: 70%;
    height: 45px;
    border-radius: 10px;
    border: 1px solid#000000;
    margin-right: 10px;
    padding: 10px;
    font-size: 14px;
}
#btn-search-field{
    background-color:#1C355E;
    height: 45px;
    border-radius: 10px;
    color:#FFFFFF;
    padding: 10px;
    font-size: 14px;
    border: unset;
}
/* Single Berita */
.txt-archive a{
    color:#33496E;
    font-size: 24px;
    font-weight: 400; 
}
.icon-single-berita, .date-single-berita{font-size: 16px;}
.txt-single-berita{
    font-size: 24px;
    font-weight: 600;
    line-height: 35px;
}
.desc-single-berita{
    font-size: 16px;
    line-height: 30px;
}
.see-pdf{
    background:#F1F1F1;
    padding: 30px;
}

/* =========== FAQ */
.txt-faq{
    color:#33496E;
    font-size: 18px;
    font-weight: 600;
}
.desc-faq{
    font-size: 16px;
    line-height: 30px;
}

/* =========== Contact */
.txt-kontakami{
    color:#33496E;
    font-size: 20px;
    font-weight: 600;
}
.desc-kontakami{
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}

/* ================================== Section Responsive ================================== */
/* Add Screen */
@media only screen and (min-width:992px){
    /* Dropdown Menu */
    .dropdown-menu li {position: relative;}
	.nav-item .submenu{
        display: none;
        position: absolute;
        left: 100%; 
        top: -9px;
	}
	.nav-item .submenu-left{
        right: 100%; 
        left: auto;
	}
	.dropdown-menu > li:hover {background: transparent;}
	.dropdown-menu > li:hover > .submenu {display: block;}
    .navbar .nav-item .dropdown-menu{display: none;}
	.navbar .nav-item:hover .dropdown-menu{display: block;}
	.navbar .nav-item .dropdown-menu{margin-top:0;}
}

/* SM */
@media screen and (min-width: 576px) and (max-width: 992px){

}

/* XS */
@media only screen and (max-width:575px){
    .banner-img{
        background-size: contain;
        height: 300px;
    }
    #phintas, #profits, #brokerage, #research, #berita, #about, #berita, #faq, #contact, #investment, #layanan,
    #ttg-visi-misi, #management-organisasi, #struktur-organisasi, #jumlah-izin, #subsidiaries{padding: 30px 0;}
    .txt-global{font-size: 28px;}
    .txt-big-investment{
        font-size: 26px;
        line-height: 35px;
    }
    .txt-phintas, .number-phintas-det, .txt-tentang, .txt-visi, .txt-misi{font-size: 22px;}
    .nama-izin, .txt-archive a{font-size: 20px;}
    .name-management, .txt-kontakami, .txt-pedoman-dir-kom, .txt-investment, .txt-layanan{font-size: 18px;}
    .txt-faq{
        font-size: 17px;
        line-height: 22px;
    }
    .title-phintas-det, .title-brokarage, .txt-research-grid{font-size: 16px;}
    .nav-management, .nav-faq, .nav-contact, .nav-produk{
        font-size: 16px;
        padding: 10px 0;
    }
    .desc-big-investment{
        font-size: 16px;
        line-height: 28px;
        width: 100%;
    }
    .desc-investment{
        font-size: 15px;
        line-height: 26px;
    }
    .desc-phintas, .role-management, .desc-kontakami{font-size: 14px;}
    .desc-tentang, .desc-visi, .desc-misi, .desc-faq, .desc-pedoman-dir-kom, .desc-brokarage, .desc-layanan{
        font-size: 14px;
        line-height: 25px;
    }
    .btn-profits-web, .btn-profits{
        font-size: 14px;
        padding: 10px;
    }
    .card-phintas-det{padding: 25px 0;}
    .vertical-center{padding-top: 100px;}
    .txt-research, .txt-research-grid, .img-research-grid{height: auto;}
    .ojk-logo, .ojk-logo-diawasi, .desc-global{width: 100%;}
}