/* <!-- background selang seli beb --> */


.col_rentung{
padding-right: 5px;
padding-left: 5px;
}

.pad {
  padding: 0px 68px;
}
.padx {
  padding: 0px 25px;
}

/* Main title css
============================================================================================ */
.main_title {
  text-align: center;
  padding: 70px 0px;
}

.main_title h2 {
  font-size: 30px;
  font-family: gothammedium;
 color: rgba(255,254,249, 0.8);
  text-transform: uppercase;
  text-align: center;
  border: 1px solid rgba(255,254,249, 0.7);
  display: inline-block;
  line-height: 58px;
  padding: 0px 23px;
}

.main_title_atas {
  text-align: center;
  padding: 0 0 70px 0;
}@media only screen and (min-width: 768px) and (max-width: 991px) {
.main_title_atas {
  padding: 0 0 30px 0;
	} }
  @media only screen and (max-width: 767px) {
.main_title_atas {
  padding: 0 0 30px 0;
	} }

.main_title_atas h2 {
  font-size: 30px;
  font-family: gothammedium;
 color:  rgb(0 0 0 / 90%);;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid rgba(28,53,94, 0.5);
  display: inline-block;
  line-height: 33px;
  padding: 8px 15px;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
.main_title_atas h2 {
 font-size: 22px;
	} }
  @media only screen and (max-width: 767px) {
.main_title_atas h2  {
 font-size: 20px;
	} }  





/*----------------------------------------------------*/
/* About Person area css
============================================================================================ */
.about_person_area {
width: 100%;
  background:   rgba(255,254,249, 0.97);
  margin-top: 0;

  padding: 70px 30px 70px 30px ;
}    @media only screen and (min-width: 768px) and (max-width: 991px) {
.about_person_area {
  padding: 50px 20px 40px 20px; } }
    @media only screen and (max-width: 767px) {
.about_person_area {
  padding: 50px 20px 40px 20px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
.about_person_area{
  padding: 50px 20px 40px 20px; } }
		
.about_person_area .table .thead-dark th {
    color: rgba(255,254,249, 0.8);
background-color:   rgba(28,53,94, 0.9);
border-color:  #32383e;
font-weight: 600;
}
.about_person_area .table td{
    padding: .88rem;
    vertical-align: top;
    border-top: 0.0008rem solid  rgba(28,53,94, 0.2);
	font-size: 0.81rem;
	font-weight: 600;
	font-family: gothamBook;
}
.about_person_area .kapla{
    padding: 1.4rem 0 15px 0.1rem ;
    vertical-align: top;
color:  rgb(0 0 0 / 90%);;
	font-size: 1.34rem;
	font-weight: 600;
	font-family: gothamBook;
}
.about_person_area .kunshhhhup{
padding: 0 15px 0 15px;

}
.about_person_area .person_img {
  max-width: 100%;
  text-align: center;
}

.about_person_area .person_img img {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.about_person_area .person_img .download_btn {
  margin-top: 40px;
}

.about_person_area .person_details {
 margin-left: 5px;
  margin-right: 5px;
}



.about_person_area .person_details h3 {
  font-size: 25px;
  color: #333333;
  text-transform: uppercase;
  font-family: gothammedium;
  font-weight: bold;
  padding-bottom: 0;
    margin-bottom: 0;
  width: 100%;
}@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_person_area .person_details h3 {
 font-size:18px;
	} }
  @media only screen and (max-width: 767px) {
.about_person_area .person_details h3  {
 font-size: 18px;
	} }  

.about_person_area .person_details h3 span {
  color: #fec608;
}
.about_person_area .person_details .tagtitle {
  font-size: 12px;
  color:  rgb(0 0 0 / 90%);;
  font-family: gothamLight;
  font-weight: 500;
  padding-bottom: 0;
  width: 100%;
}
.about_person_area .person_details h4 {
  font-size: 28px;
  font-family: gothamLight;
  font-weight: 500;
 color: rgba(28,53,94, 0.9);
  padding-bottom: 15px;
}@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_person_area .person_details h4 {
 font-size:20px;
	} }
  @media only screen and (max-width: 767px) {
.about_person_area .person_details h4{
 font-size: 20px;
	} }  

