@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#header #top-bar {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#feb343),
    color-stop(49.48%, #f15726),
    to(#ec4532)
  );
  background: linear-gradient(90deg, #feb343 0%, #f15726 49.48%, #ec4532 100%);
}

#header #top-bar ul li span {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #fff;
}

#header #masthead #logo a {
  font-size: 17px;
  color: #f37032;
}

#header #masthead #logo a::before {
  content: "\f015";
  font-size: 20px;
  font-family: "FontAwesome";
  color: #f37032;
}

#header #masthead ul.header-nav li.menu-item {
  margin-right: 23px;
}

#header #masthead ul.header-nav li.menu-item.menu-item-home {
  display: none;
}

#header #masthead ul.header-nav li.menu-item.menu-item-home a img {
  margin-top: -5px;
}

#header #masthead ul.header-nav li.menu-item:last-child {
  margin-right: 0;
}

#header #masthead ul.header-nav li.menu-item a {
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  color: #f37032;
}

#header #masthead ul.header-nav li.menu-item a:hover {
  text-decoration: underline;
}

#header #masthead ul.header-nav li.menu-item ul.nav-dropdown {
  padding: 5px 0px !important;
  border: 3px solid #f37032;
  border-radius: 17px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#header #masthead ul.header-nav li.menu-item ul.nav-dropdown li {
  margin-right: 0;
  width: 100%;
}

#header #masthead ul.header-nav li.menu-item ul.nav-dropdown li a {
  border: none;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 20px;
  text-transform: initial;
  width: 100%;
}

#header #masthead ul.header-nav li.menu-item ul.nav-dropdown li:hover a {
  text-decoration: underline;
}

#header
  #masthead
  ul.header-nav
  li.menu-item
  ul.nav-dropdown
  li:hover
  ul.sub-menu {
  display: block !important;
}

#header
  #masthead
  ul.header-nav
  li.menu-item
  ul.nav-dropdown
  li:hover
  ul.sub-menu
  li
  a {
  text-decoration: underline;
}

#header
  #masthead
  ul.header-nav
  li.menu-item
  ul.nav-dropdown
  li.menu-item-has-children
  a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#header
  #masthead
  ul.header-nav
  li.menu-item
  ul.nav-dropdown
  li.menu-item-has-children
  a::after {
  content: "\f105";
  font-family: "FontAwesome";
  color: #ec4532;
  font-size: 14px;
}

#header #masthead ul.header-nav li.menu-item ul.nav-dropdown li ul.sub-menu {
  padding: 5px !important;
  border: 3px solid #f37032;
  border-radius: 17px;
  display: none !important;
  background: #fff;
  left: -134%;
  top: -3px;
  position: absolute;
}

#header
  #masthead
  ul.header-nav
  li.menu-item
  ul.nav-dropdown
  li
  ul.sub-menu
  li
  a {
  text-decoration: none !important;
}

#header
  #masthead
  ul.header-nav
  li.menu-item
  ul.nav-dropdown
  li
  ul.sub-menu
  li
  a::after {
  display: none;
}

#header
  #masthead
  ul.header-nav
  li.menu-item
  ul.nav-dropdown
  li
  ul.sub-menu
  li
  a:hover {
  text-decoration: underline !important;
}

/*HOME BANNER*/
.home-banner .home-banner_text h1 {
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: 800;
  line-height: 104%;
  color: #0c5857;
  font-size: 64px;
}

.home-banner .home-banner_text p {
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: 800;
  line-height: 104%;
  color: #fb4e34;
  font-size: 55px;
  margin: 0;
}

/*HOME SGK*/
.home-sgk {
  padding-bottom: 0 !important;
}

.home-sgk .home-sgk_list .post-category .box-text h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #020202;
}

/*HOME BANNER SUB*/
.home-banner-sub .home-banner-sub_text p {
  font-family: "Barlow", sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 104%;
  text-align: center;
  color: #03202d;
}

/*FOOTER*/
#footer {
  border-top: 9px solid #feae45;
}

#footer .footer {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#feb343),
    color-stop(49.48%, #f15726),
    to(#ec4532)
  );
  background: linear-gradient(90deg, #feb343 0%, #f15726 49.48%, #ec4532 100%);
}

#footer .footer ul#menu-menu-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#footer .footer ul#menu-menu-footer li.menu-item {
  border: none;
  margin-left: 40px;
}

#footer .footer ul#menu-menu-footer li.menu-item:first-child {
  margin-left: 0;
}

#footer .footer ul#menu-menu-footer li.menu-item a {
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  line-height: 126.19%;
  padding: 10px 0px;
}

#footer .absolute-footer {
  display: none;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#feb343),
    color-stop(49.48%, #f15726),
    to(#ec4532)
  );
  background: linear-gradient(90deg, #feb343 0%, #f15726 49.48%, #ec4532 100%);
  border-top: 1px solid #ffffff;
  padding: 15px 0 !important;
}

#footer .absolute-footer .copyright-footer {
  font-size: 14px;
  line-height: 16px;
  color: #fffdfd;
  font-weight: bold;
}

