@media only screen and (max-width: 560px) {
  .header-style-three {
    position: relative !important;
    background-color: #222222 !important;
  }

  .logo {
    width: 100px;
    margin-left: 1.5rem;
  }

  .logo a {
    display: flex !important;
  }

  .logo a img:first-child {
    margin-right: 10px !important;
  }

  .logo a img:nth-child(2) {
    width: 100% !important;
  }

  .main-menu {
    padding-top: 2rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .header-style-three {
    position: relative;
    background-color: transparent;
  }

  section.about-section .image-column {
    margin-top: 100px;
  }


}

@media only screen and (max-width: 1140px) {
  .header-style-three {
    position: absolute;
    background-color: transparent;
  }

  section.about-section .image-column {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 1141px) {
  .footer-column .socmed-widget {
    padding-top: 179px;
  }

  .footer-column.first-left {
    padding-left: 15px;
  }
}

.fast {
  -vendor-animation-duration: 1s;
  -vendor-animation-delay: 0s;
}

.slow {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 1s;
}

.reallyslow {
  -vendor-animation-duration: 6s;
  -vendor-animation-delay: 3s;
}

body {
  font-family: 'Helvetica';
  letter-spacing: 0.5px !important;
  line-height: 1.5em !important;
  font-weight: normal !important;
  font-size: 16px !important;
  color: #58595b !important;
  /*.services-single .inner-box .lower-content .text{
		color: @gray-text !important;
	}*/
  /*img.zoom {
		width: 350px;
		height: 200px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
	}
	 
	.transition {
		-webkit-transform: scale(1.8); 
		-moz-transform: scale(1.8);
		-o-transform: scale(1.8);
		transform: scale(1.8);
	}*/
}

body .call-to-action-section-two .inner-box {
  position: inherit;
  top: 0px !important;
  margin-top: 0px !important;
}

body p {
  line-height: 1.5em !important;
}

body .sidebar .sidebar-category .list li.current a,
body .sidebar .sidebar-category .list li a:hover {
  background-color: #00a1e4;
}

body .services-block .inner-box .lower-content .upper-box {
  padding-left: 20px;
}

body .news-block-two .inner-box .lower-content .text,
body .news-block .inner-box .lower-content .text,
body .news-block .inner-box .lower-content .post-meta li,
body .services-single .inner-box .lower-content .text,
body .news-block .inner-box .lower-content h2 a,
body .blog-single .inner-box .lower-content .text p,
body .blog-single .inner-box .lower-content .post-meta li,
body .social-icon-three li a,
body .sidebar .popular-posts .post-info,
body .sidebar .popular-posts .post .text a {
  color: #58595b;
}

body .news-block .inner-box .lower-content h2 a:hover,
body .social-icon-three li a:hover,
body .sidebar .popular-posts .post .text a:hover,
body .services-block .inner-box .lower-content .upper-box h3 a:hover,
body .post-share-options .new-posts a:hover {
  color: #034ea2;
}

body .btn-style-three:hover {
  background-color: #034ea2;
}

body .news-block .inner-box .lower-content .text {
  line-height: 1.5em !important;
}

body .gallery-item-two {
  border: 4px solid #FFFFFF;
}

body .sidebar .sidebar-category .list li a {
  font-family: 'Helvetica Bold' !important;
  font-weight: normal;
}

body .btn-style-two {
  font-family: 'Helvetica' !important;
}

body h1,
body h3,
body h4,
body h5,
body h6,
body h2 {
  font-family: 'Helvetica Bold' !important;
  font-weight: normal !important;
}

body .services-single .inner-box .lower-content h2 {
  color: #034ea2 !important;
}

body .services-single .inner-box .lower-content .text {
  line-height: 1.5em !important;
}

body .text-blue-dark {
  color: #034ea2;
}

body .text-blue-light {
  color: #00a1e4;
}

body .news-block-two .inner-box .lower-content h3 a:hover {
  color: #034ea2 !important;
}

body .services-block .inner-box .image {
  border: 1px solid #eeeeee;
}

body .accordion-box .block .acc-btn {
  font-family: 'Helvetica' !important;
  color: #58595b;
}

body .accordion-box.style-two .block .acc-btn.active {
  color: #034ea2;
}

body .accordion-block h2 {
  color: #034ea2;
}

body .sec-title h2 {
  color: #034ea2;
}

body .news-block-two .inner-box .lower-content .category {
  color: #58595b;
}

body .news-block-two .inner-box .lower-content h3 a {
  color: #58595b;
}

body .blog-single .inner-box .lower-content .text blockquote {
  font-style: normal !important;
}

body .blog-single .inner-box .lower-content h2 {
  color: #034ea2;
}

body .page-title {
  text-align: left;
  padding: 150px 0px 90px 0px;
  background-size: cover;
}

body .page-title h1 {
  font-weight: normal !important;
  font-family: 'Helvetica Bold' !important;
}

body .page-title .text {
  padding-top: 60px;
  text-align: left;
}

body .header-style-three .main-menu .navigation li {
  margin-right: 15px !important;
}

body .header-style-three .main-menu .navigation li a {
  font-size: 12px !important;
}

body .sec-title h2 {
  padding-bottom: 40px;
}

body .blog-single .inner-box .lower-content .text blockquote {
  border-width: 1.5px !important;
}

body .main-header .sticky-header .main-menu .navigation>li.current>a,
body .main-header .sticky-header .main-menu .navigation>li>a:hover,
body .main-header .sticky-header .main-menu .navigation>li>a::after,
body .main-header .sticky-header .main-menu .navigation>li:hover>a {
  background: none !important;
  background-color: none !important;
  color: #034ea2 !important;
}

body .main-menu .navigation>li>ul>li:hover>a:hover {
  background-color: #034ea2;
}

body .main-header .sticky-header .main-menu .navigation>li>a {
  color: #58595b;
}

body .services-block .inner-box .lower-content .upper-box h3 a {
  color: #58595b;
}

body .main-menu .navigation>li>ul>li>a {
  text-transform: none !important;
}

body .page-title h1 {
  text-transform: none;
}

body .page-info .bread-crumb li {
  text-transform: none;
}

body .main-header .sticky-header .logo {
  margin-top: 8px;
}

body .main-header .sticky-header .main-menu .navigation {
  /*li.current > {
						a{
							background-color: none !important;
							color: @darkblue-peruri;
						}
					}*/
  /*.main-header .sticky-header .main-menu .navigation > li:hover > a, 
					.main-header .sticky-header .main-menu .navigation > li.current > a*/
}

body .main-header .sticky-header .main-menu .navigation li {
  margin: 0px 0px !important;
  margin-right: 14px !important;
}

body .main-header .sticky-header .main-menu .navigation li a {
  padding: 0px 0px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-right: 12px !important;
}

body .main-header .sticky-header .main-menu .navigation li:last-child a {
  padding-right: 0px !important;
}

body .main-header .sticky-header .main-menu .navigation li.dropdown li a {
  padding-left: 15px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

body .news-block-two .inner-box .lower-content .text {
  line-height: 1.3em;
}

body .call-to-action-section::before,
body .shop-item .inner-box .image .overlay-box,
body .call-to-action-section-two .inner-box::before {
  background-color: #034ea2;
}

body .lower-content .icon {
  margin-top: 5px;
}

body .main-footer::before {
  background-color: transparent !important;
}

body .main-footer {
  background: none !important;
  /*background-image: url('../images/olah_roset_footer.png') !important;
		background-size: cover;
		background-position: center;
		border-top: 1px solid rgba(0, 116, 217, 0.3);*/
}

body .main-footer .widgets-section {
  padding-top: 40px;
  padding-bottom: 0px;
}

body .main-footer .footer-bottom {
  background-color: #034ea2;
  position: static;
}

body .main-footer .footer-bottom .copyright {
  color: #FFFFFF;
}

body .main-footer .footer-widget h2 {
  color: #034ea2;
}

body .main-footer .footer-widget .widget-content {
  color: #034ea2;
}

body #test-aja-foot {
  position: absolute;
  width: 100%;
  height: 420px;
  zindex: 9999;
  background-image: url('../images/olah_roset_footer.png') !important;
  background-size: cover;
  background-position: center;
  border-top: 1px solid rgba(0, 116, 217, 0.3);
}

body .slider-content h3 {
  font-family: 'Helvetica Bold';
}

body .main-menu .navigation li a {
  font-family: 'Helvetica' !important;
}

body .main-footer p {
  line-height: 1.5em;
}

body #laporan-keuangan a,
body #regulasi a {
  background-color: #034ea2;
  padding: 4px 10px 8px 10px;
  border-radius: 15%;
}

body #laporan-keuangan a span.wrap,
body #regulasi a span.wrap {
  background-color: #FFFFFF;
  border-radius: 100%;
  padding: 3px 2px;
  font-size: 12px !important;
}

