@font-face {
  font-family: Roboto;
  src: url(../fonts/KaushanScript-Regular.ttf);
}
body,
section h1.section-title,
section h2.sub-title,
#incremental-counter .num
{
  font-family: 'Lato', sans-serif;
}

#features .feature-item h3{
  font-family: 'Agency FB', sans-serif !important;
}
#incremental-counter .num::before{
  background: rgba(255, 183, 77,1.0);
}
.material-icons{
  font-size: 16px;
  vertical-align: text-bottom;
}
.swiper-container{
  width: 100%;
  height: 100%;
}
.list-inline>li {
  display: inline-block;
  padding: 5px;
}

.contact-us form.contact-form .form-group i {
  color: #f1f2f2;
  font-size: 16px;
  left: 10px;
  position: absolute;
  top: 8px;
}
.contact-us .reach span{
  padding: 10px;
  color: rgba(255, 183, 77,1.0);
}
.contact-us .reach{
  text-align: left;
}
.contact-map{
  height: 350px;
}
.page-konten{
  margin-top: 50px;
  text-align: justify;
}
.dialogboxoverlay{ display: none; opacity: .8; position: fixed; top: 0px; left: 0px; background: #000; height:100%; width: 100%; z-index: 200001; }
div.contact-us .btn-primary{
  background: rgba(255, 183, 77,1.0);
}

svg.arrows{
  bottom: 0 !important;
}

a{
  cursor: pointer;
}
a,
h1, h2, h3, h4, h5, h6,
#incremental-counter .num,
ul.contact li i{
  color: rgba(255, 183, 77,1.0);
}
.footer-wrapper h6{
  text-align: left;
}
#footer.animasi-fadeInDown i.icon:before{
  padding: 5px;
}

ul li{
  list-style-image: url(../images/bullet-yellow-icon.png);
}
.footer-wrapper ul.footer-links li{
  text-align: left;
}
.footer-wrapper ul.contact li{
  text-align: left;
}
#banner{
  /*background: url(https://asset.msi.com/global/picture/image/feature/AIO/Pro20EX/pro20ex_overview.jpg) fixed no-repeat;*/
  background: transparent;
}
.sign-up-form{
  background: linear-gradient(to bottom, rgba(255, 236, 179,0.8), rgba(255, 196, 0,0.8) 65%);
  border: 1px solid rgba(224, 224, 224,1.0);
  border-bottom: 0;
}

.sign-up-form::after{
  border-color: rgba(255, 196, 0,0.8) transparent transparent;
}
.menu{
  background: rgba(245, 245, 245,1.0);
  border-bottom: 1px solid rgba(224, 224, 224,1.0);
}
.copyright{
  background: rgba(55, 71, 79,1.0);
  color: #aaaaaa;
}
.copyright a{
  color: rgba(255, 196, 0,1.0);
}

.menu ul.main-menu li.dropdown a{
  color: rgba(55, 71, 79,1.0);
}
.menu ul.main-menu li.dropdown a:hover{
  color: rgba(55, 71, 79,0.7);
}
.menu ul.main-menu li.dropdown a:focus{
  color: rgba(55, 71, 79,0.7);
}
.menu ul.main-menu li ul.dropdown-menu{
  background: #90a4ae;
}
.menu form .form-group input.form-control{
  background: rgba(55, 71, 79,1.0);
}
.navbar-brand{
  height: 50px;
  padding: 2px;
}
.navbar-brand img{
  /*width: 168px;*/
}
.navbar-default .navbar-toggle{
  border-color: #FFF;
}
.navbar-toggle{
  margin-top: 12px;
  background: rgba(255, 196, 0,0.8);
}
.sign-up-form{
  margin-top: 55px;
}
.sign-up-form h2{
  font-family: 'Lato', sans-serif;
  margin: 0;
}
.arrows path{
  stroke: rgba(255, 196, 0,1.0);
}

.swiper-slider {
  width: 100%;
  height: 600px;
}
.swiper-client {
  width: 100%;
  height: 150px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.swiper-pagination-bullet{
  background: rgba(255, 196, 0,0.9);
}
.swiper-pagination-bullet-active{
  background: rgba(255, 196, 0,1.0);
}

#features .feature-item .feature-icon{
  background: linear-gradient(to bottom, rgba(255, 196, 0,1.0), rgba(255, 183, 77,1.0) 65%);
  box-shadow: 0 12px 12px rgba(255, 145, 0,0.1);
}
#features .feature-item .feature-icon:hover{
  background: linear-gradient(to bottom, rgba(255, 183, 77,1.0), rgba(255, 196, 0,1.0) 65%);
}
#site-facts .circle{
  background: rgba(255, 145, 0,0.7);
}
#footer::before{
  background: linear-gradient(to right, #ffffff 0%,rgba(255, 196, 0,1.0) 50%,#ffffff 100%);
}
ul.footer-links li a:hover{
  color: rgba(255, 196, 0,1.0);
}
ul.social-icons li{
  background: rgba(245, 245, 245,1.0);
}
ul.social-icons li a{
  color: rgba(255, 145, 0,0.7);
}
ul.social-icons li a:hover{
  color: rgba(84, 110, 122,1.0);
}
.fp-tableCell{
  vertical-align: top;
}

a.btn-xs{
  height: 20px !important;
  line-height: 18px !important;
}

#section-header .fp-tableCell{
  /*background: url(http://absystem.id/images/2.jpg) fixed no-repeat;*/
  background-size: cover;
}

#section-footer .fp-tableCell{
  vertical-align: bottom;
}
#section-footer .fp-tableCell footer{

}

@media only screen and (max-width: 768px) {
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background: rgba(84, 110, 122,1.0);
  }
  .navbar-default .navbar-brand{
    margin-left: 5px;
  }
  .menu ul.main-menu li.dropdown ul.dropdown-menu li {
    background: rgba(207, 216, 220,1.0);
  }
  .menu ul.main-menu li.dropdown a span img{
    float: right;
    margin-top: 10px;
  }
  .menu ul.main-menu li.dropdown a{
    color: #FFF;
  }
  .menu ul.main-menu li.dropdown ul.dropdown-menu li a{
    color: rgba(84, 110, 122,1.0);
  }
  .menu form .form-group i.icon{
    top:0;
  }
  #site-facts .circle{
    border-radius: 0;
  }
  .logobawah{
    text-align: center;
  }
  .logobawah a img{
    width: 200px !important;
  }
}

@media only screen and (max-width: 480px) {
  .navbar-brand img{
    height: 40px;
    margin-top: 7px;
  }
  section h2.sub-title{
    font-size: 24px;
  }
  #features .feature-item h3{
    font-size: 14px;
  }
  #incremental-counter .num{
    font-size: 22px;
    width: 25px;
    height: 32px;
    line-height: 30px;
  }
  .sign-up-form {
    width: 340px;
    overflow: visible;
  }
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}