.about_person_area .person_details  .profpunya{
font-size: 25px;
margin-bottom:10px;
padding-bottom:0;
}

.about_person_area .person_details  .ngechas{
font-weight: 600;
font-size:30px;
margin-bottom:30px;
}
.about_person_area .person_details p {
  font-size: 14px;
  line-height: 24px;
  color:rgb(0 0 0 / 90%);
  font-family: gothamLight;
  font-weight: 400;
  text-justify: inter-word;
text-align: justify;
}
.about_person_area .person_details p.tagtitle-spc {
  font-size: 17px;
  font-family: gothamBook;
  font-weight: 500;
 color: rgb(0 0 0 / 90%);
width: 100%;
margin-bottom:5px;
}

.about_person_area .person_details ul li {
  font-size: 15px;
  font-family: gothamLight;
  font-weight: 300;
  list-style: inside;
 color: rgb(0 0 0 / 90%);
width: 100%;
list-style:none;
}
.about_person_area h5.tast-list{
    position: relative;
    z-index: 1;
    color: rgb(0 0 0 / 90%);
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
    line-height: 17px;
}
.about_person_area h5 i.velup {
    color:  rgb(0 0 0 / 90%);
    font-size: 7px;
    font-weight: 100;
    position: absolute;
    top: 6px;
    z-index: 10;
    left: 5px;
}
.about_person_area .person_details .person_information {
  padding: 15px 0px 25px 0px;
}

.about_person_area .person_details .person_information ul {
  display: inline-block;
}

.about_person_area .person_details .person_information ul li a {
  font-size: 13px;
  line-height: 26px;
  color:rgba(28,53,94, 0.9);
  font-family: gothamLight;
  font-weight: 500;
}

.about_person_area .person_details .person_information ul + ul {
  padding-left: 30px;
}

.about_person_area .person_details .person_information ul + ul li a {
  font-size: 13px;
  line-height: 26px;
  color:rgba(28,53,94, 0.9);
  font-family: gothamLight;
  font-weight: 500;
}

.about_person_area .weekly-office-hours{
padding: 0 20px 30px 30px;
}


.about_person_area .weekly-office-hours ul li {
  padding: 10px 0;
  display: block;
  border-bottom: 1px solid rgb(0 0 0 / 90%); }
.about_person_area .weekly-office-hours ul li span {
    color: rgba(28,53,94, 0.9);
    font-size: 13px;
    font-weight: 400; }
.about_person_area .weekly-office-hours ul li:first-of-type {
    padding-top: 0; }

	
.about_person_area .address {
    margin-top: 0;
}	
	
.about_person_area .address h6 {
font-family: gothamBook;
    position: relative;
    z-index: 1;
    color: rgb(0 0 0 / 90%);;
    margin-bottom: 15px;
    display: block;
 font-size: 0.88rem; 
    font-weight: 400;
    padding-left: 25px;
	height: 100%;
    line-height: 1.4; }
.about_person_area .address h6 img {
      position: absolute;
      top: 4px;
      z-index: 10;
      left: 0; }	

.about_person_area .address h6 i {
    font-size: 15px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 22px;
}
.about_person_area .address h6 i.velup {
	font-size: 13px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 19px;
}

.about_person_area .address .addtitle {
font-size: 0.89rem; 
    font-weight: 400;
	font-family:gothammedium;
	line-height:0.9rem;
	color: rgb(0 0 0 / 90%);;
}
.about_person_area .address .halus {
font-size: 0.71rem; 
    font-weight: 200;
	font-family:gothamBook;
		color: rgb(0 0 0 / 90%);
}

.about_person_area .address h5 {
    position: relative;
    z-index: 1;
    color: #000;
    margin-bottom: 5px;
    display: block;
 font-size: 0.8rem; 
    font-weight: 400;
    padding-left: 40px;
	height: 100%;
    line-height: 1.4; }
.about_person_area .address h5 img {
      position: absolute;
      top: 4px;
      z-index: 10;
      left: 0; }	

.about_person_area .address h5 i {
    font-size: 15px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 13px;
}
.about_person_area .address h5 i.velup {
	font-size: 13px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 13px;
}
/* End About Person area css
============================================================================================ */



