/* START HOME */
@font-face {
    font-family: mulish;
    src: url(assets/fonts/Mulish-Regular.ttf);
}

.wrap-banner{
  /*margin-top: 45px;*/
}
.wrap-banner .flexslider .slides li{
  position: relative;
}
.wrap-txt-banner{
  position:absolute;
  background:rgba(255,255,255,.7);
  bottom:0;
  width: 70%;
  right:10%;
  padding-bottom: 15px;
}
.wrap-txt-banner p{
  padding: 0 50px 0 15px;
  margin-top: 10px;
  font-size: 21px;
  font-family: 'mulish';
  border-bottom: 7px solid #25334f;
  display:table;
  margin-bottom: 15px!important;
  color:#383839;
}
.wrap-txt-banner span{
  padding-left: 15px;
  font-size: 18px;
  font-family: 'mulish';
  display:block;
}
.wrap-submit{
  margin-top: 30px;
  font-family: 'mulish';
  text-align: center;
}
.wrap-submit p{
  font-size: 24px;
}
/*
.wrap-submit a{
  color:#c81527;
  font-size: 20px;
  font-family: 'efframedium';
  padding: 0 225px 5px 20px;
  position: relative;
  border-bottom: 7px solid #591b1b;
}
.wrap-submit a:before{
  content:"";
  height:0px;
  width:0px;
  border:5px solid #c81527;
  position: absolute;
  top: 7.5px;
  left:0;
}*/
.wrap-jdl-caro{
  font-size: 30px;
  font-family: 'mulish';  
  letter-spacing: 1px;
  padding:15px 0 20px 0;
}
.wrap-caro{
  margin-top: 60px;
  background:rgba(37,51,79,.3);
  padding: 0 30px 15px;
}
.jdl-item-caro{
  font-family: "mulish";
  font-size: 25px;
  margin: 6px 0 7px;
  color:#383839;
}
.isi-item-caro{
  font-family: 'mulish';
  font-size: 18px;
  margin: 6px 0 7px;
  color:#383839;
}
.wrap-full-list{
  float:right;
  text-align: right;
  margin-top: 17px;
}
.wrap-full-list a{
  font-size: 22px;
  font-family: 'mulish';
}
.garis-full-list{
  border-bottom: 7px solid #25334f;
  clear: both;
  float: right;
  margin-top: 10px;
  max-width: 500px;
  width: 100%;
}



/* END HOME */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (max-width: 40em) {
  /*.wrap-banner{
    margin-top: 150px;
  }*/
  .wrap-txt-banner{
    padding-bottom: 0;
  }
  .wrap-txt-banner p{
    margin-bottom: 0!important;
  }
  .wrap-submit a {
    padding-right: 20%;
  }
  .wrap-jdl-caro {
    font-size: 21px;
  }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen { } /* Define mobile styles */