.bggradireng {background: #dfdfdf;
background: -moz-linear-gradient(top,  #dfdfdf 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #dfdfdf 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #dfdfdf 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #dfdfdf 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #dfdfdf 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 );
}
.home .bggradireng {
background: #dfdfdf;
background: -moz-linear-gradient(top,  #dfdfdf 0%, #dfdfdf 53%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(53%,#dfdfdf), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #dfdfdf 0%,#dfdfdf 53%,#ffffff 100%);
background: -o-linear-gradient(top,  #dfdfdf 0%,#dfdfdf 53%,#ffffff 100%);
background: -ms-linear-gradient(top,  #dfdfdf 0%,#dfdfdf 53%,#ffffff 100%);
background: linear-gradient(to bottom,  #dfdfdf 0%,#dfdfdf 53%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 );
}

.bgpaddingmobile {padding: 0 20px}

.bgdefault {
  background: #333 url(../../uploads/bgdefault.jpg) top center no-repeat; 
  background-size: cover; 
  height: 175px
}
.bgmanual {height: 175px}

#logo, .header-widget, .headertext {text-align: center}
.headertext {margin-top: 15px; color: #395168}
.header-widget {margin-top: 10px}
.header-widget .widget p {margin-bottom: 5px; font-size: 14px}
.header-widget .widget a:hover, .hometelu a:hover {text-decoration: none}
.header-widget a, .hometelu a, .hometelu .threecol-one img, .entry img {transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear}
.linkedin {width: 70px; height: auto}

.nav-toggle {background: #006daf !important}
#navigation h3 {font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #999; margin-bottom: 10px}
ul.nav li a {font-weight: bold}

.boxbiru {background: #00639f; padding: 20px; position: relative; z-index: 999; margin-top: -40px}
.boxbiru p {color: #fff; margin: 0; font-size: 22px}
ul.nav li a {text-transform: uppercase}

#content {background: #fff; padding-top: 0; margin-top: -50px}
.page-id-8 #content {z-index: 99}
.home #content {background: #fff; padding-top: 20px; margin-top: 0}

.hometelu {margin-top: 30px}
.hometelu .threecol-one img {border-radius: 3px; width: 100%; height: auto}
.hometelu .threecol-one:hover img, .post-8 a img:hover {box-shadow: 0 0 6px rgba(0,0,0,.5)}
.hometelu .threecol-one:hover h4 a {color: #00354f}
.hometelu h4 {/* text-transform: uppercase; */ font-size: 24px; margin: 10px 0 5px 0; font-weight: 700}
.hometelu p {font-size: 14px}

.entry img {background: none; padding: 0; border: 0}
.post-8 .entry img {border: 1px solid #aaa}
.page-title, .post .title, .page .title {padding-top: 20px}
.post-8 .entry .threecol-one img {width: 100%; height: auto}

.widget, .widget p {font-family: "Source Sans Pro", sans-serif; font-size: 16px}

.partnerbox {border-top: 2px solid #00639f; border-bottom: 2px solid #00639f; padding: 20px 0}

.wpcf7-text, .wpcf7-textarea {font-family: arial, sans-serif, font-size: 14px; width: 90%}
.wpcf7-captchar {width: 100px}

#copyright span {display: inline-block}
.logoiso img {width: 100px; height: auto; margin: 0 10px}

/* DESKTOP STYLES
----------------- */
@media only screen and (min-width: 768px) {
  .headerpersist {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%}
  .headerpersist.nemplek #header-container {display: none}
  .bggradireng {margin-top: 155px}
  .col-full, #wrapper {max-width: 1020px !important}
  .bgpaddingmobile {padding: 0 40px}
  #logo {position: relative; z-index: 999; text-align: left; width: 20%; margin-right: 2%}
  .headertext {float: left; width: 55%; font-size: 15px}
  .header-widget {text-align: right; width: 23%; position: relative; z-index: 2; margin-top: 0}
  .header-widget .widget {margin-bottom: 0}
  .header-widget .widget p {margin-bottom: 1px}

  .bghead {background: #333}
  .bgmanual, .bgdefault {height: 300px}
  #nav-container {background: #fff; border: 0; margin-bottom: 0; box-shadow: 0 3px 2px rgba(0,0,0,.5); position: relative; z-index: 9999}
  #navigation {background: #006daf}
  ul.nav li {text-align: center}
  #navigation ul.nav li ul li {text-align: left}
  ul.nav li a {width: 100px; padding: 0.5em}
  ul.nav ul {width: 150%}
  ul.nav ul li ul.sub-menu {width: 100%}
  ul.nav ul li a {font-size: 14px}
  ul.nav li.menu-item-190 {}
  ul.nav li.menu-item-190 a {width: 180px}
  ul.nav li.menu-item-190 ul {width: 100%}

  .side-nav .searchform input.s, .side-nav #searchform input#s, #navigation ul.nav-search #searchform .submit:before, #navigation ul.nav-search .searchform .submit:before {color: #fff}

  body.full-width #header, #nav-container, body.full-width #footer {padding-left: 40px; padding-right: 40px}
  body.full-width #content, body.full-width #footer-widgets {padding-left: 0; padding-right: 0}

  .pd20 {padding: 20px}
  .home .pd20 {padding: 30px 20px 20px 20px}
  .home #content {padding-top: 0}

  .hometelu {margin: 40px 0}
  .hometelu .threecol-one {width: 31.95%; margin-right: 2.040816326530612%; margin-bottom: 0}
  .hometelu .threecol-one.last, .post-8 .threecol-one.last {margin-right: 0}
  .post-8 .threecol-one {width: 31.95%; margin-right: 2.040816326530612%; margin-bottom: 40px}

  #content {padding-bottom: 0}
  .page-title, .post .title, .page .title {padding-top: 0}
  .post-14 .fivecol-one {width: 18.4%; margin-right: 2%; margin-bottom: 40px}
  .post-14 .fivecol-one.last {margin-right: 0}

  #copyright {padding-top: 10px; padding-left: 20px}
  #footer {position: relative}
  .logoiso {position: absolute; right: 20px; top: 10px; width: 400px; text-align: right}
  .logoiso img {width: 100px; height: auto; margin: 0 0 0 5px}
}

@media only screen and (min-width: 1024px) {
  .bggradireng {margin-top: 143px}
  ul.nav li a {width: 120px; padding: 0.5em 1em}
  .home #content {padding-top: 60px}
  .boxbirunjaba {position: relative}
  .boxbiru {position: absolute; top: -65px; z-index: 999; margin: 0}
}

@media only screen and (min-width: 1360px) {
  .bgpaddingmobile {padding: 0}
  body.full-width #header, #nav-container, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer {padding-left: 0; padding-right: 0}
}

@media only screen and (min-width: 1370px) {
  #logo {width: 18%; margin-right: 2%}
  .headertext {width: 60%; font-size: 16px; margin-top: 30px}
  .header-widget {width: 20%}
  .col-full, #wrapper {max-width: 1200px !important}
  .bgmanual, .bgdefault {height: 300px}
  .hometelu .threecol-one {width: 32.18%; margin-right: 1.7%}
  .post-8 .threecol-one {width: 32.18%; margin-right: 1.7%}
}