/* Skill Area css
============================================================================================ */
.myskull_area {
background-color: rgba(255,254,249, 0.97);
}
.myskill_area {
width: 100%;
}
.myskill_area .skill_text {
  padding-bottom: 28px;
}


.myskill_area .tajuk-atas{
color:  rgba(255,254,249, 0.8); 
font-family:gothamBook; 
font-weight: 500; 
padding:5px 0 5px 5px; 
margin: 0; 
background-color:rgba(13,159,208,0.9); 
height:50px;
}

.myskill_area .pelapik{
border-bottom:2px solid rgba(13,159,208,0.9); 
}
.myskill_area .pelapik .tajuk-isinya{
font-family: gothamBook; font-size: 0.90rem; line-height:15px; font-weight: 500; color: rgba(255,254,249, 0.9); padding:8px 0 7px 0; margin-bottom:0;

}

.myskill_area .pelapik .isinya{
line-height:17px; color: rgba(255,254,249, 0.7); 
}

.myskill_area  .pelapik  h5 {
    position: relative;
    z-index: 1;
 color: rgba(255,254,249, 0.8); 
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
    line-height: 20px;
}
.myskill_area .pelapik h5 i.velup {
color: rgba(255,29,17,0.8);
    font-size: 7px;
	font-weight:100;
    position: absolute;
    top: 6px;
    z-index: 10;
    left: 5px;
}


.myskill_area .skill_text h4 {
  font-family: gothamBook;
  color: rgba(255,254,249, 0.8);
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 25px;
}

.myskill_area .itemnya {
color: #fff;
background-color:  rgba(255,254,249, 0.8);
min-height: 250px;
}
.myskill_area .itemnya .tagtitle-client {
color: rgba(255,254,249, 0.8);
text-align:center;
font-size:15px;
font-family:gothamBook;
padding: 5px;
margin-bottom:0;
}

.myskill_area .itemnya .biru{
background-color:#0da3d6;
border-bottom: 5px solid #0da3d6;
height: 8px;
}

.myskill_area .itemnya .atas p {
color: rgb(0 0 0 / 90%);;
font-size:14px;
font-family:gothamBook;
font-weight: 400;
border-bottom: 0.008rem solid  rgba(28,53,94, 0.3);
line-height: 17px;
padding: 10px;
}

.myskill_area .itemnya .bawah p {

color: rgb(0 0 0 / 90%);;
font-size:14px;
font-family:gothamLight;
font-weight: 400;
line-height: 17px;

padding: 10px;
}

.myskill_area .skill_text_kanan {
  padding-bottom: 28px;
}

.myskill_area .skill_text_kanan h4 {
  font-family: gothamBook;
  color: rgba(255,254,249, 0.8);
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 25px;
}
.myskill_area .skill_text p {
font-size: 14px;
line-height: 24px;
font-family: gothamLight;
font-weight: 400;
 color: rgba(255,254,249, 0.8);
padding-right: 25px;
}
.myskill_area .skill_text_kanan p {
font-size: 14px;
line-height: 24px;
font-family: gothamLight;
font-weight: 400;
 color: rgba(255,254,249, 0.8);
padding-right: 0;
}
.myskill_area .skill_item_inner .single_skill h4 {
  font-size: 16px;
  color: #333333;
  font-family:gothamLight;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 5px;
}

.myskill_area .skill_item_inner .single_skill .progress {
  margin-bottom: 30px;
  height: 30px;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  text-shadow: none;
  background: #fff;
}

.myskill_area .skill_item_inner .single_skill .progress .progress-bar {
  background: #fec608;
  box-shadow: none;
}

.myskill_area .skill_item_inner .single_skill .progress .progress-bar .progress_parcent {
  font-family: gothamLight;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-align: right;
  padding-right: 10px;
}

.myskill_area .skill_item_inner .single_skill:last-child .progress {
  margin-bottom: 0px;
}

/* End Skill Area css
============================================================================================ */
/* Education Area css
============================================================================================ */
.education_area {
  padding-bottom: 60px;
}

.education_area .education_inner_area {
  position: relative;
  overflow: hidden;
}

