@font-face {
	font-family: Calibri-Regular;
	src: url('../fonts/Calibri.woff2');
}
@font-face {
	font-family: Calibri-Bold;
	src: url('../fonts/Calibri-Bold.woff2');
}
@font-face {
	font-family: Calibri-BoldItalic;
	src: url('../fonts/Calibri-BoldItalic.woff2');
}
@font-face {
	font-family: Calibri-Italic;
	src: url('../fonts/Calibri-Italic.woff2');
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: Calibri-Regular,Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5{
	font-family: Calibri-Bold,Helvetica,Arial,sans-serif;
}
p{
	font-family: Calibri-Regular,Helvetica,Arial,sans-serif;
}
label, span, ul, li, input{
	font-family: Calibri-Regular,Helvetica,Arial,sans-serif;
}
a{
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
input{
	outline: none;
}
table{
	width: 100%;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.container-content:before,
.container-content:after {
	content: " ";
	display: table;
}
.wrapper {
	position: relative;
	overflow: hidden;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.cotainer-content:after {
	clear: both;
}
.container{
	padding:0 11.6%;
	position: relative;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	opacity: .3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity: .3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	opacity: .3;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity: .3;
}
::-ms-input-placeholder { /* Microsoft Edge */
	opacity: .3;
}
::placeholder { /* Most modern browsers support this now. */
	opacity: .3;
}
.row{
	position: relative;
}
.modal-open {
	overflow: hidden;
}
.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	background-color: #ffffff;
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.modal-content {
	position: relative;
	background-clip: padding-box;
	outline: 0;
	border-radius: 0;
	background-color: #ffffff;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: transparent;
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}
.modal-backdrop.in {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.modal-body {
	position: relative;
	background-color: rgba(255, 255, 255, 1);
	padding: 120px 137px;
}
.modal-footer {
	text-align: center;
	padding: 22px 0;
	border-top: 1px solid #9c9d9f;
	margin: 0;
}
.close{
	width: 28px;
	height: 28px;
	position: absolute;
	top: 38px;
	right: 41px;
	outline: none;
	z-index: 9;
	cursor: pointer;
	line-height: normal;
}
#burger-menu {
	width: 20px;
	height: 17px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	float: left;
	margin-top: 4px;
	display: block;
	border:0;
	outline: none;
	background-color: transparent;
}
#burger-menu span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #ffffff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#burger-menu span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
#burger-menu span:nth-child(2) {
	top: 6px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
#burger-menu span:nth-child(3) {
	top: 12px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.img-responsive{
	width: 100%;
	height: auto;
	object-fit: cover;
}
img.logo {
	width: 145px;
}
.top-header {
	position: relative;
	padding: 28px 11.6%;
	padding-bottom: 11px;
	background-color: #ffffff;
}
.right-header {
	float: right;
	margin-top: 60px;
}
.search-section img {
	width: 15px;
	top: 4px;
	position: relative;
}
.search-section {
	display: inline-block;
	margin-right: 41px;
	margin-left: 29px;
	position: relative;
}
.right-header ul {
	display: inline-block;
}
.right-header ul li {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	position: relative;
}
.right-header ul li a {
	color: #1C3967;
}
.right-header ul li:first-child:before {
	content: '|';
	position: absolute;
	right: 0px;
	top: 0px;
	color: #1C3967;
	font-family: Calibri-Regular;
}
.right-header ul li:first-child {
	padding-right: 9px;
}
.right-header ul li.active {
	font-family: Calibri-Bold;
}
.search-section:before {
	content: '';
	position: absolute;
	left: -10px;
	top: 1px;
	background-color: #a8a8a8;
	width: 1px;
	height: 20px;
}
.right-header a {
	font-size: 16px;
	color: #999999;
}
.second-header {
	position: relative;
	padding: 20px 11.6%;
	background-color: rgba(28, 57, 103, 0.24);
	-webkit-box-shadow: 0 4px 6px -2px rgb(72 72 72 / 80%);
	-moz-box-shadow: 0 4px 6px -2px rgb(72 72 72 / 80%);
	box-shadow: 0 4px 6px -2px rgb(72 72 72 / 80%);
}
.second-header li {
	display: inline-block;
	font-size: 17px;
	margin-right: 28px;
}
.second-header li a {
	color: #ffffff;
}
.second-header li:hover a,
.second-header li.active a {
	color: #1C3967;
}
.banner-home, .banner-page{
	margin-top: -59px;
}
.slider-home .swiper-button-prev, .slider-home .swiper-container-rtl .swiper-button-next{
	background-image: url(../img/arrow-banner-left.svg);
	left: 35px;
}
.slider-home .swiper-button-next, .slider-home .swiper-container-rtl .swiper-button-prev{
	background-image: url(../img/arrow-banner-right.svg);
	right: 35px;
}
.header {
	position: relative;
	z-index: 9;
}
.content-banner {
	position: absolute;
	top: 107px;
	left: 11.6%;
}
.title-shadow {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
}
.content-banner p {
	font-size: 18px;
	color: #ffffff;
	font-weight: 400;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
}
.content-banner h2 {
	font-size: 46px;
	font-family: Calibri-Regular;
	color: #ffffff;
	letter-spacing: 0.5px;
	line-height: 50px;
	margin-bottom: 20px;
}
.content-banner span {
	border: 2px solid #ffffff;
	text-transform: uppercase;
	background-color: rgba(28, 57, 103, 0.4);
	border-radius: 5px;
	font-size: 14px;
	display: inline-block;
	letter-spacing: 0.5px;
}
.content-banner span a {
	color: #ffffff;
	padding: 14px 31px;
	display: block;
}
.content-banner span:hover {
	background-color: rgba(28, 57, 103, 0.7);
}
.slider-home .swiper-pagination {
	width: auto;
	left: 11.6%;
	bottom: unset;
	top: 402px;
}
.slider-home .swiper-pagination span.swiper-pagination-bullet{
	margin: 0;
	width: 11px;
	height: 11px;
	background-color: #ffffff;
	opacity: 0.5;
	margin-right: 12px;
}
.slider-home .swiper-pagination span.swiper-pagination-bullet-active {
	width: 29px;
	border-radius: 30px;
	opacity:1;
}
.grid-content-banner {
	width: 33.333333%;
	float: left;
	position: relative;
	padding: 26px 24px;
	color: #ffffff;
	padding-right: 35px;
}
.content-banner-section .row {
	background-color: rgba(28, 57, 103, 0.7);
	padding: 0 120px;
}
.content-banner-section {
	margin-top: -207px;
	z-index: 9;
	position: relative;
}
.grid-content-banner span {
	font-size: 14px;
	letter-spacing: 0.5px;
	margin-bottom: 9px;
	color: #ffffff;
	display: block;
}
.grid-content-banner h3 {
	font-size: 19px;
	margin-bottom: 10px;
	font-family: Calibri-Regular;
	letter-spacing: 0.3px;
	color: #ffffff;
	min-height: 44px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.grid-content-banner p {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.5px;
	min-height: 36px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 37px;
	position: relative;
	color: #ffffff;
}
.grid-content-banner:before {
	content:'';
	width: 75px;
	height: 5px;
	border-radius: 0;
	position: absolute;
	background-color: #B21E50;
	bottom: 32px;
}
.grid-content-banner:nth-child(2):before {
	background-color: #29A3A8;
}
.grid-content-banner:nth-child(3):before {
	background-color: #ffffff;
}
.grid-content-banner:hover {
	background-color: rgba(28, 57, 103, 0.7);
}
.grid-content-banner a{
	display: block;
}
.new-article {
	padding-top: 46px;
	background-color: #e4e8ed;
	padding-bottom: 59px;
}
h2.title {
	font-size: 40px;
	font-family: Calibri-Regular;
	letter-spacing: 1px;
	color: #1C3967;
	position: relative;
	margin-bottom: 51px;
}
.content-article {
	padding: 12px 22px;
	background-color: #ffffff;
}
.content-article h3 {
	font-size: 14px;
	color: #999999;
	font-family: Calibri-Regular;
	margin-bottom: 4px;
}
.content-article h2 {
	font-size: 18px;
	color: #4D4D4D;
	line-height: 22px;
	margin-bottom: 10px;
	min-height: 44px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.content-article p {
	min-height: 40px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #4D4D4D;
	margin-bottom: 5px;
}
.content-article span {
	font-size: 14px;
}
.content-article span a {
	color: #1C3967;
}
.left {
	float: left;
}
.right {
	float: right;
}
.grid-reasurnsi-solution ul {
	margin-left: 19px;
	margin-bottom: 20px;
	list-style: disc;
}
.grid-reasurnsi-solution ul li {
	color: #4D4D4D;
	line-height: 20px;
	font-family: Calibri-Regular;
	margin-bottom: 2px;
	position: relative;
}
.content-article .row {
	margin-top: 22px;
	border-top: 1px solid #999999;
	padding-top: 9px;
	margin-bottom: 6px;
}
.content-article .row span {
	font-size: 12px;
	color: #999999;
}
.content-article .row span img {
	width: 15px;
	margin-right: 5px;
}
.content-article .row .right span {
	color: #B21E50;
	display: inline-block;
}
.content-article .row .right span img {
	vertical-align: text-bottom;
}
.article-slider .swiper-pagination,
.article-slider-desktop .swiper-pagination,
.greeting-slider .swiper-pagination {
	bottom: -1px;
}
.article-slider,
.article-slider-desktop,
.greeting-slider {
	padding-bottom: 50px;
}
.article-slider .swiper-pagination .swiper-pagination-bullet,
.article-slider-desktop .swiper-pagination .swiper-pagination-bullet,
.greeting-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #b1bac9;
	opacity: 1;
	margin: 0 8px;
}
.article-slider .swiper-pagination .swiper-pagination-bullet-active,
.article-slider-desktop .swiper-pagination .swiper-pagination-bullet-active,
.greeting-slider .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #1C3967!important;
}
.article-slider-desktop .grid-article {
	width: 33.3333333333%;
	float: left;
	padding-right: 15px;
}
h2.title:before {
	content: '';
	width: 67px;
	height: 4px;
	background-color: #B21E50;
	position: absolute;
	bottom: -13px;
}
.highlight {
	background-color: #8d9cb3;
	padding-top: 51px;
	padding-bottom: 220px;
}
.grid-side-highlight ul li {
	font-size: 28px;
	background-color: #ffffff;
	margin-bottom: 20px;
	position: relative;
	border-radius: 3px;
}
.grid-side-highlight ul li a {
	display: block;
	padding: 20px;
	color: #1C3967;
}
.grid-side-highlight ul li a img {
	float: right;
	width: 19px;
	position: absolute;
	top: 50%;
	right: 20px;
	transition: all 0.2s ease-in-out;
	transform: translate(0, -50%);
}
.grid-side-highlight {
	float: left;
	width: 60.5%;
	padding-right: 9%;
	border-right: 1px solid #ffffff;
}
.grid-side-highlight h2.title {
	color: #ffffff;
}
.grid-side-highlight ul li:hover {
	background-color: #d1d7e1;
}
.grid-side-highlight ul li:hover img {
	transform: scale(1.2);
	transition: all 0.2s ease-in-out;
}
.grid-list-highlight {
	float: left;
	width: 39%;
	padding-left: 7%;
	padding-right: 8%;
}
.grid-list-highlight li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 3px dotted #ffffff;
}
.grid-list-highlight li:last-child {
	margin: 0;
	padding: 0;
}
.grid-list-highlight li p {
	font-size: 16px;
	color: #ffffff;
	line-height: 19px;
	margin-bottom: 12px;
	min-height: 40px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.grid-list-highlight li h3 {
	font-size: 20px;
	color: #ffffff;
	font-family: Calibri-Regular;
}
.grid-list-highlight li span {
	display: block;
	text-align: right;
	background-color: #B21E50;
	border-radius: 3px;
}
.grid-list-highlight li span a {
	display: block;
	padding: 7px 13px;
	color: #ffffff;
	line-height: 10px;
}
.grid-list-highlight li span a img {
	width: 7px;
	vertical-align: middle;
	margin-left: 5px;
}
.grid-list-highlight li:last-child {
	border: 0;
}
.grid-list-highlight li span h3 {
	text-align: left;
	display: block;
	padding: 7px /*13px*/0 7px 7px;
	line-height: 10px;

	/*font-size: 16px;*/
}

.grid-list-highlight li span.whistle-span {
	width: 180px;
}

.grid-list-highlight li span h3 img {
	width: 7px;
	margin-left: 12px;
	vertical-align: middle;
}
.video-section {
	background-color: #c7ced9;
}
.grid-video {
	width: 750px;
	float: left;
	position: relative;
	margin-top: -162px;
}
.mockup-video{
	background-image: url(../img/pc-mockup.png);
	padding: 24px 19px;
	background-size: 100%;
	padding-bottom: 152px;
	background-repeat: no-repeat;
}
.grid-content-video {
	width: calc(100% - 750px);
	float: left;
	padding-left: 8.5%;
	padding-top: 68px;
}
.grid-content-video h3 {
	font-size: 14px;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	margin-bottom: 5px;
}
.grid-content-video h2 {
	font-size: 24px;
	font-family: Calibri-Regular;
	margin-bottom: 11px;
}
.grid-content-video p {
	width: 300px;
	color: #4D4D4D;
	margin-bottom: 30px;
}
span.btn-more {
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: 0.5px;
	background-color: #B21E50;
	border-radius: 3px;
}
span.btn-more a {
	color: #ffffff;
	padding: 16px 32px;
	display: block;
}
span.btn-more:hover {
	background-color: #8e1a42;
}
.article-image {
	margin-bottom: -5px;
}
.grid-video h2, title {
	color: #ffffff;
}
.news-home {
	padding-top: 40px;
	background-color: #e4e8ed;
	padding-bottom: 75px;
}
.container.news-home-new {
	padding-top: 40px;
	background-color: #e4e8ed;
	padding-bottom: 75px;
}
.grid-news-section {
	width: 100%;
	float: left;
}
.grid-img-news-home {
	float: left;
	width: 260px;
}
.grid-content-news-home {
	float: left;
	width: calc(100% - 260px);
	padding-left: 20px;
}
.grid-img-news-home img {
	width: 100%;
	height: 145px;
	object-fit: cover;
}
.row.grid-news-home {
	float: left;
	width: 50%;
	padding-right: 50px;
	margin-bottom: 20px;
}
.grid-content-news-home span {
	font-size: 14px;
	color: #999999;
	display: block;
	margin-bottom: 2px;
}
.grid-content-news-home h2 {
	font-size: 21px;
	margin-bottom: 16px;
	color: #4D4D4D;
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.grid-content-news-home p {
	width: 335px;
	color: #4D4D4D;
	line-height: 20px;
	min-height: 60px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.grid-news-section span.btn-more {
	margin-top: 20px;
}/*
.grid-twitter-section {
float: left;
width: calc(100% - 735px);
position: relative;
padding-left: 0;
margin-left: 70px;
}*/
.grid-greetings-section {
	float: left;
	width: calc(100% - 425px);
	margin: auto;
}
.grid-twitter-section {
	float: left;
	width: 350px;
	position: relative;
	padding-left: 0;
	margin-left: 70px;
}
.grid-greetings-section .swiper-container {
	max-width: 665px;
	float: left;
}
.twitter-wrapper {
	position: relative;
/*padding: 23px;
padding-right: 33px;*/
}/*
.twitter-wrapper:before {
content: '';
width: 235%;
height: 100%;
background-color: rgb(41 163 168 / 0.2);
position: absolute;
top: 0;
left: 0;
}*/
.container.news-home.new-greet {
	background-color: #bedbe0;
}
/*.grid-greetings-section {
float: left;
width: 665px;
}*/
.grid-img-greet {
	float: left;
	width: 100%;
	margin: 0;
	height: 531px;
}
.grid-img-greet img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vjs-poster {
	background-size: cover!important;
}
.video-js {
	height: 100%;
}
.grid-twitter-section iframe {
	max-width: 350px!important;
	height: 520px!important;
}
.grid-img-greet:nth-child(1) {
	padding-right: 0;
}

.grid-img-greet:nth-child(2) {
	padding-left: 0;
}
.twitter-wrapper img {
	position: relative;
	width: 100%;
}
.row.btn-twitter span {
	font-size: 12px;
	width: 47%;
	float: left;
	display: block;
	text-align: center;
	background-color: #ffffff;
}
.row.btn-twitter span:first-child {
	margin-right: 3%;
}
.row.btn-twitter span:last-child {
	margin-left: 3%;
}
.row.btn-twitter span a {
	color: #4D4D4D;
	display: block;
	padding: 5px;
}
.row.btn-twitter {
	margin-top: 15px;
}
.footer {
	background-color: #1C3967;
	padding: 39px 0;
	padding-bottom: 110px;
}
.grid-footer {
	float: left;
	width: 33.3333333333%;
	position: relative;
}
h2.title-footer {
	font-size: 13px;
	color: #ffffff;
	font-family: Calibri-Regular;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
	padding-bottom: 8px;
}
.grid-footer p {
	font-size: 13px;
	color: #ffffff;
	font-family: Calibri-Regular;
	line-height: 16px;
}
.contact-footer {
	margin-top: 22px;
}
.grid-footer:nth-child(2) {
	padding-right: 7%;
}
.grid-footer:nth-child(3) {
	padding-left: 2.5%;
	padding-right: 5%;
}
.grid-footer:nth-child(4) {
	padding-left: 6.3%;
}
ul.footer-menu {
	float: left;
	width: 50%;
}
ul.footer-menu li {
	font-size: 13px;
	color: #ffffff;
	font-family: Calibri-Regular;
	line-height: 16px;
	padding-bottom: 9px;
}
ul.footer-menu li a {
	color: #ffffff;
}
ul.footer-menu:last-child {
	padding-left: 14%;
}
ul.sosmed-footer li {
	display: inline-block;
	width: 18px;
	margin: 0 9px;
}
ul.sosmed-footer li img {
	width: 100%;
	vertical-align: middle;
}
ul.sosmed-footer li:first-child {
	margin-left: 0;
}
ul.sosmed-footer li:nth-child(2) {
	width: 9px;
}
ul.sosmed-footer li:nth-child(4) {
	width: 22px;
}
ul.sosmed-footer {
	margin-bottom: 21px;
}
.award-footer img:nth-child(2) {
	width: 24.25%;
	vertical-align: middle;
	float: left;
	padding: 10px;
	padding-right: 0;
	padding-left: 13px;
	max-width: 70px;
	margin-bottom: 10px;
}
.award-footer img:nth-child(1) {
	width: 51.5%;
	max-width: 145px;
	vertical-align: middle;
	margin-right: 0;
	float: left;
	margin-top: 23px;
	padding-right: 10px;
}
.award-footer img:nth-child(3) {
	width: 24.25%;
	vertical-align: middle;
	float: left;
	padding: 10px;
	padding-right: 0;
	padding-left: 13px;
	max-width: 70px;
	margin-bottom: 10px;
}
.award-footer {
	margin-bottom: 9px;
}
span.copyright {
	font-size: 13px;
	color: #ffffff;
	font-family: Calibri-Regular;
	line-height: 16px;
	display: block;
	width: 100%;
	clear: both;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-bottom: 27px;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid-modal-video {
	float: left;
	width: 33.3333333%;
	padding: 19px;
}
.modal-body h2 {
	font-size: 32px;
	font-family: Calibri-Regular;
	margin-left: 13px;
	color: #B21E50;
	margin-bottom: 35px;
}
.grid-modal-video span {
	font-size: 14px;
	color: #4D4D4D;
	display: block;
}
.grid-modal-video h3 {
	font-size: 18px;
	color: #4D4D4D;
	font-family: Calibri-Regular;
	font-weight: 600;
	min-height: 40px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.row.pagination {
	text-align: center;
	margin-top: 65px;
	margin-bottom: 65px;
}
.row.pagination li {
	display: inline-block;
	color: #1C3967;
	margin: 0 5px;
}
.row.pagination li.next-prev {
	border: 1px solid #1C3967;
	border-radius: 3px;
}
.row.pagination li a {
	color: #1C3967;
	padding: 4px 8px;
	display: block;
}
.row.pagination li.active {
	border: 1px solid #1C3967;
	border-radius: 3px;
}
.banner-page {
	margin-bottom: 30px;
	position: relative;
	margin-top: -118px;
}
.banner-page img {
	height: 415px;
}
.content-banner-page {
	position: absolute;
	left: 11.6%;
	padding: 32px 39px;
	bottom: -30px;
	background-color: rgb(28 57 103 / 0.7);
	padding-bottom: 44px;
}
.content-banner-page h1 {
	font-size: 40px;
	font-family: Calibri-Regular;
	color: #ffffff;
	position: relative;
}
.content-banner-page h1:before {
	content: '';
	width: 69px;
	height: 4px;
	background-color: #ffffff;
	position: absolute;
	bottom: -13px;
}
.tabs-risk {
	padding: 51px 0;
	background-color: #e9ecf0;
}
.tabs-risk .ui-widget.ui-widget-content {
	border: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}
.tabs-risk .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	float: left;
	width: 180px;
	background-color: transparent;
	border: 0;
	margin-top: 10px;
	padding-right: 20px;
}
.tabs-risk .ui-tabs .ui-tabs-nav li {
	float: unset;
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
	background: transparent;
	font-size: 16px;
	font-family: Calibri-Regular;
	padding-bottom: 7px;
	white-space: break-spaces;
}
.tabs-risk .ui-tabs .ui-tabs-nav li a {
	float: unset;
	color: #4D4D4D;
	padding: 0;
}
.tabs-risk .ui-tabs .ui-tabs-panel {
	width: calc(100% - 180px);
	float: left;
	padding: 0;
}
.tabs-risk .ui-tabs .ui-tabs-panel h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #1C3967;
	border-bottom: 1px solid #1C3967;
	padding-bottom: 16px;
	margin-bottom: 34px;
}
.tabs-risk .ui-tabs .ui-tabs-panel p {
	color: #4D4D4D;
	line-height: 19px;
	margin-bottom: 17px;
}
.tabs-risk .ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-active {
	font-family: Calibri-Bold;
}
.list-article .grid-article {
	float: left;
	width: 33.3333333333%;
	padding: 8px;
	margin-bottom:30px;
}
.list-article .row {
	margin: 0 -8px;
}
.list-article .content-article span {
	display: block;
	margin-bottom: 25px;
}
.list-article {
	background-color: #d2d7e1;
	padding: 60px 0px;
}
h2.title-page {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #1C3967;
	margin-bottom: 29px;
}
.list-article .row.pagination {
	margin-top: 40px;
}
.list-article .row.pagination li.next-prev {
	background-color: #e9ebf0;
	border: 0;
}
.list-article .row.pagination li.active {
	background-color: #e9ebf0;
	border: 0;
}
.bread-crumb-detail {
	padding: 25px 11.6%;
	background-color: rgb(28 57 103 / 0.1);
	margin-top: -4px;
}
.bread-crumb-detail ul li {
	display: inline-block;
	font-size: 16px;
	position: relative;
	padding-right: 21px;
}
.bread-crumb-detail ul li a {
	color: #999999;
}
.bread-crumb-detail ul li:before {
	content: '>';
	font-size: 16px;
	color: #999999;
	position: absolute;
	right: 5px;
}
.bread-crumb-detail ul li:last-child:before {
	display: none;
}
.bread-crumb-detail ul li:last-child {
	font-family: Calibri-Bold;
}
.detail-news {
	position: relative;
}
.shared-detail-news {
	position: absolute;
	right: 11.1%;
	margin-top: 4px;
	z-index: 1;
}
ul.socmed-detail li img {
	width: 100%;
	vertical-align: middle;
}
ul.socmed-detail li {
	display: inline-block;
	width: 24px;
	margin-left: 6px;
}
.shared-detail-news span {
	display: inline-block;
	color: #999999;
	margin-left: 13px;
}
.shared-detail-news span img {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	margin-right: 2px;
}
ul.socmed-detail {
	display: inline-block;
	margin-left: 16px;
}
.content-detail-news span.category {
	color: #999999;
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}
.content-detail-news h2 {
	color: #4D4D4D;
	font-size: 42px;
	font-family: Calibri-regular;
	margin-bottom: 41px;
}
.content-detail-news p {
	color: #4D4D4D;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 19px;
}
.content-detail-news h3 {
	color: #4D4D4D;
	font-size: 30px;
	font-family: Calibri-Regular;
	margin-top: 30px;
	margin-bottom: 10px;
}
.content-detail-news {
	padding-top: 4px;
    font-size:20px;
}
.grid-detail-image {
	float: left;
	width: 440px;
}
.grid-detail-image img {
	width: 100%;
}
.grid-content-detail {
	float: left;
	width: calc(100% - 440px);
	padding-left: 44px;
}
.footer-detail-news {
	margin-top: 50px;
	margin-bottom: 78px;
}
.liked-section span {
	font-size: 18px;
	display: block;
	position: relative;
	padding-left: 23px;
}
.liked-section span:before{
	content: '';
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-image:url(../img/heart.svg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}
.liked-section span a {
	color: #4D4D4D;
}
.liked-section {
	margin-bottom: 41px;
}
.source-detail h4 {
	font-size: 13px;
	margin-bottom: 5px;
	color: #4D4D4D;
}
.source-detail ul {
	counter-reset: my-awesome-counter;
	margin-left:;
}
.source-detail ul li {
	font-size: 13px;
	margin-bottom: 3px;
	counter-increment: my-awesome-counter;
	margin-bottom: 3px;
}
.source-detail ul li a {
	color: #29A3A8;
}
.source-detail ul li:before {
	content: "[" counter(my-awesome-counter) "]";
	margin-right: 2px;
	color: #29A3A8;
}
.second-header.blue {
	background-color: rgb(28 57 103 / 0.12);
	box-shadow: unset;
}
.subcontent-solution {
	background-color: rgb(28 57 103 / 0.1);
	padding: 35px 0;
	margin-bottom: 44px;
}
.subcontent-solution p {
	color: #4D4D4D;
	font-size: 16px;
	line-height: 20px;
}
h2.title-page-detail,
.grid-reasurnsi-solution h3.title-page-detail {
	font-size: 32px;
	color: #B21E50;
	font-family: Calibri-Regular;
	margin-bottom: 30px;
}
.content-banner-page.red {
	background-color: rgb(178 30 80 / 80%);
}
.content-solution-reasuransi {
	padding-bottom: 50px;
}
.grid-reasurnsi-solution p {
	color: #4D4D4D;
	line-height: 20px;
	margin-bottom: 20px;
}
.grid-reasurnsi-solution h3 {
	font-size: 24px;
	color: #4D4D4D;
	font-family: Calibri-Regular;
	margin-bottom: 10px;
}
.submenu-content.solution {
	background-color: hsl(217 57% 26% / 0.1);
	margin-bottom: 61px;
}
.submenu-content.solution li {
	display: inline-block;
	margin-right: 35px;
	position: relative;
}
.submenu-content.solution li a {
	color: #4D4D4D;
	display: block;
	padding: 28px 0;
}
.submenu-content.solution li:before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: #B21E50;
	position: absolute;
	bottom: 0;
	opacity: 0;
}
.submenu-content.solution li:hover:before {
	opacity: 1;
}
.submenu-content.solution li.active:before {
	opacity: 1;
}
.row.content-sejarah p {
	color: #4D4D4D;
	line-height: 20px;
	margin-bottom: 16px;
}
.grid-milestone {
	float: left;
	width: 16.666666666667%;
	padding-right: 12px;
}
.row.milestone-solution {
	margin-top: 30px;
	margin-bottom: 30px;
}
.header-milestone {
	background-color: #1C3967;
	color: #ffffff;
	padding: 22px 10px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	min-height: 95px;
	position: relative;
}
.grid-milestone:last-child {
	padding: 0;
}
.header-milestone p {
	font-size: 13px;
	line-height: 17px;
}
.body-milestone {
	background-color: rgb(28 57 103 / 0.1);
	color: #4D4D4D;
	padding: 15px 10px;
	min-height: 220px;
	position: relative;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.body-milestone h3 {
	font-size: 13px;
	margin-bottom: 21px;
}
.body-milestone p {
	font-size: 13px;
	line-height: 17px;
}
.has-arrow .body-milestone:before {
	content: '';
	position: absolute;
	border-width: 9px;
	border-style: solid;
	border-color: #e7ebef transparent transparent transparent;
	bottom: -18px;
	left: 50%;
	transform: translate(-50%, 0);
}
.header-milestone:before {
	content: '';
	position: absolute;
	border-width: 9px;
	border-style: solid;
	border-color: transparent transparent transparent #1C3967;
	right: -18px;
	bottom: 0;
}
.info-milestone {
	clear: both;
	background-color: #B21E50;
	padding: 13px;
	text-align: center;
	border-radius: 4px;
	width: 691px;
	margin: 0 auto;
	color: #ffffff;
	margin-bottom: 92px;
}
.grid-milestone:last-child .header-milestone:before {
	display: none;
}
.info-milestone h3 {
	font-family: calibri-Regular;
}
.row.tugas-tujuan ol {
	list-style: decimal;
	margin-left: 15px;
}
.row.tugas-tujuan p {
	color: #4D4D4D;
	line-height: 20px;
	margin-bottom: 16px;
}
.row.tugas-tujuan li {
	color: #4D4D4D;
	line-height: 20px;
	margin-bottom: 5px;
}
.row.tugas-tujuan {
	margin-bottom: 50px;
}
.grid-img-bppdan {
	float: left;
	width: 25%;
	cursor: pointer;
	padding: 0 8px;
}
.row.tugas-tujuan .row {
	margin: 0 -8px;
	margin-bottom: 50px;
}
.video-modal .modal-body {
	padding-top: 175px;
}
.grid-img-bppdan img {
	border: 1px solid #b6b6b6;
	width: 100%;
	margin-bottom: 5px;
}
.grid-img-bppdan span {
	display: block;
	font-size: 11px;
	color: #4D4D4D;
}
.img-modal .modal-content {
	background-color: transparent;
}
.img-modal .modal-body {
	background-color: transparent;
	padding-top: 210px;
}
.img-modal {
	background-color: rgb(28 57 103 / 0.7);
}
.img-modal-grid img {width: 100%;}
.img-modal img.close {
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.content-solution-reasuransi.perkembangan h3 {
	color: #4D4D4D;
	font-size: 22px;
	margin-bottom: 20px;
}
.content-solution-reasuransi.perkembangan p {
	font-size: 16px;
	color: #4D4D4D;
	line-height: 20px;
	margin-bottom: 20px;
}
.row.content-chart-perkembangan {
	margin-bottom: 83px;
}
.content-infrastruktur {
	float: left;
	width: calc(100% - 480px);
	padding-right: 30px;
}
.image-imfrastruktur {
	float: left;
	width: 480px;
}
.image-imfrastruktur img {
	width: 100%;
}
.content-solution-reasuransi.perkembangan ol {
	list-style: decimal;
	margin-left: 14px;
}
.content-solution-reasuransi.perkembangan ol li {
	font-size: 16px;
	color: #4D4D4D;
	line-height: 21px;
	margin-bottom: 18px;
}
.row.content-perkembangan {
	margin: 58px 0;
	margin-bottom: 125px;
}
.table-wrapper.perkembangan-bppdan {
	margin: 39px 0;
}
.table-wrapper.perkembangan-bppdan th {
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	font-family: Calibri-Bold;
	background-color: #1C3967;
	padding: 5px;
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
}
.table-wrapper.perkembangan-bppdan tr {
	border-bottom: 2px solid #ffffff;
}
.table-wrapper.perkembangan-bppdan td {
	color: #4D4D4D;
	font-size: 14px;
	text-align: center;
	font-family: Calibri-Regular;
	background-color: rgb(28 57 103 / 0.1);
	padding: 5px;
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
}
.table-wrapper.perkembangan-bppdan th:first-child {
	border-left: 0;
}
.table-wrapper.perkembangan-bppdan th:last-child {
	border-right: 0;
}
.table-wrapper.perkembangan-bppdan td:last-child {
	border-right: 0;
}
.table-wrapper.perkembangan-bppdan td:first-child {
	border-left: 0;
}
.table-wrapper.perkembangan-bppdan td:nth-child(2) {
	text-align: left;
	padding: 5px 47px;
}
.row.content-table-perkembangan ol li {
	margin-bottom: 3px;
}
ul.list-regulasi {
	margin-bottom: 90px
}
ul.list-regulasi li a {
	color: #4D4D4D;
	padding: 15px;
	display: block;
}
ul.list-regulasi li {
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
	border-radius: 3px;
	background-color: rgb(227 227 227 / 0.5);
	width: 480px;
	transition: all 0.2s ease-in-out;
}
ul.list-regulasi li img {
	width: 17px;
	vertical-align: middle;
	float: right;
	margin-top: 5px;
	opacity: 0.5;
}
ul.list-regulasi li:hover {
	background-color: #f7e8ed;
	transition: all 0.2s ease-in-out;
}
ul.list-regulasi li:hover img {
	transition: all 0.2s ease-in-out;
	transform: scale(1.2);
}
ol.list-anggota {
	list-style: decimal;
	margin-left: 30px;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
}
ol.list-anggota li {
	color: #4D4D4D;
	font-size: 16px;
	margin-bottom: 10px;
}
.grid-anggota {
	float: left;
	/*width: 33.3333333333%;*/
	width: 25%;
	padding: 0 40px;
}
.grid-anggota img {
	width: 100%;
	margin-bottom: -5px;
}
.content-anggota {
	background-color: rgb(28 57 103 / 0.11);
	padding: 25px 20px;
	min-height: unset;
}
.wrapper-anggota.solo {
	position: relative;
	width: 100%;
	margin: 0!important;
}
.content-anggota h3 {
	font-family: Calibri-Regular;
	color: #4D4D4D;
	font-size: 22px;
	margin-bottom: 6px;
	text-align: left;
	min-height: 55px;
}
.content-anggota p {
	font-size: 14px;
	color: #4D4D4D;
	text-align: left;
	min-height: 50px;
}
.content-solution-reasuransi.anggota .row,
.anggota-row {
	margin: 0 -40px;
}
.row.wrapper-anggota.solo .grid-anggota {
	float: unset;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 0 27px;
}
.content-solution-reasuransi.anggota {
	margin-bottom: 100px;
}
.img-highlight-page {
	float: left;
	width: 230px;
	padding-right: 55px;
}
.img-highlight-page img {
	width: 100%;
	border: 1px solid #9c9ea1;
}
.row.wrapper-grid-highlight {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #999;
}
.row.wrapper-grid-highlight:last-child {
	border:0;
	margin: 0;
	padding-bottom: 0;
}
.content-highlight-page {
	float: left;
	width: calc(100% - 230px);
	padding-top: 40px;
}
.content-highlight-page span {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.content-highlight-page h3 {
	font-size: 24px;
	color: #4D4D4D;
	font-family: Calibri-Regular;
	margin-bottom: 20px;
}
.content-highlight-page p {
	color: #4D4D4D;
	font-size: 16px;
	line-height: 21px;
	min-height: 63px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 40px;
}
.highlight-page .pagination {
	margin-bottom: 100px;
}
span.btn-download-highlight {
	display: inline-block;
}
span.btn-download-highlight img {
	width: 20px;
}
.ksak-profile p{
	color: #4D4D4D;
	font-size: 16px;
	line-height: 21px;
}
.ksak-profile{
	margin-bottom: 70px;
}
.anggota-row .grid-anggota{
	margin-bottom: 50px;
}
.content-solution-reasuransi.data-ksak .container {
	padding-right: 37.3%;
}
.data-slider {
	margin-bottom: 89px;
	margin-top: 65px;
	padding: 0 46px;
}
.data-slider .swiper-slide span {
	display: block;
	font-size: 18px;
	background-color: rgb(227 227 227 / 0.5);
	text-align: center;
}
.data-slider .swiper-slide span a {
	display: block;
	padding: 9px 19px;
	color: #4D4D4D;
}
.data-slider .swiper-slide span:hover {
	background-color: rgb(178 30 80 / 0.1);
}
.data-slider .swiper-button-prev, .data-slider .swiper-container-rtl .swiper-button-next{
	background-image: url(../img/arrow-left-slider.svg);
	left: 0;
}
.data-slider .swiper-button-next, .data-slider .swiper-container-rtl .swiper-button-prev{
	background-image: url(../img/arrow-right-slider.svg);
	right: 0;
}
.data-slider .swiper-button-next, .data-slider .swiper-button-prev {
	width: 14px;
	height: 31px;
	margin-top: -15px;
	background-size: 14px 31px;
}
.row.table-ksak h2 {
	font-size: 24px;
	color: #4D4D4D;
	font-family: Calibri-Regular;
	margin-bottom: 30px;
}
.row.table-ksak h3 {
	font-size: 18px;
	font-family: Calibri-Regular;
	padding: 11px;
	color: #ffffff;
	background-color: #1C3967;
	margin-bottom: 14px;
}
.row.table-ksak span {
	display: block;
	text-align: right;
	color: #4D4D4D;
	margin-bottom: 20px;
}
.table-ksak th {
	font-family: Calibri-Regular;
	background-color: rgb(28 57 103 / 0.3);
	color: #ffffff;
	font-weight: normal;
	padding: 10px 32px;
	text-transform: uppercase;
}
.table-ksak tbody tr {
	background-color: rgb(28 57 103 / 0.1);
}
.table-ksak td {
	padding: 10px 32px;
	color: #4D4D4D;
}
.table-ksak tbody tr:nth-child(odd) {
	background-color: rgb(28 57 103 / 0.03);
}
.table-ksak.statistik td:nth-child(even) {
	width: 190px;
}
.row.table-ksak {
	margin-bottom: 87px;
}
.table-ksak tbody tr.total td {
	font-family: Calibri-Bold;
}
.anggota-ksak-table thead tr {}

.anggota-ksak-table th {
	padding: 11px 7px;
	background-color: rgb(28 57 103 / 0.3);
	color: #ffffff;
	font-family: Calibri-Regular;
	text-transform: uppercase;
	font-weight: normal;
}
.anggota-ksak-table tbody tr {
	background-color: rgb(28 57 103 / 0.1);
}
.anggota-ksak-table tbody tr:nth-child(odd) {
	background-color: rgb(28 57 103 / 0.03);
}
.anggota-ksak-table td {
	padding: 12px;
	font-size: 16px;
	color: #4D4D4D;
}
.anggota-ksak-table th:first-child {
	text-align: center;
}
.anggota-ksak-table th h3 {
	text-align: center;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	font-family: Calibri-Regular;
}
.anggota-ksak-table th span {
	display: block;
	text-align: left;
	position: relative;
	padding-top: 5px;
}
.anggota-ksak .container {
	padding-right: 15.5%;
}
.anggota-ksak-table th:last-child {
	padding: 6px 7px;
	padding-right: 57px;
}
.anggota-ksak-table th span:before {content: '%';position: absolute;right: 0;}
.anggota-ksak-table td:first-child {
	text-align: center;
}
.anggota-ksak-table td:nth-child(3) {
	width: 220px;
}
.anggota-ksak-table td:nth-child(5) {
	width: 127px;
}
.anggota-ksak-table tr:first-child td:nth-child(2),.anggota-ksak-table tr:first-child td:nth-child(3) {
	font-family: Calibri-Bold;
}
.anggota-ksak-table tbody tr.total td {
	height: 42px;
	font-family: Calibri-bold;
}
.content-about p,
.content-about-page p{
	font-size: 16px;
	color: #4D4D4D;
	line-height: 19px;
	margin-bottom: 12px;
}
.sekilas-content {
	padding: 60px 0;
}
h2.title-about {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #29A3A8;
	margin-bottom: 20px;
}
h2.title-about-black {
	font-size: 30px;
	font-family: Calibri-Bold;
	color: #4D4D4D;
	margin-bottom: 20px;
}
.about-banner .content-banner-page {
	background-color: rgb(41 163 168 / 0.8);
}
.content-about-page h3 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #4D4D4D;
	font-family: Calibri-Regular;
}
.content-about-page li {
	font-size: 16px;
	color: #4D4D4D;
	line-height: 19px;
	margin-bottom: 4px;
}
.row.about-section {
	margin-bottom: 65px;
}
.content-about-page ul {
	list-style: disc;
	margin-left: 22px;
}
.content-about-page p b {
	width: 135px;
	display: inline-block;
	font-family: Calibri-Bold;
	font-weight: normal;
}
.content-about-page{
	margin-bottom: 20px;
}
.row.grid-kelola h3 {
	width: calc(100% - 60px);
	float: left;
	font-size: 24px;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	margin-top: 12px;
}
.row.grid-kelola img {
	width: 100%;
}
.row.grid-kelola a {
	display: block;
	float: left;
	width: 60px;
	padding-left: 20px;
}
.row.grid-kelola {
	display: block;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #29A3A8;
}
.wrapper-grid-kelola{
	column-count: 2;
	column-gap: 60px;
}
.grid-image-sambutan .grid-anggota {
	padding: 0;
	width: 100%;
}
.grid-image-sambutan {
	float: left;
	width: 300px;
}
.grid-content-sambutan {
	float: left;
	width: calc(100% - 300px);
	padding-left: 98px;
}
.grid-image-sambutan .grid-anggota .content-anggota h3 {
	font-size: 24px;
}
.grid-image-sambutan .grid-anggota .content-anggota p {
	font-size: 16px;
}
.grid-content-sambutan h2 {
	border-bottom: 1px solid #29A3A8;
	padding-bottom: 12px;
	margin-bottom: 49px;
}
.grid-content-sambutan p {
	font-size: 18px;
	color: #4D4D4D;
	line-height: 23px;
	margin-bottom: 28px;
}
.submenu-content.solution.about-manajemen li:before {
	background-color: #29A3A8;
}
.komisiaris-content .row.sambutan {
	border-bottom: 1px solid #29A3A8;
	margin-bottom: 70px;
	padding-bottom: 70px;
}
.komisiaris-content .row.sambutan:last-child {
	border: 0;
}
.submenu-content.solution.about-manajemen {
	margin: 0;
}
.divisi-content .grid-anggota {
	transform: scale(0.93);
	transition: all 0.2s ease-in-out;
}
.divisi-content .grid-anggota:hover {
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.grid-divisi-img img {
	width: 100%;
}
.grid-divisi-img {
	float: left;
	width: 315px;
}
.grid-divisi-content {
	float: left;
	width: calc(100% - 315px);
	padding-left: 25px;
}
.grid-divisi-content h3 {
	font-size: 30px;
	color: #4D4D4D;
	font-family: Calibri-Regular;
}
.grid-divisi-content span {
	font-size: 16px;
	color: #4D4D4D;
}
.grid-divisi-content hr {
	border: 0;
	border-bottom: 1px solid #29A3A8;
	width: 265px;
	margin: 0;
	margin-top: 25px;
	margin-bottom: 30px;
}
.grid-divisi-content p {
	color: #4D4D4D;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 24px;
}
.row.content-divisi-modal {background-color: #eaedf1;padding: 50px;padding-bottom: 0;padding-left: 0;}
.modal-content:before {
	content: '';
	width: 115px;
	height: 62px;
	background-size: 100%;
	background-image: url(../img/logo.svg);
	position: absolute;
	z-index: 99;
	left: 159px;
	top: 80px;
}
.divisi-modal .modal-body {
	height: 100vh;
	padding: 0 156px;
	padding-top: 225px;
	padding-bottom: 50px;
}
.sekilas-content.award h2 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #29A3A8;
	background-color: rgb(28 57 103 / 0.09);
	padding: 40px 11.6%;
	margin-bottom: 50px;
}
.sekilas-content.award {
	padding-top: 0;
	padding-bottom: 150px;
}
.grid-image-award {
	float: left;
	width: 300px;
}
.grid-image-award img {
	width: 100%;
}
.grid-content-award {
	float: left;
	width: calc(100% - 300px);
	padding-left: 31px;
	padding-top: 49px;
}
.grid-content-award h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	margin-bottom: 15px;
}
.grid-content-award p {
	font-size: 20px;
	color: #4D4D4D;
}
.award-slider-page {
	padding-bottom: 89px;
}
.award-slider-page .swiper-button-prev, .award-slider-page .swiper-container-rtl .swiper-button-next{
	background-image: url(../img/arrow-left-slider.svg);
	left: 0;
}
.award-slider-page .swiper-button-next, .award-slider-page .swiper-container-rtl .swiper-button-prev{
	background-image: url(../img/arrow-right-slider.svg);
	right: 0;
}
.award-slider-page .swiper-button-next, .award-slider-page .swiper-button-prev {
	width: 14px;
	height: 31px;
	margin-top: -35px;
	background-size: 14px 31px;
	outline: none;
}
.award-slider-page .swiper-pagination {
	bottom: -1px;
}
.award-slider-page .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: rgb(41 163 168 / 0.38);
	opacity: 1;
	margin: 0 5px;
}
.award-slider-page .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #29A3A8;
}
.award-slider-page .swiper-slide .row{
	padding:0 55px;
}
.investor-banner .content-banner-page {
	background-color: rgb(239 102 2 / 0.8);
}
.investor-content {
	margin-bottom: 80px;
}
.investor-content ul {
	list-style: disc;
	margin-left: 21px;
}
.investor-content ul li {
	font-size: 16px;
	color: #4D4D4D;
	line-height: 19px;
	margin-bottom: 12px;
}
h2.investor-title {
	font-size: 32px;
	color: #EF6602;
	font-family: Calibri-Regular;
	margin-bottom: 30px;
}
h2.subsidiary-title {
	font-size: 32px;
	color: #29A3A8;
	font-family: Calibri-Regular;
	margin-bottom: 30px;
}
.investor-download h2.investor-title {
	background-color: rgb(28 57 103 / 0.09);
	padding: 40px 11.6%;
	margin-bottom: 50px;
}
.investor-download h2.subsidiary-title {
	background-color: rgb(28 57 103 / 0.09);
	padding: 40px 11.6%;
	margin-bottom: 50px;
}
.investor-download .row.wrapper-grid-highlight {
	border-bottom: 1px solid #EF6602;
}
.investor-download .row.wrapper-grid-highlight:last-child {
	border: 0;
}
.content-highlight-page h4 {
	font-size: 20px;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	margin-bottom: 40px;
}
.peringkat-image {
	float: left;
	width: 300px;
	padding: 0 50px;
	margin-bottom: 80px;
}
.peringkat-image img {
	width: 100%;
	border-radius: 50%;
}
.peringkat-grid h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	margin-bottom: 25px;
}
.peringkat-grid p {
	font-size: 16px;
	color: #4D4D4D;
	line-height: 19px;
	margin-bottom: 12px;
}
.peringkat-grid {
	float: left;
	width: calc(100% - 300px);
}
.tabs-risk .ui-tabs .ui-tabs-panel ul {
	list-style: disc;
	margin-left: 21px;
}
.berita-section {
	background-color: rgb(28 57 103 / 0.1);
	padding: 48px 0;
}
ul.category-news {
	margin-bottom: 48px;
}
ul.category-news li {
	display: inline-block;
	font-size: 32px;
	font-family: Calibri-Regular;
	margin-right: 46px;
}
ul.category-news li a {
	color: #1C3967;
}
ul.category-news li:hover {
	font-family: Calibri-Bold;
}
.grid-list-news h3 {
	color: #82C34B;
	margin-bottom: 39px;
	text-transform: uppercase;
}
.grid-list-news ul {
	margin-bottom: 76px;
}
.grid-list-news ul li {
	display: block;
	font-size: 16px;
	margin-bottom: 6px;
}
.grid-list-news ul li a {
	color: #4D4D4D;
}
.grid-list-news ul li:hover,
.grid-list-news ul li.active {
	font-family: Calibri-Bold;
}
.grid-news-other span {
	color: #4D4D4D;
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
}
.grid-news-other h4 {
	font-size: 18px;
	color: #4D4D4D;
	margin-bottom: 20px;
}
.grid-news-other p {
	color: #4D4D4D;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.5px;
	min-height: 90px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.grid-news-other span.link-other {
	font-size: 16px;
	display: inline-block;
}
.grid-news-other {
	margin-bottom: 30px;
}
.grid-news-other span.link-other a {
	color: #1C3967;
}
.grid-list-news {
	float: left;
	width: 34%;
	padding-right: 40px;
}
.all-news {
	float: left;
	width: calc(66% + 14px);
	margin: 0 -7px;
}
.all-news .grid-article {
	width: 50%;
	float: left;
	padding: 7px;
}
.row.news-all-page {
	margin: 0 -7px;
}
.row.news-all-page .grid-article {
	float: left;
	width: 33.333333333%;
	padding: 7px;
}
.img-struktur-page {
	float: left;
	width: 370px;
	margin-top: 50px;
}
.img-struktur-page img {
	width: 100%;
}
.content-struktur-page {
	float: left;
	width: calc(100% - 370px);
	padding-left: 80px;
	padding-top: 35px;
	margin-top: 50px;
}
.content-struktur-page h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	margin-bottom: 25px;
}
.content-struktur-page span {
	display: inline-block;
}
.content-struktur-page span img {
	width: 30px;
}
.list-article.list-video-news .row {
	margin: 0 -19px;
	margin-bottom: 30px;
}
span.all-btn {
	float: right;
	font-size: 22px;
}
span.all-btn a {
	color: #1C3967;
}
.row.wrapper-reinfokus {
	float: left;
	width: 50%;
	margin-bottom: 30px;
	margin-top: 30px;
}
.row.wrapper-reinfokus:first-child {
	padding-right: 20px;
}
.row.wrapper-reinfokus:last-child {
	padding-left: 20px;
}
.img-reinfokus {
	float: left;
	width: 175px;
}
.content-reinfokus {
	float: left;
	width: calc(100% - 175px);
	padding-left: 30px;
}
.content-reinfokus span {
	font-size: 14px;
	color: #4D4D4D;
	display: block;
	margin-bottom: 5px;
}
.content-reinfokus h3 {
	font-size: 18px;
	color: #4D4D4D;
	margin-bottom: 20px;
}
.content-reinfokus p {
	letter-spacing: 0.5px;
	min-height: 72px!important;
	overflow: hidden;
	display: -webkit-box!important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	font-size: 16px;
	color: #4D4D4D;
	margin-bottom: 27px;
}
.content-reinfokus img {
	width: 25px;
}
.reinfokus {
	padding: 80px 0;
}
ul.category-news li.active {
	font-family: Calibri-Bold;
}
.wrapper-map {
	margin-bottom: 30px;
}
.grid-contact h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #1C3967;
	margin-bottom: 29px;
}
.row.wrapper-form input {
	width: 100%;
	border: 1px solid #999999;
	font-size: 16px;
	padding: 10px;
	border-radius: 4px;
	color: #4D4D4D;
	outline: none;
}
.row.wrapper-form textarea {
	width: 100%;
	border: 1px solid #999999;
	font-size: 16px;
	padding: 10px;
	border-radius: 4px;
	color: #4D4D4D;
	outline: none;
	resize: none;
	height: 110px;
}
.row.wrapper-form {
	margin-bottom: 15px;
}
.grid-6 {
	float: left;
	width: 50%;
}
.grid-6:first-child {
	padding-right: 7px;
}
.grid-6:last-child {
	padding-left: 7px;
}
.grid-contact {
	float: left;
	width: calc(100% - 350px);
	padding-right: 10%;
}
.grid-address {
	float: left;
	width: 350px;
	margin-top: 60px;
}
.grid-address h3 {
	color: #4D4D4D;
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.grid-address p {
	color: #4D4D4D;
	font-size: 16px;
	margin-bottom: 15px;
}
.grid-address span {
	color: #4D4D4D;
	font-size: 16px;
	display: block;
}
button.btn-contact {
	float: right;
	font-family: Calibri-Bold;
	text-transform: uppercase;
	background-color: #B21E50;
	border: 0;
	border-radius: 4px;
	padding: 12px 25px;
	color: #ffffff;
	font-size: 14px;
}
ul.sitemap-list li {
	color: #4D4D4D;
	line-height: 19px;
	position: relative;
	padding-left: 15px;
	left: 40px;
}
ul.sitemap-list li a {
	color: #4D4D4D;
}
ul.sitemap-list li:before {content: '>';position: absolute;left: 0;}
ul.sitemap-list ul {
	margin-bottom: 15px;
}
ul.sitemap-list li.title-sitemap {
	left: 0;
	margin-bottom: 10px;
}
ul.sitemap-list li.subtitle-sitemap {
	left: 20px;
}
.twitter-wrapper iframe {
	position: relative!important;
}
.grid-content-sertifikasi ul li {
	display: inline-block;
	width: 240px;
	margin-right: 10px;
}
.grid-content-sertifikasi ul li img {
	width: 100%;
}
.grid-content-sertifikasi ul {
	margin-bottom: 35px;
}
.grid-content-sertifikasi h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	margin-bottom: 25px;
}
.grid-content-sertifikasi p {
	font-size: 16px;
	color: #4D4D4D;
	line-height: 19px;
	margin-bottom: 12px;
}
.grid-content-sertifikasi {
	padding-bottom: 90px;
	padding-top: 20px;
}
.mobile{
	display: none;
}
.desktop{
	display: block;
}
.content-detail-news ol {
	list-style: decimal;
	margin-left: 35px;
}
.content-detail-news ul {
	list-style: disc;
	margin-left: 35px;
}
.content-search {
	position: absolute;
	width: 280px;
	background-color: #ffffff;
	opacity: 0;
	padding: 10px;
	top: -14px;
	left: 21px;
	-webkit-transition:  .5s ease-in-out;
}
.content-search.active {
	left: -235px;
	opacity: 1;
	z-index: 99;
	-webkit-transition:  .5s ease-in-out;
}
.content-search img {
	vertical-align: middle;
	top: -3px;
}
.content-search input {
	padding: 3px 11px;
	border: 1px solid #999;
	color: #1c3967;
	font-size: 16px;
	margin: 0 19px;
	margin-left: 5px;
	width: 100%;
}
.content-search form {
	display: inline-block;
	width: 190px;
	margin-right: 10px;
}
.wrapper-whistleblowing p {
	color: #4D4D4D;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 19px;
}
.wrapper-whistleblowing li {
	color: #4D4D4D;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 9px;
}
.wrapper-whistleblowing ul {
	list-style: disc;
	margin-left: 19px;
	margin-bottom: 19px;
}
.wrapper-whistleblowing h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
	color: #1C3967;
	margin-bottom: 29px;
}
.wrapper-whistleblowing {
	margin-bottom: 50px;
}
.row.wrapper-form select {
	width: 100%;
	border: 1px solid #999999;
	font-size: 16px;
	padding: 10px;
	border-radius: 4px;
	color: #4D4D4D;
	outline: none;
}
.whistle-form .grid-6:first-child {
	padding-right: 20px;
	padding-left: 0!important;
}
.whistle-form .grid-6:last-child {
	padding-left: 20px;
}
.file-input-container{
	display: block;
	margin: 0;
	width: 100%;
	border: 1px solid #999999;
	border-radius: 4px;
}
.sm-input-file{
	border: 1px solid #333;
	background: #ccc;
	color: #777;
	width: 82px;
	opacity:0;
}
.for-sm-input-file{
	position: relative;
	padding: 1px 13px;
	cursor: pointer;
	z-index: 30;
	text-align: center;
	float: right;
	border: 1px solid #999999;
	color: #4D4D4D;
	top: -12px;
	margin-right: 10px;
	font-size: 15px;
}
.span-text{
	display: inline-flex;
	padding: 0;
	margin-left: 10px;
	min-width: 100px;
	position: relative;
	top: -10px;
	font-size: 16px;
	color: #4D4D4D;
}
.row.wrapper-form input.sm-input-file {
	height: 1px;
	padding: 0;
}
.row.wrapper-form p {
	color: #4D4D4D;
	font-size: 14px;
	line-height: 18px;
	margin-top: 10px;
}
.row.wrapper-form input.checkbox-whistle {
	background-color: #fff;
	vertical-align: middle;
	margin-right: 0;
	cursor: pointer;
	border: 1px solid #999999;
	width: 15px;
	height: 15px;
	float: left;
}
.row.wrapper-form label.check-label {
	float: left;
	width: calc(100% - 15px);
	padding-left: 10px;
	color: #4D4D4D;
	font-size: 14px;
	top: -2px;
	position: relative;
}
.investor-download h2.subsidiary-title p {
	color: #4D4D4D;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 19px;
}
.video-js .vjs-big-play-button {
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%);
	background-color: transparent!important;
	border: 0!important;
	height: 90px!important;
	width: 100px!important;
	opacity: 0.7!important;
	outline: none;
}
.vjs-big-play-button span.vjs-icon-placeholder:before {
	content: ''!important;
	background-image: url(../img/yt-icon.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.row.section-writter {
	background-color: #eaedf1;
	padding: 25px;
	margin-bottom: 65px;
}
.row.section-writter h2 {
	float: left;
	color: #4D4D4D;
	font-size: 24px;
	font-family: Calibri-Regular;
	width: 95px;
}
.content-writter {
	float: left;
	width: calc(100% - 95px);
}
.content-writter img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	vertical-align: middle;
	display: inline-block;
	border-radius: 50%;
}
.detail-content-writter {
	vertical-align: middle;
	display: inline-block;
	margin-left: 14px;
}
.detail-content-writter h3 {
	color: #4D4D4D;
	font-size: 18px;
	margin-bottom: 5px;
}
.detail-content-writter span {
	color: #4D4D4D;
	line-height: 20px;
}
.detail-content-writter span a {
	color: #B21E50;
}
.row.section-writter-modal {
	background-color: #eaedf1;
	padding: 25px;
	margin-bottom: 65px;
}
.modal-writter .modal-dialog {
	height: 100vh;
}
.modal-writter .modal-content {
	height: 100%;
}
.modal-writter .modal-content h2 {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
.modal-writter .modal-content ul {
	margin: 0 auto;
	width: 900px;
	max-height: 300px;
	overflow: auto;
	padding-right: 5px;
}
.modal-writter .modal-content ul li {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 8px;
	border-bottom: 1px solid #4D4D4D;
	padding-bottom: 8px;
}
.modal-writter .modal-content ul span {
	line-height: 20px;
	color: #4D4D4D;
	font-size: 16px;
	min-width: 115px;
	display: inline-block;
	text-align: right;
	position: relative;
}
.modal-writter .modal-content ul span img {
	width: 18px;
	vertical-align: middle;
	margin-right: 10px;
}
.modal-writter .modal-content ul span:first-child img {
	width: 14px;
	position: relative;
	top: -1px;
}
.modal-writter .modal-content ul li a {
	color: #4D4D4D;
	display: inline-block;
	width: calc(100% - 230px);
	float: left;
	padding-right: 40px;
}
.modal-writter .modal-content ul li .right {
	width: 230px;
}
.modal-writter .modal-content ul li:last-child {
	border: 0;
}
.modal-writter .content-writter img {
	width: 180px;
	height: 180px;
}
.modal-writter .detail-content-writter h3 {
	font-size: 32px;
	font-family: Calibri-Regular;
}
.modal-writter .detail-content-writter span {
	font-size: 18px;
}
.modal-writter .detail-content-writter {
	margin-left: 50px;
}
.reasuransi-staff .content-writter {
	width: 50%;
}
.reasuransi-staff span {
	display: block;
}
.reasuransi-staff h3 {
	margin: 0;
}
.reasuransi-staff .content-writter h4 {
	margin-bottom: 20px;
	color: #4D4D4D;
	font-size: 16px;
	font-family: Calibri-Regular;
}
.reasuransi-staff h2.title-section-writter {
	width: 100%;
	float: unset;
	clear: both;
	margin-bottom: 28px;
}
.row.section-writter.reasuransi-staff {
	margin-top: 65px;
}
.grid-content-sertifikasi .peringkat-image img {
	border-radius: 0;
}
.grid-content-sertifikasi .peringkat-image {
	padding-left: 20px;
}
.reasuransi-staff h2.title-section-writter {
	width: 100%;
	margin-bottom: 25px;
	clear: both;
	float: unset;
}
.sekilas-content.award.career-section h3 {
	font-size: 18px;
	font-family: Calibri-Bold;
	color: #4D4D4D;
	margin-bottom: 5px;
}
.sekilas-content.award.career-section li {
	font-size: 16px;
	color: #4D4D4D;
	line-height: 19px;
	margin-bottom: 3px;
}
.sekilas-content.award.career-section ul {
	margin-bottom: 40px;
	margin-left: 2px;
}
.sekilas-content.award.career-section li:before {
	content: "-";
	margin-right: 8px;
	font-size: 20px;
}
.sekilas-content.award.career-section {
	padding-bottom: 70px;
}
.sekilas-content.award.career-section span {
	font-family: Calibri-Bold;
	text-transform: uppercase;
	background-color: #B21E50;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
}
.sekilas-content.award.career-section span a {
	padding: 12px 25px;
	color: #ffffff;
	display: block;
}
.row.section-career-modal .grid-6 {
	width: 100%;
	padding: 0;
	margin-bottom: 24px;
}
.row.section-career-modal button {
	float: left;
}
.row.month-schedule h3 {
	font-size: 20px;
	color: #4D4D4D;
	margin-bottom: 5px;
}
.row.section-kegiatan-modal {
	width: 50%;
}
.row.month-schedule ul {
	width: 100%;
	margin-left: 2px;
	overflow: hidden;
}
.row.month-schedule ul li {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Calibri-Regular;
	color: #4D4D4D;
	position: relative;
}
.row.month-schedule {
	width: 100%;
	margin-bottom: 50px;
}
.row.month-schedule ul li:before {
	content: "-";
	margin-right: 8px;
	font-size: 20px;
}
.grid-side-highlight ul li a p {
	color: #4D4D4D;
	margin-bottom: 5px;
	font-size: 16px;
}
li.block-menu a {
	position: relative;
}
li.block-menu {
	margin: 0;
	position: relative;
	padding: 0 20px;
	margin-left: 40px;
	font-size: 19px!important;
}
li.block-menu:before {
	content: '';
	background-color: rgb(41 163 168 / 0.5);
	position: absolute;
	top: -17px;
	width: 100%;
	height: calc(100% + 37px);
	left: 0;
}
li.block-menu.mobile{
	display: none;
}
.container.group-home-new {
    padding-top: 40px;
    padding-bottom: 75px;
}
.grid-group-slide {
    width: 88%;
    text-align: center;
}

.grid-group-slide img {
    width: 100%;
    margin-bottom: 20px;
    object-fit: cover;
    max-width: 350px;
}

.grid-group-slide span {
    font-size: 20px;
    color: #4D4D4D;
    font-family: 'Calibri-Bold';
    margin-bottom: 0px;
    text-align: center;
    background-color: #e4e8ed;
    padding: 10px 20px;
    display: inline-block;
}
.row.about-section img.about-img-new {
    width: 100%;
    max-width: 900px;
}

.content-ppid {
    float: left;
    width: calc(100% - 300px);
    padding-right: 50px;
}
.image-ppid {
    float: left;
    width: 300px;
}
.image-ppid img {
    width: 100%;
}
.ppid-tabs.ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}
.ppid-tabs.ui-tabs .ui-tabs-nav {
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-bottom: 70px;
}
.ppid-tabs.ui-tabs .ui-tabs-panel {
    padding: 0;
    background-color: transparent;
}
.ppid-tabs.ui-tabs .ui-tabs-nav li {
    border: 0;
    background-color: transparent;
    width: auto;
    margin: 0;
    font-size: 22px;
    margin-right: 58px;
    font-family: Calibri-Regular;
}
.ppid-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	font-weight: bold;
}
.ppid-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #29a3a8;
}
.ppid-tabs.ui-tabs .ui-tabs-nav li a {
    padding: 0;
    color: #29a3a8;
}
table.see-info-table th {
    font-size: 21px;
    text-align: center;
    padding: 20px;
    background-color: #8a8c8e;
    color: #ffffff;
    font-weight: 100;
}
table.see-info-table td {
    padding: 20px 0;
    border-bottom: 1px solid #8a8c8e;
    font-size: 16px;
    color: #8a8c8e;
}
table.see-info-table td:last-child {
	width:90px;
}
table.see-info-table td a {
    display: block;
    color: #8a8c8e;
    background-repeat: no-repeat;
    background-image: url(../img/eye-icon.svg);
    background-size: 22px;
    text-align: left;
    padding-left: 30px;
}
table.see-info-table {
    margin-bottom: 100px;
}
table.see-info-table:last-child {
    margin: 0;
}
table.see-info-table.laporan-table th {
    border: 10px solid #ffffff;
    font-size: 16px;
}
table.see-info-table.laporan-table td {
    font-size: 14px;
	width:auto;
    padding: 20px 8px;
}
/*new page*/
.contact-banner .content-banner-page {
    background-color: rgb(25 110 178 / 70%);
}
.image-contact-bg {
    background-color: #ddf4f7;
    padding: 60px 0;
}
.content-about-page.layanan-wrapper img {
    width: 100%;
}
.content-about li {
    font-size: 16px;
    color: #4D4D4D;
    line-height: 19px;
    margin-bottom: 12px;
}
.content-about ol {
    list-style: decimal;
    margin-left: 23px;
    margin-top: 30px;
}
.contact-form-section h2.title-about {
    margin-bottom: 50px;
}
.contact-form-section .row.wrapper-form .grid-6:first-child {
    padding-right: 50px;
}
.contact-form-section .row.wrapper-form .grid-6:last-child {
    padding-left: 50px;
}
.input-wrapper {
    margin-bottom: 35px;
}
.input-wrapper label,
label.note-form {
    color: #4D4D4D;
    line-height: 20px;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: bold;
}
.input-wrapper label span,
label.note-form span {
    color: #B21E50;
}
.radio-group input[type="radio"] {
    width: auto;
    visibility: hidden;
    opacity: 0;
}
.row.wrapper-form .radio-group label input {
    width: auto;
    margin-left: 10px;
    display: inline-block;
}
.radio-group label {
    margin-left: 14px;
}
.file-block {
	border-radius: 10px;
	background-color: rgba(144, 163, 203, 0.2);
	margin: 5px;
	color: initial;
	display: inline-flex;
}
.file-block > span.name {
	padding-right: 10px;
	width: max-content;
	display: inline-flex;
}
.file-delete {
	display: flex;
	width: 24px;
	color: initial;
	background-color: #6eb4ff00;
	font-size: large;
	justify-content: center;
	margin-right: 3px;
	cursor: pointer;
}
.file-delete:hover {
	background-color: rgba(144, 163, 203, 0.2);
	border-radius: 10px;
}
.file-delete > span {
	transform: rotate(45deg);
}
.search-result-slider {
    padding-bottom: 30px;
}
label a.btn {
    border: 1px solid #a9a9a9;
    padding: 7px 15px;
    display: inline-block;
    width: 130px;
    text-align: center;
    color: #4D4D4D;
    border-radius: 5px;
    cursor: pointer;
}
label a.txt-btn {
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    font-weight: 500;
    color: #b9b9b9;
}
label a.btn.btn-primary {
    background-color: #0089f6;
    border-color: transparent;
    color: #ffffff;
}
.radio-group {
    position: relative;
}
.radio-group label:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid #999999;
    cursor: pointer;
    border-radius: 3px;
}
.radio-group:last-child label:before {
    top: 11px;
}
.radio-group [type="radio"]:checked + label:before {
    background-image: url(../img/check.svg);
    background-size: 14px 12px;
    background-repeat: no-repeat;
    background-position: 1.5px 1.5px;
}
input.btn-contact.btn-secondary {
    width: 120px;
    cursor: pointer;
    font-family: Calibri-Bold;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 4px;
    padding: 12px 25px;
    font-size: 14px;
}

