﻿@charset "UTF-8";
/****Màn hình điện thoại Iphone Plus****/
/****Màn hình điện thoại Iphone****/
/****Màn hình điện thoại loại bé****/
/*@mixin ipad-rotate  {
  @media screen and (max-width: 768px) and (orientation:landscape) { @content; }
}*/
@font-face {
  font-family: 'icomoon';
  src: url("~/assets/fonts/icomoon/icomoon.eot?6iuir");
  src: url("~/assets/fonts/icomoon/icomoon.eot?6iuir#iefix") format("embedded-opentype"), url("~/assets/fonts/icomoon/icomoon.ttf?6iuir") format("truetype"), url("~/assets/fonts/icomoon/icomoon.woff?6iuir") format("woff"), url("~/assets/fonts/icomoon/icomoon.svg?6iuir#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

#footer {
  background-color: #f6f9fc; }
  #footer .top {
    padding: 25px 0;
    justify-content: space-between;
    align-items: center; }
    #footer .top .logo {
      display: flex; }
      #footer .top .logo .dnav img {
        width: 75px; }
      #footer .top .logo .decription-title {
        margin: auto;
        margin-left: 10px; }
        #footer .top .logo .decription-title span {
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          line-height: 19px;
          letter-spacing: 0;
          color: #3f51b5;
          text-align: left;
          text-transform: uppercase;
          margin: 7px 0;
          display: block; }
        #footer .top .logo .decription-title div {
          font-size: 15px;
          font-style: normal;
          font-weight: 600;
          line-height: 15px;
          letter-spacing: 0;
          text-align: left; }
    #footer .top .wrapper-nav-bar .nav-bar {
      display: flex; }
      #footer .top .wrapper-nav-bar .nav-bar .item-menu {
        padding: 10px; }
      #footer .top .wrapper-nav-bar .nav-bar .item-menu a {
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 19px;
        letter-spacing: 0;
        text-align: left;
        color: #08317d;
        opacity: .6;
        cursor: pointer; }
  #footer .line {
    width: 100%;
    border: 1px solid #08317d;
    opacity: .1; }
  #footer .bottom {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0;
    text-align: center;
    color: #08317d;
    padding: 20px; }

/*Responsive*/
@media only screen and (max-width: 1200px) {
  #footer .top .wrapper-nav-bar .nav-bar {
    display: none; } }