.education_area .education_inner_area:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 5px;
  margin-left: -2.5px;
  background: rgba(254, 198, 8, 0.5);
}

.education_area .education_inner_area .education_item {
  width: 50%;
  max-width: 420px;
  background: rgba(255,254,249, 0.8);
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
  z-index: 2;
}

.education_area .education_inner_area .education_item:before {
  content: attr(data-line);
  position: absolute;
  right: -108px;
  top: 0px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 4px solid #f7da7b;
  text-align: center;
  color: #fff;
  line-height: 43px;
  font-family: gothamLight;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  background: #fec608;
}

.education_area .education_inner_area .education_item:after {
  content: "";
  background: #f7da7b;
  height: 4px;
  position: absolute;
  right: -78px;
  top: 0px;
  width: 119%;
}

.education_area .education_inner_area .education_item:nth-child(even) {
  float: right;
}

.education_area .education_inner_area .education_item:nth-child(even):before {
  right: auto;
  left: -108px;
}

.education_area .education_inner_area .education_item:nth-child(even):after {
  left: -78px;
}

.education_area .education_inner_area .education_item:nth-child(odd) {
  float: left;
}

.education_area .education_inner_area .education_item:nth-child(2) {
  margin-top: 108px;
}

.education_area .education_inner_area .education_item:last-child {
  margin-bottom: 0px;
}

.education_area .education_inner_area .education_item h6 {
  font-size: 14px;
 color: rgb(0 0 0 / 90%);;
  font-family: gothamBook;
  font-weight: 500;
}

.education_area .education_inner_area .education_item h4 {
  font-size: 18px;
  font-family: gothamBook;
  color: rgba(28,53,94, 0.9);
  padding: 8px 0px 7px 0px;
}

.education_area .education_inner_area .education_item h5 {
  font-size: 14px;
  color: #333333;
  font-family: gothamLight;
}

.education_area .education_inner_area .education_item p {
  font-size: 13px;
  line-height: 24px;
font-family: gothamLight;
  color: #666666;
  font-weight: 400;
  padding-top: 12px;
}

/* End Education Area css
============================================================================================ */
/* Service Area css
============================================================================================ */
.service_area {
  background: #fec608;
  padding: 0px 50px 60px 50px;
}

.service_area .service_inner .service_item {
  text-align: center;
  margin-top: 30px;
}

.service_area .service_inner .service_item i {
  height: 62px;
  width: 62px;
  line-height: 60px;
  border-radius: 50%;
  background: #efefef;
  border: 2px solid #222222;
  font-size: 30px;
  color: #222222;
  transition: all 400ms linear 0s;
}

.service_area .service_inner .service_item h4 {
  font-size: 18px;
 font-family: gothamLight;
  font-weight: bold;
  color: #222222;
  padding: 25px 0px 15px 0px;
}

.service_area .service_inner .service_item p {
  font-size: 13px;
font-family: gothamLight;
  line-height: 24px;
  color: #333333;
}

.service_area .service_inner .service_item:hover i {
  background: #222222;
  border-color: #efefef;
  color: #fff;
}

/* End Service Area css
============================================================================================ */
/*---------------------------------------------------- */
/* News area css
============================================================================================ */
.twitter_area {
  background: #fff;
  padding: 0px 15px;
  min-height: 420px;
}

.twitter_area ul {
  padding-bottom: 20px;
}

.twitter_area ul li {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
font-family: gothamLight;
  margin-bottom: 15px;
  font-weight: 400;
}

.twitter_area ul li a {
  color: #fec608;
  font-size: 14px;
  line-height: 24px;
font-family: gothamLight;
}

.twitter_area ul li:last-child {
  margin-bottom: 0px;
}

.w_title {
  padding:   15px 0 0 0 ;
}

