/* reset */

#loading {

  background:#1b3064 url('../images/Orang_Tua-logo.png')no-repeat center center;

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  overflow: auto;

  z-index:999999;

}

#wrapper{

	display:none;

}

body{

	font-family: 'Montserrat', sans-serif;

}



ul li a{

	text-decoration: none;

}



.ui-loader-default{

	display:none;

}

/* general styling */ 

.clearfix {

  clear: both;

}



/*carousel */

.carousel-inner>.item>a>img, .carousel-inner>.item>img{

	width:100%;

}



#wrapper{

	width:100%;

	margin:0 auto;

}



.wrapInner{

	width:980px;

	margin:0 auto;

}

.gray{

	background:#f7f7f7;

}

/*header area */



#header{

	background:#000d6b;

	border-bottom:3px solid #fff;

}





.logoArea{

	text-align: center;

	float:left;

	padding: 13px 0 0 19px;

	width: 16.75%;

}



.menuBar{

	    width: 66.75%;

		float: left;

}



.navBar{

	padding-left: 24.5%;

}



.navBar li {

	display:inline-block;

	vertical-align:top;

	position:relative;

	width:91px;

	height:90px;

	font-family: "FranklinGothic-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;

	

}



.navBar .logo:hover{

	background:none;	

}

	

.navBar > li:first-child(0):hover{

	background:none;

}

.navBar > li > a :before {

	content: "";

    display: block;

    height:28px;

    width:28px;

    margin: 18px auto 5px;

    background:url('../images/sprites-new.png');

    background-repeat: no-repeat;

}



.navBar > li:nth-child(2) > a :before{

	//background:url('../images/perusahaan.png');

	//background-size:cover;

	background-position: 0 0;

}

.navBar > li:nth-child(2) > a :before{

	background-position: -38px 0;

}

.navBar > li:nth-child(3) > a :before{

	background-position: -264px 0;

}

.navBar > li:nth-child(4) > a :before{

	background-position: -76px 0;

}

.navBar > li:nth-child(5) > a :before{

	background-position: -188px 0;

}

.navBar > li:nth-child(6) > a :before{

	background-position: -151px 0;

}

.navBar > li:nth-child(7) > a :before{

	background-position: -113px 0;

}

.navBar > li:nth-child(8) > a :before{

	background-position: -301px 0;

}



.navBar li:hover{

background-color: rgba(0,0,0,0.2);

}

.navBar li a{

	color:#fff;

	font-size:9px;

	text-transform: uppercase;

	line-height:1em;

	display:block;

	height:70px;

	    text-align: center;

}

.navBar li a:hover{

	text-decoration:none;

}



.langArea{

	    width: 10.5%;

		float: left;

		margin-left: 46px;

}

.lang{

	float:left;

	text-align:center;

	margin-top:23px;

	border:none;

	width: 64%;

}

.lang button{

	width:100%;

	height:16px;

	text-transform:uppercase;

	font-size:9px;

	margin: 2px auto;

	padding: 0 20% 0 20%;

}

.langBtn01{

	background:#000d6b;

	color:#fff;

	font-size:11px;

	border:1px solid #fff;

}



.langBtn01:hover{

	background: rgba(255,255,255,0.25);

	    box-shadow: rgba(255,255,255,0.75) 0 0 5px,inset rgba(255,255,255,0.5) 0 0 10px;

}

.langBtn02{

	background:#fff;

	color:#333;

	border:none;

	font-size: 11px;

}







/*mainArea */

.heading{

	text-align:center;

	padding-top:3%;

}

.heading h2{

	color:#043394;

	font-size:20px;

	font-weight: bold;

}

.heading p{

	padding-top:20px;

	color:#808080;

	font-size: 22px;

	font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;

	font-weight:100;

}



/* mainarea */



#mainVisualMobile,#productSwiperMobile{

display:none;

}



.groupListSlider{

	width: 940px;

    margin: 0 auto;

   padding-bottom: 61px;

}

.groupList .groupItem{

	margin-top:20px;

	float:left;

}

.groupList	.firstSection .groupItem{

	width: 300px;

	height:263px;

	margin-left: 20px;

	// margin-left: 20px !important;

}





.groupList	.firstSection .product0

{

	margin-left:0px;

}







// .box01{

// 	background:url('../images/thumb-bisnis.png');

	

// }



// .box02{

// 	background:url('../images/thumb-produk.png');

	

	

// }



// .box03{

// 	background:url('../images/thumb-international.png');



	

// }



// .box04{

// 	background:url('../images/thumb-bisnis.png');

// }



// .box05{

// 	background:url('../images/thumb-karir.png');

// }



.groupInner{

	text-align: center;



    border: 2px solid #fff;

    color: #fff;

    position:relative;

} 



.groupInner h3{

	font-size:18px;

	text-transform:uppercase;

	margin-bottom:10px;

	magon-bottom: 20px;

}



.groupInner p{

	font-size:12px;

}



.firstSection .groupInner{

  	width: 70%;

 	margin: 30% auto;

	padding: 20px;

}







/*divider */



.devider{

width:100%;

margin:0 auto auto auto;

position:relative;

}



