@font-face {
  font-family: "Merriweather Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/merriweather/merriweather-regular.ttf") format("truetype"); }

@font-face {
  font-family: "Merriweather Light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/merriweather/merriweather-light.ttf") format("truetype"); }

@font-face {
  font-family: "Merriweather Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/merriweather/merriweather-bold.ttf") format("truetype"); }

@font-face {
  font-family: "Merriweather Italic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/merriweather/merriweather-italic.ttf") format("truetype"); }

@font-face {
  font-family: "Merriweather Black";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/merriweather/merriweather-black.ttf") format("truetype"); }

.fr {
  font-family: "Merriweather Regular"; }

.fl {
  font-family: "Merriweather Light"; }

.fb {
  font-family: "Merriweather Bold"; }

.fi {
  font-family: "Merriweather Italic"; }

.fbl {
  font-family: "Merriweather Black"; }

.cl_main {
  color: #3c4d82; }

.cl_white {
  color: #fff; }

.cl_gray {
  color: #ebebeb; }

.cl_red {
  color: #f00; }

.cl_sub {
  color: #ef8022; }

.cl_orange {
  color: #f08022; }

.cl_cyan {
  color: cyan; }

.cl_green {
  color: #0cb550; }

.cl_blue_dark {
  color: #2e3d6f; }

.cl_black {
  color: #000; }

.cl_28 {
  color: #282828; }

.cl_808 {
  color: #808285; }

.cl_50 {
  color: #505050; }

.cl_37 {
  color: #373737; }

.cl_6d6 {
  color: #6d6e71; }

.bg_main {
  background-color: #3c4d82; }

.bg_white {
  background-color: #fff; }

.bg_gray {
  background-color: #ebebeb; }

.bg_sub {
  background-color: #ef8022; }

.bg_orange {
  background-color: #f08022; }

.bg_cyan {
  background-color: cyan; }

.bg_green {
  background-color: #0cb550; }

.bg_blue_dark {
  background-color: #2e3d6f; }

.fs_13 {
  font-size: 13px; }
  @media screen and (min-width: +1920px) {
    .fs_13 {
      font-size: 0.67708vw; } }

.fs_14 {
  font-size: 14px; }
  @media screen and (min-width: +1920px) {
    .fs_14 {
      font-size: 0.72917vw; } }

.fs_15 {
  font-size: 15px; }
  @media screen and (min-width: +1920px) {
    .fs_15 {
      font-size: 0.78125vw; } }

.fs_18 {
  font-size: 18px; }
  @media screen and (min-width: +1920px) {
    .fs_18 {
      font-size: 0.9375vw; } }

.fs_24 {
  font-size: 20px; }
  @media screen and (min-width: 768px) {
    .fs_24 {
      font-size: 24px; } }
  @media screen and (min-width: +1920px) {
    .fs_24 {
      font-size: 1.25vw; } }

.fs_28 {
  font-size: 22px; }
  @media screen and (min-width: 576px) {
    .fs_28 {
      font-size: 25px; } }
  @media screen and (min-width: 768px) {
    .fs_28 {
      font-size: 28px; } }
  @media screen and (min-width: +1920px) {
    .fs_28 {
      font-size: 1.45833vw; } }

@media screen and (min-width: 576px) {
  .fs_32 {
    font-size: 32px; } }

@media screen and (min-width: +1920px) {
  .fs_32 {
    font-size: 1.66667vw; } }

@media screen and (max-width: 575px) {
  .fs_32 {
    font-size: 28px; } }

.fs_36 {
  font-size: 32px; }
  @media screen and (min-width: 576px) {
    .fs_36 {
      font-size: 36px; } }
  @media screen and (min-width: +1920px) {
    .fs_36 {
      font-size: 1.875vw; } }
  @media screen and (max-width: 575px) {
    .fs_36 {
      font-size: 32px; } }

.fs_79 {
  font-size: 40px; }
  @media screen and (min-width: 768px) {
    .fs_79 {
      font-size: 50px; } }
  @media screen and (min-width: 992px) {
    .fs_79 {
      font-size: 60px; } }
  @media screen and (min-width: 1200px) {
    .fs_79 {
      font-size: 79px; } }
  @media screen and (min-width: +1920px) {
    .fs_79 {
      font-size: 4.11458vw; } }

.p-15 {
  padding: 15px; }
  @media screen and (min-width: +1920px) {
    .p-15 {
      padding: 0.78125vw; } }

.p-35 {
  padding: 15px; }
  @media screen and (min-width: 992px) {
    .p-35 {
      padding: 25px; } }
  @media screen and (min-width: 1200px) {
    .p-35 {
      padding: 35px; } }
  @media screen and (min-width: +1920px) {
    .p-35 {
      padding: 1.82292vw; } }

.pt-10 {
  padding-top: 10px; }
  @media screen and (min-width: +1920px) {
    .pt-10 {
      padding-top: 0.52083vw; } }

.pt-15 {
  padding-top: 10px; }
  @media screen and (min-width: 768px) {
    .pt-15 {
      padding-top: 15px; } }
  @media screen and (min-width: +1920px) {
    .pt-15 {
      margin-top: 0.78125vw; } }

.pt-25 {
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .pt-25 {
      padding-top: 25px; } }
  @media screen and (min-width: +1920px) {
    .pt-25 {
      padding-top: 1.30208vw; } }

.pt-30 {
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .pt-30 {
      padding-top: 30px; } }

.pt-35 {
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .pt-35 {
      padding-top: 35px; } }
  @media screen and (min-width: +1920px) {
    .pt-35 {
      padding-top: 1.5625vw; } }

.pt-38 {
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .pt-38 {
      padding-top: 30px; } }
  @media screen and (min-width: 992px) {
    .pt-38 {
      padding-top: 38px; } }
  @media screen and (min-width: +1920px) {
    .pt-38 {
      padding-top: 1.97917vw; } }

.pr-20 {
  padding-right: 10px; }
  @media screen and (min-width: 1200px) {
    .pr-20 {
      padding-right: 20px; } }
  @media screen and (min-width: +1920px) {
    .pr-20 {
      padding-right: 1.04167vw; } }

.pr-30 {
  padding-right: 15px; }
  @media screen and (min-width: 1200px) {
    .pr-30 {
      padding-right: 30px; } }
  @media screen and (min-width: +1920px) {
    .pr-30 {
      padding-right: 1.5625vw; } }

@media screen and (min-width: 992px) {
  .pr-87 {
    padding-right: 97px; } }

@media screen and (min-width: +1920px) {
  .pr-87 {
    padding-right: 5.05208vw; } }

.pb-20 {
  padding-bottom: 15px; }
  @media screen and (min-width: 992px) {
    .pb-20 {
      padding-bottom: 20px; } }

.pb-30 {
  padding-bottom: 30px; }
  @media screen and (min-width: +1920px) {
    .pb-30 {
      padding-bottom: 1.5625vw; } }

.pl-10 {
  padding-left: 10px; }
  @media screen and (min-width: +1920px) {
    .pl-10 {
      padding-left: 0.52083vw; } }

.pl-17 {
  padding-left: 17px; }
  @media screen and (min-width: +1920px) {
    .pl-17 {
      padding-left: 0.88542vw; } }

.pl-30 {
  padding-left: 15px; }
  @media screen and (min-width: 1200px) {
    .pl-30 {
      padding-left: 30px; } }
  @media screen and (min-width: +1920px) {
    .pl-30 {
      padding-left: 1.5625vw; } }

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.py-30 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }
  @media screen and (min-width: 992px) {
    .py-30 {
      top: 30px !important;
      bottom: 30px !important; } }
  @media screen and (min-width: +1920px) {
    .py-30 {
      padding-left: 0.26042vw !important;
      padding-right: 0.26042vw !important; } }

.p-30 {
  padding: 15px; }
  @media screen and (min-width: 1200px) {
    .p-30 {
      padding: 30px; } }
  @media screen and (min-width: +1920px) {
    .p-30 {
      padding: 1.5625vw; } }

.fwb {
  font-weight: bold; }

.lh-1 {
  line-height: 1; }

.mt-10 {
  margin-top: 10px; }
  @media screen and (min-width: +1920px) {
    .mt-10 {
      margin-top: 0.52083vw; } }

.mt-20 {
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .mt-20 {
      margin-top: 20px; } }
  @media screen and (min-width: +1920px) {
    .mt-20 {
      margin-top: 1.04167vw; } }

.mt-45 {
  margin-top: 20px; }
  @media screen and (min-width: 992px) {
    .mt-45 {
      margin-top: 30px; } }
  @media screen and (min-width: 1200px) {
    .mt-45 {
      margin-top: 45px; } }
  @media screen and (min-width: +1920px) {
    .mt-45 {
      margin-top: 2.34375vw; } }

.mr-5 {
  margin-right: 5px !important; }
  @media screen and (min-width: +1920px) {
    .mr-5 {
      margin-right: 0.26042vw !important; } }

.mr-10 {
  margin-right: 10px; }
  @media screen and (min-width: +1920px) {
    .mr-10 {
      margin-right: 0.52083vw; } }

.mr-20 {
  margin-right: 10px; }
  @media screen and (min-width: 1200px) {
    .mr-20 {
      margin-right: 20px; } }
  @media screen and (min-width: +1920px) {
    .mr-20 {
      margin-right: 1.04167vw; } }

.mr-30 {
  margin-right: 15px; }
  @media screen and (min-width: 1200px) {
    .mr-30 {
      margin-right: 30px; } }
  @media screen and (min-width: +1920px) {
    .mr-30 {
      margin-right: 1.5625vw; } }

.mr-40 {
  margin-right: 20px; }
  @media screen and (min-width: 1200px) {
    .mr-40 {
      margin-right: 40px; } }
  @media screen and (min-width: +1920px) {
    .mr-40 {
      margin-right: 2.08333vw; } }

.mr-45 {
  margin-right: 25px; }
  @media screen and (min-width: 576px) {
    .mr-45 {
      margin-right: 35px; } }
  @media screen and (min-width: 1200px) {
    .mr-45 {
      margin-right: 45px; } }
  @media screen and (min-width: +1920px) {
    .mr-45 {
      margin-right: 2.34375vw; } }

.mb-5 {
  margin-bottom: 5px !important; }
  @media screen and (min-width: +1920px) {
    .mb-5 {
      margin-bottom: 0.26042vw !important; } }

.mb-10 {
  margin-bottom: 10px; }
  @media screen and (min-width: +1920px) {
    .mb-10 {
      margin-bottom: 0.52083vw; } }

.mb-12 {
  margin-bottom: 12px; }
  @media screen and (min-width: +1920px) {
    .mb-12 {
      margin-bottom: 0.625vw; } }

.mb-15 {
  margin-bottom: 15px; }
  @media screen and (min-width: +1920px) {
    .mb-15 {
      margin-bottom: 0.78125vw; } }

.mb-20 {
  margin-bottom: 10px; }
  @media screen and (min-width: 992px) {
    .mb-20 {
      margin-bottom: 20px; } }
  @media screen and (min-width: +1920px) {
    .mb-20 {
      margin-bottom: 1.04167vw; } }

.mb-25 {
  margin-bottom: 15px; }
  @media screen and (min-width: 992px) {
    .mb-25 {
      margin-bottom: 25px; } }

.mb-30 {
  margin-bottom: 20px; }
  @media screen and (min-width: 1200px) {
    .mb-30 {
      margin-bottom: 30px; } }
  @media screen and (min-width: +1920px) {
    .mb-30 {
      margin-bottom: 1.5625vw; } }

.mb-35, .course-modal--aside .nav-link {
  margin-bottom: 20px; }
  @media screen and (min-width: 1200px) {
    .mb-35, .course-modal--aside .nav-link {
      margin-bottom: 35px; } }

.mb-40 {
  margin-bottom: 20px; }
  @media screen and (min-width: 992px) {
    .mb-40 {
      margin-bottom: 40px; } }
  @media screen and (min-width: +1920px) {
    .mb-40 {
      margin-bottom: 2.08333vw; } }

.mb-50 {
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .mb-50 {
      margin-bottom: 30px; } }
  @media screen and (min-width: 992px) {
    .mb-50 {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1200px) {
    .mb-50 {
      margin-bottom: 50px; } }
  @media screen and (min-width: +1920px) {
    .mb-50 {
      margin-bottom: 2.60417vw; } }

.mb-60 {
  margin-bottom: 30px; }
  @media screen and (min-width: 992px) {
    .mb-60 {
      margin-bottom: 45px; } }
  @media screen and (min-width: 1200px) {
    .mb-60 {
      margin-bottom: 60px; } }
  @media screen and (min-width: +1920px) {
    .mb-60 {
      margin-bottom: 3.125vw; } }

.mb-65 {
  margin-bottom: 30px; }
  @media screen and (min-width: 992px) {
    .mb-65 {
      margin-bottom: 45px; } }
  @media screen and (min-width: 1200px) {
    .mb-65 {
      margin-bottom: 65px; } }
  @media screen and (min-width: +1920px) {
    .mb-65 {
      margin-bottom: 3.38542vw; } }

.ml-30 {
  margin-left: 15px; }
  @media screen and (min-width: 1200px) {
    .ml-30 {
      margin-left: 30px; } }
  @media screen and (min-width: +1920px) {
    .ml-30 {
      margin-left: 1.5625vw; } }

.my-15 {
  margin-top: 5px;
  margin-bottom: 5px; }
  @media screen and (min-width: 768px) {
    .my-15 {
      margin-top: 15px;
      margin-bottom: 15px; } }
  @media screen and (min-width: +1920px) {
    .my-15 {
      margin-top: 0.78125vw;
      margin-bottom: 0.78125vw; } }

.btn-see-more {
  line-height: 39px;
  min-width: 139px;
  text-align: center;
  background-color: #bcbec0;
  color: #fff;
  border-radius: 8px; }
  .btn-see-more:hover {
    background-color: #3c4d82;
    color: #fff; }
  @media screen and (min-width: +1920px) {
    .btn-see-more {
      line-height: 2.03125vw;
      min-width: 7.23958vw;
      border-radius: 0.41667vw; } }

.border, .item-container--comment.comment-form, .item-container--comment.comment-form .comment-form__input, .item-container--comment.comment-row .right .top {
  border: 1px solid #ebebeb !important; }
  @media screen and (min-width: +1920px) {
    .border, .item-container--comment.comment-form, .item-container--comment.comment-form .comment-form__input, .item-container--comment.comment-row .right .top {
      border-width: 0.05208vw; } }
  .border-top, .comments-all, .style1 .tab-content .item:first-child {
    border-top: 1px solid #ebebeb; }
    @media screen and (min-width: +1920px) {
      .border-top, .comments-all, .style1 .tab-content .item:first-child {
        border-top-width: 0.05208vw; } }
  .border-left, .aside-wrap {
    border-left: 1px solid #ebebeb; }
    @media screen and (min-width: +1920px) {
      .border-left, .aside-wrap {
        border-left-width: 0.05208vw; } }
    @media screen and (max-width: 767px) {
      .border-left-md-0 {
        border-left-width: 0 !important; } }
    .border-left-none {
      border-left: none !important; }
  @media screen and (max-width: 991px) {
    .border-right-lg-none {
      border-right: none !important; } }
  @media screen and (min-width: 992px) {
    .border-min-lg-right {
      border-right: 1px solid #dee2e6; } }
  @media screen and (min-width: +1920px) {
    .border-min-lg-right {
      border-right-width: 0.05208vw; } }
  .border-bottom, .style1 .tab-content .item, .wrap-content__tabs .course-featured .item {
    border-bottom: 1px solid #ebebeb; }
    @media screen and (min-width: +1920px) {
      .border-bottom, .style1 .tab-content .item, .wrap-content__tabs .course-featured .item {
        border-bottom-width: 0.05208vw; } }

.text-light {
  color: #939598 !important; }

.text-underline {
  text-decoration: underline; }

.img_cen, .item-container--course > .text .bot .avt img, .item-container--exp-forum.style2 .items .item .avt img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.img_full, .item-container--course > .text .bot .avt img, .item-container--exp-forum.style2 .items .item .avt img {
  width: 100%;
  height: 100%; }

.img_fit, .item-container--course > .text .bot .avt img, .item-container--exp-forum.style2 .items .item .avt img {
  -o-object-fit: cover;
     object-fit: cover; }

.img_square {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%; }

.course-register a, .course-register button {
  padding-left: 60px;
  padding-right: 60px; }

.video-box {
  position: relative; }
  .video-box iframe,
  .video-box video {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0; }

.title-line--left {
  position: relative;
  line-height: 37px;
  margin-bottom: 17px; }
  .title-line--left:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -17px;
    background-color: #3c4d82; }
  @media screen and (min-width: +1920px) {
    .title-line--left {
      line-height: 1.92708vw;
      margin-bottom: 0.88542vw; }
      .title-line--left:before {
        width: 0.10417vw;
        left: -0.88542vw; } }

.back2top {
  display: none; }

@media screen and (min-width: +1920px) {
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5; } }

button {
  cursor: pointer; }
  button:focus {
    outline: none; }

a {
  transition: all 250ms;
  cursor: pointer;
  color: inherit; }
  a:hover, a:focus {
    text-decoration: none; }

* {
  outline: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: initial; }

.reset-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.reset-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: center; }

.form-control:focus {
  box-shadow: none; }

figure {
  margin: 0; }

img {
  max-width: 100%;
  max-height: 100%; }

textarea {
  resize: none; }

body {
  min-height: 100%;
  overflow-x: hidden;
  font-family: "Merriweather Regular";
  color: #282828;
  margin-left: auto;
  margin-right: auto; }
  body > .body {
    min-height: 100%;
    overflow-x: hidden; }
    body > .body:before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 2;
      background-color: rgba(60, 77, 130, 0.7);
      -webkit-transform: rotateY(90deg);
              transform: rotateY(90deg);
      transition: opacity 400ms; }
    body > .body.nav-opened {
      overflow: hidden; }
      body > .body.nav-opened:before {
        -webkit-transform: rotateY(0);
                transform: rotateY(0); }
  @media screen and (min-width: +1920px) {
    body {
      font-size: 0.83333vw; } }

.hasLink {
  position: relative; }
  .hasLink .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.select-box {
  background-color: #fff;
  position: relative;
  height: 40px;
  width: 100%;
  margin-bottom: 0;
  border: 1px solid #ddd;
  border-radius: 4px; }
  .select-box .fa-angle-down {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
    color: cyan; }
  .select-box select {
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-left: 10px;
    padding-right: 30px;
    width: 100%;
    height: 100%; }

.checkbox {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .checkbox-icon {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    border: 1px solid #3c4d82;
    background-color: transparent; }
    .checkbox-icon:before {
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      opacity: 0; }
  .checkbox-input {
    display: none; }
    .checkbox-input:checked + .checkbox-icon {
      background-color: #3c4d82; }
      .checkbox-input:checked + .checkbox-icon:before {
        opacity: 1; }
  @media screen and (min-width: +1920px) {
    .checkbox-icon {
      height: 1.04167vw;
      width: 1.04167vw;
      margin-right: 0.26042vw;
      font-size: 0.72917vw;
      border-width: 0.05208vw; } }

.btn-main {
  background-color: #3c4d82;
  border: 1px solid #3c4d82;
  color: #fff;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  transition: 300ms; }
  .btn-main:hover, .btn-main:focus {
    background-color: #fff;
    color: #3c4d82; }

.btn-green {
  background-color: #0cb550;
  border: 1px solid #0cb550;
  color: #fff;
  padding: 7px 10px;
  border-radius: 6px;
  transition: 300ms; }
  .btn-green:hover, .btn-green:focus {
    background-color: #fff;
    color: #0cb550; }

.btn-gray {
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #505050;
  padding: 7px 10px;
  border-radius: 6px;
  transition: 300ms; }
  .btn-gray:hover, .btn-gray:focus {
    background-color: #fff;
    color: #505050; }

@media screen and (min-width: +1920px) {
  .btn-main {
    border-radius: 0.26042vw;
    padding: 0.52083vw;
    border-width: 0.05208vw; }
  .btn-green, .btn-gray {
    border-width: 0.05208vw;
    padding: 0.36458vw 0.52083vw;
    border-radius: 0.3125vw; } }

.dropdown2 .dropdown-btn {
  padding-right: 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden; }
  .dropdown2 .dropdown-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent;
    display: block;
    border-bottom: 0;
    border-top-color: #939598; }
  @media screen and (min-width: +1920px) {
    .dropdown2 .dropdown-btn {
      padding-right: 1.04167vw; }
      .dropdown2 .dropdown-btn:before {
        height: 0;
        width: 0;
        border-style: solid;
        border-width: 0.26042vw;
        border-color: transparent;
        display: block;
        border-bottom: 0;
        border-top-color: #939598; } }

/* width */
::-webkit-scrollbar {
  width: 7px; }

/* Track */
::-webkit-scrollbar-track {
  background: transparent; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; }

.breadcrumb2-content {
  border-bottom: 1px solid #ccc;
  padding: 13px 0; }
  @media screen and (min-width: +1920px) {
    .breadcrumb2-content {
      border-bottom-width: 0.05208vw;
      padding: 0.67708vw 0; } }
  .breadcrumb2-content .item {
    display: inline-block;
    color: #231f20;
    float: left; }
    .breadcrumb2-content .item ~ .item {
      position: relative; }
      .breadcrumb2-content .item ~ .item:before {
        content: '>';
        color: #949494;
        padding: 0 6px; }
        @media screen and (min-width: +1920px) {
          .breadcrumb2-content .item ~ .item:before {
            padding: 0 0.3125vw; } }
    .breadcrumb2-content .item a {
      display: inline-block;
      color: #949494; }

.item-container--information {
  padding: 20px 0; }
  @media screen and (min-width: +992px) {
    .item-container--information {
      padding: 40px 0; } }
  @media screen and (min-width: +1920px) {
    .item-container--information {
      padding: 2.08333vw 0; } }
  .item-container--information .left,
  .item-container--information .right {
    padding: 0 17px; }
    @media screen and (min-width: +1920px) {
      .item-container--information .left,
      .item-container--information .right {
        padding: 0 0.88542vw; } }
  .item-container--information .left {
    max-width: 110px; }
    @media screen and (min-width: +1920px) {
      .item-container--information .left {
        max-width: 5.72917vw; } }
  .item-container--information .right .count {
    line-height: 1; }

.item-container--course {
  background-color: #fff;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 30px;
  height: 100%; }
  @media screen and (min-width: +1920px) {
    .item-container--course {
      border-radius: 0.36458vw;
      margin-bottom: 1.5625vw; } }
  .item-container--course .img {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.66667%; }
  .item-container--course > .text {
    padding: 15px; }
    @media screen and (min-width: +1920px) {
      .item-container--course > .text {
        padding: 0.78125vw; } }
    .item-container--course > .text .top {
      padding-bottom: 9px;
      margin-bottom: 15px;
      border-bottom: 1px solid #ebebeb; }
      @media screen and (min-width: +1920px) {
        .item-container--course > .text .top {
          padding-bottom: 0.46875vw;
          margin-bottom: 0.78125vw;
          border-bottom-width: 0.05208vw; } }
    .item-container--course > .text .bot .avt {
      height: 51px;
      flex: 0 0 51px;
      max-width: 51px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 10px;
      position: relative; }
      @media screen and (min-width: +1920px) {
        .item-container--course > .text .bot .avt {
          max-width: 2.65625vw;
          flex: 0 0 2.65625vw;
          height: 2.65625vw;
          margin-right: 0.52083vw; } }
    .item-container--course > .text .bot .name {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: calc(100% - 51px);
      flex: 0 0 calc(100% - 51px); }
      @media screen and (min-width: +1920px) {
        .item-container--course > .text .bot .name {
          max-width: calc(100% - 51*100vw/1920);
          flex: 0 0 calc(100% - 51*100vw/1920); } }
    .item-container--course > .text .title {
      flex: 0 0 calc(100% - 30px);
      max-width: calc(100% - 30px);
      padding-right: 10px; }
      @media screen and (min-width: +1920px) {
        .item-container--course > .text .title {
          flex: 0 0 calc(100% - 30*100vw/1920);
          max-width: calc(100% - 30*100vw/1920);
          padding-right: 0.52083vw; } }
      .item-container--course > .text .title .name {
        color: #2e3d6f;
        display: block; }
    .item-container--course > .text .icon {
      flex: 0 0 30px;
      max-width: 30px;
      text-align: center; }
      @media screen and (min-width: +1920px) {
        .item-container--course > .text .icon {
          flex: 0 0 1.5625vw;
          max-width: 1.5625vw; } }
  .item-container--course-teacher .top .img {
    width: 105px;
    height: 105px;
    position: relative;
    border-radius: 50%;
    overflow: hidden; }
    @media screen and (min-width: +1920px) {
      .item-container--course-teacher .top .img {
        width: 5.46875vw;
        height: 5.46875vw; } }
  .item-container--course-teacher .top .text {
    margin-left: 10px; }
    @media screen and (min-width: 576px) {
      .item-container--course-teacher .top .text {
        margin-left: 15px; } }
    @media screen and (min-width: 768px) {
      .item-container--course-teacher .top .text {
        margin-left: 20px; } }
    @media screen and (min-width: 992px) {
      .item-container--course-teacher .top .text {
        margin-left: 30px; } }
    @media screen and (min-width: +1920px) {
      .item-container--course-teacher .top .text {
        margin-left: 1.5625vw; } }
  @media screen and (max-width: 575px) {
    .item-container--course-teacher > .top {
      align-items: center;
      justify-content: center; }
      .item-container--course-teacher > .top .img {
        width: 55px;
        height: 55px; } }
  @media screen and (min-width: +1920px) {
    .item-container--course-teacher > .top .img {
      width: 2.86458vw;
      height: 2.86458vw; } }

.item-container--exp-forum {
  margin-top: 70px;
  background-color: #f6f6f6; }
  @media screen and (min-width: +1920px) {
    .item-container--exp-forum {
      margin-top: 3.64583vw; } }
  .item-container--exp-forum.style1 {
    padding-bottom: 10px; }
    @media screen and (min-width: +1920px) {
      .item-container--exp-forum.style1 {
        padding-bottom: 0.52083vw; } }
    .item-container--exp-forum.style1 .item:not(:first-child) {
      padding-bottom: 25px;
      display: flex;
      padding-left: 25px;
      padding-right: 25px; }
      @media screen and (min-width: +1920px) {
        .item-container--exp-forum.style1 .item:not(:first-child) {
          padding-bottom: 1.30208vw;
          padding-left: 1.30208vw;
          padding-right: 1.30208vw; } }
      @media screen and (max-width: 767px) {
        .item-container--exp-forum.style1 .item:not(:first-child) {
          padding-left: 15px;
          padding-right: 15px;
          padding-bottom: 15px; } }
      @media screen and (max-width: 575px) {
        .item-container--exp-forum.style1 .item:not(:first-child) {
          flex-wrap: wrap; } }
      .item-container--exp-forum.style1 .item:not(:first-child) .img {
        height: 150px;
        position: relative;
        flex: 0 0 100%;
        max-width: 100%; }
        @media screen and (max-width: 575px) {
          .item-container--exp-forum.style1 .item:not(:first-child) .img {
            margin-bottom: 15px; } }
        @media screen and (min-width: 576px) {
          .item-container--exp-forum.style1 .item:not(:first-child) .img {
            margin-right: 15px;
            height: 90px;
            flex: 0 0 145px;
            max-width: 145px; } }
        @media screen and (min-width: +1920px) {
          .item-container--exp-forum.style1 .item:not(:first-child) .img {
            height: 4.6875vw;
            margin-right: 0.78125vw;
            flex: 0 0 7.55208vw;
            max-width: 7.55208vw; } }
      .item-container--exp-forum.style1 .item:not(:first-child) .content {
        flex: 0 0 100%;
        max-width: 100%; }
        @media screen and (min-width: 576px) {
          .item-container--exp-forum.style1 .item:not(:first-child) .content {
            max-width: calc(100% - 145px - 15px);
            flex: 0 0 calc(100% - 145px - 15px); } }
        @media screen and (min-width: +1920px) {
          .item-container--exp-forum.style1 .item:not(:first-child) .content {
            max-width: calc(100% - 145*100vw/1920 - 15*100vw/1920);
            flex: 0 0 calc(100% - 145*100vw/1920 - 15*100vw/1920); } }
        .item-container--exp-forum.style1 .item:not(:first-child) .content .title {
          font-size: 15px;
          line-height: 22px;
          margin-bottom: 0;
          height: 45px;
          overflow: hidden; }
          @media screen and (min-width: +1920px) {
            .item-container--exp-forum.style1 .item:not(:first-child) .content .title {
              font-size: 0.78125vw;
              line-height: 1.14583vw;
              height: 2.34375vw; } }
      .item-container--exp-forum.style1 .item:not(:first-child) .descript {
        display: none; }
    .item-container--exp-forum.style1 .item:first-child .img {
      position: relative;
      display: block;
      width: 100%;
      padding-bottom: 71.40351%;
      width: 100%; }
    .item-container--exp-forum.style1 .item:first-child .content {
      padding: 25px; }
      @media screen and (max-width: 767px) {
        .item-container--exp-forum.style1 .item:first-child .content {
          padding: 15px; } }
      @media screen and (min-width: +1920px) {
        .item-container--exp-forum.style1 .item:first-child .content {
          padding: 1.30208vw; } }
      .item-container--exp-forum.style1 .item:first-child .content .title {
        color: #3c4d82; }
  .item-container--exp-forum .item {
    color: #000; }
    .item-container--exp-forum .item .info {
      margin-bottom: 15px; }
      @media screen and (min-width: +1920px) {
        .item-container--exp-forum .item .info {
          margin-bottom: 0.78125vw; } }
      .item-container--exp-forum .item .info li:first-child {
        margin-right: 20px; }
        @media screen and (min-width: +1920px) {
          .item-container--exp-forum .item .info li:first-child {
            margin-right: 1.04167vw; } }
      @media screen and (max-width: +575px) {
        .item-container--exp-forum .item .info {
          flex-wrap: wrap; }
          .item-container--exp-forum .item .info li {
            flex: 0 0 100%; } }
    .item-container--exp-forum .item i {
      margin-right: 10px; }
      @media screen and (min-width: +1920px) {
        .item-container--exp-forum .item i {
          margin-right: 0.52083vw; } }
  .item-container--exp-forum .title-header {
    padding: 15px;
    background-color: #79c843;
    background-repeat: no-repeat;
    background-position: center right;
    color: #fff;
    margin-bottom: 0; }
    @media screen and (min-width: +1920px) {
      .item-container--exp-forum .title-header {
        padding: 0.78125vw; } }
  .item-container--exp-forum.style2 .items {
    padding: 30px 25px; }
    @media screen and (min-width: +1920px) {
      .item-container--exp-forum.style2 .items {
        padding: 1.5625vw 1.30208vw; } }
    @media screen and (max-width: 767px) {
      .item-container--exp-forum.style2 .items {
        padding: 25px 15px; } }
    .item-container--exp-forum.style2 .items .item ~ .item {
      padding-top: 10px; }
      @media screen and (min-width: +1920px) {
        .item-container--exp-forum.style2 .items .item ~ .item {
          padding-top: 0.52083vw; } }
    .item-container--exp-forum.style2 .items .item .avt {
      border-radius: 50%;
      overflow: hidden;
      max-width: 50px;
      flex: 0 0 50px;
      height: 50px;
      margin-right: 10px; }
      @media screen and (min-width: 576px) {
        .item-container--exp-forum.style2 .items .item .avt {
          max-width: 70px;
          flex: 0 0 70px;
          height: 70px;
          margin-right: 30px; } }
      @media screen and (min-width: +1920px) {
        .item-container--exp-forum.style2 .items .item .avt {
          max-width: 3.64583vw;
          flex: 0 0 3.64583vw;
          height: 3.64583vw;
          margin-right: 1.5625vw; } }
    .item-container--exp-forum.style2 .items .item .content {
      max-width: calc(100% - 60px);
      flex: 0 0 calc(100% - 60px); }
      @media screen and (min-width: 576px) {
        .item-container--exp-forum.style2 .items .item .content {
          max-width: calc(100% - 70px - 30px);
          flex: 0 0 calc(100% - 70px - 30px); } }
      @media screen and (min-width: +1920px) {
        .item-container--exp-forum.style2 .items .item .content {
          max-width: calc(100% - 70*$unit - 30*100vw/1920);
          flex: 0 0 calc(100% - 70*$unit - 30*100vw/1920); } }
      .item-container--exp-forum.style2 .items .item .content .title {
        font-size: 15px;
        font-family: "Merriweather Bold";
        line-height: 22px;
        max-height: 45px;
        overflow: hidden;
        margin-bottom: 4px; }
        @media screen and (min-width: +1920px) {
          .item-container--exp-forum.style2 .items .item .content .title {
            font-size: 0.78125vw;
            line-height: 1.14583vw;
            max-height: 2.34375vw;
            margin-bottom: 0.20833vw; } }
      .item-container--exp-forum.style2 .items .item .content .info {
        color: #939598;
        font-size: 13px; }
        @media screen and (min-width: 576px) {
          .item-container--exp-forum.style2 .items .item .content .info {
            font-size: 15px; } }
        @media screen and (min-width: +1920px) {
          .item-container--exp-forum.style2 .items .item .content .info {
            font-size: 0.78125vw; } }
        .item-container--exp-forum.style2 .items .item .content .info .name {
          color: #000; }
  .item-container--exp-forum.style2 .img_banner {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 71.40351%; }

.item-container--comment .left {
  flex: 0 0 76px;
  max-width: 76px; }
  @media screen and (min-width: +1920px) {
    .item-container--comment .left {
      flex: 0 0 3.95833vw;
      max-width: 3.95833vw; } }
  @media screen and (max-width: 767px) {
    .item-container--comment .left {
      flex: 0 0 50px;
      max-width: 50px; } }
  .item-container--comment .left .img {
    width: 100%;
    height: 76px;
    position: relative;
    border-radius: 50%;
    overflow: hidden; }
    @media screen and (min-width: +1920px) {
      .item-container--comment .left .img {
        height: 3.95833vw; } }
    @media screen and (max-width: 767px) {
      .item-container--comment .left .img {
        height: 50px; } }
  .item-container--comment .left .role {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media screen and (max-width: 767px) {
      .item-container--comment .left .role {
        font-size: 11px;
        margin-top: 5px; } }

.item-container--comment .right {
  flex: 0 0 calc(100% - 95px);
  max-width: calc(100% - 95px); }
  @media screen and (min-width: +1920px) {
    .item-container--comment .right {
      flex: 0 0 calc(100% - 95*100vw/1920);
      max-width: calc(100% - 95*100vw/1920); } }
  @media screen and (max-width: 767px) {
    .item-container--comment .right {
      flex: 0 0 calc(100% - 65px);
      max-width: calc(100% - 65px); } }
  @media screen and (max-width: 575px) {
    .item-container--comment .right {
      flex: 0 0 calc(100% - 55px);
      max-width: calc(100% - 55px); }
      .item-container--comment .right .fs_18 {
        font-size: 13px; }
      .item-container--comment .right .fs_15 {
        font-size: 12px; } }

.item-container--comment.comment-form {
  background-color: #f6f6f6;
  padding: 15px; }
  @media screen and (min-width: 768px) {
    .item-container--comment.comment-form {
      padding: 25px 18px; } }
  @media screen and (min-width: +1920px) {
    .item-container--comment.comment-form {
      padding: 1.30208vw 0.9375vw; } }
  .item-container--comment.comment-form .comment-form__input {
    height: 66px;
    width: 100%; }
    @media screen and (min-width: +1920px) {
      .item-container--comment.comment-form .comment-form__input {
        height: 3.4375vw; } }

.item-container--comment.comment-row .right .top {
  padding: 10px; }
  .item-container--comment.comment-row .right .top .name {
    margin-bottom: 5px; }
    @media screen and (min-width: +1920px) {
      .item-container--comment.comment-row .right .top .name {
        margin-bottom: 0.26042vw; } }
  @media screen and (min-width: 768px) {
    .item-container--comment.comment-row .right .top {
      padding: 18px; } }
  @media screen and (min-width: +1920px) {
    .item-container--comment.comment-row .right .top {
      padding: 0.9375vw; } }

.item-container--comment.comment-row .right i {
  margin-left: 5px; }
  @media screen and (min-width: +1920px) {
    .item-container--comment.comment-row .right i {
      margin-left: 0.26042vw; } }

.item-container--comment.comment-row .right .summary {
  margin-bottom: 15px;
  min-height: 45px; }
  @media screen and (min-width: 768px) {
    .item-container--comment.comment-row .right .summary {
      margin-bottom: 10px; } }
  @media screen and (min-width: +1920px) {
    .item-container--comment.comment-row .right .summary {
      margin-bottom: 0.78125vw;
      min-height: 2.34375vw; } }
  @media screen and (max-width: 575px) {
    .item-container--comment.comment-row .right .summary {
      margin-bottom: 9px;
      min-height: 30px; } }

.comments-all {
  margin-top: 15px;
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .comments-all {
      padding-top: 35px; } }
  @media screen and (min-width: +1920px) {
    .comments-all {
      margin-top: 0.78125vw;
      padding-top: 1.82292vw; } }
  .comments-all .ans-box {
    display: none; }
    .comments-all .ans-box .ans-text {
      width: 100%;
      height: 70px;
      margin-top: 10px; }
    .comments-all .ans-box .btn-green {
      float: right;
      padding: 5px 30px;
      margin-top: 10px; }
      @media screen and (min-width: +1920px) {
        .comments-all .ans-box .btn-green {
          padding: 0.26042vw 1.5625vw;
          margin-top: 0.52083vw; } }
  .comments-all .right.hide-ans-all .bot,
  .comments-all .right.hide-ans-all .hide-ans {
    display: none; }
  .comments-all .right.start-ans > .top > .ans-box {
    display: block; }

.title-main.sakura {
  position: relative;
  padding-left: 98px;
  line-height: 67px;
  margin-bottom: 35px;
  background-size: contain;
  background-position: 15px center;
  background-repeat: no-repeat; }
  @media screen and (min-width: +1920px) {
    .title-main.sakura {
      padding-left: 5.10417vw;
      line-height: 3.48958vw;
      margin-bottom: 1.82292vw;
      background-position: 0.78125vw center; } }

.banner {
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center; }
  @media screen and (min-width: +768px) and (max-width: +1199px) {
    .banner {
      height: 350px; } }
  @media screen and (min-width: +1200px) {
    .banner {
      height: 564px; } }
  @media screen and (min-width: +1920px) {
    .banner {
      height: 29.375vw; } }
  @media screen and (max-width: +767px) {
    .banner {
      height: auto;
      padding-top: 30px;
      padding-bottom: 30px; } }
  .banner-content {
    padding: 20px;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    max-width: 340px; }
    @media screen and (min-width: +1920px) {
      .banner-content {
        padding: 1.04167vw;
        border-radius: 0.15625vw;
        max-width: 17.70833vw; } }
    .banner-content .img {
      border-radius: 50%;
      overflow: hidden;
      width: 100px;
      height: 100px;
      position: relative;
      margin: auto; }
    .banner-content .name {
      margin-bottom: 40px; }
      @media screen and (min-width: +1920px) {
        .banner-content .name {
          margin-bottom: 2.08333vw; } }
    @media screen and (min-width: +768px) and (max-width: +1199px) {
      .banner-content .img {
        margin-bottom: 15px; }
      .banner-content .name {
        margin-bottom: 20px; } }
    @media screen and (min-width: +1200px) {
      .banner-content .img {
        margin-bottom: 30px; }
      .banner-content .name {
        margin-bottom: 40px; } }
    @media screen and (min-width: +1920px) {
      .banner-content .img {
        width: 5.20833vw;
        height: 5.20833vw;
        margin-bottom: 1.5625vw; }
      .banner-content .name {
        margin-bottom: 2.08333vw; } }
    @media screen and (max-width: +767px) {
      .banner-content {
        width: 100%;
        max-width: 100%; }
        .banner-content .img {
          height: 80px;
          width: 80px;
          margin-bottom: 10px; }
        .banner-content .name {
          margin-bottom: 15px; } }
  .banner_img {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 29.375%; }
  .banner-title .img {
    height: 150px;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat; }
    @media screen and (min-width: 768px) {
      .banner-title .img {
        height: 255px; } }
    @media screen and (min-width: +1920px) {
      .banner-title .img {
        height: 13.28125vw; } }
    .banner-title .img .title {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media screen and (max-width: 575px) {
        .banner-title .img .title {
          font-size: 20px; } }
    @media screen and (min-width: 768px) {
      .banner-title .img.style1 {
        height: 250px; } }
    @media screen and (min-width: +1920px) {
      .banner-title .img.style1 {
        height: 13.02083vw; } }
    @media screen and (max-width: 767px) {
      .banner-title .img.style1 {
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px; } }
  @media screen and (min-width: 768px) {
    .banner-title .content {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  @media screen and (max-width: 767px) {
    .banner-title .content .left-col,
    .banner-title .content .right-col {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media screen and (min-width: 768px) {
    .banner-title .content .left-col {
      flex: 0 0 calc(100% - 320/1170*100%);
      max-width: calc(100% - 320/1170*100%); } }
  .banner-title .content .right-col {
    padding: 10px 15px;
    background-color: rgba(48, 61, 103, 0.77);
    border-radius: 8px;
    border: 1px solid #3c4d82; }
    .banner-title .content .right-col li ~ li {
      margin-top: 15px; }
    @media screen and (min-width: 768px) {
      .banner-title .content .right-col {
        padding: 18px 25px;
        flex: 0 0 27.35043%;
        max-width: 27.35043%; } }
    @media screen and (min-width: +1920px) {
      .banner-title .content .right-col {
        padding: 0.9375vw 1.30208vw;
        border-radius: 0.41667vw;
        border-width: 0.05208vw; }
        .banner-title .content .right-col li ~ li {
          margin-top: 0.78125vw; } }
    @media screen and (max-width: 767px) {
      .banner-title .content .right-col {
        margin-top: 20px; } }
  @media screen and (min-width: 768px) {
    .banner-title .content .search-form {
      width: 80%; } }
  .banner-title .content .search-form .btn-green {
    border-radius: 0;
    width: 130px; }
    @media screen and (min-width: +1920px) {
      .banner-title .content .search-form .btn-green {
        width: 6.77083vw; } }
  .banner-title .content .search-form .search-input {
    padding: 0 20px;
    border: 0;
    max-width: calc(100% - 130px);
    flex: 0 0 calc(100% - 130px); }
    @media screen and (min-width: +1920px) {
      .banner-title .content .search-form .search-input {
        padding: 0 1.04167vw;
        max-width: calc(100% - 130*100vw/1920);
        flex: 0 0 calc(100% - 130*100vw/1920); } }
  @media screen and (max-width: 767px) {
    .banner-title .content .title-welcome, .banner-title .content .small {
      text-align: center; } }
  @media screen and (max-width: 575px) {
    .banner-title .content .title-welcome {
      font-size: 25px; } }

.information {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: +991px) {
    .information {
      padding-top: 20px;
      padding-bottom: 20px; } }

.course {
  background-color: #f6f6f6;
  padding-top: 49px;
  padding-bottom: 55px; }
  @media screen and (min-width: +1920px) {
    .course {
      padding-top: 2.55208vw;
      padding-bottom: 2.86458vw; } }
  .course .col-12 {
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .course .col-12 {
        margin-bottom: 30px; } }
  .course .no-wrap {
    flex-wrap: nowrap;
    overflow: auto; }

.exp-forum {
  background-color: #fff; }

.style1 .tab-content .collapse-btn.collapsed i:before {
  content: "\f107"; }

.style1 .tab-content:last-child {
  margin-bottom: 0; }

.style1 .tab-content .item {
  padding: 10px 0 10px 10px; }
  @media screen and (min-width: 992px) {
    .style1 .tab-content .item {
      padding: 15px 0 15px 20px; } }
  @media screen and (min-width: +1920px) {
    .style1 .tab-content .item {
      padding: 0.78125vw 0 0.78125vw 1.04167vw; } }

.style1 .tab-content .title {
  background-color: #f9f9fb;
  padding: 10px 0 10px 10px; }
  @media screen and (min-width: 992px) {
    .style1 .tab-content .title {
      padding: 15px 0 15px 20px; } }
  @media screen and (min-width: +1920px) {
    .style1 .tab-content .title {
      padding: 0.78125vw 0 0.78125vw 1.04167vw; } }

.style1 .tab-content .time {
  width: 10%;
  float: right; }
  @media screen and (max-width: 575px) {
    .style1 .tab-content .time {
      display: block;
      width: 100%;
      float: none;
      text-align: right; } }

.wrap-content__info .item .img {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
  @media screen and (min-width: +1920px) {
    .wrap-content__info .item .img {
      width: 2.65625vw;
      height: 2.65625vw; } }

@media screen and (min-width: 768px) {
  .wrap-content__video {
    border: 1px solid #3c4d82;
    padding: 5px; } }

@media screen and (min-width: 1200px) {
  .wrap-content__video {
    padding: 10px; } }

@media screen and (min-width: +1920px) {
  .wrap-content__video {
    border-width: 0.05208vw;
    padding: 0.52083vw; } }

.wrap-content__video .video-box {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 66.66667%; }

.wrap-content__tabs .style1 .tab-content .item:first-child {
  border-top-width: 0; }

.wrap-content__tabs .style1 .tab-content .title {
  padding: 0;
  background-color: transparent; }

.wrap-content__tabs .tab-menu {
  position: relative;
  margin-bottom: -1px;
  justify-content: space-between; }
  @media screen and (min-width: +1920px) {
    .wrap-content__tabs .tab-menu {
      margin-bottom: -0.05208vw; } }
  .wrap-content__tabs .tab-menu a {
    height: 100%; }

.wrap-content__tabs .nav-item {
  flex: 0 0 calc(33.333% - 3px);
  max-width: calc(33.333% - 3px); }
  @media screen and (min-width: +1920px) {
    .wrap-content__tabs .nav-item {
      flex: 0 0 calc(33.3333% - 3*100vw/1920);
      max-width: calc(33.3333% - 3*100vw/1920); } }
  @media screen and (max-width: 767px) {
    .wrap-content__tabs .nav-item {
      font-size: 15px; } }
  .wrap-content__tabs .nav-item .nav-link {
    border: 1px solid #ebebeb;
    background-color: #f6f6f6;
    color: inherit;
    text-align: center;
    padding: 15px 1px; }
    @media screen and (min-width: +1920px) {
      .wrap-content__tabs .nav-item .nav-link {
        border-width: 0.05208vw;
        padding: 0.78125vw 0.05208vw; } }
    .wrap-content__tabs .nav-item .nav-link.active {
      position: relative;
      background-color: #fff;
      border-bottom-color: #fff;
      z-index: 5; }
      .wrap-content__tabs .nav-item .nav-link.active:before {
        content: '';
        height: 5px;
        background-color: #3c4d82;
        position: absolute;
        top: 0;
        left: -1px;
        right: -1px; }
        @media screen and (min-width: +1920px) {
          .wrap-content__tabs .nav-item .nav-link.active:before {
            height: 0.26042vw;
            left: -0.05208vw;
            right: -0.05208vw; } }
      .wrap-content__tabs .nav-item .nav-link.active i {
        color: #3c4d82; }
    .wrap-content__tabs .nav-item .nav-link i {
      margin-right: 10px; }
      @media screen and (min-width: +1920px) {
        .wrap-content__tabs .nav-item .nav-link i {
          margin-right: 0.52083vw; } }

.wrap-content__tabs .tab-content {
  padding: 10px;
  border: 1px solid #ebebeb; }
  @media screen and (min-width: 576px) {
    .wrap-content__tabs .tab-content {
      padding: 20px; } }
  @media screen and (min-width: 992px) {
    .wrap-content__tabs .tab-content {
      padding: 25px; } }
  @media screen and (min-width: 1200px) {
    .wrap-content__tabs .tab-content {
      padding: 45px 35px 55px; } }
  @media screen and (min-width: +1920px) {
    .wrap-content__tabs .tab-content {
      padding: 2.34375vw 1.82292vw 2.86458vw;
      border-width: 0.05208vw; } }
  .wrap-content__tabs .tab-content .block {
    line-height: 1.8; }

.wrap-content__tabs .course-featured .item {
  padding: 14px 0; }
  @media screen and (min-width: +1920px) {
    .wrap-content__tabs .course-featured .item {
      padding: 0.72917vw 0; } }
  .wrap-content__tabs .course-featured .item:first-child {
    padding-top: 0; }
  .wrap-content__tabs .course-featured .item i {
    margin-right: 10px; }
    @media screen and (min-width: +1920px) {
      .wrap-content__tabs .course-featured .item i {
        margin-right: 0.52083vw; } }
  .wrap-content__tabs .course-featured .item .fl {
    width: 60%;
    display: inline-block;
    float: left; }
  .wrap-content__tabs .course-featured .item .fb {
    width: 40%;
    display: inline-block;
    float: right; }
    @media screen and (max-width: 1199px) {
      .wrap-content__tabs .course-featured .item .fb {
        width: 35%; } }

.aside-wrap {
  padding-left: 15px; }
  @media screen and (min-width: +1920px) {
    .aside-wrap {
      padding-left: 0.78125vw; } }
  @media screen and (max-width: 991px) {
    .aside-wrap {
      margin-top: 30px; } }
  .aside-wrap .item-container--course {
    margin-bottom: 15px; }
    @media screen and (min-width: +1920px) {
      .aside-wrap .item-container--course {
        margin-bottom: 0.78125vw; } }
  @media screen and (max-width: 991px) {
    .aside-wrap .title-line--left {
      margin-bottom: 0; } }
  @media screen and (max-width: 991px) {
    .aside-wrap .courses-all {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .aside-wrap .courses-all .item-container--course {
        max-width: calc(50% - 10px);
        flex: calc(50% - 10px);
        margin-bottom: 0;
        margin-top: 15px; } }
  @media screen and (max-width: 575px) {
    .aside-wrap .courses-all .item-container--course {
      max-width: 100%;
      flex: 100%; } }

.course-register .disabled, .course-register .disabled:hover, .course-register .disabled:active, .course-register .disabled:focus {
  background-color: #aaa;
  border-color: #aaa;
  color: #fff;
  cursor: default; }

@media screen and (max-width: 575px) {
  .course-register {
    margin-left: auto;
    margin-top: 10px; }
    .course-register a {
      padding: 5px 30px !important; } }

@media screen and (max-width: 991px) {
  .course-modal--content > .border-right {
    border-left: 1px solid #dee2e6; } }

.course-modal--content .video-box {
  height: 460px;
  width: 100%; }
  @media screen and (min-width: +1920px) {
    .course-modal--content .video-box {
      height: 23.95833vw; } }
  @media screen and (max-width: 991px) {
    .course-modal--content .video-box {
      height: 350px; } }
  @media screen and (max-width: 767px) {
    .course-modal--content .video-box {
      height: 300px; } }

@media screen and (max-width: 991px) {
  .course-modal--aside {
    height: calc(100vh - 40px);
    overflow-y: auto;
    margin-top: 40px; } }

.course-modal--aside .nav-item {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }
  @media screen and (min-width: 992px) {
    .course-modal--aside .nav-item {
      padding-top: 15px; } }
  @media screen and (min-width: +1920px) {
    .course-modal--aside .nav-item {
      padding-top: 0.78125vw; } }

.course-modal--aside .nav-link {
  display: block;
  padding: 0;
  text-align: center; }
  .course-modal--aside .nav-link:hover {
    color: inherit; }
  .course-modal--aside .nav-link .icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover; }
    @media screen and (min-width: +1920px) {
      .course-modal--aside .nav-link .icon {
        width: 2.60417vw;
        height: 2.60417vw; } }
  .course-modal--aside .nav-link.active .icon {
    background-position: center center; }
  .course-modal--aside .nav-link.disabled {
    cursor: default; }
    .course-modal--aside .nav-link.disabled .icon {
      background-position: right center; }
    .course-modal--aside .nav-link.disabled .text {
      color: #818080; }

@media screen and (max-width: 767px) {
  .course-modal .mCustomScrollBox {
    overflow: unset;
    height: unset; } }

.course-cover {
  padding: 0 !important; }
  .course-cover .dashboard-aside.opened {
    padding: 0; }
  .course-cover .dashboard-aside--close {
    z-index: 2; }
  .course-cover .container {
    max-width: 1440px;
    padding-left: 15px !important;
    padding-right: 15px !important; }
    @media screen and (min-width: 1920px) {
      .course-cover .container {
        max-width: 75vw; } }
  .course-cover .col-12.col-lg-8.pr-lg-0.pl-lg-0 {
    padding-right: 15px !important; }
  @media screen and (max-width: 991px) {
    .course-cover {
      overflow: hidden;
      position: static !important; } }
  .course-cover .dashboard-aside {
    flex: unset; }
    @media screen and (min-width: 992px) {
      .course-cover .dashboard-aside {
        max-width: 33.333333%; } }
    @media screen and (max-width: 991px) {
      .course-cover .dashboard-aside--open {
        margin-top: 20px; } }
  .course-cover .course-test--question {
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid #ebebeb; }
    @media screen and (min-width: +1920px) {
      .course-cover .course-test--question {
        padding-bottom: 0.88542vw;
        margin-bottom: 0.88542vw;
        border-bottom-width: 0.05208vw; } }
  .course-cover .course-test--content {
    margin-bottom: 50px; }
    @media screen and (min-width: +1920px) {
      .course-cover .course-test--content {
        margin-bottom: 2.60417vw; } }
  @media screen and (max-width: 991px) {
    .course-cover .course-test--list {
      padding-top: 0; } }
  .course-cover .checkbox {
    cursor: pointer; }
  .course-cover .checkbox-icon {
    width: 14px;
    height: 14px; }
    @media screen and (min-width: +1920px) {
      .course-cover .checkbox-icon {
        width: 0.72917vw;
        height: 0.72917vw; } }
  .course-cover .question--trigger {
    background-color: transparent;
    border: none;
    padding: 0; }
  .course-cover .result i,
  .course-cover .question--trigger i {
    margin-right: 5px; }
    @media screen and (min-width: 768px) {
      .course-cover .result i,
      .course-cover .question--trigger i {
        margin-right: 6px; } }
    @media screen and (min-width: +1920px) {
      .course-cover .result i,
      .course-cover .question--trigger i {
        margin-right: 0.3125vw; } }
  .course-cover .right-box {
    padding: 5px 20px; }
    @media screen and (min-width: +1920px) {
      .course-cover .right-box {
        padding: 0.26042vw 1.04167vw; } }
  .course-cover .detail {
    border-color: #3c4d82 !important;
    padding: 13px 20px; }
    @media screen and (min-width: +1920px) {
      .course-cover .detail {
        padding: 0.67708vw 1.04167vw; } }
    .course-cover .detail-result {
      display: flex;
      border: 1px solid #d9e8f4;
      background-color: #eff5f9; }
      @media screen and (min-width: +1920px) {
        .course-cover .detail-result {
          border-width: 0.05208vw; } }
      @media screen and (max-width: 767px) {
        .course-cover .detail-result {
          flex-wrap: wrap; } }
      .course-cover .detail-result li {
        padding: 7px; }
        @media screen and (min-width: +1920px) {
          .course-cover .detail-result li {
            padding: 0.36458vw; } }
        .course-cover .detail-result li:first-child {
          width: 60%; }
          @media screen and (min-width: 768px) {
            .course-cover .detail-result li:first-child {
              width: 26.92308%; } }
        .course-cover .detail-result li:nth-chlid(2) {
          width: 40%; }
          @media screen and (min-width: 768px) {
            .course-cover .detail-result li:nth-chlid(2) {
              width: 15.76923%; } }
        .course-cover .detail-result li:last-child {
          width: 100%; }
          @media screen and (max-width: 767px) {
            .course-cover .detail-result li:last-child {
              border-top: 1px solid #d9e8f4; } }
          @media screen and (min-width: 768px) {
            .course-cover .detail-result li:last-child {
              width: 57.30769%; } }
        .course-cover .detail-result li ~ li {
          border-left: 1px solid #d9e8f4; }
          @media screen and (min-width: +1920px) {
            .course-cover .detail-result li ~ li {
              border-left-width: 0.05208vw; } }
  .course-cover .checkbox-input:checked + .checkbox-icon {
    background-color: #0cb550;
    border-color: #0cb550; }
  .course-cover .checkbox-icon {
    border-color: #bcbec0;
    background-color: #bcbec0; }
  .course-cover .btn-def {
    background-color: #d7d7d7;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 5px 15px;
    margin-right: 10px;
    position: relative;
    transition: all .3s; }
    @media screen and (min-width: 576px) {
      .course-cover .btn-def {
        margin-right: 15px; } }
    @media screen and (min-width: +1920px) {
      .course-cover .btn-def {
        margin-right: 0.78125vw;
        border-width: 0.05208vw;
        border-radius: 0.26042vw;
        padding: 0.26042vw 0.78125vw; } }
    .course-cover .btn-def:hover {
      background-color: transparent;
      color: #d7d7d7; }
  .course-cover__header .close {
    opacity: 1;
    background-color: #2e3d6f; }
    .course-cover__header .close:hover {
      color: #fff; }
    @media screen and (max-width: 575px) {
      .course-cover__header .close {
        font-size: 15px; } }
  .course-cover__header .btn-expand {
    background-size: 22%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto; }
    @media screen and (min-width: 768px) {
      .course-cover__header .btn-expand {
        background-size: 16%; } }
  .course-cover__header .close,
  .course-cover__header .btn-expand {
    width: 50px;
    min-height: 50px;
    height: 100%; }
    @media screen and (min-width: 576px) {
      .course-cover__header .close,
      .course-cover__header .btn-expand {
        width: 105px;
        min-height: 81px; } }
    @media screen and (min-width: +1920px) {
      .course-cover__header .close,
      .course-cover__header .btn-expand {
        width: 5.46875vw;
        min-height: 4.21875vw; } }
  .course-cover__header .title {
    width: calc(100% - 100px);
    padding: 5px 5px 5px 0;
    line-height: 1.5; }
    @media screen and (max-width: 575px) {
      .course-cover__header .title {
        font-size: 16px; } }
    @media screen and (min-width: 768px) {
      .course-cover__header .title {
        width: calc(100% - 105*2px); }
        .course-cover__header .title.fs_18 {
          width: calc(100% - 105*2px - 210px); } }
    @media screen and (min-width: +1920px) {
      .course-cover__header .title {
        width: calc(100% - 105*2*100vw/1920);
        padding: 0.26042vw 0.26042vw 0.26042vw 0; }
        .course-cover__header .title.fs_18 {
          width: calc(100% - 420*100vw/1920); } }
  .course-cover__header .time-left {
    font-family: sans-serif; }
    .course-cover__header .time-left .num {
      color: #e66736;
      font-weight: bolder;
      font-family: sans-serif; }
  @media screen and (min-width: 768px) {
    .course-cover__body .video-box iframe, .course-cover__body .video-box video {
      background-color: #000;
      padding: 0 40px; } }
  @media screen and (min-width: 992px) {
    .course-cover__body .video-box iframe, .course-cover__body .video-box video {
      padding: 0 60px; } }
  @media screen and (min-width: 1200px) {
    .course-cover__body .video-box iframe, .course-cover__body .video-box video {
      padding: 0 80px; } }
  @media screen and (min-width: +1920px) {
    .course-cover__body .video-box iframe, .course-cover__body .video-box video {
      padding: 0 4.16667vw; } }
  .course-cover__body .next-chapter,
  .course-cover__body .summary {
    padding: 0 20px; }
    @media screen and (min-width: 768px) {
      .course-cover__body .next-chapter,
      .course-cover__body .summary {
        padding: 0 40px; } }
    @media screen and (min-width: 992px) {
      .course-cover__body .next-chapter,
      .course-cover__body .summary {
        padding: 0 70px; } }
    @media screen and (min-width: 1200px) {
      .course-cover__body .next-chapter,
      .course-cover__body .summary {
        padding: 0 90px; } }
    @media screen and (min-width: +1920px) {
      .course-cover__body .next-chapter,
      .course-cover__body .summary {
        padding: 0 4.6875vw; } }
  .course-cover__body .next-chapter {
    padding-bottom: 17px;
    transition: all .3s; }
    @media screen and (min-width: +1920px) {
      .course-cover__body .next-chapter {
        padding-bottom: 0.88542vw; } }
    .course-cover__body .next-chapter:hover {
      color: #3c4d82; }
    .course-cover__body .next-chapter .border-top, .course-cover__body .next-chapter .comments-all, .course-cover__body .next-chapter .style1 .tab-content .item:first-child, .style1 .tab-content .course-cover__body .next-chapter .item:first-child {
      border-top-style: dotted !important; }
    .course-cover__body .next-chapter hr {
      margin-top: 17px;
      margin-bottom: 17px; }
      @media screen and (min-width: +1920px) {
        .course-cover__body .next-chapter hr {
          margin-top: 0.88542vw;
          margin-bottom: 0.88542vw; } }
  .course-cover__footer {
    padding-bottom: 5px;
    padding-top: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }
    @media screen and (min-width: +1920px) {
      .course-cover__footer {
        padding-bottom: 0.26042vw;
        padding-top: 0.26042vw; } }
  .course-cover .mCSB_container {
    border-right: 1px solid #dee2e6;
    margin-right: 0; }
    @media screen and (min-width: 768px) {
      .course-cover .mCSB_container {
        margin-right: 17px; } }
    @media screen and (min-width: +1920px) {
      .course-cover .mCSB_container {
        border-right-width: 0.05208vw;
        margin-right: 0.88542vw; } }
  @media screen and (max-width: 767px) {
    .course-cover .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background-color: transparent; } }
  @media screen and (min-width: 992px) {
    .course-cover .mCustomScrollBar1 {
      height: calc(100vh - 80px);
      overflow-y: auto; } }
  @media screen and (min-width: +1920px) {
    .course-cover .mCustomScrollBar1 {
      height: calc(100vh - 80*100vw/1920); } }
  @media screen and (max-width: 991px) {
    .course-cover .mCustomScrollBar1 {
      border-right: none !important; } }
  .course-cover .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent; }
  .course-cover .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ccc; }
  .course-cover .course-test--list .item .link {
    background-color: #f6f6f6;
    padding: 10px 30px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    color: #3c4d82;
    display: block; }
    @media screen and (min-width: 1200px) {
      .course-cover .course-test--list .item .link {
        padding: 15px 60px; } }
    @media screen and (min-width: +1920px) {
      .course-cover .course-test--list .item .link {
        padding: 0.78125vw 3.125vw;
        border-bottom-width: 0.05208vw; } }
  .course-cover .course-test--list .item.active .link {
    background-color: #ebedf2;
    position: relative; }
    .course-cover .course-test--list .item.active .link:before {
      content: '';
      position: absolute;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      border-radius: 50%;
      background-color: #0cb550;
      width: 15px;
      height: 15px;
      left: 10px; }
      @media screen and (min-width: 1200px) {
        .course-cover .course-test--list .item.active .link:before {
          width: 17px;
          height: 17px;
          left: 23px; } }
      @media screen and (min-width: +1920px) {
        .course-cover .course-test--list .item.active .link:before {
          width: 0.88542vw;
          height: 0.88542vw;
          left: 1.19792vw; } }
  @media screen and (min-width: 992px) {
    .course-cover.multiple-choice .mCustomScrollBar1 {
      height: calc(100vh - 120px); } }
  @media screen and (min-width: +1920px) {
    .course-cover.multiple-choice .mCustomScrollBar1 {
      height: calc(100vh - 120*100vw/1920); } }

.dictionary__top {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .dictionary__top {
      padding-bottom: 30px; } }
  @media screen and (min-width: 992px) {
    .dictionary__top {
      padding-bottom: 40px; } }
  @media screen and (min-width: 1200px) {
    .dictionary__top {
      padding-bottom: 55px; } }
  @media screen and (min-width: +1920px) {
    .dictionary__top {
      padding-bottom: 2.86458vw;
      padding-top: 1.04167vw; } }

.dictionary__form input,
.dictionary__form input::-webkit-input-placeholder {
  color: #939598; }

.dictionary__form input,
.dictionary__form input::-ms-input-placeholder {
  color: #939598; }

.dictionary__form input,
.dictionary__form input::placeholder {
  color: #939598; }

.dictionary__form .form-control {
  background-color: #f6f6f6;
  border-radius: 0;
  border: none;
  padding: 0 15px !important;
  height: 50px !important;
  line-height: 50px; }
  @media screen and (min-width: +1920px) {
    .dictionary__form .form-control {
      padding: 0 0.78125vw !important;
      height: 2.60417vw !important;
      line-height: 2.60417vw; } }

.dictionary__form .btn-submit {
  background-color: #3c4d82;
  color: #fff;
  display: block;
  border-radius: 0;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  border: 0; }
  @media screen and (min-width: +1920px) {
    .dictionary__form .btn-submit {
      line-height: 2.60417vw; } }

.dictionary__form .input_key {
  width: auto;
  min-width: 300px; }
  @media screen and (min-width: 768px) {
    .dictionary__form .input_key {
      width: 36.75214%; } }
  @media screen and (min-width: +1920px) {
    .dictionary__form .input_key {
      min-width: 15.625vw; } }

.dictionary__form .select_key {
  margin: 0 10px 10px;
  width: auto;
  height: 50px; }
  @media screen and (min-width: 1200px) {
    .dictionary__form .select_key {
      width: 15.21368%; } }
  @media screen and (min-width: +1920px) {
    .dictionary__form .select_key {
      margin: 0 0.52083vw 0.52083vw;
      height: 2.60417vw; } }
  .dictionary__form .select_key .select {
    color: #4e4e4e;
    height: unset !important;
    background-color: #ebebeb; }

.dictionary__form .submit_key {
  width: 8.54701%;
  min-width: 100px; }
  @media screen and (min-width: +1920px) {
    .dictionary__form .submit_key {
      min-width: 5.20833vw; } }

.dictionary__letters .item {
  color: #bcbec0; }
  .dictionary__letters .item.active {
    color: #2e3d6f; }

.dictionary__bot .detail-list {
  padding-top: 10px;
  padding-bottom: 25px; }
  @media screen and (min-width: +1920px) {
    .dictionary__bot .detail-list {
      padding-top: 0.52083vw;
      padding-bottom: 1.30208vw; } }
  .dictionary__bot .detail-list__content {
    border-radius: 10px;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    display: none; }
    @media screen and (min-width: +1920px) {
      .dictionary__bot .detail-list__content {
        border-radius: 0.52083vw;
        bottom: calc(100% + 10*100vw/1920); } }
    .dictionary__bot .detail-list__content:before {
      content: '';
      width: 0;
      height: 0;
      top: 100%;
      left: 30%;
      position: absolute;
      border-width: 5px;
      border-style: solid;
      border-color: #3c4d82 transparent transparent transparent; }
      @media screen and (min-width: +1920px) {
        .dictionary__bot .detail-list__content:before {
          border-width: 0.26042vw; } }
  .dictionary__bot .detail-list a {
    color: #2e3d6f; }
    .dictionary__bot .detail-list a:hover {
      color: #000; }
  .dictionary__bot .detail-list .title-small {
    border-bottom: 1px dotted #9f9f9f;
    padding-bottom: 5px;
    margin-bottom: 5px; }
    @media screen and (min-width: +1920px) {
      .dictionary__bot .detail-list .title-small {
        border-bottom-width: 0.05208vw;
        padding-bottom: 0.26042vw;
        margin-bottom: 0.26042vw; } }
  @media screen and (min-width: 1025px) {
    .dictionary__bot .detail-list .item.active .detail-list__content {
      display: block; } }
  .dictionary__bot .detail-list .item a {
    padding-top: 6px;
    padding-bottom: 6px; }
    @media screen and (min-width: +1920px) {
      .dictionary__bot .detail-list .item a {
        padding-top: 0.3125vw;
        padding-bottom: 0.3125vw; } }

.dictionary__bot .letter {
  background-color: #f6f6f6;
  padding: 15px; }
  @media screen and (min-width: +1920px) {
    .dictionary__bot .letter {
      padding: 0.78125vw; } }

@media screen and (max-width: 575px) {
  .dictionary__details {
    padding-top: 40px !important; } }

.dictionary__details .return {
  position: absolute;
  top: -30px;
  left: 15px; }
  @media screen and (min-width: 576px) {
    .dictionary__details .return {
      top: 35px; } }
  @media screen and (min-width: +1920px) {
    .dictionary__details .return {
      top: 1.82292vw;
      left: 0.78125vw; } }
  .dictionary__details .return .arr {
    height: 10px;
    margin-right: 10px; }
    @media screen and (min-width: +1920px) {
      .dictionary__details .return .arr {
        height: 0.52083vw;
        margin-right: 0.52083vw; } }

.dictionary__details .cl_main {
  color: #193eb4; }

.news-page .pagination__item {
  margin-right: 5px;
  margin-left: 0; }
  @media screen and (min-width: +1920px) {
    .news-page .pagination__item {
      margin-right: 0.26042vw; } }

.news-page__item .img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 57.47126%; }

@media screen and (max-width: 575px) {
  .news-page .top-info {
    flex-wrap: wrap; } }

@media screen and (max-width: 575px) {
  .news-page .top-info .left {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: baseline; }
    .news-page .top-info .left .day {
      margin-right: 10px; } }

.news-page .top-info .right {
  flex: 0 0 100%;
  max-width: 100%; }
  .news-page .top-info .right .title {
    line-height: 1.4; }
  @media screen and (max-width: 575px) {
    .news-page .top-info .right {
      margin-left: 0;
      padding-left: 0;
      border-left: 0 !important;
      border-top: 1px solid #aaa;
      padding-top: 10px;
      margin-top: 10px; } }
  @media screen and (min-width: 576px) {
    .news-page .top-info .right {
      flex: 0 0 70%;
      max-width: 70%; } }
  @media screen and (min-width: 768px) {
    .news-page .top-info .right {
      flex: 0 0 87.35632%;
      max-width: 87.35632%; } }

.news-page .prev-next {
  border: 1px solid #ebebeb; }
  @media screen and (min-width: +1920px) {
    .news-page .prev-next {
      border-width: 0.05208vw; } }
  .news-page .prev-next .prev,
  .news-page .prev-next .next {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px; }
    @media screen and (min-width: 576px) {
      .news-page .prev-next .prev,
      .news-page .prev-next .next {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px 20px; } }
    @media screen and (min-width: +1920px) {
      .news-page .prev-next .prev,
      .news-page .prev-next .next {
        padding: 0.78125vw 1.04167vw; } }
    .news-page .prev-next .prev:hover,
    .news-page .prev-next .next:hover {
      color: #3c4d82; }
  @media screen and (min-width: 576px) {
    .news-page .prev-next .prev {
      border-right: 1px solid #ebebeb; } }
  @media screen and (min-width: +1920px) {
    .news-page .prev-next .prev {
      border-right-width: 0.05208vw; } }
  @media screen and (max-width: 575px) {
    .news-page .prev-next .prev {
      border-bottom: 1px solid #ebebeb;
      text-align: left !important; } }
  @media screen and (max-width: 575px) {
    .news-page .prev-next .next {
      text-align: right !important; } }

.news-page .about-author .img {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden; }
  @media screen and (min-width: 576px) {
    .news-page .about-author .img {
      width: 70px;
      height: 70px; } }
  @media screen and (min-width: 768px) {
    .news-page .about-author .img {
      width: 80px;
      height: 80px; } }
  @media screen and (min-width: 1200px) {
    .news-page .about-author .img {
      width: 105px;
      height: 105px; } }
  @media screen and (min-width: +1920px) {
    .news-page .about-author .img {
      width: 5.46875vw;
      height: 5.46875vw; } }

@media screen and (max-width: 575px) {
  .news-page__detail .top-info .right {
    border-top: none;
    padding-top: 0;
    margin-top: 0; } }

@media screen and (min-width: 992px) {
  .sticky {
    position: relative;
    transition: all .5s; } }

.contact-page .small {
  position: relative; }
  .contact-page .small:before {
    content: '';
    position: absolute;
    background-color: #000;
    top: 100%;
    left: 0;
    width: 39px;
    height: 1px; }
    @media screen and (min-width: +1920px) {
      .contact-page .small:before {
        width: 2.03125vw;
        height: 0.05208vw; } }

.contact-page .phone-mail .phone,
.contact-page .phone-mail .mail {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 10px; }
  @media screen and (min-width: 576px) {
    .contact-page .phone-mail .phone,
    .contact-page .phone-mail .mail {
      flex: 0 0 50%;
      max-width: 50%; } }
  @media screen and (min-width: +1920px) {
    .contact-page .phone-mail .phone,
    .contact-page .phone-mail .mail {
      padding-right: 0.52083vw; } }

@media screen and (max-width: 575px) {
  .contact-page .phone-mail .mail {
    padding-top: 20px; } }

.contact-page .phone-mail .rotate i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.contact-page .map {
  margin-bottom: 30px; }
  @media screen and (min-width: +1920px) {
    .contact-page .map {
      margin-bottom: 1.5625vw; } }

.contact-page .contact-form .form-control {
  border-radius: 0 !important; }
  .contact-page .contact-form .form-control, .contact-page .contact-form .form-control::-webkit-input-placeholder {
    color: #939598;
    font-size: 15px;
    font-family: "Merriweather Light"; }
  .contact-page .contact-form .form-control, .contact-page .contact-form .form-control::-ms-input-placeholder {
    color: #939598;
    font-size: 15px;
    font-family: "Merriweather Light"; }
  .contact-page .contact-form .form-control, .contact-page .contact-form .form-control::placeholder {
    color: #939598;
    font-size: 15px;
    font-family: "Merriweather Light"; }
    @media screen and (min-width: +1920px) {
      .contact-page .contact-form .form-control, .contact-page .contact-form .form-control::-webkit-input-placeholder {
        font-size: 0.78125vw; }
      .contact-page .contact-form .form-control, .contact-page .contact-form .form-control::-ms-input-placeholder {
        font-size: 0.78125vw; }
      .contact-page .contact-form .form-control, .contact-page .contact-form .form-control::placeholder {
        font-size: 0.78125vw; } }

.contact-page .contact-form textarea {
  height: 100px; }
  @media screen and (min-width: 1200px) {
    .contact-page .contact-form textarea {
      height: 150px; } }
  @media screen and (min-width: +1920px) {
    .contact-page .contact-form textarea {
      height: 7.8125vw; } }

.btn-green.style2 {
  font-size: 15px;
  text-align: center;
  display: inline-block;
  padding: 7px 40px;
  border-radius: 8px; }
  @media screen and (min-width: +1920px) {
    .btn-green.style2 {
      font-size: 0.78125vw;
      padding: 0.36458vw 2.08333vw;
      border-radius: 0.41667vw; } }

@media screen and (min-width: 992px) {
  .forum-page .col-lg-9 {
    flex: 0 0 calc(100% - 350px);
    max-width: calc(100% - 350px); } }

@media screen and (min-width: +1920px) {
  .forum-page .col-lg-9 {
    flex: 0 0 calc(100% - 350*100vw/1920);
    max-width: calc(100% - 350*100vw/1920); } }

@media screen and (min-width: 992px) {
  .forum-page .col-lg-3 {
    flex: 0 0 350px;
    max-width: 350px; } }

@media screen and (min-width: +1920px) {
  .forum-page .col-lg-3 {
    flex: 0 0 18.22917vw;
    max-width: 18.22917vw; } }

.forum-page .forum-row.title .collumn {
  background-color: #3c4d82; }

.forum-page .forum_feature .item {
  padding: 10px 15px; }
  @media screen and (min-width: +1920px) {
    .forum-page .forum_feature .item {
      padding: 0.52083vw 0.78125vw; } }

.forum-page .forum_feature .img {
  max-width: 30px;
  flex: 0 0 30px;
  height: 30px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
  position: relative; }
  @media screen and (min-width: 992px) {
    .forum-page .forum_feature .img {
      max-width: 50px;
      flex: 0 0 50px;
      height: 50px; } }
  @media screen and (min-width: +1920px) {
    .forum-page .forum_feature .img {
      max-width: 2.60417vw;
      flex: 0 0 2.60417vw;
      height: 2.60417vw;
      margin-right: 0.52083vw; } }

.forum-page .forum_feature .content {
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px); }
  @media screen and (min-width: 992px) {
    .forum-page .forum_feature .content {
      flex: 0 0 calc(100% - 60px);
      max-width: calc(100% - 60px); } }
  @media screen and (min-width: +1920px) {
    .forum-page .forum_feature .content {
      flex: 0 0 calc(100% - 60*100vw/1920);
      max-width: calc(100% - 60*100vw/1920); } }

@media screen and (max-width: 991px) {
  .forum-page .forum_feature .forum-row.title {
    display: block;
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; } }

@media screen and (min-width: 1200px) {
  .forum-page .forum-row--topic .collumn {
    padding: 15px; } }

@media screen and (min-width: +1920px) {
  .forum-page .forum-row--topic .collumn {
    padding: 0.78125vw; } }

.forum-page .forum-row.title.forum-row--conv .collumn-1 {
  border-right: 1px solid #303e68; }
  @media screen and (min-width: +1920px) {
    .forum-page .forum-row.title.forum-row--conv .collumn-1 {
      border-right-width: 0.05208vw; } }

@media screen and (max-width: 767px) {
  .forum-page .forum-row--topic .collumn-1 {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .forum-page .forum-row--topic .collumn-1 a {
      order: unset; }
    .forum-page .forum-row--topic .collumn-1 .author {
      display: none !important; } }

.forum-page .forum-row--conv .time .text {
  flex: 0 0 calc(100% - 105px);
  max-width: calc(100% - 105px); }
  @media screen and (min-width: +1920px) {
    .forum-page .forum-row--conv .time .text {
      flex: 0 0 calc(100% - 105*100vw/1920);
      max-width: calc(100% - 105*100vw/1920); } }

.forum-page .forum-row--conv .time .btn-like {
  background-color: #d7d7d7;
  padding: 2px 9px;
  border-radius: 5px;
  margin-left: 13px; }
  @media screen and (min-width: +1920px) {
    .forum-page .forum-row--conv .time .btn-like {
      padding: 0.10417vw 0.46875vw;
      border-radius: 0.26042vw;
      margin-right: 0.67708vw; } }

.pagin-post .pagination {
  margin-bottom: 0; }

.pagin-post .pagination, .pagin-post .btn-green {
  margin-top: 15px; }
  @media screen and (min-width: +1920px) {
    .pagin-post .pagination, .pagin-post .btn-green {
      margin-top: 0.78125vw; } }

.pagin-post .btn-green {
  margin-bottom: 5px; }
  @media screen and (min-width: +1920px) {
    .pagin-post .btn-green {
      margin-bottom: 0.26042vw; } }

.course-list .item.disabled {
  color: #aaa; }
  .course-list .item.disabled .link {
    cursor: default; }

.course-list .item.active .text, .course-list .item.active .time {
  font-family: "Merriweather Bold"; }

.modal-style1 .close {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 1;
  border-radius: 50%;
  background-color: #fff;
  width: 30px;
  height: 30px;
  opacity: 1;
  border: 1px solid #000; }
  @media screen and (min-width: +1920px) {
    .modal-style1 .close {
      top: -0.78125vw;
      right: -0.78125vw;
      width: 1.5625vw;
      height: 1.5625vw;
      border-width: 0.05208vw; } }

.modal-style1 .content iframe {
  width: 100%;
  height: 80vh; }

.modal-style1 .content audio {
  width: 100%; }

@media screen and (min-width: 768px) {
  .modal-style1 .modal-dialog {
    max-width: 700px; } }

@media screen and (min-width: 992px) {
  .modal-style1 .modal-dialog {
    max-width: 900px; } }

@media screen and (min-width: 1200px) {
  .modal-style1 .modal-dialog {
    max-width: 1200px; } }

@media screen and (min-width: +1920px) {
  .modal-style1 .modal-dialog {
    max-width: 62.5vw; } }

.modal .btn-close,
.modal .btn-ok {
  padding: 5px 20px;
  border-radius: 6px;
  border: 1px solid #3c4d82;
  transition: all .3s; }
  @media screen and (min-width: +1920px) {
    .modal .btn-close,
    .modal .btn-ok {
      padding: 0.26042vw 1.04167vw;
      border-radius: 0.3125vw;
      border-width: 0.05208vw; } }

.modal .btn-close {
  background-color: #3c4d82; }
  .modal .btn-close:hover {
    color: #3c4d82;
    background-color: transparent; }

.modal .btn-ok {
  color: #3c4d82; }
  .modal .btn-ok:hover {
    background-color: #3c4d82;
    color: #fff; }

@media screen and (min-width: 768px) {
  .forum-page-search .forum-row--topic .collumn-5 {
    flex: 0 0 100px; }
  .forum-page-search .forum-row--topic .collumn-1 {
    flex: 0 0 calc(100% - 470px); } }

@media screen and (min-width: 1200px) {
  .forum-page-search .forum-row--topic .collumn-5 {
    flex: 0 0 120px; }
  .forum-page-search .forum-row--topic .collumn-1 {
    flex: 0 0 calc(100% - 560px); } }

@media screen and (min-width: +1920px) {
  .forum-page-search .forum-row--topic .collumn-5 {
    flex: 0 0 6.25vw; }
  .forum-page-search .forum-row--topic .collumn-1 {
    flex: 0 0 calc(100% - 560*100vw/1920); } }

@media screen and (max-width: 767px) {
  .forum-page-search .forum-row--topic .collumn-1 a {
    margin-bottom: 0; }
  .forum-page-search .forum-row--topic .collumn-5 {
    flex: 0 0 100%;
    margin-bottom: 10px; } }

@media screen and (min-width: 768px) {
  .btn--group .btn-gray {
    width: 100px;
    margin-right: 5px; } }

@media screen and (min-width: +1920px) {
  .btn--group .btn-gray {
    width: 5.20833vw;
    margin-right: 0.26042vw; } }

.btn--group .btn-main {
  width: unset;
  padding: 7px 10px; }
  @media screen and (min-width: 768px) {
    .btn--group .btn-main {
      width: calc(100% - 105px); } }
  @media screen and (min-width: +1920px) {
    .btn--group .btn-main {
      padding: 0.36458vw 0.52083vw;
      width: calc(100% - 105*100vw/1920); } }

@media screen and (max-width: 767px) {
  .btn--group .btn-gray,
  .btn--group .btn-main {
    width: 100%;
    line-height: unset; } }

@media screen and (min-width: 768px) {
  .moda-style2 .modal-dialog {
    max-width: 600px; } }

@media screen and (min-width: 992px) {
  .moda-style2 .modal-dialog {
    max-width: 700px; } }

@media screen and (min-width: 1200px) {
  .moda-style2 .modal-dialog {
    max-width: 800px; } }

@media screen and (min-width: +1920px) {
  .moda-style2 .modal-dialog {
    max-width: 41.66667vw; }
    .moda-style2 .modal-dialog .modal-header,
    .moda-style2 .modal-dialog .modal-body {
      padding: 0.78125vw; }
    .moda-style2 .modal-dialog .form-group {
      margin-bottom: 0.78125vw; } }

.profile-avatar .img.hasLink .link {
  opacity: 0;
  visibility: hidden;
  background-color: rgba(60, 77, 130, 0.5);
  color: #fff;
  font-size: 40px; }
  .profile-avatar .img.hasLink .link i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.profile-avatar .img.hasLink:hover .link {
  opacity: 1;
  visibility: visible; }

.profile-info__row .usernamev .textv {
  position: relative; }

.profile-info__row .usernamev .inputEditName {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 97%;
  border-width: 0 0 1px;
  border-color: #3c4d82;
  padding: 0;
  font-size: 14px;
  display: none; }
  @media screen and (min-width: +1920px) {
    .profile-info__row .usernamev .inputEditName {
      border-bottom-width: 0.05208vw;
      font-size: 0.72917vw; } }

.profile-info__row .usernamev.active .inputEditName {
  display: block; }

.profile-info__row .usernamev.active .edit {
  color: red; }
  .profile-info__row .usernamev.active .edit i::before {
    content: "\f410"; }

.lds-default {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 64px;
  height: 64px; }
  .lds-default div {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: lds-default 1.2s linear infinite;
            animation: lds-default 1.2s linear infinite; }
    .lds-default div:nth-child(1) {
      -webkit-animation-delay: 0s;
              animation-delay: 0s;
      top: 29px;
      left: 53px; }
    .lds-default div:nth-child(2) {
      -webkit-animation-delay: -0.1s;
              animation-delay: -0.1s;
      top: 18px;
      left: 50px; }
    .lds-default div:nth-child(3) {
      -webkit-animation-delay: -0.2s;
              animation-delay: -0.2s;
      top: 9px;
      left: 41px; }
    .lds-default div:nth-child(4) {
      -webkit-animation-delay: -0.3s;
              animation-delay: -0.3s;
      top: 6px;
      left: 29px; }
    .lds-default div:nth-child(5) {
      -webkit-animation-delay: -0.4s;
              animation-delay: -0.4s;
      top: 9px;
      left: 18px; }
    .lds-default div:nth-child(6) {
      -webkit-animation-delay: -0.5s;
              animation-delay: -0.5s;
      top: 18px;
      left: 9px; }
    .lds-default div:nth-child(7) {
      -webkit-animation-delay: -0.6s;
              animation-delay: -0.6s;
      top: 29px;
      left: 6px; }
    .lds-default div:nth-child(8) {
      -webkit-animation-delay: -0.7s;
              animation-delay: -0.7s;
      top: 41px;
      left: 9px; }
    .lds-default div:nth-child(9) {
      -webkit-animation-delay: -0.8s;
              animation-delay: -0.8s;
      top: 50px;
      left: 18px; }
    .lds-default div:nth-child(10) {
      -webkit-animation-delay: -0.9s;
              animation-delay: -0.9s;
      top: 53px;
      left: 29px; }
    .lds-default div:nth-child(11) {
      -webkit-animation-delay: -1s;
              animation-delay: -1s;
      top: 50px;
      left: 41px; }
    .lds-default div:nth-child(12) {
      -webkit-animation-delay: -1.1s;
              animation-delay: -1.1s;
      top: 41px;
      left: 50px; }

@-webkit-keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

/*# sourceMappingURL=main.css.map */