.w_title h3 {
  font-size: 1rem;
  color:rgb(0 0 0 / 90%);
  font-family: gothammedium;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

.w_title h3 i {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #0084b4;
}


.w_titlex {
  padding: 0  0 10px  0;
}

.w_titlex h3 {
  font-size: 0.74rem;
  color:rgba(28,53,94, 0.9);
  font-family: gothamBook;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

.w_titlex h3 i {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #0084b4;
}






.instagram_area {
  background: #fff;
  padding: 0px 15px;
  overflow: hidden;
  clear: both;
  min-height: 420px;
}

.instagram_area .w_title h3 i {
  color: #895a4d;
}

.instagram_area ul {
  overflow: hidden;
  clear: both;
}

.instagram_area ul li {
  width: calc(100% / 3);
  float: left;
  overflow: hidden;
  padding-right: 10px;
  margin-bottom: 10px;
}

.instagram_area ul li a img {
  max-width: 100%;
}

.instagram_area .follow_btn {
  max-width: 170px;
  background: #895a4d;
  line-height: 35px;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  margin: 5px auto 22px;
  overflow: hidden;
}

.blog_slider_area {
 background-color:#fdfdff;
  padding: 0;
  position: relative;
  margin-bottom:20px;
}

.enlogowrap img{
height: auto;
max-width: 60px;
padding: 5px;
padding-right: 5px;
padding-left: 5px;
margin: 20px 0 25px 0;
}
.enlogowrap img#tim{
height: auto;
max-width: 74px;
padding: 5px;
padding-right: 5px;
padding-left: 5px;
margin: 20px 0 25px 0;
}
.enlogowrap img#tom{
height: auto;
max-width: 80px;
padding: 5px;
padding-right: 5px;
padding-left: 5px;
margin: 20px 0 25px 0;
}
.ungkus{
min-height: 550px!important;
}


.blog_slider_area .blog_slider_inner {
border: 0.0009rem solid #e5e5e5;
min-height: 780px;
}
.min-high{
min-height: 710px!important;
}
.bg-pastelwhite{
background-color:rgba(255,254,249, 0.97);
}

.blog_slider_area .blog_slider_inner .item img.profile-slider {

    display: block;
    width: 100%;
	height: 100%;
    -webkit-transform-style: preserve-3d;
	    transform-style: preserve-3d;
}

.blog_slider_area .blog_slider_inner .item .bluewrap-title {
height: auto; 
width: auto; background-color: rgba(13,159,208,0.7);
text-align:center;
margin: 0 15px 10px 15px
}
.blog_slider_area .blog_slider_inner .item .bluewrap-title .titlenya {
 font-size: 14px;color:rgba(255,254,249, 0.9); padding: 5px; Text-transform:none; font-family: gothamLight;
}
.blog_slider_area .blog_slider_inner .item .title-kecik {
  font-size: 0.84rem;
  color: rgba(255,29,17,0.8);
  font-weight: 300;
  font-family: gothammedium;
}
.blog_slider_area .blog_slider_inner .item .title-kecikx {
  font-size: 0.75rem;
  color: rgba(28,53,94, 0.9);
  font-weight: 300;
  font-family: gothammedium;
  text-transform: uppercase;
  padding:0;
  margin:0 0 0 40px;
}
.blog_slider_area .blog_slider_inner .item h3.keli {
font-size: 0.80rem;
color:rgb(0 0 0 / 90%);;
font-weight: 300;
font-family: gothammedium;
text-transform: capitalize;
  padding: 5px 15px 0 40px;
  margin-bottom: 0;
}
ul.baik { 
  list-style-type: circle!important;
  margin:0 0 15px 15px;
  padding:0 0 0 0;
  font-size: 13px;
color: rgb(0 0 0 / 90%);;
font-family: gothamLight;
}
.blog_slider_area .blog_slider_inner #belu {
  font-size: 0.73rem;
  color: #4365B7;
  font-weight: bold;
  font-family: gothamBook;
  text-transform: uppercase;
}

.blog_slider_area .blog_slider_inner .item h3 {
  font-size: 1rem;
  color: #1388AE;
  font-weight: bold;
  font-family: gothamBook;
  text-transform: uppercase;
  padding: 15px 15px 2px 15px;
  margin-bottom: 0;
}

.blog_slider_area .blog_slider_inner .item h3.kecik {
  font-size: 0.72rem;
  color: rgba(28,53,94, 0.9);
  font-weight: bold;
  font-family: gothamBook;
  text-transform: uppercase;
  padding: 15px 15px 0 15px;
  margin-bottom: 0;
}