.leftArea{

	background: url('../images/devider.png');

    background-position: left;

    width: 60%;

    background-size: cover;

    position: absolute;

    height:100%;

    left: 0;

}



.rightArea {

    float: right;

    background: #242f67;

    width: 40%;

    text-align: center;

    padding: 40px 0px 29px 0px;

}



.rightArea h3{

	color:#043394;

	font-size:20px;

	font-weight:100;

	padding-bottom:12px;

}

.rightArea p {

    color: #fff;

    font-size: 26px;

    padding-bottom: 12px;

    text-transform: uppercase;

}

.rightArea .textDescription {

    font-size: 12px;

    color: #fff;

}



.btn01{

	width:204px;

	background:#e15237;

	border:none;

	border-radius: 5px;

	padding:10px 20px;

	color:#fff;

	text-transform:uppercase;

	box-shadow: 0px 6px 0px 0px #bf462e;

	margin-top:20px;

	font-size: 14px;

}



.btn01:hover{

	opacity: 0.9;

}



/*produk list */

.productList{

	margin-bottom:30px;

}

.productItem li{

	display: inline-block;

}



.item01 li{

	margin-left:80px;

}

.item02 li{

	margin-left:50px;

}

.item03 li{

	margin-left:80px;

}





.item01 li:nth-child(1),

.item02 li:nth-child(1),

.item03 li:nth-child(1)

{

	margin-left:0px;

}



.about > p{

	color:#808080;

	line-height: 2em;

}

.aboutList{

	text-align:center;

	padding:40px 0px;

}

.aboutList ul li{

	width:220px;

	display:inline-block;

	margin-left:20px;

}

.aboutList ul li:nth-child(1){

	margin-left:0px;

}

.aboutList h3{

	font-size:16px;

	color:#043394;

	font-weight:bold;

	padding:20px 0px;

	text-transform:uppercase;

}

.aboutList p{

	color:#808080;

	font-weight:100;

	font-size:14px;

	line-height:1.5em;

}



.carousel-control.left, 

.carousel-control.right {

    background: none;

    width: 47px;

    top: 35%;

    height: 49px;

    background: #dedede;

    padding-top: 18px;

}



/*company business list */

.companyBusinessArea,

.newsEventArea{

	background: #f7f7f7;

	height: auto;

	padding-bottom: 55px;

}



.companyBusinessList{

	text-align:center;

	vertical-align: bottom;

	width:95%;

	margin:40px auto auto auto;

	    padding-left: 49px;

}

.companyBusinessList ul li {

    display:block;

    float:left;

    width: 19%;

    background-color: #fff;

    height: 245px;

    padding-top: 20px;

    margin:0px 5px;

}



.companyBusinessList ul li:hover{

	background-color: #242f67;

	color: #fff;

}

.companyBusinessList >ul >li:hover h3,

.companyBusinessList >ul >li:hover p{

	color: #fff;

}



.companyBusinessList ul li h3{

	margin-top:20px;

	color:#0d3b9a;

	font-size:18px;

	text-transform:uppercase;

	min-height:30px;

}

.companyBusinessList ul li p{

	//margin-top:16px;

	font-size:14px;

	color:#666666;

	line-height:1.2em;

	width:90%;

	margin:16px auto auto auto;

	min-height:40px;

}







.companyBusinessList ul>li>a{

	text-decoration:none;

}







.companyBusinessList ul li img{

	margin: 0 auto;

	display: block;

	width: 160px;

	height:121px;

}





/*footer*/

.footer{

	padding:30px 0px;

	border-top: 1px solid #043394;

	color:#666666;

}

.footer .copyright{

	text-transform:uppercase;

}

.footer .left{

	float:left;

	width:65%;

}

.footer .right{

	float:right;

}



.footerNav li{

	display:inline-block;

	padding-left:20px;

}



.footerNav li:nth-child(1){

	padding-left:0px;

}

.footerNav li a{

	color:#666666;

}



.wrapFooter {

	line-height:1.2em;

	color:#666666;

}

.footer_heading{

	text-transform: uppercase;

}

.wrapFooter dl{

	float:left;

	font-size:13px;

	margin-top:20px;

	margin-right:25px;

}

.wrapFooter .address{

	margin-left:0px;

	width:50%;

}

.wrapFooter  dl dd a{

	text-decoration:none;

	color:#666666;

}

.socialMedia{

	margin-top:40px;

}

.socialMedia p{

	float:left;

	margin-top:8px;

}

.socialMedia ul{

	float:right;

}

.socialMedia ul li{

	display:inline-block;

	margin-left:15px;

}





.fa {

  color:#fff;

}



.mobile-navbar{

	display:none;

}



#productListSliderMobile{

	display:none;

}



.addMenu {

    padding-top: 15%;

    float: right;

    padding-right: 18%;

}



.addMenu ul li{

	float: left;

	margin-left: 25px;

}



.addMenu ul li:first-child{

	

	margin-left: 0;

}



.wrapInnerHeader{

	

	margin: 0 auto;	

}



.headerRight{

	float: right;

	width: 20%;

}



