@charset "utf-8";

.text_sub_menu{
  color:#2196f3;
  font-size:21px;
  font-family: 'Baloo Tamma', cursive;
  font-family: 'Roboto',sans-serif;
}

.id_container{
  margin-bottom: 100px;
}

.hide_desktop{
display: none;
}

.hide_mobile{
display: block;
}

.service_text{
font-family: 'Bebas';
font-size: 18px;
margin: 0px;
margin-top:10px;
padding: 0px;
color: #3b396b;
}

.page{
text-align:center;
max-width:1200px;
margin: auto;
}

.content_page{
margin-top:35px;
}

.efek_hover:hover{
opacity: 0.7;
filter: alpha(opacity=70);
cursor: pointer;
}

.right_content{
width:24%;
float : right;
height: auto;
background:#ffffff;
margin-bottom:5px;
border:solid 1px #B4C5CA;
border-top:solid 3px #00BFF3; margin-top:20px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

.image_shadow{
  width:100%;
  max-width:850px; 
}

.title_menu{
  font-family: 'Montserrat', sans-serif;
  font-size:40px; 
  font-weight:700;
  color:#3b396b;
}

.tagline_container{
  margin-top:0px;
}

.experience_row_container{
width:33.3%;
float:left;
}

.ourteam_direksi_container{
float: left;
width: 50%;
}

.ourteam_direksi_container_center{
width: 50%;
margin-top:50px;
}

.ourteam_manager_container{
float: left;
width: 33.33%;
}

.input_form_linestyle{
  font-family: 'Roboto',sans-serif;
	border : none;
	border-bottom:solid 2px #1568AA;
	border-radius:0px;
	background: none;
	outline:none;
	font-size: 15px;
	padding :7.5px;
	margin-top:10px;
	color:#444;
	resize: none;
}

/*----------------------------------------------------------------------------------------------------*/
/*Menu Header*/
.menu_header{
width:100%;
margin: auto;
margin-top:0px;
color: #fff;
z-index:1000;
/*background:#fff;*/
position: fixed;
}

.menu_burger_container{
display: none;
}

.header_account_container{
float : right;
}

.btn_menu_header{
font-family: 'Bebas';
word-spacing: 3px;
font-size:16px;
font-weight: 400;
line-height: 20px;
color:#3b396b;
padding:20px 15px;
cursor:pointer;
margin-top:5px;
}.btn_menu_header:hover{
color: #03A9F4;
}

.header_logo{
float: left;
}

.contact_item_container{
float: left;
width: 33.33%;
}

/*----------------------------------------------------------------------------------------------------*/
/*FOOTER*/

.footer_sosmed_icon{
width:35px;
margin-left:5px;
}

.footer_sosmed_container{
float: right;
}

.footer_textcopyright_container{
float:left;
}

/*----------------------------------------------------------------------------------------------------*/

.left {
width:305px;
float:left;
margin-bottom:0px;
margin:0px;
padding:0px;
padding-left:15px;
padding-top:0px;
margin:auto;
height:500px;
text-align:left;
}

.footer {
margin: auto;
font-size:15px;
color:#fff;

}

.services_description_container{
margin-top: 50px;
height: 275px;
overflow-y: auto;
padding-right:10px;
}

.experience_image_container{
float: left;
width: 300px;
display: block;
}

.experience_teks_container{
margin-left: 325px;
}

.experience_teks_description_container{
margin-top:35px;
height: 300px;
overflow-y: auto;
}

/*---[Scrollbar Style]---------------*/

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #cccccc;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
::-webkit-scrollbar-thumb:active {
  background: #cccccc;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/*---[Scrollbar Style]---------------*/