.blog_slider_area .blog_slider_inner .item p {
  font-family: gothamLight;
  font-size: 0.74rem;
  line-height: 18px;
  color: rgb(0 0 0 / 90%);;
  padding: 0 15px 0 15px;
  margin-bottom:5px;
} 

.blog_slider_area .blog_slider_inner .item p.title-tag {
  font-family: gothamLight;
  font-size: 0.69rem;
  line-height: 12px;
  color: #4365B7;
  padding: 0 15px 0 15px;
  margin-bottom:18px;
}
.blog_slider_area .blog_slider_inner .item p.title-tags {
  font-family: gothamLight;
  font-size: 0.70rem;
  line-height: 12px;
  color: rgb(0 0 0 / 90%);
  padding: 0 15px 0 15px;
  margin-bottom:10px;
}
.blog_slider_area .blog_slider_inner .item p.title-tagx {
font-family: gothamBook;
color:rgb(0 0 0 / 90%);
font-size: 0.75rem;
font-weight: 300;
  line-height: 13px;
  padding: 2px 15px 0 40px;
  margin-bottom:20px;
}
.blog_slider_area .blog_slider_inner .item p a {
  color: rgb(0 0 0 / 90%);;
}

.blog_slider_area .blog_slider_inner .item h5 {
  font-family: gothamBook;
  font-size: 14px;
  line-height: 24px;
  color: rgba(28,53,94, 0.9);
  font-weight: normal;
  padding-bottom: 14px;
}

.blog_slider_area .blog_slider_inner .item h5 a {
  color: rgb(0 0 0 / 90%);;
}


.blog_slider_area .blog_slider_inner .enlogowrap img {
margin-top:10px;
    height: auto;
    max-width: 24%;
}


.blog_slider_area .blog_slider_inner p.widget-dalam-title {
color: rgba(28,53,94, 0.9);
margin-bottom: 10px;
margin-top: 10px;
font-family: gothamBook;
font-size: 0.82rem;
font-weight: 400;
line-height: 1.4;

}








.mxh-220{
min-height: 220px!important;
}

.mxh-200{
min-height: 250px!important;
}


.kasiputih{
background-color:#fdfdff!important;
}
.bungkus{
background-color: rgba(255,254,249, 0.97);
border: 0.0009rem solid #e5e5e5;
padding: 50px 20px 0 40px;
margin-left:10px;
}@media only screen and (min-width: 768px) and (max-width: 991px) {
.bungkus{
padding: 35px 0 0 0;
margin-left:0;

	} }
  @media only screen and (max-width: 767px) {
.bungkus{
margin-left:0;
padding: 35px 0 0 0;
	} }  


.blog_slider_area .blog_slider_inner .item .address {
    margin-top: 0;
}	
	
.blog_slider_area .blog_slider_inner .item .address h6 {
font-family: gothamBook;
    position: relative;
    z-index: 1;
    color: rgb(0 0 0 / 90%);;
    margin-bottom: 10px;
    display: block;
 font-size: 0.79rem; 
    font-weight: 400;
    padding-left: 45px;
	height: 100%;
    line-height: 1.4; }
.blog_slider_area .blog_slider_inner .item .address h6 img {
      position: absolute;
      top: 4px;
      z-index: 10;
      left: 0; }	

.blog_slider_area .blog_slider_inner .item .address h6 i {
    font-size: 13px;
    position: absolute;
    top:4px;
    z-index: 10;
    left:27px;
}
.blog_slider_area .blog_slider_inner .item .address h6 i.velup {
	font-size: 10px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 19px;
}

.blog_slider_area .blog_slider_inner .item .address .addtitle {
font-size: 0.89rem; 
    font-weight: 400;
	font-family:gothammedium;
	line-height:0.9rem;
	color: rgb(0 0 0 / 90%);;
}
.blog_slider_area .blog_slider_inner .item .address .halus {
font-size: 0.71rem; 
    font-weight: 200;
	font-family:gothamBook;
		color: rgb(0 0 0 / 90%);
}

