/* CSS Document */
.menu {
  position: absolute;
  position: fixed;
  top: 0%;
  z-index: 255;
  left: -100%;
  overflow: hidden;
  height: auto;
  width: 100%;
  background: #fff;
  color: #000; }
  .menu.left-menu {
    left: 0; }
  .menu .menu-m {
    height: 40%; }
    .menu .menu-m ul li {
      text-align: left;
      padding: 5px 0px;
      padding-left: 15px;
      border-bottom: solid 2px #f4a607; }
      .menu .menu-m ul li ul li {
        padding: 5px 0px;
        padding-left: 25px;
        border: none; }
        .menu .menu-m ul li ul li a {
          font-size: 14px; }
      .menu .menu-m ul li a {
        color: #000;
        font-size: 16px; }
  .menu .close {
    color: #f4a607;
    opacity: 1;
    text-shadow: none;
    position: absolute;
    right: 10px;
    top: 10px; }
    .menu .close:hover {
      color: #000; }

.menu-l-vis {
  left: 0%; }

.navbar-menu {
  position: absolute;
  position: fixed;
  z-index: 255;
  cursor: pointer;
  background: #fff;
  padding: 1px 3px;
  border-radius: 5px;
  top: 25px;
  right: 25px; }
  .navbar-menu i {
    font-size: 36px;
    cursor: pointer;
    color: #fff;
    color: #507be2; }

@media (max-width: 1200px) {
  .content-site {
    width: 100%;
    margin: 0 auto; } }
@media (min-width: 768px) and (max-width: 1169px) {
  img {
    width: auto !important;
    max-width: 100% !important; }

  .header {
    background-size: cover;
    height: auto;
    margin-bottom: 30px;
    padding: 30px 0px; }
    .header .logo {
      float: left; }
      .header .logo img {
        width: auto;
        max-width: 100%; }
    .header .phone {
      width: 45%;
      float: left; }
      .header .phone .callback a {
        color: #fff; }
    .header .title-header {
      margin-top: 50px; }
    .header .main-menu ul li {
      padding: 0px; }
      .header .main-menu ul li a {
        font-size: 14px;
        padding: 0px; }
        .header .main-menu ul li a:hover ul li {
          background: #fff; }
          .header .main-menu ul li a:hover ul li a {
            color: #000; }
      .header .main-menu ul li:hover ul li {
        background: #fff; }
        .header .main-menu ul li:hover ul li a {
          color: #000; }
      .header .main-menu ul li ul li {
        background: #fff; }
        .header .main-menu ul li ul li a {
          color: #000; }

  .txt-image-homepage {
    float: left;
    width: 40%; }
    .txt-image-homepage img {
      width: auto !important;
      max-width: 100% !important; }

  .txt-homepage {
    width: 60%;
    float: left; }

  #block-arrow-left-center {
    width: 60%;
    background: #fff;
    box-shadow: none;
    height: auto; }
    #block-arrow-left-center:before {
      content: '';
      display: none; }

  .lft-hp-block, .rgt-hp-block, .cnt-hp-block {
    width: 33%; }

  .rgt-hp-block, .cnt-hp-block, .lft-hp-block {
    margin: 15px 0px; }
    .rgt-hp-block img, .cnt-hp-block img, .lft-hp-block img {
      height: 100% !important; }

  .school-resource {
    margin-bottom: 150px; }
    .school-resource h3 {
      margin: 30px 0px; }
    .school-resource ul li {
      display: block;
      float: left;
      width: 100%;
      margin: 15px 0px; }
      .school-resource ul li .img-hp {
        height: auto;
        line-height: normal;
        padding: 20px 0px; }

  .footer {
    height: auto;
    text-align: center; }

  .dc56 {
    clear: both;
    float: none;
    margin: 0 auto;
    background: #507be2;
    padding: 25px 0px;
    color: #fff; }
    .dc56 a {
      clear: both;
      float: none;
      margin: 0 auto;
      color: #fff; }
      .dc56 a p {
        text-align: left;
        float: right;
        padding-top: 10px;
        width: 60%;
        margin-left: 10px; } }
@media (max-width: 767px) {
  img {
    width: auto !important;
    max-width: 100% !important; }

  .header {
    background-size: cover;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
    padding: 30px 0px; }
    .header .logo img {
      width: auto;
      max-width: 100%; }
    .header .phone {
      width: auto; }
      .header .phone .callback a {
        color: #fff; }
    .header .title-header {
      text-align: left;
      margin-top: 50px; }
    .header .main-menu {
      display: none; }

  .txt-image-homepage {
    float: none;
    width: 100%; }
    .txt-image-homepage img {
      width: auto !important;
      max-width: 100% !important; }

  .txt-homepage {
    width: 100%;
    height: auto;
    float: none;
    padding: 20px 40px;
    margin-bottom: 60px; }

  #block-arrow-left-center {
    width: auto; }
    #block-arrow-left-center:before {
      top: 45px; }

  .lft-hp-block, .rgt-hp-block, .cnt-hp-block {
    float: none;
    width: auto;
    height: auto; }

  .rgt-hp-block, .cnt-hp-block, .lft-hp-block {
    margin: 15px 0px; }
    .rgt-hp-block img, .cnt-hp-block img, .lft-hp-block img {
      width: 100% !important; }

  .school-resource {
    margin-bottom: 150px; }
    .school-resource h3 {
      margin: 30px 0px; }
    .school-resource ul li {
      display: block;
      float: left;
      width: 100%;
      margin: 15px 0px; }
      .school-resource ul li .img-hp {
        height: auto;
        line-height: normal;
        padding: 20px 0px; }

  .footer {
    height: auto;
    text-align: center; }

  .dc56 {
    clear: both;
    float: none;
    margin: 0 auto;
    background: #507be2;
    padding: 25px 0px;
    color: #fff; }
    .dc56 a {
      clear: both;
      float: none;
      margin: 0 auto;
      color: #fff; }
      .dc56 a p {
        text-align: left;
        float: right;
        padding-top: 10px;
        width: 60%;
        margin-left: 10px; } }

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