@charset "utf-8";
/* CSS Dung Tran */
.personal-img {
   width: 225px;
   height: 225px;
   margin: auto;
}
.socia-img {
   max-width: 1045px;
   margin: auto;
}
.figure-fit {
   line-height: 0 !important;
}
.figure-div {
   overflow: hidden;
   padding-top: 100%;
   background: #e5e5e5;
   width: 100% !important;
   position: relative;
   border-radius:50%;
}
.figure-img {
   position: absolute;
   width: 100% !important;
   height: 100% !important;
   object-fit: cover;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   border: none;
}
.image-container {
   position: relative;
   max-width: 968px;
   height: auto;
   overflow: hidden;
   background-color: white;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.image-gallery {
   position: relative;
   width: 100%;
   max-height:540px;
   overflow: hidden;
}

   .image-gallery img {
      max-width:100%;
      max-height:550px;
      height: auto;
      margin:auto;
      display: block;
      transition: transform 0.5s ease-in-out;
   }
   .image-gallery:hover .prev-button {
      display:block!important;
   }
   .image-gallery:hover .next-button {
      display: block !important;
   }
.image-controls {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
}

.control-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: white;
   margin: 0 5px;
   cursor: pointer;
   transition: background-color 0.3s;
}

.active-dot {
   background-color: #555555;
   width: 30px !important;
   border-radius: 5px !important;
}

.prev-button, .next-button {
   display:none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
   padding: 14px 24px;
   border-radius:50%;
   background-color: rgba(255, 255, 255, 0.6);
   font-size:20px;
   font-weight:700;
}
.prev-button {
   left: 10px;
}

.next-button {
   right: 10px;
}

.slide-left {
   transform: translateX(-100%);
}

.slide-right {
   transform: translateX(100%);
}
.vision-mobile{
   display:none;
}
.video-container {
   position: relative;
   width: 100%;
   padding-bottom: 56.25%; /* Tỉ lệ khung hình 16:9 */
   overflow: hidden;
}

   .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