/*LIST SUBCAT*/
.blog-archive {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.blog-archive .banner_page {
  position: relative;
  height: 505px;
  background-color: #ec4532;
}

.blog-archive .banner_page img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-archive .banner_page .title_banner {
  position: absolute;
  top: 60px;
  width: 100%;
}

.blog-archive .banner_page .title_banner .parent-title {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 104%;
  text-align: center;
  color: #ff9b12;
}

.blog-archive .banner_page .title_banner .title {
  font-family: "Barlow", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 104%;
  text-align: center;
  color: #000000;
  text-transform: capitalize;
}

.blog-archive .link-download {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#feb343),
    color-stop(49.48%, #f15726),
    to(#ec4532)
  );
  background: linear-gradient(90deg, #feb343 0%, #f15726 49.48%, #ec4532 100%);
  padding: 18px 0;
  text-align: center;
  margin-bottom: 25px;
}

.blog-archive .link-download a {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  color: #ffffff;
}

.blog-archive .link-download a:hover {
  text-decoration: underline;
}

.blog-archive .list-subcat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px;
}

.blog-archive .list-subcat .col-subcat {
  width: 25%;
}

.blog-archive .list-subcat .col-subcat:hover .box-text h5 {
  color: #f37032;
  text-decoration: underline;
}

.blog-archive .list-subcat .col-subcat .box-image {
  width: 245px;
  height: 245px;
}

.blog-archive .list-subcat .col-subcat .box-text {
  padding: 20px 0;
}

.blog-archive .list-subcat .col-subcat .box-text h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  color: #020202;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*LIST BOOK*/
.list_books {
  margin-top: 60px;
}

.list_books .post-item .box-image div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.list_books .post-item .box-image span {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #020202;
  padding: 22px 0 !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 90px;
  display: inline-block;
}

.box-list .link-download {
  background: #6cc9d8;
  padding: 18px 0;
  text-align: center;
}

.box-list .link-download a {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  color: #000;
}

.box-list .link-download a:hover {
  text-decoration: underline;
}

.box-list .list_books {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.box-list .list_books .book-item {
  width: 25%;
}

.box-list .list_books .book-item .box-image div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.box-list .list_books .book-item .box-image span {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #020202;
  padding: 22px 0 !important;
}

/*RESPONSIVE*/
@media screen and (max-width: 1024px) {
  #logo {
    display: none !important;
  }
  .mfp-content {
    width: 350px !important;
  }
  .header-bg-color {
    background: transparent;
  }
  #masthead .hide-for-medium {
    display: none;
  }
  #masthead .show-for-medium {
    display: block !important;
  }
  #top-bar .html_topbar_left {
    text-align: center;
  }
  #top-bar .html_topbar_left span {
    font-size: 20px !important;
  }
  .banner_page {
    margin-top: -80px;
  }
  .banner_page img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .blog-archive .list-subcat .col-subcat {
    width: 26%;
  }
}

@media screen and (max-width: 768px) {
  .off-canvas-left
    .mfp-content
    #main-menu
    .nav-sidebar
    > li.menu-item
    > ul
    li
    a {
    text-transform: initial;
  }
  /*HOME BANNER*/
  .header-bg-color {
    background: transparent;
  }
  #top-bar .html_topbar_left {
    text-align: center;
  }
  #top-bar .html_topbar_left span {
    font-size: 15px !important;
  }
  #masthead ul.mobile-nav li.nav-icon a i,
  #masthead ul.mobile-nav li.header-search a i {
    color: #000;
  }
  .home-banner {
    margin-top: -80px;
  }
  .home-banner-sub .home-banner-sub_text p {
    font-size: 33px;
  }
  #footer .footer ul#menu-menu-footer li.menu-item a {
    font-size: 20px;
  }
  .banner_page {
    margin-top: -80px;
    height: 360px !important;
  }
  .banner_page img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .list-subcat .col-subcat {
    width: 26% !important;
  }
  .list-subcat .col-subcat .box-image {
    width: 100% !important;
    height: unset !important;
  }
  .list-subcat .col-subcat .box-text:last-child {
    padding: 20px 0 !important;
  }
  .link-download a {
    font-size: 20px !important;
  }
  .home-sgk .home-sgk_list .post-category .box-text h5 {
    font-size: 18px;
  }
  .sidebar-menu ul.nav-sidebar li.current_page_item a {
    color: #f37032 !important;
  }
}

@media screen and (max-width: 480px) {
  .home-banner .home-banner_text h1 {
    font-size: 50px;
  }
  .home-banner .home-banner_text p {
    font-size: 50px;
  }
  #top-bar .html_topbar_left {
    text-align: center;
  }
  #top-bar .html_topbar_left span {
    font-size: 17px !important;
  }
  .banner_page .title_banner {
    top: 89px !important;
  }
  .banner_page .title_banner h1 {
    font-size: 32px !important;
  }
  .link-download a {
    font-size: 14px !important;
  }
  .box-list .list_books .book-item {
    width: unset !important;
  }
  #footer {
    border-top: 9px solid #feae45;
  }
  #footer .footer ul#menu-menu-footer {
    padding-right: 0 !important;
  }
  #footer .footer ul#menu-menu-footer li.menu-item {
    width: 85px;
    margin-left: 0px;
    text-align: center;
  }
  #footer .footer ul#menu-menu-footer li.menu-item:first-child {
    margin-left: 0;
    margin-right: 0 !important;
    min-width: 100%;
  }
  #footer .footer ul#menu-menu-footer li.menu-item a {
    font-size: 20px;
  }
}
/*# sourceMappingURL=style-custom.css.map */