@font-face {
  font-family: 'effrabold';
  src: url('../fonts/effra_bold-webfont.eot');
  src: url('../fonts/effra_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/effra_bold-webfont.woff2') format('woff2'),
       url('../fonts/effra_bold-webfont.woff') format('woff'),
       url('../fonts/effra_bold-webfont.ttf') format('truetype'),
       url('../fonts/effra_bold-webfont.svg#effrabold') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'efframedium';
  src: url('../fonts/effra_medium-webfont.eot');
  src: url('../fonts/effra_medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/effra_medium-webfont.woff2') format('woff2'),
       url('../fonts/effra_medium-webfont.woff') format('woff'),
       url('../fonts/effra_medium-webfont.ttf') format('truetype'),
       url('../fonts/effra_medium-webfont.svg#efframedium') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'effraregular';
  src: url('../fonts/effra-webfont.eot');
  src: url('../fonts/effra-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/effra-webfont.woff2') format('woff2'),
       url('../fonts/effra-webfont.woff') format('woff'),
       url('../fonts/effra-webfont.ttf') format('truetype'),
       url('../fonts/effra-webfont.svg#effraregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

/* START DEFAULT PAGE */

body{
  font-family: 'effraregular'!important;

}
header{
 
.wrap-header{
  padding:20px 0 10px; 
}
.wrap-logo{
  display: inline-block;
}
.wrap-socmenu{
  display:inline;
}
.wrap-menu,.wrap-social{
  display: inline-block;
  float:right;
}
.wrap-social{
  margin: 42px 0 0 30px;
}
.wrap-menu{
  margin-top: 40px;
}
.wrap-menu ul, .wrap-social ul{
  display: inline;
  margin:0!important;
}
.wrap-menu ul li{
  display: inline;
  float: left;
  height: 65px;
  margin: 0 15px;
  position: relative;
}
.wrap-menu ul li a{
  font-family: 'efframedium';
  font-size: 23px;
  color: #010101;
  padding: 0 5px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.menu-item{
  height: 65px;
  display:block;
}
.wrap-menu ul li:hover .menu-item{
  border-bottom: 7px solid #202650;
}
.wrap-menu ul li:hover > .submenu{
  display:block!important;
  background:rgba(37,51,79,50);
}
.submenu{
  position: absolute;
  display:none!important;
  background:rgba(37,51,79,.8);
  top: 65px;
  z-index: 99;
  padding-bottom: 10px;
}
.submenu li{
  padding:10px 30px 3px 15px!important;
  position:unset!important;
  margin: 0!important;
  height:unset!important;
}
.submenu li a{
  padding:10px 30px 10px 5px!important;
  font-size: 18px!important;
  text-transform: uppercase;
  color: #fff!important;
  font-family: 'effraregular'!important;
  white-space: nowrap!important;
}
.submenu li a:hover{
  background:rgba(37,51,79,.8);
}
.wrap-social ul li{
  display:inline;
  float: left;
  margin-left: 15px;
}
footer{
  padding-top: 40px;
  border-top: 7px solid #c71427;
}
.wrap-footer{
  margin-bottom: 30px;
}
.root-foot-menu{
  font-size: 19px;
  font-family: 'effrabold';
  margin-bottom: 10px;
  display:block;
}
.wrap-footer ul{
  list-style-type: none;
  font-size: 17px;
  margin:0!important;
}
.wrap-footer ul li a{
  font-family: 'effrabold';
  color:#3c3c3c!important;
}
.child-menu-foot li{
  margin-left: 1.25rem!important;
}
.child-menu-foot li a{
  font-family: 'effraregular'!important;
}
.wrap-copyright{
  color:#25334f;
  font-size: 12px;
  text-align: right;
  font-family: 'effrabold';
}
/* END DEFAULT PAGE */

/* START UNIVERSAL CSS */
.jdl-page{
  font-family: 'efframedium';
  color:#010101!important; 
  font-size: 45px;
  margin-top: 40px;
  margin-bottom: 60px;
}
.wrap-txt-page p{
  color:#383839;
  font-family: 'effraregular';
  font-size: 20px;
  text-align: justify;
}
.wrap-accordion{
  margin: 50px 0;
}
.wrap-accordion ul{
  margin-left: 0;
}
.accordion .accordion-navigation > a, .accordion dd > a {
  font-family: 'efframedium';
  position: relative;
}
.active a:before{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion-navigation a:before{
  background: rgba(0, 0, 0, 0) url("../images/panah-accor.png") no-repeat scroll 100% center;
  content: "";
  height: 18px;
  right: 30px;
  position: absolute;
  top: 10px;
  width: 11px;
  -webkit-transition: -webkit-all 300ms ease;
  -moz-transition: -moz-all 300ms ease;
  -ms-transition: -ms-all 300ms ease;
  -o-transition: -o-all 300ms ease;
  transition: all 300ms ease; 
}

.active a .item-accordion:after{
  width:100%;
}
.item-accordion{
  position: relative;
  display:inline;
}
.item-accordion::after {
  background: #c71427 none repeat scroll 0 0;
  bottom: -9px;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  width: 50px;
  -webkit-transition: -webkit-all 300ms ease;
  -moz-transition: -moz-all 300ms ease;
  -ms-transition: -ms-all 300ms ease;
  -o-transition: -o-all 300ms ease;
  transition: all 300ms ease; 
}
.accordion-navigation > a:hover .item-accordion:after{
  width:100%;
}
.accordion-navigation ul{
  margin-left: 25px;
  list-style:outside; 
}
.accordion-navigation .content,.accordion-navigation ul li,.accordion-navigation p{
  font-size: 20px;
}
.accordion-navigation p{
  margin-top: 20px;
}
.wrap-board{
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
/* END UNIVERSAL CSS */

/*RESPONSIVE GLOBAL*/


@media only screen and (max-width: 68.75em) {
  .padding-medium-low{
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrap-social{
    margin-left: 20px;
  }
  .wrap-menu ul li {
    margin: 0 10px;
  }
}


@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) {
  .wrap-logo {
    display: block;
    text-align: center;
  }
  .wrap-logo a{
    display:inline-block;
  }
  .wrap-socmenu{
    display:table;
    margin:0 auto;
  }
  .wrap-social{
    margin-top: 32px;
  }
  .wrap-menu{
    margin-top: 33px;
  }
  .wrap-menu ul li {
    height: 56px;
    margin: 0 5px;
  }
  .wrap-menu ul li a {
    font-size: 20px;
    padding: 0 5px;
  }
  .menu-item {
    height: 73px;
  }
  .submenu {
    top: 73px;
  }
} /* 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-logo-small{
    margin-top: 10px;
  }
  .wrap-logo-small a{
    display:inline-block;
    width:220px;
  }
  .wrap-social {
    margin: 0px;
    float:none;
  }
  .wrap-social ul li:first-child{
    margin-left: 0;
  }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

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