@media screen and (max-width: 576px) {
   .str-box{
      padding-top:3px!important;
   }
   .str-img {
      transform: translate(0%, -12%)!important;
   }
   .str-text {
      padding-left: 30px!important;
   }
   .vision-mobile {
      display: block!important;
   }
   .vision-pc {
      display: none!important;
   }
}

   * {
      margin: 0px;
      padding: 0px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }

   .row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   @font-face {
      font-family: "OpenSans-Bold";
      src: url("fontface/OpenSans-Bold.eot"); /* IE9 Compat Modes */
      src: url("fontface/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("fontface/OpenSans-Bold.otf") format("opentype"), /* Open Type Font */
      url("fontface/OpenSans-Bold.svg") format("svg"), /* Legacy iOS */
      url("fontface/OpenSans-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
      url("fontface/OpenSans-Bold.woff") format("woff"), /* Modern Browsers */
      url("fontface/OpenSans-Bold.woff2") format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: "OpenSans-Light";
      src: url("fontface/OpenSans-Light.eot"); /* IE9 Compat Modes */
      src: url("fontface/OpenSans-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("fontface/OpenSans-Light.otf") format("opentype"), /* Open Type Font */
      url("fontface/OpenSans-Light.svg") format("svg"), /* Legacy iOS */
      url("fontface/OpenSans-Light.ttf") format("truetype"), /* Safari, Android, iOS */
      url("fontface/OpenSans-Light.woff") format("woff"), /* Modern Browsers */
      url("fontface/OpenSans-Light.woff2") format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: "OpenSans-SemiBold";
      src: url("fontface/OpenSans-SemiBold.eot"); /* IE9 Compat Modes */
      src: url("fontface/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("fontface/OpenSans-SemiBold.otf") format("opentype"), /* Open Type Font */
      url("fontface/OpenSans-SemiBold.svg") format("svg"), /* Legacy iOS */
      url("fontface/OpenSans-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
      url("fontface/OpenSans-SemiBold.woff") format("woff"), /* Modern Browsers */
      url("fontface/OpenSans-SemiBold.woff2") format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: "OpenSans-ExtraBold";
      src: url("fontface/OpenSans-ExtraBold.eot"); /* IE9 Compat Modes */
      src: url("fontface/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("fontface/OpenSans-ExtraBold.otf") format("opentype"), /* Open Type Font */
      url("fontface/OpenSans-ExtraBold.svg") format("svg"), /* Legacy iOS */
      url("fontface/OpenSans-ExtraBold.ttf") format("truetype"), /* Safari, Android, iOS */
      url("fontface/OpenSans-ExtraBold.woff") format("woff"), /* Modern Browsers */
      url("fontface/OpenSans-ExtraBold.woff2") format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: "OpenSans-Regular";
      src: url("fontface/OpenSans-Regular.eot"); /* IE9 Compat Modes */
      src: url("fontface/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("fontface/OpenSans-Regular.otf") format("opentype"), /* Open Type Font */
      url("fontface/OpenSans-Regular.svg") format("svg"), /* Legacy iOS */
      url("fontface/OpenSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
      url("fontface/OpenSans-Regular.woff") format("woff"), /* Modern Browsers */
      url("fontface/OpenSans-Regular.woff2") format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: "OpenSans-Italic";
      src: url("fontface/OpenSans-Italic.eot"); /* IE9 Compat Modes */
      src: url("fontface/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("fontface/OpenSans-Italic.otf") format("opentype"), /* Open Type Font */
      url("fontface/OpenSans-Italic.svg") format("svg"), /* Legacy iOS */
      url("fontface/OpenSans-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
      url("fontface/OpenSans-Italic.woff") format("woff"), /* Modern Browsers */
      url("fontface/OpenSans-Italic.woff2") format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
   }

   .opensans-extrabold {
      font-family: 'OpenSans-ExtraBold';
   }

   .opensans-bold {
      font-family: 'OpenSans-Bold';
   }

   .opensans-semibold {
      font-family: 'OpenSans-SemiBold';
   }

   .opensans-light {
      font-family: 'OpenSans-Light';
   }

   .opensans-italic {
      font-family: 'OpenSans-Italic';
   }

   .opensans-regular {
      font-family: 'OpenSans-Regular';
   }

   html {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -ms-overflow-style: scrollbar;
   }

   body {
      color: #313131;
      font-size: 14px;
      font-family: 'OpenSans-Regular';
      line-height: 1.5;
   }

   #wrapper {
      background: #fff;
   }

   h1, h2, h3, h4, h5, h6 {
      font-weight: normal;
   }

   .font10 {
      font-size: 10px;
   }

   .font11 {
      font-size: 11px;
   }

   .font12 {
      font-size: 12px;
   }

   .font13 {
      font-size: 13px;
   }

   .font14 {
      font-size: 14px;
   }

   .font15 {
      font-size: 15px;
   }

   .font16 {
      font-size: 16px;
   }

   .font17 {
      font-size: 17px;
   }

   .font18 {
      font-size: 18px;
   }

   .font20 {
      font-size: 20px;
   }

   .font22 {
      font-size: 22px;
   }

   .font24 {
      font-size: 24px;
   }

   .font26 {
      font-size: 26px;
   }

   .font28 {
      font-size: 28px;
   }

   .font30 {
      font-size: 30px;
   }

   .font32 {
      font-size: 32px;
   }

   .font36 {
      font-size: 36px;
   }

   .font38 {
      font-size: 38px;
   }

   .font40 {
      font-size: 40px;
   }

   .font45 {
      font-size: 45px;
   }

   .font50 {
      font-size: 50px;
   }

   .font56 {
      font-size: 56px;
   }

   .word-wrap {
      word-wrap: break-word;
   }

   .bold {
      font-weight: bold;
   }

   .italic {
      font-style: italic;
   }

   .w-full {
      width: 100% !important;
   }

   .h-full {
      height: 100% !important;
   }

   .w35 {
      width: 35px;
   }

   .w88 {
      width: 88px;
   }

   .h80 {
      height: 80px;
   }

   .h50 {
      height: 50px;
   }

   .h40 {
      height: 40px;
   }

   .h35 {
      height: 35px;
   }

   .h30 {
      height: 30px;
   }

   .h12 {
      height: 12px;
   }

   .uppercase {
      text-transform: uppercase;
   }

   .hide {
      display: none !important;
   }

   .lh0 {
      line-height: 0;
   }

   .lh1-3 {
      line-height: 1.3;
   }

   .none-resize {
      resize: none;
   }

   b, strong {
      font-weight: bold;
   }

   a {
      color: #313131;
      outline: none;
      display: inline-block;
      text-decoration: none;
   }

      a.pic img {
         max-width: 100%;
         max-height: 100%;
      }

      a:hover {
         outline: 0;
         text-decoration: none;
      }

   img {
      border: none;
      display: inline-block;
   }

   .fl {
      float: left;
   }

   .fr {
      float: right;
   }

   .tj {
      text-align: justify;
   }

   .tr {
      text-align: right;
   }

   .tc {
      text-align: center;
   }

   .tl {
      text-align: left;
   }

   .blue {
      color: #0a5dca;
   }

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

   .cursor {
      cursor: pointer;
   }

   .overflow {
      overflow: hidden;
   }

   .overflow-x {
      overflow-x: scroll;
   }

   .ellipsis {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }

   .relative {
      position: relative;
   }

   .mg-auto {
      margin: 0 auto;
   }

   .mr0 {
      margin-right: 0px !important;
   }

   .mt175 {
      margin-top: 175px;
   }

   .mt100 {
      margin-top: 100px;
   }

   .mt80 {
      margin-top: 80px;
   }

   .mt50 {
      margin-top: 50px;
   }

   .mg10 {
      margin: 10px;
   }

   .mg20 {
      margin: 20px;
   }

   .mt2 {
      margin-top: 2px;
   }

   .mt3 {
      margin-top: 3px;
   }

   .mt5 {
      margin-top: 5px;
   }

   .mr5 {
      margin-right: 5px;
   }

   .ml5 {
      margin-left: 5px;
   }

   .mb5 {
      margin-bottom: 5px;
   }

   .mt7 {
      margin-top: 7px;
   }

   .mr10 {
      margin-right: 10px;
   }

   .mt10 {
      margin-top: 10px;
   }

   .ml10 {
      margin-left: 10px;
   }

   .mt15 {
      margin-top: 15px;
   }

   .mb10 {
      margin-bottom: 10px;
   }

   .mr20 {
      margin-right: 20px;
   }

   .mt20 {
      margin-top: 20px;
   }

   .ml20 {
      margin-left: 20px;
   }

   .mb20 {
      margin-bottom: 20px;
   }

   .mr25 {
      margin-right: 25px;
   }

   .mt25 {
      margin-top: 25px;
   }

   .ml25 {
      margin-left: 25px;
   }

   .mb25 {
      margin-bottom: 25px;
   }

   .mt30 {
      margin-top: 30px;
   }

   .mr30 {
      margin-right: 30px;
   }

   .mb30 {
      margin-bottom: 30px;
   }

   .mt40 {
      margin-top: 40px;
   }

   .mb40 {
      margin-bottom: 40px;
   }

   .mb50 {
      margin-bottom: 50px;
   }

   .mb70 {
      margin-bottom: 70px;
   }

   .pd30 {
      padding: 30px;
   }

   .pd20 {
      padding: 20px;
   }

   .pd17 {
      padding: 17px;
   }

   .pd15 {
      padding: 15px;
   }

   .pd10 {
      padding: 10px;
   }

   .pd5 {
      padding: 5px;
   }

   .pl5 {
      padding-left: 5px;
   }

   .pr5 {
      padding-right: 5px;
   }

   .pt5 {
      padding-top: 5px;
   }

   .pb5 {
      padding-bottom: 5px;
   }

   .pl10 {
      padding-left: 10px;
   }

   .pr10 {
      padding-right: 10px;
   }

   .pt10 {
      padding-top: 10px;
   }

   .pb10 {
      padding-bottom: 10px;
   }

   .pl15 {
      padding-left: 15px;
   }

   .pr15 {
      padding-right: 15px;
   }

   .pt15 {
      padding-top: 15px;
   }

   .pb15 {
      padding-bottom: 15px;
   }

   .pl20 {
      padding-left: 20px;
   }

   .pr20 {
      padding-right: 20px;
   }

   .pt20 {
      padding-top: 20px;
   }

   .pb20 {
      padding-bottom: 20px;
   }

   .pl30 {
      padding-left: 30px;
   }

   .pt30 {
      padding-top: 30px;
   }

   .pb30 {
      padding-bottom: 30px;
   }

   .pr30 {
      padding-right: 30px;
   }

   .pt40 {
      padding-top: 40px;
   }

   .pb40 {
      padding-bottom: 40px;
   }

   .pt50 {
      padding-top: 50px;
   }

   .pb50 {
      padding-bottom: 50px;
   }

   .pl80 {
      padding-left: 80px;
   }

   .pb80 {
      padding-bottom: 80px;
   }

   .pr80 {
      padding-right: 80px;
   }

   .pt80 {
      padding-top: 80px
   }

   .pl100 {
      padding-left: 100px;
   }

   .red {
      color: #a3161d;
   }

   .gray-31 {
      color: #313131;
   }

   .gray-51 {
      color: #515151;
   }

   .gray-71 {
      color: #717171;
   }

   .gray-91 {
      color: #919191;
   }

   .white {
      color: #fff;
   }

   .border {
      border: 1px solid #e5e5e5;
   }

   .bor-bot-4b {
      border-bottom: 1px solid #4b4b4b;
   }

   .bor-bot-red {
      border-bottom: 1px solid #8c030a;
   }

   .nobor {
      border: none !important;
   }

   .block {
      display: block;
   }

   .z-6 {
      z-index: 6;
   }

   .z-11 {
      z-index: 11;
   }

   .last {
      margin: 0px !important;
      border: none !important;
      background: none !important;
   }

   .bg_none {
      background: none !important;
   }

   .bg-gray-f5 {
      background: #f5f5f5;
   }

   .bg-red {
      background: #a3161d;
   }

   .bg-yellow-r {
      background: #fcfaf6;
   }

   .bg-yellow-b {
      background: #f9edd4;
   }

   .bg-white {
      background: #fff;
   }

   .bg-21 {
      background: #212121;
   }

   .bg-28 {
      background: #282828;
   }

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

   .box-shadow-02 {
      box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.2);
   }

   .radius {
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
   }

   .radius-10 {
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -o-border-radius: 10px;
      -ms-border-radius: 10px;
   }

   .gradient {
      background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
      background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
      background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
   }

   .opacity-0 {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      filter: alpha(opacity=0);
      -khtml-opacity: 0;
      zoom: 1;
   }

   .shadow-box {
      -moz-box-shadow: 0px 0px 6px rgba(68,68,68,0.3);
      -webkit-box-shadow: 0px 0px 6px rgba(68,68,68,0.3);
      box-shadow: 0px 0px 6px rgba(68,68,68,0.3);
      zoom: 1;
      filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6);
   }

   .cover {
      height: 100%;
      width: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }

   ul li, li ol {
      list-style-type: none;
   }

   table {
      border-collapse: separate;
      border-spacing: 0;
      vertical-align: middle;
      margin-bottom: 10px;
   }

   td, th {
      vertical-align: middle;
      text-align: center;
      padding: 5px;
   }

   label {
      display: block;
   }

   .inline {
      display: inline-block;
   }

   hr {
      background: #ddd;
      color: #ccc;
      clear: both;
      float: none;
      width: 100%;
      height: 1px;
      border: none;
   }

   input[type=submit], input[type=button] {
      border: medium none;
      cursor: pointer;
      white-space: nowrap;
   }

   input[type=file] {
      box-shadow: none !important;
   }

   input[type=text], input[type=password], select, textarea, input[type=file] {
      color: #7f7f7f;
      font-family: 'helvetica-neue-regular';
      border: 1px solid #dedede;
      background: none;
      font-size: 14px;
   }

   textarea {
      height: 100px;
      font-family: 'helvetica-neue-regular';
      color: #7f7f7f;
   }

   input, textarea {
      border: 1px solid #dedede;
   }

      input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=file]:focus {
         outline: 0;
      }

      input[type=checkbox], input[type=radio], input.checkbox, input.radio {
         top: 0.25em;
      }

   /*  end-CSS:absolute --------------------------------------------------------------------------*/

   /*  begin-CSS:clear --------------------------------------------------------------------------*/
   .clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
   }

   .clear {
      clear: both;
   }

   * html .clearfix {
      zoom: 1;
   }
   /* IE6 */
   *:first-child + html .clearfix {
      zoom: 1;
   }
   /* IE7 */
   /*  end-CSS:clear --------------------------------------------------------------------------*/

   /*  begin-CSS:paging --------------------------------------------------------------------------*/
   ul.paging li .npage {
   }

      ul.paging li .npage.active, ul.paging li .npage:hover {
      }
   /*  end-CSS:paging --------------------------------------------------------------------------*/

   /*  begin-CSS:popup --------------------------------------------------------------------------*/

   /*  end-CSS:popup --------------------------------------------------------------------------*/

   /*  begin-CSS:animation-for-top --------------------------------------------------------------------------*/

   /*  end-CSS:animation-for-top --------------------------------------------------------------------------*/

   /*  begin-CSS:layout --------------------------------------------------------------------------*/
   .main {
      margin: 0 auto;
      position: relative;
      z-index: 5;
   }
   /*  end-CSS:layout --------------------------------------------------------------------------*/

   /*  begin-CSS:header --------------------------------------------------------------------------*/
   #header {
   }

   .menu li a {
      position: relative;
      width: 100%;
      color: #fff;
      webkit-transition: .5s;
      -moz-transition: .5s;
      transition: .5s;
   }

      .menu li a.active:before, .menu li a:hover:before {
         width: 0px;
         height: 0px;
         border-top: 16px solid transparent;
         border-bottom: 16px solid transparent;
         border-left: 16px solid #8c030a;
         content: '';
         display: block;
         position: absolute;
         left: 100%;
         top: 33%;
      }

      .menu li a:hover, .menu li a.active {
         color: #fff;
         background-color: #8c030a;
      }

   .btn-sl1 {
      width: 180px;
      padding: 15px 0px;
      border-radius: 50px;
      border: 3px solid #fff;
      text-transform: uppercase;
      background-image: linear-gradient(to right, #d83325 0%, #f15c4f 48%, #a3161d 100%);
      background-size: 200% auto;
      transition: all 300ms linear 0s;
   }

      .btn-sl1:hover {
         background-position: right center;
         color: #fff;
      }

   .bt-menu {
      cursor: pointer;
      overflow: hidden;
      line-height: 35px;
      color: #64686A;
   }

      .bt-menu .ico-menu {
         vertical-align: middle;
      }

   .ico-menu {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 13px;
   }

      .ico-menu .bar {
         position: absolute;
         width: 100%;
         height: 2px;
         background-color: #202121;
         border-radius: 2px;
         overflow: hidden;
      }

         .ico-menu .bar:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background: #A6ABAB;
            position: absolute;
            top: 0;
            left: 0%;
            z-index: 1;
            transition: 0.3s;
         }

         .ico-menu .bar:nth-child(1) {
            top: 0;
         }

            .ico-menu .bar:nth-child(1):after {
               transition-delay: 0.1s;
            }

         .ico-menu .bar:nth-child(2) {
            top: 5px;
         }

            .ico-menu .bar:nth-child(2):after {
               transition-delay: 0.2s;
            }

         .ico-menu .bar:nth-child(3) {
            top: 10px;
         }

            .ico-menu .bar:nth-child(3):after {
               transition-delay: 0.3s;
            }

   .bt-menu:hover {
      color: #212121;
   }

      .bt-menu:hover .ico-menu .bar:after {
         left: 100%;
      }

   .wrapper:before {
      content: '';
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      cursor: pointer;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.75);
      z-index: 10;
      opacity: 0;
      visibility: hidden;
      transition: all 0.30s ease-in-out;
   }

   .nav-sidebar-open .wrapper:before {
      opacity: 1;
      visibility: visible;
   }

   .menu-video {
      background-color: #ffffff;
      width: 270px;
      position: fixed;
      top: 0;
      z-index: 16;
      right: 0;
      height: 100%;
      transform: translateX(270px);
      transition: background 0.30s ease-in-out;
   }

   .nav-sidebar-open .menu-video {
      transform: translateX(0px);
   }

   .list-nav li a:hover, .list-nav li a.active {
      background-color: #f3f3f3;
      color: #a3161d;
   }

   .ms-nav {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      z-index: 15;
      background-color: #fff;
      box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.2);
   }
   /*  end-CSS:header --------------------------------------------------------------------------*/

   /*  begin-CSS:container --------------------------------------------------------------------------*/
   #container {
   }

   .box-cont img, .box-cont table {
      max-width: 100%;
   }

   .mx-1570 {
      max-width: 1280px;
      margin: 0 auto;
   }

   .mx-980 {
      max-width: 980px;
      margin: 0 auto;
   }

   .abs-link {
      background-color: #fff;
      position: fixed;
      right: 0px;
      bottom: 0px;
      width: 100%;
      text-align: right;
      z-index: 6;
   }

   .btn-page {
      border: 1px solid #e5e5e5;
      border-radius: 5px;
      background-color: #fff;
      line-height: 40px;
   }

   .bg-mts2 {
      position: fixed;
      background-color: #a3161d;
      padding-top: 0px;
   }

   .abs-arr {
      position: absolute;
      right: 10px;
      top: 8px;
   }
   /*  end-CSS:container --------------------------------------------------------------------------*/

   /*  begin-CSS:footer --------------------------------------------------------------------------*/
   #footer {
   }

      #footer .main {
      }

   .copyright {
   }

   address {
      display: block;
      font-style: normal;
   }
   /*  end-CSS:footer --------------------------------------------------------------------------*/

   /*  begin-CSS:responsive --------------------------------------------------------------------------*/
   .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
   .col-mu-1, .col-mu-2, .col-mu-3, .col-mu-4, .col-mu-5, .col-mu-6, .col-mu-7, .col-mu-8, .col-mu-9, .col-mu-10, .col-mu-11, .col-mu-12 {
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
   }

   .row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
   }

   @media (min-width:320px) {
      .main {
         max-width: 95%;
      }

      .abs-arl {
         position: absolute;
         left: 10px;
         top: 8px;
      }

      .ixc-mb {
         display: none;
      }

      .mbmt100 {
         margin-top: 120px;
      }

      .bg-mts {
         background-color: #f1efe9;
         padding-top: 90px;
      }

      .rise-box {
      }

      .nav-pc {
         display: none;
      }

      .nav-mobile {
         display: block;
      }

      .col-mu-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
      }

      .col-mu-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
      }

      .col-mu-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
      }

      .col-mu-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
      }

      .col-mu-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
      }

      .col-mu-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
      }

      .col-mu-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
      }

      .col-mu-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
      }

      .col-mu-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
      }

      .col-mu-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
      }

      .col-mu-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
      }

      .col-mu-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
      }
   }

   @media (min-width: 576px) {
      .main {
         max-width: 95%;
      }

      .abs-arl {
         position: absolute;
         left: 10px;
         top: 8px;
      }

      .ixc-mb {
         display: none;
      }

      .mbmt100 {
         margin-top: 120px;
      }

      .bg-mts {
         background-color: #f1efe9;
         padding-top: 90px;
      }

      .rise-box {
      }

      .nav-pc {
         display: none;
      }

      .nav-mobile {
         display: block;
      }

      .col-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
      }

      .col-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
      }

      .col-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
      }

      .col-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
      }

      .col-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
      }

      .col-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
      }

      .col-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
      }

      .col-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
      }

      .col-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
      }

      .col-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
      }

      .col-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
      }

      .col-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
      }
   }

   @media (min-width: 768px) {
      .main {
         max-width: 95%;
      }

      .abs-arl {
         position: absolute;
         left: 10px;
         top: 8px;
      }

      .ixc-mb {
         display: none;
      }

      .mbmt100 {
         margin-top: inherit;
      }

      .bg-mts {
         background-color: #f1efe9;
         padding-top: 90px;
      }

      .rise-box {
      }

      .nav-pc {
         display: none;
      }

      .nav-mobile {
         display: block;
      }

      .col-sm-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
      }

      .col-sm-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
      }

      .col-sm-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
      }

      .col-sm-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
      }

      .col-sm-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
      }

      .col-sm-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
      }

      .col-sm-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
      }

      .col-sm-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
      }

      .col-sm-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
      }

      .col-sm-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
      }

      .col-sm-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
      }

      .col-sm-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
      }
   }

   @media (min-width: 992px) {
      .main {
         max-width: 100%;
      }

      .abs-arl {
         position: absolute;
         left: 315px;
         top: 8px;
      }

      .ixc-mb {
         display: block;
      }

      .mbmt100 {
         margin-top: inherit;
      }

      .bg-mts {
         position: fixed;
         background-color: #f1efe9;
         left: 300px;
         padding-top: 0px;
      }

      .rise-box {
         padding: 3%;
         height: calc(100vh - 0px);
         width: calc(100% - 300px);
         overflow-y: scroll;
      }

      .nav-pc {
         display: block;
      }

      .nav-mobile {
         display: none;
      }

      .col-md-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
      }

      .col-md-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
      }

      .col-md-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
      }

      .col-md-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
      }

      .col-md-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
      }

      .col-md-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
      }

      .col-md-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
      }

      .col-md-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
      }

      .col-md-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
      }

      .col-md-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
      }

      .col-md-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
      }

      .col-md-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
      }
   }

   @media (min-width: 1200px) {
      .main {
         max-width: 100%;
      }

      .abs-arl {
         position: absolute;
         left: 315px;
         top: 8px;
      }

      .ixc-mb {
         display: block;
      }

      .mbmt100 {
         margin-top: inherit;
      }

      .bg-mts {
         position: fixed;
         background-color: #f1efe9;
         left: 300px;
         padding-top: 0px;
      }

      .rise-box {
         padding: 3%;
         height: calc(100vh - 0px);
         width: calc(100% - 300px);
         overflow-y: scroll;
      }

      .nav-pc {
         display: block;
      }

      .nav-mobile {
         display: none;
      }

      .col-lg-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
      }

      .col-lg-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
      }

      .col-lg-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
      }

      .col-lg-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
      }

      .col-lg-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
      }

      .col-lg-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
      }

      .col-lg-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
      }

      .col-lg-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
      }

      .col-lg-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
      }

      .col-lg-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
      }

      .col-lg-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
      }

      .col-lg-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
      }
   }