.content-about-page button.btn-contact {
    float: unset;
    width: 120px;
    cursor: pointer;
}
.search-result h2 {
    font-size: 32px;
    font-family: Calibri-Regular;
    color: #1C3967;
    margin-bottom: 50px;
}
.search-result .row.grid-news-home {
    width: 100%;
}
.search-result .row.grid-news-home .grid-img-news-home {
    height: auto;
}
.search-result .row.grid-news-home img {
    height: auto;
}
.row.grid-pages-search {
    margin-bottom: 40px;
}
.row.grid-pages-search h3 {
    font-size: 24px;
    color: #4D4D4D;
    margin-bottom: 20px;
}
.row.grid-pages-search p {
    color: #4D4D4D;
    display: block;
    font-size: 16px;
    width: 70%;
}
.search-result .grid-content-news-home h3 {
    min-height: 56px;
    -webkit-line-clamp: 2;
}
@media (max-width: 1660px){
	.mockup-video {
		padding: 18px 14px;
		padding-bottom: 123px;
	}
	.grid-video {
		width: 550px;
		margin-top: -162px;
	}
	.grid-content-video {
		width: calc(100% - 550px);
	}
}
@media (max-width: 1380px){
	.second-header li {
		display: inline-block;
		font-size: 17px;
		margin-right: 12px;
	}
	.grid-twitter-section iframe {
		max-width: 350px!important;
		height: 375px!important;
	}
	.grid-greetings-section .swiper-container {
		max-width: 100%;
		float: left;
	}
	.grid-greetings-section {
		float: left;
		width: 500px;
		margin: auto;
	}
	.grid-twitter-section {
		width: 250px;
		margin-left: 30px;
		float: right;
	}
	.grid-img-greet {
		float: left;
		width: 100%;
		margin: 0;
		height: 374px;
	}

}
@media (max-width: 1200px){
	.container {
		padding: 0 5%;
	}
	.top-header{
		padding: 20px 5%;
		padding-bottom: 11px;
	}
	img.logo {
		width: 100px;
	}
	.right-header {
		margin-top: 35px;
	}
	.second-header {
		padding: 20px 5%;
	}
	.slider-home .swiper-slide img {
		height: 560px;
	}
	.content-banner-section .row {
		padding: 0 30px;
	}
	.grid-content-banner {
		padding: 26px 10px;
		padding-right: 15px;
	}
	.slider-home .swiper-button-next, .slider-home .swiper-button-prev{
		width: 15px;
		height: 32px;
		background-size: 100%;
	}
	.slider-home .swiper-button-next, .slider-home .swiper-container-rtl .swiper-button-prev {
		right: 15px;
	}
	.slider-home .swiper-button-prev, .slider-home .swiper-container-rtl .swiper-button-next {
		left: 15px;
	}
	.content-banner h2 {
		font-size: 32px;
		line-height: 37px;
	}
	.content-banner span a {
		color: #ffffff;
		padding: 10px 20px;
		display: block;
	}
	.content-banner p {
		font-size: 14px;
	}
	.slider-home .swiper-pagination {
		left: 5%;
		top: 290px;
	}
	.content-banner {
		top: 105px;
		left: 5%;
	}
	.new-article {
		padding-top: 46px;
		padding-bottom: 59px;
	}
	h2.title {
		font-size: 32px;
	}
	.highlight {
		padding-top: 51px;
		padding-bottom: 135px;
	}
	.grid-side-highlight ul li {
		font-size: 22px;
		position: relative;
		padding-right: 30px;
	}
	.grid-side-highlight ul li a {
		padding: 15px;
	}
	.grid-side-highlight ul li a img {
		width: 15px;
		position: absolute;
		top: 5px;
		right: 15px;
		top: 50%;
		transform: translate(0, -50%);
	}
	.grid-side-highlight {
		float: left;
		width: 60.5%;
		padding-right: 30px;
	}
	.grid-list-highlight {
		float: left;
		width: 39%;
		padding-left: 30px;
		padding-right: 10px;
	}
	.grid-list-highlight li {
		padding-bottom: 20px;
		margin-bottom: 28px;
	}
	.mockup-video {
		padding: 11px 10px;
		padding-bottom: 74px;
	}
	.grid-video {
		width: 350px;
		margin-top: -110px;
	}
	.grid-content-video {
		width: calc(100% - 350px);
		float: left;
		padding-left: 30px;
		padding-top: 22px;
	}
	.news-home {
		padding-top: 40px;
		padding-bottom: 75px;
	}
	.grid-news-section {
		width: 100%;
	}
	.grid-twitter-section {
		width: 270px;
	}
	.grid-content-news-home {
		float: left;
		width: 60%;
		padding-left: 15px;
	}
	.grid-content-news-home p {
		width: auto;
	}
	.grid-img-news-home {
		width: 40%;
	}
	.twitter-wrapper{
		padding-right: 0;
	}
	.content-detail-news {
		padding: 0 35px;
	}
	.second-header li {
		margin-right: 10px;
	}
	.content-solution-reasuransi.anggota .row, .anggota-row {
		margin: 0 -30px;
	}
	.content-solution-reasuransi.data-ksak .container,
	.anggota-ksak .container {
		padding-right: 5%;
	}
	.content-banner-page{
		left: 5%;
	}
	.grid-content-sambutan {
		width: calc(100% - 245px);
		padding-left: 30px;
	}
	.grid-image-sambutan {
		float: left;
		width: 245px;
	}
	.divisi-content .grid-anggota{
		padding:0;
	}
	.divisi-modal .modal-body {
		padding: 0px 20px;
	}
	.modal-content:before {
		left: 20px;
	}
	.grid-modal-video {
		padding: 5px;
	}
	.banner-page.investor-banner {
		margin-top: -161px;
	}
	.second-header.blue li {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.banner-page {
		margin-top: -128px;
	}
	.modal-body {
		padding: 20px;
		padding-bottom: 70px;
	}
	.video-modal .modal-body {
		padding-top: 175px;
	}
	.investor-download h2.investor-title,
	.sekilas-content.award h2  {
		padding: 40px 5%;
	}
	.peringkat-image {
		width: 250px;
		padding-left: 0;
	}
	.peringkat-grid {
		float: left;
		width: calc(100% - 250px);
	}
	.ppid-tabs.ui-tabs .ui-tabs-nav li {
	    font-size: 18px;
	    width: 50%;
	    margin-right: 0;
	    margin-bottom: 30px;
	    height: 45px;
	}
	.ppid-tabs.ui-tabs .ui-tabs-nav {
	    margin-bottom: 25px;
	}
}

@media (max-width: 1000px){
	.grid-greetings-section {
		float: left;
		width: 400px;
		margin: auto;
	}
	.grid-twitter-section {
		width: 230px;
	}
	.grid-twitter-section iframe {
		max-width: 350px!important;
		height: 340px!important;
	}
	.grid-img-greet {
		float: left;
		width: 100%;
		margin: 0;
		height: 337px;
	}
	.contact-form-section .row.wrapper-form .grid-6 {
	    width: 100%;
	    padding: 0 !important;
	}
}
@media (max-width: 767px){
	.mobile{
		display: block;
	}
	.desktop{
		display: none;
	}
	/* Overlay style */
	.overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: -100%;
		background: rgba(28, 57, 103, 0.8);
		z-index: 99;
		padding: 5%;
		padding-top: 90px;
		visibility: hidden;
	}
	/* Effects */
	.overlay-slidedown {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition:  .5s ease-in-out;
		transition:  .5s ease-in-out;
	}
	.overlay-slidedown.open {
		visibility: visible;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-transition:  .5s ease-in-out;
		transition:  .5s ease-in-out;
		left: 0;
	}
	body.menu-open{
		overflow: hidden;
	}
	.burger-menu {
		width: 30px;
		height: 23px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		position: relative;
		right: 0;
		top: 0;
		margin: 0;
		border: 0;
		background-color: transparent;
		outline: none;
		margin-top: -4px;
	}
	.burger-menu span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #ffffff;
		border-radius: 0;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.burger-menu span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.burger-menu span:nth-child(2) {
		top: 10px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.burger-menu span:nth-child(3) {
		top: 20px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.burger-menu.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0;
		left: 0;
	}
	.burger-menu.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	.burger-menu.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 18px;
		left: 0;
	}
	.content-banner-section{
		z-index: 1;
	}
	.overlay ul li {
		display: block;
		position: relative;
		font-size: 32px;
		font-family: Calibri-Regular;
		margin-bottom: 20px;
	}
	.overlay ul li a {
		color: #ffffff;
	}
	.overlay ul.dropdown-list {
		display: none;
		position: relative;
		transition: max-height 0.2s ease-out;
		padding-left: 85px;
		margin-top: 20px;
	}
	.overlay ul li a{
		position: relative;
	}
	.overlay ul li a:before {
		content: '';
		position: absolute;
		width: 87px;
		height: 2px;
		background-color: #ffffff;
		bottom: -6px;
		left: 1px;
	}        
	li.block-menu.mobile{
		display: block;
	}
	.search-section,
	.contact-header{
		display: none;
	}
	.second-header.blue {
		display: none;
	}
	button.overlay-close {
		background-color: transparent;
		position: absolute;
		right: 5%;
		border: 0;
		outline: none;
		top: 106px;
		z-index: 99;
		transform: rotate(180deg);
	}
	.grid-greetings-section .swiper-container {
		max-width: 100%;
		float: left;
	}
	button.overlay-close img {
		width: 30px;
	}
	.content-banner-section .row {
		padding: 0;
		background-color: transparent;
	}
	ul.dropdown-list li a:before {
		width: 75px;
		height: 1px;
	}
	.grid-greetings-section {
		float: left;
		width: 100%;
	}
	.grid-img-greet:nth-child(1) {
		padding-right: 15px;
	}
	.grid-img-greet:nth-child(2) {
		padding-left: 15px;
	}
	.grid-content-banner {
		padding: 26px 25px;
		padding-right: 25px;
		background-color: rgba(28, 57, 103, 0.7);
		margin-bottom: 15px;
	}
	.grid-side-highlight {
		width: 100%;
		padding-right: 0;
		border: 0;
	}
	.grid-list-highlight {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-top: 30px;
	}
	.grid-side-highlight ul li a {
		padding: 20px;
	}
	.grid-video {
		width: 100%;
		margin-top: 30px;
	}
	.mockup-video {
		padding: 0;
		padding-bottom: 20px;
		background-image: none;
	}
	.grid-content-video {
		width: 100%;
		padding-left: 0;
		padding-top: 22px;
		padding-bottom: 50px;
	}
	.grid-news-section {
		width: 100%;
	}
	.grid-twitter-section {
		display: none;
	}
	.grid-img-news-home img {
		height: 100%;
		object-fit: cover;
	}
	.grid-img-news-home {
		width: 100%;
		height: 150px;
		margin-bottom: 10px;
	}
	.grid-content-news-home {
		width: 100%;
		padding-left: 0;
	}
	.row.grid-news-home {
		margin-bottom: 20px;
		width: 100%;
		padding: 0;
	}
	.grid-content-banner {
		width: 100%;
	}
	.slider-home .swiper-button-next, .slider-home .swiper-button-prev {
		display: none;
	}
	.slider-home .swiper-pagination {
		top: 350px;
	}
	.content-banner {
		width: 90%;
	}
	.grid-footer {
		width: 100%;
		position: relative;
		padding: 0!important;
		margin-bottom: 20px;
	}
	.grid-footer p {
		float: left;
		width: 50%;
	}
	.contact-footer {
		margin-top: 0;
		float: left;
		width: 50%;
	}
	.grid-footer .contact-footer p{
		width: 100%;
		float: unset;
	}
	ul.footer-menu:last-child {
		padding-left: 0;
	}
	ul.dropdown-list.show {
		transition: max-height 0.2s ease-out;
		display: block;
	}
	ul.dropdown-list li {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.content-banner-page {
		padding: 15px 25px;
		width: calc(100% - 10%);
		padding-bottom: 45px;
	}
	.content-banner-page h1 {
		font-size: 32px;
		margin-top: 10px;
	}
	.tabs-risk .ui-tabs .ui-tabs-nav {
		width: 100%;
		margin-bottom: 30px;
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2
	}
	.tabs-risk .ui-tabs .ui-tabs-panel {
		width: 100%;
	}
	.list-article .grid-article {
		width: 100%;
		margin-bottom: 10px;
	}
	.submenu-content.solution ul {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.submenu-content.solution li a {
		padding: 0;
		padding-bottom: 10px;
	}
	.submenu-content.solution li:before{
		display: none;
	}
	.submenu-content.solution li {
		margin-right: 0;
		position: relative;
	}
	.submenu-content.solution li.active{
		font-family: Calibri-Bold;
	}
	.submenu-content.solution {
		padding: 20px;
	}
	.wrapper-mobile {
		overflow: auto;
	}
	.row.milestone-solution {
		width: 1100px;
	}
	.grid-img-bppdan {
		width: 100%;
		margin-bottom: 25px;
	}
	.content-infrastruktur {
		width: 100%;
	}
	.image-imfrastruktur {
		width: 100%;
	}
	.table-wrapper.perkembangan-bppdan {
		overflow: auto;
	}
	.table-wrapper.perkembangan-bppdan table {
		width: 800px;
	}
	.grid-content-news-home h3 {
		font-size: 18px;
		width: 100%;
		min-height: 100%;
	}
	li.block-menu {
		position: absolute;
		top: 17px;
		right: 13px;
	}
	.row.content-chart-perkembangan img {
		width: 100%;
	}
	ul.list-regulasi li{
		width: 100%;
		position: relative;
	}
	ul.list-regulasi li img {
		position: absolute;
		top: 42%;
		right: 16px;
		transform: translate(0, -50%);
	}
	.grid-anggota {
		width: 100%;
	}
	.grid-anggota {
		padding: 0;
	}
	.content-solution-reasuransi.anggota .row, .anggota-row {
		margin: 0;
	}
	.row.wrapper-anggota.solo .grid-anggota {
		padding: 0;
	}
	.content-highlight-page {
		float: left;
		width: 100%;
		padding-top: 20px;
	}
	.img-highlight-page {
		width: 100%;
		padding-right: 55px;
	}
	.wrapper-grid-kelola {
		column-count: 1;
		column-gap: 60px;
	}
	.grid-image-award {
		float: left;
		width: 100%;
	}
	.award-slider-page .swiper-slide .row {
		padding: 0;
	}
	.grid-content-award {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}
	.grid-content-sambutan {
		width: 100%;
		padding-left: 0;
		padding-top: 30px;
	}
	.grid-image-sambutan {
		float: left;
		width: 100%;
	}
	.row.content-divisi-modal {
		padding: 0;
		padding: 30px;
		margin-bottom: 50px;
	}
	.grid-divisi-content {
		width: 100%;
		padding-left: 0;
	}
	.grid-divisi-img {
		width: 100%;
		margin-bottom: 30px;
	}
	.img-struktur-page {
		width: 100%;
		margin-top: 0;
	}
	.content-struktur-page {
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		margin-top: 30px;
	}
	.peringkat-image {
		margin-bottom: 30px;
	}
	.peringkat-grid {
		width: 100%;
		margin-bottom: 50px;
	}
	.grid-news-other {
		margin-bottom: 30px;
		display: none;
	}
	.grid-list-news h3{
		display: none;
	}
	.grid-list-news h3:first-child{
		display: block;
	}
	.grid-list-news {
		width: 100%;
		padding-right: 0;
	}
	ul.category-news li {
		font-size: 24px;
		margin-right: 15px;
	}
	.grid-list-news ul li {
		display: inline-block;
		font-size: 14px;
		margin-bottom: 8px;
		padding: 3px 13px;
		border: 1px solid #1c3967;
		border-radius: 30px;
	}
	.grid-list-news ul li:hover, .grid-list-news ul li.active {
		font-family: Calibri-Bold;
		background-color: rgb(28 57 103 / 0.2);
	}
	.grid-list-news ul li a{
		color: #1c3967;
	}
	.all-news {
		float: left;
		width: 100%;
		margin: 0;
	}
	.all-news .grid-article {
		width: 100%;
		float: left;
		padding: 0;
	}
	.article-image {
		margin-bottom: -5px;
		float: right;
		width: 130px;
		height: 130px;
		position: relative;
		right: 0;
	}
	.article-image img {
		height: 100%;
		object-fit: cover;
	}
	.content-article {
		padding: 12px 22px;
		float: left;
		background-color: transparent;
		width: calc(100% - 130px);
		padding-left: 0;
		padding-right: 10px;
	}
	.row.news-all-page .grid-article {
		float: left;
		width: 100%;
		padding: 7px;
	}
	.content-article .row {
		width: calc(100% + 140px);
	}
	.grid-modal-video {
		padding: 0 5%;
	}
	.grid-modal-video {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.row.wrapper-reinfokus:last-child {
		padding-left: 0;
	}
	.row.wrapper-reinfokus:first-child {
		padding-right: 0;
	}
	.row.wrapper-reinfokus {
		width: 100%;
	}
	.content-reinfokus {
		float: left;
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}
	.content-reinfokus p {
		min-height: 40px!important;
		-webkit-line-clamp: 2;
		margin-bottom: 11px;
	}
	.shared-detail-news {
		position: relative;
		right: 0;
		margin-top: 4px;
		z-index: 1;
		width: 100%;
	}
	ul.socmed-detail {
		display: block;
		margin-left: 0;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	ul.socmed-detail li{
		margin-left: 0;
		margin-right: 6px;
	}
	.content-detail-news {
		padding: 0;
	}
	.bread-crumb-detail {
		padding: 25px 5%;
	}
	.grid-address {
		float: left;
		width: 100%;
		margin-top: 60px;
	}
	.grid-contact {
		float: left;
		width: 100%;
		padding-right: 0;
	}
	.shared-detail-news span {
		margin-left: 0;
		margin-right: 8px;
	}
	.reasuransi-staff .content-writter{
		width: 100%;
		margin-bottom: 20px;
	}
	.detail-content-writter{
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
	}
	.grid-img-greet {
		float: left;
		width: 100%;
		margin: 0;
		height: auto;
	}
	.ppid-tabs.ui-tabs .ui-tabs-panel {
	    padding: 0;
	    background-color: transparent;
	    overflow: auto;
	    padding-bottom: 30px;
	}
	.content-ppid {
	    float: left;
	    width: 100%;
	    padding-right: 0;
	    margin-bottom: 30px;
	}
	.image-ppid {
	    float: left;
	    width: 100%;
	}
	table.see-info-table th {
	    font-size: 16px;
	}
	.ppid-tabs.ui-tabs .ui-tabs-nav li {
	    font-size: 14px;
    	margin-bottom: 10px;
	}
	table.see-info-table td {
	    padding: 20px 0;
	    border-bottom: 1px solid #8a8c8e;
	    font-size: 14px;
	}
	table.see-info-table td a {
	    height: 20px;
	}
	table.see-info-table {
	    margin-bottom: 50px;
	}
}