.blog_slider_area .blog_slider_inner .item .address h5 {
font-family: gothamBook;
    position: relative;
    z-index: 1;
    color: rgb(0 0 0 / 90%);;
    display: block;
 font-size: 0.79rem; 
    font-weight: 400;
    padding-left: 70px;
	margin-bottom:0;
	height: 100%;
    line-height: 1.4; }
.blog_slider_area .blog_slider_inner .item .address h5 img {
      position: absolute;
      top: 4px;
      z-index: 10;
      left: 0; }	

.blog_slider_area .blog_slider_inner .item .address h5 i {
    font-size: 13px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 47px;
}
.blog_slider_area .blog_slider_inner .item h5 i.velup {
	font-size: 12px;
    position: absolute;
    top: 3px;
    z-index: 10;
    left: 47px;
}



.blog_slider_area .person_information {
  padding: 0 15px 10px 15px;
}

.blog_slider_area .person_information ul {
  display: inline-block;
}
.blog_slider_area .person_information li {
 line-height: 20px;
}
.blog_slider_area .person_information ul li a {
  font-size: 13px;
  line-height: 0px;
  color: rgb(0 0 0 / 90%);;
  font-family: gothamLight;
  font-weight: 500;
}

.blog_slider_area .person_information ul + ul {
  padding-left: 5px;
}

.blog_slider_area .person_information ul + ul li a {
  font-size: 13px;
  line-height: 0px;
  color: rgb(0 0 0 / 90%);;
  font-family: gothamLight;
  font-weight: 500;
}



.blog_slider_area .owl-prev {
  position: absolute;
  left: 15px;
  top: 27px;
  font-size: 18px;
  color: #666666;
  transition: all 400ms linear 0s;
  cursor: pointer;
  z-index: 3;
}
.blog_slider_area .owl-prev:hover {
  color: #fec608;
}

.blog_slider_area .owl-next {
  position: absolute;
  right: 15px;
  top: 27px;
  font-size: 18px;
  color: #666666;
  transition: all 400ms linear 0s;
  cursor: pointer;
  z-index: 3;
}

.blog_slider_area .owl-next:hover {
  color: #fec608;
}

.contact_title h3 {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 34px;
}

.left_contact_details p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  padding-bottom: 20px;
}

.left_contact_details p + p {
  padding-bottom: 20px;
}

.left_contact_details .media {
  margin-top: 30px;
}

.left_contact_details .media .media-left {
  padding-right: 30px;
}

.left_contact_details .media .media-left i {
  height: 60px;
  width: 60px;
  background: #fec608;
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  border: 1px solid #fec608;
  transition: all 400ms linear 0s;
}

.left_contact_details .media .media-body h4 {
  font-size: 14px;
  font-family: gothamBook;
  font-weight: bold;
  text-transform: uppercase;
  color: #333333;
  padding-bottom: 10px;
}

.left_contact_details .media .media-body p {
  padding: 0px;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}

.left_contact_details .media:hover .media-left i {
  background: transparent;
  color: #fec608;
}

.contact_from_area .form-group {
  margin-bottom: 20px;
}

.contact_from_area .form-group input {
  width: 100%;
  box-shadow: none;
  outline: none;
  text-shadow: none;
  border: 1px solid #dfdfdf;
  border-radius: 0px;
  padding: 0px 15px;
  height: 50px;
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group input.placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group input:-moz-placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group input::-moz-placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group input::-webkit-input-placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group input:focus {
  border-color: #fec608;
}

.contact_from_area .form-group textarea {
  width: 100%;
  box-shadow: none;
  outline: none;
  text-shadow: none;
  border: 1px solid #dfdfdf;
  border-radius: 0px;
  padding: 20px 15px 0px 15px;
  height: 120px;
  font-size: 14px;
  color: #999999;
  resize: none;
font-family: gothamLight;
}

.contact_from_area .form-group textarea.placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group textarea:-moz-placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group textarea::-moz-placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #999999;
font-family: gothamLight;
}

.contact_from_area .form-group textarea:focus {
  border-color: #fec608;
}

.contact_from_area .form-group:last-child {
  margin-bottom: 0px;
  margin-top: 10px;
}

.mapBox {
  height: 220px;
  margin-top: 60px !important;
}

/* End News area css
============================================================================================ */