.carousel_innerHeight{

	height: 630px;

}

.carousel-indicators li {

	

	border: 2px solid #888 !important;

	background:#fff;



}

.carousel-indicators .active {

	

	background-color: #2e4fa1 !important;

	  

}



#mainVisual .carousel-indicators li {

	

	border: 2px solid #888 !important;

	background:#fff;

	opacity: 0.3;

}

#mainVisual .carousel-indicators .active {

	

	background-color: #2e4fa1 !important;

	   opacity: 0.3;

}





/* ============================================================

  GLOBAL

============================================================ */



.effects .img {

  position: relative;

 

  overflow: hidden;

}



.effects .img img {

  display: block;

  margin: 0 auto;

  padding: 0;

  max-width: 100%;

  height: auto;

}



.overlay {

  display: block;

  position: absolute;

  z-index: 20;

  background: rgba(255,255,255,0.9);

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



a.close-overlay {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 100;

  width: 45px;

  height: 45px;

  font-size: 20px;

  font-weight: 700;

  color: #fff;

  line-height: 45px;

  text-align: center;

  background-color: #000;

  cursor: pointer;

}

a.close-overlay.hidden {

  display: none;

}



a.expand {

  display: block;

  position: absolute;

  z-index: 100;

  

  text-align: center;

  

}



.overlay a{

	display: block; 

}



.centerImg{

	margin: 0 auto !important;

	display: block !important;

 padding-top: 60px !important;

}



.overlay p{

	font-size: 12px;

	color: #333;

	font-weight: 200;

	text-align: center;

	margin-top: 8%;

}



/* ============================================================

  EFFECT 1 - SLIDE IN BOTTOM

============================================================ */

#effect-1 .overlay {

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 0;

}

#effect-1 .overlay a.expand {

  left: 0;

  right: 0;

  bottom: 50%;

  margin: 0 auto -30px auto;

}

#effect-1 .img.hover .overlay {

  height: 100%;

}







.facebook{

	width:30px;

	height:30px;

	background-image:url(../images/icon_facebook.png);

}



.twitter{

	width:30px;

	height:30px;

	background-image:url(../images/icon_twitter1.png);

}



.facebook:hover{



	background-image:url(../images/Hover/icon_facebook.png);

}

.twitter:hover{

	

	background-image:url(../images/Hover/icon_twitter.png);

}



.instagram{

	width:30px;

	height:30px;

	background-image:url(../images/icon_instagram.png);

}



.instagram:hover{



	background-image:url(../images/Hover/icon_instagram.png);

}



.youtube{

	width:30px;

	height:30px;

	background-image:url(../images/icon_youtube.png);

}



.youtube:hover{



	background-image:url(../images/Hover/icon_youtube.png);

}





/* ======= News Event ========= */

/* ======= News Event ========= */

.newsEventAreaSP{

	display: none;

}

.NewsEventList{

	margin-top:40px;

	text-align:center;

	display: block;

}

.newsItem {

    width: 20% !important;

	vertical-align: top;

	clear:both;

}



.DateArea {

    margin-top: -91px;

    width: 22%;

}



.DateArea h3{

	color: #fff;

	font-size: 24px;

	background-color: #043394;

	padding: 28px 13px 28px 13px;

}



.DateArea p{

	color: #fff;

	margin-top: 3px;

	font-size: 12px;

	background-color: #242e67;

	width: 97%;

	border: 1px solid #242e67;

	text-align: center;

	padding: 3px 0 3px 0;

}



.DateArea .year {

    color: #242e67;

    margin-top: 3px;

    font-size: 12px;

    background-color: #fff;

    width: 97% !important;

    text-align: center;

    border: 1px solid #242e67;

	padding: 0;

    margin: 0;

	padding: 3px 0 3px 0;

}



.captionArea{

	margin-left: 15px;

	text-align: left; 

	width: 77%;

}



.captionArea h2{

	font-size: 16px;

	color: #808080;

	font-weight: bold;

	text-align: left;

	line-height: 22px;

     min-height: 81px;

}



.captionArea p{

	font-size: 14px;

	color: #808080;

	text-align: left;

	padding-bottom: 17px;

	line-height: 18px;

	height: 100px;

	padding-right: 4px;

}

.captionArea a {

	text-decoration: none;

}

.captionArea a span{

	font-size: 14px;

	color: #808080;

}



.captionArea img{

	vertical-align:middle;

	padding-right: 5px;

}



.swiper-container {

        width: 95%;

        margin:0 auto;

        height: 100%;

    }

	

	.newsEventArea .swiper-wrapper{

		padding-left: 11%;

	}

      .swiper-slide {

        text-align: center;

        font-size: 18px;

        width: 100%;

        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

    }

/* ======== PRODUK BANNER ==== */

.ProductBanner {

    // width: 48%;

    margin: 0 auto;

    padding-bottom: 50px;

    text-align:center;

}





.logoProductArea{

	display: none;

}



.logoLandscape{

	display: none;

}





.companyBusinessList .ui-link{

	display: block;

}



.produkSliderMobile .swiper-container{

	display: none;

}



.engSoc{

	margin-left: 22px;

}