body #laporan-keuangan a:hover,
body #regulasi a:hover {
  background-color: #00a1e4;
}

body .news-block .inner-box .lower-content .post-meta li {
  font-size: 14px !important;
}

body .sidebar .popular-posts .post-info {
  font-family: 'Helvetica' !important;
  font-size: 14px;
}

body .sidebar .popular-posts .post .text {
  font-family: 'Helvetica' !important;
}

body .news-block-two .inner-box .lower-content .post-info li {
  font-size: 14px;
}

body .post-share-options .new-posts a {
  font-family: 'Helvetica' !important;
}

body .sidebar .view-all {
  font-family: 'Helvetica Bold' !important;
  font-weight: normal !important;
}

body .btn-primary {
  background-color: #034ea2;
  border-color: #034ea2;
}

body .btn-primary:hover {
  background-color: #00a1e4;
  border-color: #00a1e4;
}

body .page-info .bread-crumb li {
  font-family: 'Helvetica' !important;
}

body .team-member .inner-box .lower-content h3 a:hover {
  color: #034ea2;
}

body .pagination>.active>a,
body .pagination>.active>a:hover {
  background-color: #034ea2;
  border-color: #034ea2;
}

body .sidebar .sidebar-category .list li a {
  color: #034ea2;
}

body .sidebar .view-all {
  color: #FFFFFF;
  background-color: #034ea2;
}

body .team-member {
  margin-bottom: 60px;
}

body .btn-style-one {
  background-color: #034ea2;
  border-color: #034ea2;
}

body .btn-style-one:hover {
  border-color: #034ea2;
  color: #034ea2;
}

body .styled-pagination li a {
  color: #034ea2;
}

body .styled-pagination li a:hover {
  background-color: #034ea2;
  opacity: 0.5;
}