body, .toooltip {
  font-family: "Fira Sans", "Fira Sans";
  font-weight: 400;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6,label,.field-label, .html .tp-caption {
  font-family: "Pragati Narrow Bold", "Pragati Narrow";
  font-weight: 700;
  font-style: normal;
}

nav,nav ul li,nav a {
  font-family: "Fira Sans", "Fira Sans";
  font-weight: 400;
  font-style: normal;
}

.site-name, .navbar-brand {
  font-family: "Fira Sans", "Fira Sans";
  font-weight: 400;
  font-style: normal;
}

blockquote, blockquote p {
  font-family: "Fira Sans Italic", "Fira Sans";
  font-weight: 400;
  font-style: italic;
}

.field-galeri-image{float:left;}
.commerce-add-to-cart button{display:none;}
.product-wrapper{background-color:#f7f7f7;}
.namaproduk h4{margin:0;padding:10px;}
.body--glazed-nav-desktop .glazed-header--top.glazed-header--overlay{top:0;}body, p, .lead { line-height:  1.6 } 
body { font-size:  16px } 
.glazed-header--top #glazed-main-menu .nav > li > a, .glazed-header--side #glazed-main-menu .nav a, .body--glazed-nav-desktop .glazed-header--top .nav .dropdown-menu li>a { font-size:  16px } 
h1,h2,h3,h4,h5,h6 { line-height:  1.2; } 
h1, .html #page-title .page-title { font-size:  42px; } 
h2 { font-size:  33px; } 
h3 { font-size:  26px; } 
h4 { font-size:  20px; } 
blockquote, .blockquote p { font-size:  20px } 
hr { height:  4px; } 
hr { margin-left: 0;margin-right: auto; }
@media screen and (max-width: 768px) { 
  body, p { font-size:  14px; } 
  .glazed-header--top #glazed-main-menu .nav > li > a, .glazed-header--side #glazed-main-menu .nav a, .body--glazed-nav-desktop .glazed-header--top .nav .dropdown-menu li>a { font-size:  14px } 
  h1, .html #page-title .page-title { font-size:  42px; } 
  h2 { font-size:  33px; } 
  h3 { font-size:  26px; } 
  blockquote, .blockquote p { font-size:  20px; } 
} 

#page-title { text-align:  left } 

#page-title .page-title { height:  100px } 

.page-title-full-width-container:after { opacity:  1 } 

.page-title-full-width-container:after { background-position: center center; }

.page-title-full-width-container:after { background-image: url('https://www.arhapro.co.id/sites/default/files/page-attachments/abstract-architecture-background-white.jpg'); }

.region-sidebar-first .block, .region-sidebar-second .block, .region-content-top .block, .region-content-bottom .block, .blocks-preview .block {
  border-width: 0px;
  border-style: none;
  border-radius: 0px;
} 

.region-sidebar-first .block-title, .region-sidebar-second .block-title, .region-content-top .block-title, .region-content-bottom .block-title, .blocks-preview .block-title {
  font-size: 20px;
  text-align: left;
  border-width: 0px;
  border-style: none;
  border-radius: 0px;
  display: block;
} 

@media screen and (max-width: 768px) { 
  .region-sidebar-first .block-title, .region-sidebar-second .block-title, .region-content-top .block-title, .region-content-bottom .block-title, .blocks-preview .block-title { font-size: px; } 
} 

  #glazed-main-menu,
  #glazed-main-menu .menu__breadcrumbs,
  #glazed-main-menu .menu__level {
    text-align: left;
  }
.glazed-header--side .glazed-main-menu {
  width: 300px;
}
.glazed-header--side .menu__level {
  width: 300px;
}

.body--glazed-nav-desktop #navbar.glazed-header--top {
  background-color: rgba(255,255,255,0.85);
  opacity: 1;
}
.body--glazed-nav-desktop #navbar.glazed-header--top.affix {
  background-color: rgba(255,255,255,1);
  opacity: 1;
}

.body--glazed-nav-desktop .glazed-header--top .nav > li > a,
.body--glazed-nav-desktop .glazed-header--top .wrap-branding,
.body--glazed-nav-desktop .glazed-header--top #block-glazed-helper-full-screen-search {
  height: 80px;
  line-height: 80px;
}
.body--glazed-nav-desktop .glazed-header--top .glazed-main-menu {
  height: 80px;
}
.body--glazed-nav-desktop .glazed-header--top.affix .nav > li > a,
.body--glazed-nav-desktop .glazed-header--top.affix .navbar-header .wrap-branding,
.body--glazed-nav-desktop .glazed-header--top.affix #block-glazed-helper-full-screen-search  {
  height: 80px;
  line-height: 80px;
}
.body--glazed-nav-desktop .glazed-header--top.affix .glazed-main-menu {
  height: 80px;
}
.body--glazed-nav-desktop .nav-child-fixed-width {
  top: 80px;
}
.body--glazed-nav-desktop .glazed-header--top.affix .nav-child-fixed-width {
  top: 80;
}
.body--glazed-nav-desktop.body--glazed-header-overlay .page-title-full-width-container  { padding-top: 110px }

.body--glazed-nav-mobile .glazed-header .navbar-header .wrap-branding,
.body--glazed-nav-mobile .glazed-header .navbar-toggle {
  height: 60px;
}
.body--glazed-nav-mobile .glazed-header #block-glazed-helper-full-screen-search {
  height: 60px;
  line-height: 60px;
}
.html--glazed-sticky-footer .body--glazed-nav-desktop .glazed-header--top {
  min-height: 80px;
}
.html--glazed-sticky-footer .body--glazed-nav-desktop .glazed-header--top.affix {
  min-height: 80px;
}
.html--glazed-sticky-footer .body--glazed-nav-mobile .glazed-header {
  min-height: 60px;
}
.html--glazed-sticky-footer .body--glazed-nav-mobile .glazed-header.affix {
  min-height: 60px;
}
.glazed-header .menu a {
  text-transform: uppercase;
}
.body--glazed-header-side .glazed-header--side.glazed-header--hover-border .menu a::before,
.glazed-header--top.glazed-header--hover-border .nav > li > a::before {
  height: 2px; 
  bottom: 0; 
  background-color:  #3a7aac; 
  transition: transform 300ms; 

 } 

.container {
  max-width: 1170px;
  padding-left: 60px;
  padding-right: 60px;
}
.navbar-container.glazed-fluid,
.page-title-container.glazed-fluid,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
.glazed-boxed-container {
  max-width: 1170px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.region-sidebar-first .block,
.region-sidebar-second .block,
.glazed-util-gutter-bottom {
  margin-bottom: 30px;
}
.page-title-full-width-container {
  margin-bottom: 30px;
}
.page-title-full-width-container .breadcrumb {
  right: 60px;
}
@media screen and (max-width: 1200px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-container.glazed-fluid,
  .page-title-container.glazed-fluid,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body { background-position: center center; }