@charset "UTF-8";
/*primary-color: #1667a0*/
/*primary-color: #009970*/
/*primary-color: #1667a0*/
/*primary-color: #009970*/
/****Màn hình ipad loại bé hiển thị theo chiều dọc (Portrait)****/
/****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é****/
@import url("../../../fonts/roboto/font-roboto.css");
ul, li {
  list-style: none; }

body {
  color: #333;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px; }

p {
  margin: 0 auto; }

a:hover {
  text-decoration: none; }

.col-1 {
  width: 8.33%; }

.col-2 {
  width: 16.66%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33%; }

.col-5 {
  width: 41.66%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33%; }

.col-8 {
  width: 66.66%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33%; }

.col-11 {
  width: 91.66%; }

.col-12 {
  width: 100%; }

[class*="col-"] {
  float: left;
  padding-left: 0;
  padding-right: 0; }

@media only screen and (max-width: 992px) {
  [class*="col-"] {
    /*width: 93% !important;
       flex:none;
        max-width:unset;
        margin-left:1%;*/ } }

html {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: inherit; }

/* Normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

button,
input,
select,
textarea,
optgroup {
  font: inherit;
  margin: 0; }

optgroup {
  font-weight: bold; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type=checkbox],
[type=radio] {
  padding: 0; }

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/* End extract */
html,
body {
  /*font-family: Verdana, sans-serif;*/
  font-size: 15px;
  line-height: 1.5; }

html {
  overflow-x: hidden; }

/*#header {
    .header-wrapper {
        position: relative;
        .text {
            position: absolute;
            margin-top: 235px;
        }
    }
}*/
#p-HomePort {
  /*min-height: calc(100vh - 100px);*/ }
  #p-HomePort .p-banner {
    position: relative; }
    #p-HomePort .p-banner > img {
      width: 100%;
      height: 100vh; }
    #p-HomePort .p-banner .p-main {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%; }
      @media only screen and (max-width: 415px) {
        #p-HomePort .p-banner .p-main {
          top: 56%; } }
      #p-HomePort .p-banner .p-main .wrapper-block {
        display: flex;
        justify-content: space-between; }
        #p-HomePort .p-banner .p-main .wrapper-block-genalral {
          text-align: center;
          background: rgba(196, 196, 196, 0.6);
          margin: 0 15px;
          padding: 20px;
          color: #fff;
          position: relative;
          /*width: 320px;*/
          height: 215px;
          min-height: 100%; }
          @media only screen and (max-width: 415px) {
            #p-HomePort .p-banner .p-main .wrapper-block-genalral {
              margin-bottom: 20px;
              min-height: unset;
              height: 170px; } }
          #p-HomePort .p-banner .p-main .wrapper-block-genalral > a {
            font-size: 50px; }
          #p-HomePort .p-banner .p-main .wrapper-block-genalral > h2 {
            text-transform: uppercase; }
            @media only screen and (max-width: 600px) {
              #p-HomePort .p-banner .p-main .wrapper-block-genalral > h2 {
                font-size: 21px; } }
          #p-HomePort .p-banner .p-main .wrapper-block-genalral > p {
            margin-bottom: 10px; }
          #p-HomePort .p-banner .p-main .wrapper-block-genalral > a:last-child {
            background: transparent linear-gradient(to bottom, #2fbbed 0%, #207898 100%) repeat scroll 0 0;
            transition: all 0.5s ease;
            box-shadow: 0px 0px 0px 0 #164454;
            padding: 5px 25px;
            border: none;
            color: #fff;
            position: absolute;
            bottom: 12px;
            left: 50%;
            transform: translate(-50%);
            font-size: 16px; }
          #p-HomePort .p-banner .p-main .wrapper-block-genalral:hover {
            transform: scale(1.1);
            transition: all 0.5s ease; }