@charset "utf-8";

      * {
        /* margin: 0; */
        /* padding: 0; */
        /* list-style: none; */
      }

      @font-face {
        font-family: 'RobotoCondensedRegular';
        src: url('fonts/RobotoCondensedRegular.eot');
        src: url('fonts/RobotoCondensedRegular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensedRegular.woff') format('woff'), url('fonts/RobotoCondensedRegular.ttf') format('truetype'), url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'RobotoCondensedBold';
        src: url('fonts/RobotoCondensedBold.eot');
        src: url('fonts/RobotoCondensedBold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensedBold.woff') format('woff'), url('fonts/RobotoCondensedBold.ttf') format('truetype'), url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'UTMHelvetIns';
        src: url('fonts/UTMHelvetIns.eot');
        src: url('fonts/UTMHelvetIns.eot?#iefix') format('embedded-opentype'), url('fonts/UTMHelvetIns.woff') format('woff'), url('fonts/UTMHelvetIns.ttf') format('truetype'), url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'RobotoLight';
        src: url('fonts/RobotoLight.eot');
        src: url('fonts/RobotoLight.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoLight.woff') format('woff'), url('fonts/RobotoLight.ttf') format('truetype'), url('fonts/RobotoLight.svg#RobotoLight') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'RobotoBold';
        src: url('fonts/RobotoBold.eot');
        src: url('fonts/RobotoBold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoBold.woff') format('woff'), url('fonts/RobotoBold.ttf') format('truetype'), url('fonts/RobotoBold.svg#RobotoBold') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'RobotoRegular';
        src: url('fonts/RobotoRegular.eot');
        src: url('fonts/RobotoRegular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoRegular.woff') format('woff'), url('fonts/RobotoRegular.ttf') format('truetype'), url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'RobotoMedium';
        src: url('fonts/RobotoMedium.eot');
        src: url('fonts/RobotoMedium.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoMedium.woff') format('woff'), url('fonts/RobotoMedium.ttf') format('truetype'), url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'OpenSansBold';
        src: url('fonts/OpenSansBold.eot');
        src: url('fonts/OpenSansBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSansBold.woff') format('woff'), url('fonts/OpenSansBold.ttf') format('truetype'), url('fonts/OpenSansBold.svg#OpenSansBold') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'OpenSansRegular';
        src: url('fonts/OpenSansRegular.eot');
        src: url('fonts/OpenSansRegular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSansRegular.woff') format('woff'), url('fonts/OpenSansRegular.ttf') format('truetype'), url('fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'OpenSansSemiBold';
        src: url('fonts/OpenSansSemiBold.eot');
        src: url('fonts/OpenSansSemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSansSemiBold.woff') format('woff'), url('fonts/OpenSansSemiBold.ttf') format('truetype'), url('fonts/OpenSansSemiBold.svg#OpenSansSemiBold') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'MuliBold';
        src: url('fonts/MuliBold.eot');
        src: url('fonts/MuliBold.eot?#iefix') format('embedded-opentype'), url('fonts/MuliBold.woff') format('woff'), url('fonts/MuliBold.ttf') format('truetype'), url('fonts/MuliBold.svg#MuliBold') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'MuliRegular';
        src: url('fonts/MuliRegular.eot');
        src: url('fonts/MuliRegular.eot?#iefix') format('embedded-opentype'), url('fonts/MuliRegular.woff') format('woff'), url('fonts/MuliRegular.ttf') format('truetype'), url('fonts/MuliRegular.svg#MuliRegular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      @font-face {
        font-family: 'helveticaneuebold';
        src: url('fonts/helveticaneuebold.eot');
        src: url('fonts/helveticaneuebold.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneuebold.woff') format('woff'), url('fonts/helveticaneuebold.ttf') format('truetype'), url('fonts/helveticaneuebold.svg#helveticaneuebold') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }

      body {
        width: 100%;
        font-size: 12px;
        line-height: 1.5;
        background: #fff;
        font-family: 'MuliRegular';
      }

      html,
      body,
      div,
      span,
      strong {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
      }
      .p2{padding:10px}
      .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
      }

      * html>body .clearfix {
        display: block;
        width: 100%;
      }

      * html .clearfix {
        height: 1%;
      }

      *::-webkit-input-placeholder {
        color: #2c2c2b;
      }

      *:-moz-placeholder {
        color: #2c2c2b;
      }

      *::-moz-placeholder {
        color: #2c2c2b;
      }

      *:-ms-input-placeholder {
        color: #2c2c2b;
      }

      ::-webkit-scrollbar {
        background: #fff;
        width: 10px;
        height: 11px;
      }

      ::-webkit-scrollbar-thumb {
        background: #BBBBBB;
      }

      a {
        text-decoration: none !important;
        color: #373737;
      }

      a:hover {
        color: #009767;
      }

      img {
        border: 0;
      }

      .hieuung {
        position: relative;
        overflow: hidden;
        opacity: 0.9;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
      }

      .hieuung img {}

      .hieuung:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(31, 29, 29, 0.09);
        content: '';
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
        transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
      }

      .hieuung:hover:after {
        webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
        transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
      }

      .hieuung:hover {
        opacity: 1;
      }

      #pre-loader {
        background: #F5F5F5;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
      }

      .loader {
        position: relative;
        width: 2.5em;
        height: 2.5em;
        transform: rotate(165deg);
        position: absolute;
        top: calc(50% - 1.25em);
        left: calc(50% - 1.25em);
      }

      .loader:before,
      .loader:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0.5em;
        height: 0.5em;
        border-radius: 0.25em;
        transform: translate(-50%, -50%);
      }

      .loader:before {
        animation: before 2s infinite;
      }

      .loader:after {
        animation: after 2s infinite;
      }

      @keyframes before {
        0% {
          width: 0.5em;
          box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        }

        35% {
          width: 2.5em;
          box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
        }

        70% {
          width: 0.5em;
          box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
        }

        100% {
          box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        }
      }

      @keyframes after {
        0% {
          height: 0.5em;
          box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        }

        35% {
          height: 2.5em;
          box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
        }

        70% {
          height: 0.5em;
          box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
        }

        100% {
          box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        }
      }

      .content-post-deatail p,
      .content-post-deatail span {
        line-height: 1.5;
      }

      .fl {
        float: left;
      }

      .fr {
        float: right;
      }

      .row_10 {
        margin-right: -10px !important;
        margin-left: -10px !important;
      }

      .center {
        text-align: center;
      }

      .none {
        display: none;
      }

      .white {
        color: #fff !important;
      }

      .clear {
        overflow: hidden;
        clear: both;
      }

      .w100 {
        width: 100%;
      }

      .mw100 {
        max-width: 100%;
      }

      .flex {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .flex1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .flex2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: row wrap;
      }

      .rel {
        position: relative;
      }

      .abs {
        position: absolute;
      }

      .slogan h3 {
        color: #F10000;
        font-family: 'UVNMuaThu';
        font-weight: bold;
        text-align: center;
      }

      .detail-post img {}

      #inner-wrapper {
        margin: 0 auto;
        width: 100%;
        background: #fff;
        padding: 0;
      }

      .line_bottom {
        width: 100%;
        border: 1px solid #6F3A8D;
        height: 1px !important;
      }

      #logo {
        padding: 0px 0;
        float: left;
        position: relative;
      }

      #logo img {}

      #header #banner {
        float: left;
      }

      .background {
        padding: 24px 0;
      }

      .txtcenter {
        text-align: center;
      }

      table,
      tr,
      td {
        border-collapse: collapse;
      }

      table,
      tr,
      td {
        border-collapse: collapse;
      }

      h1,
      h2,
      h3,
      h4 {
        margin: 0;
        padding: 0;
      }

      .col-content-info {}

      .thongtin {
        margin-bottom: 20px;
      }

      .thongtin b {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        background: url(images/title_ft.png) no-repeat bottom left;
        font-family: 'Roboto-Bold';
        padding-bottom: 6px;
      }

      .bot_ft {
        font-size: 17px;
        padding: 10px 10px;
        color: #505050;
        width: 100%;
        text-align: center;
      }

      .bot_ft .bot_ft-left {}

      .bot_ft .bot_ft-left li {
        float: left;
        margin-right: 11px;
        list-style-type: none;
        color: #000;
      }

      .bot_ft .bot_ft-left li a {
        color: #000;
      }

      .bot_ft .bot_ft-left li span {
        color: #f00;
      }

      .bot_ft .bot_ft-right {
        float: right;
      }

      #map_canvas2 {
        width: 100%;
        height: 400px;
      }

      .pd0 {
        padding: 0 !important;
      }

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

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

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

      .pdr0 {
        padding-right: 0 !important;
      }

      .pdl0 {
        padding-left: 0 !important;
      }

      .pdl10 {
        padding-left: 10px !important;
      }

      .pdr10 {
        padding-right: 10px !important;
      }

      .mg0 {
        margin: 0 !important;
      }

      .none {
        display: none;
      }

      .t_center {
        text-align: center;
      }

      .hinh_gioithieu {
        max-width: 100%;
        margin-top: 18px;
      }

      ul.grid {
        width: 100%;
        list-style: none;
        margin: 0px auto;
        padding: 0;
      }

      .grid li {
        display: block;
        padding: 0px;
        opacity: 1;
        position: relative;
        list-style: none;
        text-align: center;
        margin: 0 auto;
      }

      .item_hinh li img:hover {
        opacity: 0.7;
        transition: all 0.7s ease;
      }

      .info_support ul {
        padding: 0;
      }

      .info_support ul li {
        float: left;
        margin-right: 5px;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
      }

      .description-services {
        float: none !important;
        margin: 0 auto;
      }

      #main_header {
        text-align: center;
      }

      #header {
        background: #fff;
        width: 100%;
        position: relative;
        padding: 2px 0 2px 0;
      }

      nav.nav-banner-top {
        width: 100%;
        position: relative;
        text-align: center;
      }

      .banner_top {
        padding: 0;
        text-align: center;
      }

      #header .hotline {
        font-weight: normal;
        padding: 0;
        color: #373737;
        font-size: 12px;
        display: flex;
        align-items: center;
        text-align: left;
        border-bottom: 2px solid #006BB7;
        line-height: 24px;
      }

      #header .hotline img {
        padding-right: 6px;
        position: relative;
        top: 2px;
      }

      #header .hotline span {
        color: #ef0101;
        font-family: 'OpenSansBold';
        font-size: 25px;
      }

      #header .hotline h5 {
        background: #FF6C00;
        color: #fff;
        padding: 5px 29px;
        margin: 0;
      }

      #header .hotline p {
        margin: 0;
        background: #F1F1F1;
        padding: 0;
        text-align: left;
        font-size: 14px;
        line-height: 19px;
      }

      #header .hotline b {
        color: #ff0000;
        font-size: 20px;
        font-weight: normal;
        font-family: RobotoBold;
        background: url(images/bg_hotline.png) no-repeat center;
        background-size: 100% 100%;
        padding: 8px 22px 10px 50px;
        text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
      }

      #header .hotline .mxhoi {
        text-shadow: none;
        font-size: 14px;
      }

      #main_container {
        margin: 0 auto;
        padding: 10px 0;
      }

      .button_addtocart {
        background: url(images/mua_hang.jpg) no-repeat center;
        width: 160px;
        height: 38px;
        border: none;
        cursor: pointer;
      }

      .title_about h3 {
        color: #e10101;
        text-transform: uppercase;
        font-family: 'robotoregular';
      }

      .title_index h3 {
        margin: 0;
        position: relative;
        background: #EF151A;
      }

      .title_index {
        margin-bottom: 15px;
        background: url(images/shadow.png) no-repeat bottom 0 right;
      }

      .title_index h3 a {
        float: left;
        height: 43px;
        line-height: 43px;
        padding: 0 20px;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: normal;
        font-family: RobotoBold;
        position: relative;
      }

      .viewall {
        float: right !important;
        text-transform: inherit !important;
        font-size: 12px !important;
      }

      .text_banner img {
        float: left;
        margin-right: 10px;
      }

      .text_banner p {
        margin: 0 auto;
      }

      .text_banner p.name_hotline {
        text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
        color: #000;
        font-size: 18px;
        font-weight: bold;
      }

      .text_banner p.phone_hotline {
        text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
        color: #e90000;
        font-size: 25px;
        font-weight: bold;
      }

      .nav-menu-top {
        margin: 0 auto;
        width: 100%;
      }

      .menu {
        margin: 0 auto;
      }

      .box_search {
        float: right;
        position: relative;
      }

      .box_search form {
        border: none !important;
        position: relative;
      }

      .box_search input {
        border-radius: 20px;
        padding-left: 10px;
        right: 0px;
        top: 0;
        color: #b5b5b5;
        font-size: 12px;
        width: 225px;
        height: 33px;
        line-height: 33px;
        margin-left: 0px;
        font-weight: normal;
        background: #fff;
        border: 1px solid #51a93f;
      }

      .box_search_2 input {
        color: #000;
        text-indent: 5px;
        padding: 5px;
        margin: 5px auto;
        background-color: #ffffff;
        border: 1px solid #d7d7d7;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
      }

      #keyword {
        width: 200px;
        border-radius: 5px;
      }

      #btnSearch {
        width: 17px;
        height: 17px;
        border: none;
      }

      .box_search_2 {
        display: none;
        position: relative;
        font-family: 'fontB';
        font-size: 15px;
        color: white;
        text-transform: uppercase;
      }

      #keyword_2 {
        width: 200px;
        border-radius: 5px;
      }

      #btnSearch_2 {
        width: 17px;
        height: 17px;
        border: none;
      }

      .slideanh {
        position: fixed !important;
        top: 0px;
        width: 100%;
        height: 100%;
      }

      .topmn {
        position: relative;
        top: 0;
        z-index: 1;
        max-width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        line-height: normal;
        background: #51AA40;
        font-weight: normal;
        color: #fff;
        font-size: 13px;
        padding: 7px 0;
      }

      .ct_m {
        flex-flow: row wrap;
      }

      .topmn span {
        line-height: 22px;
      }

      .topmn span:last-child {
        border: none;
      }

      .topmn span.top-l {
        float: left;
      }

      .topmn span.top-l marquee {
        line-height: 1;
      }

      .topmn span.top-c {
        float: left;
        margin-left: 6%;
      }

      .topmn span.top-r {}

      .topmn span.top-r i.chop {}

      .topmn span.top-r span {
        color: #f00;
        padding-left: 7px;
        font-size: 17px;
        font-family: RobotoBold;
      }

      .topmn span i {}

      .topmn p {
        color: #fff;
        padding: 0;
        margin: 0;
        float: right;
      }

      .topmn a {
        margin: 0 1px;
        color: #393939;
        font-size: 13px;
        margin-left: 5px;
      }

      .topmn a:hover,
      .topmn a.active {
        color: #00A803;
      }

      .topmn a:not(:last-child):after {
        margin-left: 5px;
      }

      .topmn a :last-child {
        margin-right: 0;
      }

      ul.res_t {
        float: right;
        margin: 0;
      }

      ul.res_t li {
        float: left;
        margin-right: 15px;
      }

      ul.res_t li:not(:last-child):after {
        content: " | ";
      }

      .mxhoi {
        float: right;
      }

      .timkiem {
        float: right;
        position: relative;
        max-width: 250px;
        background: #8948AE;
        height: 26px;
        margin-top: 6px;
        width: 100%;
        margin-left: 15px;
        margin-right: 24px;
      }

      .ghr {
        height: 26px;
        float: left;
        max-width: 220px;
        width: 100%;
        background: none;
        border: none;
        outline: none;
        line-height: 26px;
        text-indent: 10px;
        color: #fff;
      }

      .sr {
        position: absolute;
        top: 7px;
        right: 7px;
        cursor: pointer;
      }

      .giohang {
        float: right;
        color: #fff;
      }

      .slide-show {
        width: 100%;
        z-index: 0;
      }

      .dmsp {
        margin: 0 auto;
        margin-left: 5px;
        color: #000;
        line-height: 48px;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 0px;
        text-align: left;
        font-family: 'RobotoSlab-Bold';
        text-indent: 19px;
        background: url(images/icon_l.png) no-repeat center right 14px;
        float: left;
        width: 20.5%;
        background-color: #EDE80D;
        height: auto;
        position: relative;
      }

      .dmsp .contentdm {
        opacity: 0
      }

      .dmsp:hover .contentdm {
        opacity: 1;
      }

      div.box_sli_l {
        width: 100%;
        float: left;
        position: relative;
        z-index: 123;
      }

      div.box_sli_l ul {
        overflow-y: auto;
      }

      div.box_sli_l .box_ul {
        position: relative;
        padding: 0;
      }

      div.box_ul ul li {
        display: block;
        padding: 5.7px 0px;
        border-left: 4px solid #ccc;
        border-bottom: 1px solid #ccc;
        list-style: none;
      }

      div.box_ul ul li:last-child {
        border-bottom: 0px;
      }

      div.box_ul ul li:hover {
        border-left: 4px solid #C70505;
      }

      div.box_ul ul li a {
        color: #000;
        font-size: 14px;
        text-decoration: none;
        padding-left: 14px;
        display: block;
        background: url(images/muiten_dm.png) no-repeat center right 0;
      }

      div.box_ul ul li a:hover {
        color: #f00
      }

      div.box_ul>ul>li>ul {
        position: absolute;
        left: 98%;
        top: 0px;
        width: 0px;
        transition: 0.5s;
        display: none;
        background: none;
        padding-top: 0px;
        background: #fff;
      }

      div.box_ul>ul>li:hover ul {
        min-width: 240px;
        transition: 0.6s;
        display: block;
        height: auto;
      }

      div.box_ul>ul>li>ul>li {
        position: relative;
        list-style: none;
      }

      div.box_ul>ul>li>ul>li a {
        font-size: 14px;
      }

      .tintuc_moi {}

      .tintuc_moi .title_gioithieu h2 {
        font-family: 'RobotoSlab-Bold';
        background: url(images/line_lh.png) no-repeat bottom center;
        padding-bottom: 13px;
      }

      .tintuc_moi .sdt_gioithieu h2 {
        color: #000;
        font-weight: bold;
        font-size: 33px;
      }

      .tintuc_moi .email_gioithieu {
        font-size: 15px;
      }

      .container_left {
        width: 30%;
        float: left !important;
      }

      .container_right {
        width: 70%;
        float: right !important;
      }

      .module_left {
        width: 100%;
        border: 1px solid #e1e1e1;
        margin: 0px 0 20px 0;
      }

      .title_left {
        background: url(images/bg_dm.png) no-repeat center left;
        text-align: left;
        height: 52px;
        margin-left: -10px;
      }

      .module_left .title_left h3 {
        margin: 0 auto;
        width: 100%;
        color: #fff;
        background-repeat: no-repeat;
        line-height: 35px;
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-family: RobotoBold;
        padding-left: 13px;
      }

      ul.post-col-info .owl-carousel {
        padding: 0;
        position: relative;
      }

      ul.post-col-info {
        list-style: none;
        margin: 0px;
        padding: 15px 0px 0px 0px;
        position: relative;
      }

      ul.post-col-info li {
        margin-bottom: 20px;
      }

      ul.post-col-info li:before,
      ul.post-col-info li:after {
        content: " ";
        display: table;
      }

      ul.post-col-info li .col_item_img {
        background-color: #000;
        position: relative;
        width: 100px;
        float: left;
        margin-right: 20px;
      }

      ul.post-col-info li .col_item_img .item_format {
        z-index: 1;
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        color: #555;
      }

      ul.post-col-info li .col_item_img a {
        display: block;
        display: block;
        text-indent: initial;
      }

      ul.post-col-info li .col_item_img img {
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
      }

      ul.post-col-info li .item_content {
        overflow: hidden;
      }

      ul.post-col-info li .item_content h3 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 0;
      }

      ul.post-col-info li:after {
        clear: both;
      }

      ul.tintuc_more li {
        list-style-type: decimal;
        list-style-position: inside;
        border-bottom: 1px dotted #ddd;
        padding: 5px 8px;
        color: #C4C4C4;
        font-weight: bold;
        background: none;
        margin-bottom: 0;
      }

      ul.tintuc_more li:before,
      ul.tintuc_more li:after {
        display: initial;
      }

      .module_left ul.tintuc_more li a {
        padding-left: 0;
      }

      .module_left ul.tintuc_more li span {
        padding-left: 10px;
      }

      ul.tintuc_more li a {}

      .select_video .video_lienquan {
        margin: 0 auto;
        width: 100%;
        color: #000;
      }

      .select_video {}

      .newsletter form input {
        margin: 8px auto;
        width: 100%;
        text-indent: 10px;
        line-height: 30px;
      }

      .newsletter form textarea {
        margin: 8px auto;
        width: 100%;
        text-indent: 10px;
      }

      .newsletter form input.button {
        background: #e80202;
      }

      .box_news3 {
        width: 100%;
        padding-bottom: 16px;
        font-size: 11px;
        float: left;
        clear: both;
      }

      .ten_trai h3 {
        margin: 0;
      }

      .ten_trai h3 a {
        color: #25AA62;
        font-size: 17px;
        font-weight: bold;
      }

      .ten_phai h3 {
        margin: 0;
        padding: 0;
      }

      .ten_phai h3 a {
        color: #000;
        font-weight: bold;
        font-size: 13px;
      }

      .ten_phai p {
        color: #000;
        font-size: 13px;
        padding: 0;
        margin: 0;
      }

      #nav ul li {}

      #nav ul li:hover a {
        text-decoration: none;
        color: red;
      }

      #nav ul ul li:hover a {
        text-decoration: none;
        color: #363636;
      }

      #nav ul li a {
        background: url('images/node.png') no-repeat 10px 14px;
        font-weight: bold;
        font-size: 14px;
        color: #363636;
        padding-left: 10px;
        line-height: 36px;
        display: block;
        transition: all ease-out .5s;
      }

      #nav ul li :last-child {
        border-bottom: none;
      }

      .content1 ul ul li {
        background: none !important;
      }

      .content1 ul ul li a {
        background: url("images/node.png") no-repeat scroll 25px 14px !important;
        padding-left: 40px !important;
        font-weight: bold;
        font-family: 'fontC';
        font-size: 18px;
      }

      .support_online .name_support {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 15px;
        line-height: 1.6;
      }

      .support_online .name_support img.yahoo {
        position: relative;
      }

      .support_online .name_support img.Skype {
        position: relative;
        width: 20px;
      }

      .support_online .email_support span {
        font-weight: bold;
      }

      .item_support {
        padding: 5px 20px;
      }

      .item_support .item {
        background: url('images/node.png')no-repeat 0px 10px;
        float: left;
        width: 50%;
        text-align: left;
        font-weight: bold;
        color: #009f0f;
        font-family: 'fontC';
        font-size: 18px;
      }

      .item_support .item img {
        vertical-align: bottom;
      }

      .email {}

      .space_hotro {
        border: 1px solid #d2d2d2;
        width: 175px;
        margin-left: 10px;
      }

      .content1 iframe {
        border-radius: 6px;
        margin-top: 3px;
        padding: 2px 2px;
      }

      .aside-body {
        text-align: center;
      }

      .aside-body .hotline2 {
        font-size: 20px;
        color: #ff0000;
        display: inline-block;
      }

      .aside-body .img-center {
        text-align: center;
      }

      .aside-hotline {
        display: inline-block;
        width: 100%
      }

      .aside-hotline img {
        float: left;
        margin-right: 0
      }

      .aside-hotline p,
      .aside-hotline strong {
        font-family: "RobotoBold";
        color: #ff0000;
        font-size: 18px;
        font-weight: normal
      }

      .aside-hotline p {
        margin-top: 10px;
        margin-bottom: 0
      }

      .aside-hotline strong {
        display: block;
        font-size: 22px
      }

      .aside-list {
        padding: 0 0;
        text-align: left;
      }

      .aside-list li {
        padding: 10px 0;
        border-bottom: 1px dashed #d4d4d4
      }

      .aside-list li b {
        display: block;
        font-family: "RobotoMedium";
        color: #424242;
        font-size: 15px;
        font-weight: normal;
      }

      .aside-list li p {
        margin-bottom: 0;
        font-family: "RobotoLight";
        color: #424242;
        font-size: 14px;
        font-weight: normal;
      }

      .aside-list li p img {
        margin-right: 10px
      }

      .aside-list li:last-child {
        border-bottom: none;
      }

      .tensp_left {
        color: #FF6501;
        font-family: 'RobotoSlab-Bold';
      }

      .img_mxh {
        margin-right: -11px;
      }

      .ajax_video {
        position: relative;
      }

      .ajax_video iframe {}

      .item_nb {
        width: 215px;
        height: 135px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
        margin: 45px 5px;
      }

      .item_nb img {
        width: 215px;
        height: 135px;
        border-radius: 5px;
      }

      .title_right {
        margin-bottom: 10px;
        text-align: center;
      }

      .title_right2 {
        margin-bottom: 10px;
        text-align: left;
      }

      .title_right2 h2 {
        display: inline-block;
        margin: 0px auto;
        font-family: 'fontD';
        color: #35424D;
        font-size: 24px;
        text-transform: uppercase;
        padding: 10px 0px !important;
        font-weight: bold;
      }

      .title_right h2 {
        display: inline-block;
        margin: 0px auto;
        font-family: 'fontD';
        color: #35424D;
        font-size: 24px;
        text-transform: uppercase;
        padding: 10px 0px !important;
        font-weight: bold;
      }

      .title_right1 h2 {
        display: inline-block;
        margin: 0px auto;
        font-family: 'fontE';
        color: #35424D;
        font-size: 55px;
        text-transform: uppercase;
        padding: 10px 0px !important;
        font-weight: bold;
      }

      .title_duan {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 10px;
        text-align: center;
        background: url('images/thanh_2.png')repeat-x center left;
      }

      .title_duan h2 {
        display: inline-block;
        margin: 0px auto;
        font-family: 'fontB';
        color: white;
        font-size: 30px;
        text-transform: uppercase;
        border: 2px solid white;
        padding: 10px 50px !important;
        background: #004c97;
        font-weight: normal;
      }

      .title_khachhang {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 10px;
        text-align: center;
        background: url('images/thanh_1.png')repeat-x center left;
      }

      .title_khachhang h2 {
        display: inline-block;
        margin: 0px auto;
        font-family: 'fontB';
        color: black;
        font-size: 30px;
        text-transform: uppercase;
        border: 2px solid white;
        padding: 10px 50px !important;
        background: white;
        box-shadow: 0px 0px 5px 0px black;
        font-weight: normal;
      }

      .box_content {}

      .box-left-info {
        border: 1px solid #ddd;
        padding: 10px;
      }

      .content {}

      .content-post-deatail {
        margin: 5px auto;
      }

      .content img {
        max-width: 100%;
        height: auto;
        max-height: 100%;
      }

      .title-pro {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
      }

      .title-pro h1 {
        margin: 0;
        background: url(images/title_center.png) no-repeat bottom center;
      }

      .title-pro .right-viewall {
        float: right;
      }

      .title-pro .title-pro-name a {
        text-transform: uppercase;
        color: #e5322d;
        display: inline-block;
        font-size: 35px;
        font-weight: normal;
        font-family: UTMHelvetIns;
        position: relative;
        padding-bottom: 19px;
      }

      .title-pro p {
        color: #555555;
        font-size: 15px;
        margin: 10px 0 0 0;
        font-family: 'MuliRegular';
        text-transform: initial;
        line-height: 21px;
      }

      a.viewall_index {
        background: none !important;
        color: #000 !important;
        padding: 0 !important;
        text-transform: none !important;
        font-size: 13px !important;
        font-family: 'RobotoRegular' !important;
        line-height: 42px !important;
      }

      a.viewall_index:after {
        display: none !important;
      }

      .title-pro .right-title {
        float: left;
        height: 15px;
      }

      .box_product {
        margin-top: 0;
        position: relative;
      }

      .marginr0 {
        margin-right: 0 !important;
      }

      .item_product {
        width: 302px;
        height: 340px;
        margin: 20px auto;
        position: relative;
        background: url('images/background_sp.png')no-repeat top left;
      }

      .item_product:hover {
        background: rgba(237, 237, 236, 1);
        transition: 2s;
        padding: 0px;
      }

      .box_news h2 {
        font-size: 12px;
        margin: 0px;
      }

      .box_news h2 a {
        color: black;
        font-weight: bold;
        font-size: 16px;
      }

      .box_news p {
        margin: 0px;
        padding: 0px;
      }

      .box_news p.small {
        font-size: 11px;
        color: #666666;
      }

      .box_news h2 a:hover {
        color: #C6AC73;
      }

      .name {
        margin-top: 10px;
        text-align: center;
      }

      .name h3 a {
        color: #363636;
        padding-top: 5px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'fontB';
        height: 30px;
        overflow: hidden;
      }

      .ct-img {
        margin: 0 auto;
        text-align: center;
      }

      .hinh_anh_1 {
        margin: 0 auto;
        text-align: center;
        float: none !important;
      }

      .col-right-pro-detail {
        margin: 0 auto;
        padding: 10px;
      }

      .item_list_nb .khung_vien:hover .quick-info {
        top: 0;
        opacity: 1;
      }

      .item_list_nb .gr-button .btn-order {
        padding: 8px 20px;
        font-family: 'robotoregular';
        font-size: 14px;
        border-radius: 5px;
        background: #FF4900;
        border: 0;
        text-transform: uppercase;
      }

      .price-tour {
        font-weight: normal;
        color: #f00;
        font-size: 16px;
        text-align: center;
        margin-left: 7px;
      }

      .name_list_pro {
        width: 100%;
        margin: 0 auto;
      }

      .muahang {
        float: right;
        margin-right: 7px;
      }

      .muahang a {
        color: #fff;
        padding: 5px 11px;
        text-align: center;
        background: #E71414;
        border-radius: 16px;
        font-size: 15px;
        border: 2px solid #ccc;
      }

      .muahang a:hover {
        color: #ff0;
      }

      #container-tab {
        margin: 0px auto;
      }

      #tabs {
        border: 1px solid #ccc;
      }

      div#container-tab #tabs>ul {
        margin-left: 0;
        padding: 0;
        background: #e7e7e7;
        margin-bottom: 5px;
      }

      div#container-tab #tabs>ul>li {
        float: left;
        list-style: none;
      }

      div#container-tab #tabs>ul>li#tab_spformat {
        white-space: nowrap;
        padding: 10px 15px;
        margin-right: 1px;
        color: #fff;
      }

      div#container-tab #tabs>ul>li#tab_spformat a {
        color: #000;
        padding: 0;
        font-size: 15px;
      }

      div#container-tab #tabs>ul>li#tab_spformat.active {
        background: #fff;
      }

      div#container-tab #tabs>ul>li#tab_spformat.active a {
        color: #000;
        font-family: 'RobotoBold';
      }

      #tabs .info-content {
        padding: 10px;
      }

      #tabs div#tab-1 {
        margin: 0 auto;
        background: #fff;
      }

      #tabs div#tab-2 {
        margin: 0 auto;
        background: #fff;
      }

      .item_gioithieu {
        width: 220px;
        height: 177px;
        background: url('images/background_gioithieu.png')no-repeat top left;
        float: left;
        margin-right: 10px;
      }

      .item_gioithieu img {
        width: 210px;
        height: 160px;
        margin: 5px 5px;
      }

      .about_index {
        font-family: 'fontC';
        font-size: 18px;
        color: #636363;
        font-weight: bold;
      }

      .name_gt {
        color: #363636;
      }

      .icon_xt {
        position: absolute;
      }

      .wrap_paging {
        margin: 10px auto;
        position: relative;
        width: 100%;
        padding: 0px 0px;
        text-align: right;
      }

      .wrap_paging_top {
        position: relative;
        width: 100%;
        padding: 7px 0px;
        border-top: 1px dashed #CCC;
        border-bottom: 1px dashed #CCC;
        text-align: right;
      }

      .paging {
        margin: 0px auto;
        text-align: center;
      }

      ul.pages li a i {
        position: relative;
      }

      ul.pages .fa {
        line-height: 25px !important;
      }

      .paging a {
        float: left;
        margin-right: 5px;
        /* width: 25px; */
        /* height: 25px; */
        line-height: 25px !important;
        text-align: center;
        border: 1px solid #CCC;
        background: #f9f9f9;
        color: #000;
        font-weight: normal;
      }

      .paging a.paginate_active {
        background: #2ba40d;
        bo er: 1px solid #27910d;
        color: #FFF;
      }

      .paging a:hover {
        background: #CCC;
      }

      .paging a.paginate_active:hover {
        background: #2ba40d;
        border: 1px solid #27910d;
        color: #FFF;
      }

      .pages {
        list-style: none;
        margin: 0px;
        padding: 0px;
      }

      .pages li {
        list-style: none;
        display: inline-block;
        margin-right: 5px;
      }

      .pages li a.active {
        background: #51aa40;
        border: none;
        color: #fff;
      }

      .footer {
        margin: 0 auto;
        padding: 30px 0;
        width: 100%;
        background: url(images/footer.png) no-repeat center bottom;
        color: #fff;
        background-size: cover !important;
      }

      .menu-footer {
        margin: 0 auto;
        text-align: center;
      }

      .menu-footer ul {
        margin: 5px 0 5px 0;
        clear: both;
        width: 100%;
      }

      .menu-footer ul li {
        display: inline;
        padding-right: 15px;
        text-transform: uppercase;
      }

      .menu-footer ul li a {
        font-size: 12px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 2px;
        color: #fff;
      }

      .tag-lienket ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        text-align: center;
      }

      .tag-lienket ul li {
        display: inline-block;
        margin: 0;
      }

      .tag-lienket ul li a {
        padding: 0 10px;
        color: #fff;
        border-left: 1px solid #ddd;
        line-height: normal !important;
      }

      .copyright-footer {
        margin: 0 auto;
        padding: 10px;
        background: #098acb;
        color: #fff;
      }

      .lienket b,
      .fanpage b {
        font-size: 16px;
        color: #fff;
        padding-bottom: 4px;
      }

      .icon_online span {
        color: #3D5A83;
        margin-right: 5px;
        font-weight: bold;
      }

      .icon_sum span {
        color: #3D5A83;
        font-weight: bold;
      }

      .counter {
        float: right;
      }

      .counter li.online {
        background: url(images/icon_dangtruycap.png) no-repeat left;
      }

      .counter li {
        float: left;
        list-style: none;
        line-height: 30px;
        margin-right: 10px;
      }

      .counter li.online span {
        padding-left: 25px;
        color: #fff;
      }

      .counter li b {
        color: #fff;
      }

      .counter li.statistics {
        background: url(images/icon_luottruycap.png) no-repeat left;
      }

      .counter li.statistics span {
        padding-left: 25px;
        color: #fff;
      }

      .blink_me {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: blinker;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        animation-name: blinker;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
      }

      @-moz-keyframes blinker {
        0% {
          opacity: 1.0;
        }

        50% {
          opacity: 0.0;
        }

        100% {
          opacity: 1.0;
        }
      }

      @-webkit-keyframes blinker {
        0% {
          opacity: 1.0;
        }

        50% {
          opacity: 0.0;
        }

        100% {
          opacity: 1.0;
        }
      }

      @keyframes blinker {
        0% {
          opacity: 1.0;
        }

        50% {
          opacity: 0.0;
        }

        100% {
          opacity: 1.0;
        }
      }

      .call-mobile {
        float: right;
      }

      .call-mobile .goidien {
        display: inline-block;
      }

      .call-mobile .sms {
        display: inline-block;
      }

      .call-mobile a {
        color: #fff;
      }

      .call-mobile a:hover {
        color: #c20509;
      }

      .call-mobile img {
        width: 30%;
        max-width: 35px;
        vertical-align: middle;
      }

      .footer p span,
      .footer p,
      .footer strong,
      .footer a {
        margin: 0;
      }

      footer .footer .info-col-footer {
        padding-left: 10px;
        padding-right: 10px;
      }

      .text_footer {
        width: 100%;
        margin: 0px auto;
      }

      .mgT10 {
        margin-top: 20px;
      }

      .chinhsach ul {
        margin-bottom: 0;
        flex-flow: row wrap;
      }

      .chinhsach ul li {
        padding: 3px 0;
        text-align: left;
      }

      .chinhsach ul li a {
        line-height: 25px;
        font-size: 13px;
        color: #fff;
        background: url(images/icon_ft.png) no-repeat left center;
        padding-left: 16px;
      }

      .chinhsach ul li a:hover {
        color: #f00;
      }

      .vechungtoi ul li {
        padding: 3px 0;
        text-align: left;
      }

      .mgT10 {}

      .bocongthuong a img {
        max-width: 135px;
      }

      .date-share {
        margin: 0 auto;
        width: 90%;
      }

      .date-share .date-post {
        text-indent: 10px;
      }

      .box_news {
        padding: 10px;
        clear: both;
        margin-bottom: 20px;
        width: 99%;
      }

      .box_news h2 {
        font-size: 12px;
        margin: 0px;
      }

      .other-news h5 {
        color: black;
        font-weight: bold;
        font-size: 15px;
      }

      .other-news p.small {
        font-size: 11px;
        color: #666666;
        margin: 0px;
        padding: 0px;
      }

      .box_news h2 {
        font-size: 12px;
        margin: 0px;
      }

      .box_news h2 a {
        color: black;
        font-weight: bold;
        font-size: 16px;
      }

      .box_news p {
        margin: 0px;
        padding: 0px;
      }

      .box_news p.small {
        font-size: 11px;
        color: #666666;
      }

      .box_news h2 a:hover {
        color: #C6AC73;
      }

      .title_news {
        font-family: 'fontB';
        font-weight: bold;
        color: #EC0606;
        font-size: 20px;
      }

      .small {
        font-style: italic;
      }

      h1.text_title {
        color: #241900;
        font-size: 12px;
      }

      .image_boder {
        margin: 0 auto;
        text-align: center;
        margin: 0px 10px 0px 0px;
        background: #FFF;
        overflow: hidden
      }

      .image_boder img {
        padding: 3px;
        border: 1px solid #E4E4E4;
        max-width: 175px;
      }

      .button {
        display: inline-block;
        background: #51aa40;
        padding: 6px 15px;
        border: none;
        width: auto;
        color: #fff !important;
        font-size: 15px;
        cursor: pointer;
        border-radius: 0;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin: 10px 1px 0px 0;
      }

      .boder {
        border: 3px #E0E0E0 solid;
        margin: 0px 35px;
      }

      .viewmore {
        text-align: right;
        padding-right: 10px;
      }

      .viewmore img {
        vertical-align: middle;
      }

      .viewmore a {
        color: #0000ff;
        font-size: 11px;
        font-weight: bold;
      }

      .tinlienquan a {
        color: #333
      }

      .textright {
        float: right;
        padding-right: 10px;
      }

      .textright a {
        font-style: italic;
        font-weight: normal;
        text-transform: none;
      }

      .othernews {
        padding-left: 10px;
        margin-top: 20px;
        color: #666;
        margin-bottom: 20px;
      }

      .other-news {
        margin: 0 auto;
        padding: 0;
        padding-left: 5px !important;
        padding-right: 5px !important;
      }

      .other-news p {
        min-height: 72px;
      }
      .othernews ul{list-style: none !important;padding:0;margin:0}
      .othernews h3 {
        width: 98%;
        margin: 10px auto;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        color: #f00;
      }

      .othernews h5 {
        width: 95%;
        margin: 10px auto;
        font-size: 14px;
        font-weight: bold;
        color: #333;
      }

     

      .othernews ul li {
        background: url(images/li_tick.png) no-repeat 5px 5px;
        padding-left: 20px !important;
      }

      .othernews ul li a {
        color: #000;
        transition: 0.4s;
        font-size: 15px;
      }

      .othernews ul li a:hover {
        color: #E70202;
        transition: 0.4s;
        padding-left: 15px;
      }

      .box_news:hover {
        -o-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -webkit-transition: all 1.5s;
        -ms-transition: all 1.5s;
        transition: all 1.5s;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        color: #000 !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
      }

      .item_list_nb {
        margin: 0px auto;
        position: relative;
        height: 100%;
        overflow: hidden;
        padding: 0;
        margin-bottom: 20px;
      }

      .line_shadow {
        background: url(images/shadow.png) no-repeat;
        height: 13px;
      }

      .giohang_index {
        display: flex;
        align-items: center;
        text-align: left;
      }

      .giohang_index a {
        color: #000000;
        font-size: 13px;
        font-family: 'RobotoMedium';
      }

      .giohang_index a:hover {
        color: #00A803;
      }

      .giohang_index div {
        font-size: 14px;
        color: #2f2f2f;
        font-family: 'SFUFuturaHeavy';
      }

      .giohang_index img {
        margin-right: 10px;
      }

      .giohang_index span {
        color: #777777;
        font-size: 15px;
        font-family: 'RobotoRegular';
        display: inline-flex;
      }

      .giohang_index span p {
        margin: 0;
      }

      .khung_vien {
        position: relative;
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
        padding-bottom: 20px;
      }

      .item_list_nb .detail-order {
        transition: 0.5s;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 6px;
        opacity: 0;
      }

      .item_list_nb:hover .detail-order {
        opacity: 1
      }

      .detail-order {
        margin: 0 auto;
        width: 100%;
        height: 320px;
        text-align: center;
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }

      .detail-order .detail-pro,
      .order-pro {
        display: block;
        font-size: 17px;
        cursor: pointer;
        color: #000;
        position: relative;
        left: 0;
        right: 0;
        top: 118px;
        background: #fff;
        width: 82px;
        height: 31px;
        line-height: 31px;
        text-align: center;
        margin: 0 auto;
        border-radius: 15px;
      }

      a.order-pro:hover {
        background: #42a2f3;
        color: #fff;
      }

      .name_list_pro a {
        color: #000;
      }

      .item_list_nb img {
        max-width: 100%;
        margin: 0 auto;
        margin-top: 12px;
        transition: all 1.2s ease 0s;
        text-align: center;
      }

      .khung_vien:hover img {
        transform: scale(1.1)
      }

      .bg-product-index .khung_vien:hover .text_list_nb {
        position: absolute;
        top: 35%;
        display: block;
      }

      .khung_vien:hover .text_list_nb {
        position: absolute;
        top: 35%;
        display: block;
      }

      .text_list_dv {
        position: absolute;
        top: 35%;
        display: block !important;
      }

      .text_list_nb {
        height: 30px;
        margin: 0 auto;
        display: none;
        text-align: center;
        width: 100%;
      }

      .text_list_nb a {
        color: #000;
        text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
        font-size: 16px;
        font-weight: bold;
      }

      .text_list_nb b {
        color: #4f2600;
        font-size: 16px;
        font-weight: bold;
        border: 1px dashed #4f2600;
        padding: 5px 10px;
      }

      .text_list_nb p {
        margin-top: 10px;
      }

      .name_list_pro a {
        display: block;
        text-align: center;
        margin: 0 auto;
        font-weight: bold;
        font-size: 14px;
        color: #3c3c3c;
        font-family: 'robotoregular';
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }

      .name_list_pro a:hover {
        color: #FF4900;
      }

      .xemthem {
        margin: 0px 0;
      }

      .xemthem a {
        font-size: 15px;
        color: #ed1c24 !important;
        padding: 0;
        text-align: center;
        border-radius: 5px;
      }

      .xemthem a:hover {}

      .maxh {
        left: 0px;
        bottom: 0px;
        padding: 0;
      }

      .maxh li {
        margin-right: 10px;
        display: inline-block;
      }

      .scroll {
        width: 100%;
        height: 400px;
      }

      .breadcrumbs {
        background: #F5F5F5;
        margin: 0 0 5px;
        padding: 5px 10px;
        font-weight: bold;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
      }

      a {
        color: #004276;
        text-decoration: none;
      }

      .detail-post h3 {
        margin: 14px 0;
        clear: both;
      }

      .detail-post h3 a {
        font-weight: normal;
        line-height: 1.2;
        color: #004276;
      }

      ul.product_info_2 {
        font-size: 15px;
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .product_info_2 h1 {
        color: #ED1C24;
        font-family: RobotoBold;
        font-size: 20px;
      }

      .product_des {
        margin: 15px auto;
        text-align: justify;
      }

      .product_info_2 li h3 {
        color: #000000;
      }

      .product_info_2 li.tag {}

      .product_info_2 li.tag a {
        color: #000;
      }

      .product_info_2 li.tag a:hover {
        color: #f00;
      }

      .product_info_2 li.tag a:not(:last-child):after {
        content: ",";
      }

      .product_info_2 li {
        font-weight: normal;
        padding: 6px 0px;
        color: #000;
      }

      .product_info_2 li a.dat_hang {
        color: #fff;
        background-color: #EDE80D;
        padding: 5px 10px;
      }

      .product_info_2 li a.dat_hang:hover {
        background: #000;
      }

      .product_info_2 li.sodo {}

      .product_info_2 li.sodo b {
        color: #000;
      }

      ul.product_info_2 li b {}

      ul.product_info_2 li span {}

      ul.product_info_2 li b.left-tinhnang {
        float: left;
        text-transform: uppercase;
      }

      ul.product_info_2 .like-share {
        margin-top: 9px;
      }

      span.mausac {
        cursor: pointer;
        display: inline-block;
        line-height: 0;
        border: solid 1px #ccc;
      }

      span.mausac.active_mausac {
        display: inline-block;
        border: solid 1px #f00;
        vertical-align: top;
        margin: 0 5px;
        line-height: 0;
      }

      span.size {
        border: solid 1px #ccc;
        padding: 4px 10px;
        cursor: pointer;
      }

      span.size.active_size {
        background: #f00;
        color: #fff;
      }

      span.size1 {
        border: solid 1px #ccc;
        padding: 4px 10px;
        cursor: pointer;
      }

      span.size1.active_size {
        background: #f00;
        color: #fff;
      }

      input.soluong1 {
        width: 40px;
        height: 30px;
        font-size: 14px;
        cursor: pointer;
        text-align: center;
      }

      a.dathang {
        background: #00a803;
        padding: 7px 10px;
        color: #fff !important;
        font-size: 14px;
        border-radius: 0;
        cursor: pointer;
      }

      a.dathang i {
        font-size: 16px;
        margin-right: 5px;
      }

      .transition {
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
      }

      .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        display: flex;
      }

      .item_congtrinh a:hover .overlay {
        opacity: 1;
      }

      .item_congtrinh {
        position: relative;
        padding: 3px;
        text-align: center;
      }

      .item_congtrinh .img_congtrinh {}

      .item_congtrinh img {
        max-width: 100%;
        height: auto;
        width: 100%;
      }

      .item_congtrinh div.box-over {
        padding: 0 10px;
      }

      .item_congtrinh img.icon_danhgia {
        padding: 5px 0;
      }

      .item_congtrinh h3 {
        color: #ffff00;
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
      }

      .item_congtrinh span {
        font-size: 13px;
        color: #fff;
      }

      .content_other {
        overflow: hidden;
        padding-top: 45px;
      }

      .item_other {
        width: 100%;
        margin-bottom: 10px;
      }

      .text_other {
        width: 100%;
        color: white;
        height: 30px;
        padding-left: 20px;
        padding: 10px 0px;
      }

      .text_other h3 {
        font-family: 'fontF';
        font-size: 36px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.8;
      }

      .list_video {
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
        height: 65px;
        overflow: auto;
      }

      .list_video ul li {
        list-style-image: url('images/icon_play.png') !important;
        list-style-position: inside;
      }

      .list_video ul li a {
        color: #fff;
        cursor: pointer;
      }

      .center_contact {
        margin: 0 auto;
        text-align: center;
      }

      .menu_responsive_top {
        display: none;
      }

      .header-rp {
        background: #51AA40;
        background-size: 100% 100%;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        line-height: 40px;
        position: relative;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        padding: 0px 10px 0px 50px;
      }

      .header-rp span {
        float: left;
      }

      .content-post-deatail table {}

      .header-rp a.collapse {
        background: center center no-repeat transparent;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 10px;
      }

      .box-content-demo {
        margin-top: 15px;
      }

      .form-group label span {
        color: red;
      }

      .form-control-check {
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border-radius: 4px;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      }

      #menu_top {
        position: relative;
        padding-top: 8px;
      }

      .menu-fixed {
        margin: 0 auto;
        width: 100%;
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
      }

      .menu-fixed .menu {
        padding: 0 !important;
      }

      .menu-fixed .flex1 {
        display: none;
      }

      .menu-fixed #menu_top {
        padding-top: 0;
      }

      .menu-fixed #logo img {
        max-width: 50%;
      }

      .full_gioithieu {
        padding: 20px 0 20px 0;
      }

      .about_left {
        margin: 0 auto;
      }

      .about_right {
        text-align: center;
      }

      .ten_gioithieu {
        margin-top: 0;
        text-align: center;
        margin-bottom: 20px;
      }

      .ten_gioithieu h2,.ten_gioithieu h1 {
        font-family: 'helveticaneuebold';
        font-size: 30px;
        text-transform: uppercase;
        padding: 10px 0;
        margin: 0;
        font-weight: normal;
        color: #e5322d;
        margin-top: 0;
      }

      .ten_gioithieu h3 {
        font-family: 'UTMHelvetIns';
        font-size: 35px;
        color: #51aa40;
        margin-bottom: 0;
        line-height: 40px;
        text-transform: uppercase;
        margin-top: 0;
        background: url(images/title_center.png) no-repeat centerbottom;
        padding-bottom: 20px;
        letter-spacing: 2px;
      }

      .ten_gioithieu h3 span {
        color: #fe021a;
      }

      .mota_gioithieu {
        color: #555555;
        font-size: 15px;
        text-align: justify;
        font-weight: normal;
        margin-top: 12px;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 25px;
      }

      .lienhesi {
        text-align: center;
      }

      .lienhesi h3 {}

      .lienhesi h3 a {
        background: url(images/bg_xanh.png) repeat-x;
        display: inline-block;
        padding: 15px 13px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        border-radius: 19px;
        margin: 0;
      }

      .lienhesi1 {
        text-align: center;
      }

      .lienhesi1 h3 {}

      .lienhesi1 h3 a {
        background: url(images/bg_do.png) repeat-x;
        display: inline-block;
        padding: 15px 13px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        border-radius: 19px;
        margin: 0;
      }

      #main_nhantin_fancybox {
        position: relative;
        display: none;
        background: #fff;
        text-align: center;
        padding: 20px;
      }

      .tieude_form {
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        color: #0079cb;
        margin-bottom: 3%;
      }

      .datxe_form .txt_input {
        border: 0 none;
        border-radius: 5px;
        box-shadow: 0 0 2px #ccc;
        height: 30px;
        margin-bottom: 5px;
        outline: 0 none;
        padding: 0 5px;
        width: 97.8%;
        transition: 0.2s;
      }

      .datxe_form .trea_loinhan {
        border: 0 none;
        border-radius: 5px;
        box-shadow: 0 0 2px #ccc;
        height: 100px;
        margin-bottom: 5px;
        outline: 0 none;
        padding: 0 5px;
        width: 97.8%;
        padding: 5px;
      }

      .datxe_form .btn_gui_datxe {
        background: #008cd0;
        color: #FFF;
        text-transform: uppercase;
        height: 30px;
        width: 100%;
        margin: auto;
        border: 0;
        border-radius: 5px;
      }

      #header_top #menu_tren {
        position: absolute;
        right: 0;
        top: 17px;
        z-index: 9999999999;
      }

      div.dmsp:hover .ct-menu1 {
        display: block;
      }

      .ct-menu1 {
        display: none;
        position: absolute;
        top: 47px !important;
        left: 0;
        width: 243px;
        list-style: none;
        background: #EDE80D;
        z-index: 9999999;
        padding-bottom: 10px;
      }

      .item-news-box {
        padding: 5px;
      }

      .item-news-box .left-images-news {
        float: left;
        margin-right: 8px;
      }

      .item-news-box .left-images-news img {}

      .item-news-box .right-news-info {}

      .item-news-box .right-news-info a {
        color: #000;
        font-weight: bold;
      }

      .item-news-box .right-news-info a:hover {
        color: #f00;
      }

      .item-news-box .right-news-info .des-news {}

      .item_dv {
        position: relative;
        text-align: center;
        padding: 0 20px;
      }

      .item_dv:hover .img_dv {
        -webkit-transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        transform: rotateY(180deg);
        transform-style: preserve-3d;
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
      }

      .item_dv .img_dv {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin: 0 auto;
        transition: all 1.2s ease 0s;
      }

      .item_dv .img_dv img {
        transition: all 1.2s ease 0s;
      }

      .item_dv .name_dv {
        text-align: center;
        padding: 13px 0;
      }

      .item_dv .name_dv a {
        color: #000;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: normal;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
      }

      .item_dv .name_dv a:hover {}

      .item_dv .mota_dv {
        font-size: 13px;
        color: #414141;
        background: url(images/khung_dv.png) no-repeat bottom;
        background-size: 100%;
        padding: 4px;
      }

      .wrap-tabs {
        width: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        margin: 0 auto;
        padding: 0 10px;
      }

      ul.tabs {
        list-style: none;
        text-align: center;
        margin: 0 auto;
      }

      ul.tabs li {
        display: inline-block;
        text-align: center;
        margin-right: 9px;
        margin-bottom: 9px;
      }

      .contenttab {
        max-width: 100%;
        height: auto;
      }

      .contenttab .tab {
        display: block;
      }

      .tittle_con a {
        width: auto;
        text-align: left;
        font-size: 18px;
        color: #191919;
        text-transform: uppercase;
        cursor: pointer;
        padding: 3px 10px;
        background: #FFF;
        display: inline-block;
        border: 1px solid #191919;
      }

      .activetab {
        color: #f00 !important;
        border: 1px solid #f00 !important;
      }

      #map_canvas_ft {
        width: 100%;
        height: 225px;
      }

      .video_r {
        padding-top: 25px;
      }

      .phuongthuc {
        padding: 5px 0;
        float: right;
      }

      .box_phuongthuc {
        position: relative;
        text-align: center;
        color: #4c4c4c;
        margin: 0 11px;
        float: left;
        max-width: 139px;
      }

      .box_phuongthuc:last-child {
        margin-right: 0;
      }

      .img_phuongthuc {
        position: relative;
      }

      .img_phuongthuc img {
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
      }

      .img_phuongthuc img:hover {
        -webkit-transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        transform: rotateY(180deg);
        transform-style: preserve-3d;
      }

      .box_phuongthuc:hover h2 a {
        color: #FF6501;
      }

      .box_phuongthuc:hover h2 {
        color: #FF6501;
      }

      .box_phuongthuc .image,
      .box_phuongthuc:hover .img_phuongthuc {
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
      }

      .name_phuongthuc {
        position: relative;
        display: block;
      }

      .name_phuongthuc h3 {
        color: #000;
        font-size: 19px;
        margin: 0;
        line-height: 15px;
      }

      .name_phuongthuc h3 a {
        color: #4c4c4c;
        font-size: 13px;
        text-align: left;
        margin: 0;
      }

      .name_phuongthuc h3 a:hover {
        color: #f00;
      }

      .name_phuongthuc p {
        color: #a3a3a3;
        margin: 0;
      }

      .name_phuongthuc h3 a span {
        color: #ff6a98;
      }

      #tintuc {
        padding: 20px 0 30px 0;
      }

      .box-content-tt {}

      .l_news {
        width: 40%;
        float: left;
      }

      .l_news a img {
        transition: 0.5s;
        max-width: 100% !important;
        width: 100%;
      }

      .l_news h3 {
        margin: 10px 0;
      }

      .l_news h3 a {
        text-decoration: none;
        font-size: 15px;
        color: #1b1b1b;
        font-family: 'OpenSansBold';
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 19px;
      }

      .l_news h3 a:hover {
        color: #f00;
      }

      .l_news span {
        color: #5a5a5a;
        font-size: 14px;
      }

      .xemthem_nl {
        margin: 15px 0;
      }

      .xemthem_nl a {
        color: #000;
        border: 1px solid #000;
        background: #fff;
        padding: 12px 15px;
        text-transform: uppercase;
      }

      .r_news {}

      .box_tt {
        padding: 0px 10px 0px 0;
        min-height: 132px;
        border-bottom: 1px solid #e3e2e2 !important;
        margin-bottom: 10px;
      }

      .box_tt .img {
        position: relative;
      }

      .box_tt .img .ngaytao {
        font-size: 10px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        background: #168D14;
        color: #fff;
        padding: 5px 6px;
      }

      .box_tt .img .ngaytao b {
        font-size: 24px;
        font-weight: normal;
        border-bottom: 1px solid #fff;
      }

      .box_tt a img {
        float: left;
        margin-right: 10px;
        transition: 0.5s;
        border: 1px solid #ccc;
        padding: 0;
      }

      .box_tt a img:hover {
        opacity: 0.8;
        transition: 0.5s;
      }

      .box_tt h5 {
        margin: 0;
        padding: 5px 0;
      }

      .box_tt h5 a {
        color: #444444;
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 19px;
        background: url(images/icon_tt.png) no-repeat left top 5px;
        padding-left: 15px;
      }

      .box_tt h5 a:hover {
        color: #f00;
      }

      .box_tt span {
        color: #5a5a5a;
        font-size: 14px;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 18px;
      }

      .xemthem_nr {
        float: right;
        margin: 6px 0 0 0;
      }

      .xemthem_nr a {
        color: #ffd800 !important;
        font-size: 13px;
        font-style: italic;
        text-decoration: underline !important;
      }

      .r_bottom1 {
        width: 37.3%;
        float: right;
      }

      .box_video {
        cursor: pointer;
        text-align: center;
        margin-bottom: 15px;
      }

      .box_video img {
        width: 100%;
      }

      .support_online {
        background: #fff;
        padding: 10px;
      }

      .online-support {
        float: left;
        margin-right: 11px;
      }

      .online-support-bottom {
        text-align: left;
        padding: 5px 0;
        margin: 5px 0;
      }

      .online-support {
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
      }

      div.icon-hotline {
        margin: 0px auto;
        width: 100%;
        padding: 10px 0;
        display: flex;
        align-items: center;
      }

      div.icon-hotline img {
        margin-right: 10px;
      }

      div.icon-hotline span {
        text-indent: 20px;
        line-height: 25px;
        float: left;
        color: #000000;
        border-bottom: 2px solid #ccc;
        font-weight: bold;
        font-size: 15px;
      }

      div.icon-hotline b {
        text-indent: 0;
        padding-left: 0;
        color: #DA0000;
        font-weight: bold;
        font-size: 20px;
      }

      div.icon-hotline p {
        margin: 0;
        font-weight: bold;
        font-size: 15px;
      }

      div.icon-hotline p.email {
        color: #0053ad;
        font-weight: bold;
        font-size: 15px;
        margin: 0;
      }

      div.icon-hotline .httk {
        font-size: 16px;
      }

      .images_hotro {
        float: left;
        margin-right: 10px;
      }

      .online-support-bottom ul {
        padding: 0;
        margin: 0;
        list-style: none;
        float: left;
      }

      .online-support-bottom ul li {
        width: auto;
        margin: 0 !important;
        background: none;
        text-align: left;
        font-size: 15px;
        display: flex;
        align-items: center;
      }

      .online-support-bottom ul li.email>span {
        color: #004a80;
      }

      ul.post-col-info li.name-support {
        float: left;
        font-weight: normal;
        font-size: 13px;
      }

      ul.post-col-info li.skype-yahoo {
        float: left;
      }

      .online-support-bottom ul li span {
        color: #000;
      }

      .online-support-bottom ul li span.phone {
        color: #39434c;
        font-weight: normal;
        font-size: 13px;
      }

      .online-support-bottom ul li a {
        color: #3853a4;
        margin-right: 5px;
      }

      ul.contact-mail-phone {
        padding: 0;
        margin: 0 auto;
        list-style: none;
      }

      ul.contact_support li span {
        color: #ed1c24;
      }

      ul.contact-mail-phone li img {
        padding-right: 5px;
      }

      ul.contact-mail-phone li {
        text-indent: 10px;
        float: left;
        width: auto;
        display: inherit;
      }

      .online-support img.hotro {
        width: 100%;
      }

      #video_fp {
        padding: 20px 0;
      }

      .l_bottom2 {
        width: 37.3%;
        float: left;
        overflow: hidden;
      }

      .r_bottom2 {
        width: 60.2%;
        float: right;
      }

      .l_video {
        width: 65%;
        float: right;
      }

      .r_video {
        padding: 15px 15px 0 15px;
      }

      .formlienhe_index {
        margin-top: 20px;
      }

      .form-input {
        width: 100%;
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #fff;
        background-color: #626262;
        background-image: none;
        border: none;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        margin-bottom: 6px;
      }

      .form-input1 {
        width: 49%;
        float: left;
      }

      .form-input1:nth-child(2n+2) {
        float: right;
      }

      textarea.form-input {
        height: auto;
      }

      .form-input::-webkit-input-placeholder {
        color: #fff;
      }

      .form-input::-moz-placeholder {
        color: #fff;
      }

      .form-input:-ms-input-placeholder {
        color: #fff;
      }

      .form-input:-moz-placeholder {
        color: #fff;
      }

      .form-input::-webkit-input-placeholder {
        color: #fff;
      }

      .form-input::-moz-placeholder {
        color: #fff;
      }

      .form-input:-ms-input-placeholder {
        color: #fff;
      }

      .form-input:-moz-placeholder {
        color: #fff;
      }

      .item_tintuc {
        margin-bottom: 0px;
        padding: 10px !important;
        animation: bounceIn .5s ease-in backwards;
        -webkit-animation: bounceIn .5s ease-in backwards;
        -moz-animation: bounceIn .5s ease-in backwards;
        -o-animation: bounceIn .5s ease-in backwards;
        -moz-animation-delay: .5s;
        -webkit-animation-delay: .5s;
        -o-animation-delay: .5s;
        animation-delay: .5s;
      }

      .item_tintuc:nth-child(2n+3) {
        clear: both;
      }

      .box-km {
        border: none;
        min-height: 200px;
        transition: all 0.3s ease;
        background: #FAFAFA;
        padding: 0;
      }

      .box-km .stt span {
        font-family: 'Roboto-Black';
        font-size: 60px;
        display: inline-block;
      }

      .box-km .mota {
        padding: 10px 10px !important;
      }

      .box-km .mota i {
        color: #999;
      }

      .box-km .stt,
      .box-news .img {
        padding: 0px !important;
        text-align: center;
      }

      .box-km .mota h3 {
        font-size: 15px;
        margin: 10px 0;
        line-height: 20px;
        text-align: left;
        margin-top: 0;
      }

      .box-km .mota h3 a {
        font-family: 'RobotoBold';
        color: #333333;
        margin-top: 10px;
      }

      .box-km .mota h3 a:hover {
        color: #f00;
      }

      .box-km .mota p {
        font-size: 13px;
        text-align: justify;
        margin-top: 10px;
        color: #555555;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
      }

      .box-km .mota a.chitiet {
        color: #fff;
        background: #51aa40;
        padding: 6px 20px;
        border-radius: 0;
        font-size: 13px;
      }

      .box-km .img {
        transform: translateZ(0);
        overflow: hidden;
        position: relative;
        border: 3px solid #fff;
      }

      .box-km .img img {
        width: 100%;
        height: auto;
        transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
      }

      .box-km .img:hover img {
        transform: scale(1.2);
      }

      .box-km .img {
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

      .btn-muangay {
        background: #D3B0A0;
        color: #fff;
        padding: 8px 15px !important;
        font-size: 15px !important;
      }

      .btn-muangay:hover {
        background: #000;
        color: #fff !important;
      }

      ul.cateUl {
        position: relative;
        z-index: 1;
        border-top: none;
        margin: 0;
        padding: 0 14px;
      }

      ul.cateUl>li {
        display: block;
        position: relative;
        margin: 0 auto;
        border-bottom: 1px solid #ccc;
      }

      ul.cateUl>li>a {
        font-size: 15px;
        display: inline-block;
        line-height: 20px;
        color: #323232;
        padding: 12px 0;
        padding-left: 0px;
      }

      ul.cateUl>li i {
        float: right;
        font-size: 11px;
        color: #e6e6e6;
        padding: 16px 0;
      }

      ul.cateUl>li>ul {}

      ul.cateUl>li>a:hover {
        color: #ffd800 !important;
      }

      ul.cateUl>li>ul>li {
        display: block;
        position: relative;
        border-top: 1px solid #999;
      }

      ul.cateUl>li>ul>li>ul>li {
        display: block;
        position: relative;
      }

      ul.cateUl>li>ul>li>ul>li>a {
        text-transform: capitalize;
        font-size: 13px;
        display: block;
        line-height: 30px;
        text-indent: 25px;
        color: #101010;
        border-bottom: 1px dotted #818080;
        background: url(images/icon_list.png) no-repeat 40px;
        padding-left: 27px;
      }

      ul.cateUl>li>ul>li>a {
        text-transform: capitalize;
        font-size: 13px;
        display: block;
        line-height: 30px;
        text-indent: 25px;
        color: #000;
        background: url(images/icon_list.png) no-repeat 31px center;
        padding-left: 19px;
      }

      ul.cateUl>li>ul>li>a>ul>li>a {
        text-transform: capitalize;
        font-size: 13px;
        display: block;
        line-height: 30px;
        text-indent: 25px;
        color: #299F01;
        background: url(images/li_left_sub_bg.png) no-repeat 10px center;
        display: block;
      }

      ul.cateUl>li>a.active {}

      ul.cateUl>li>ul>li>ul>li>a.active {
        color: #000;
      }

      ul.cateUl>li>ul>li>a.active {}

      ul.cateUl>li>ul>li>a:hover {
        color: #ff7326 !important;
      }

      ul.cateUl>li>ul>li>ul>li {
        display: block;
      }

      ul.cateUl>li>ul>li>ul>li>a {
        display: block;
        height: 35px;
        line-height: 35px;
        border-bottom: dotted 1px #bbbaba;
      }

      ul.cateUl>li>ul>li>ul>li>a:hover {
        display: block;
        color: #FF4900;
      }

      ul.info-cateUl li {
        border-bottom: 1px dashed #ccc;
      }

      .hoverDownload {
        border: 1px solid #000;
        display: block;
        padding: 10px;
        margin-bottom: 30px;
      }

      .hoverDownload:hover {
        background-color: #FF4900;
      }

      .hoverDownload:hover p,
      .hoverDownload:hover h4 {
        color: #fff;
      }

      .item_download p {
        color: #000;
      }

      .item_download h4 {
        line-height: 24px;
        margin-top: 20px;
        overflow: hidden;
        color: #000;
        height: 72px;
      }

      .box-giohang {
        position: relative;
        margin-right: 11px;
      }

      .box-giohang i {
        color: #888;
        display: inline-block;
        position: relative;
        font-size: 30px;
        line-height: 22px;
        top: 0;
      }

      .box-giohang span.cart-count {
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        font-weight: bold;
        padding: 2px;
        position: absolute;
        top: -1px;
        left: 33px;
        z-index: 2;
        line-height: 12px;
        height: 17px;
        font-size: 11px;
        min-width: 17px;
        background: #00a651;
      }

      .box-giohang span.ty-minicart-title {
        padding: 0;
        display: block;
        font-size: 11px;
        padding-top: 4px;
        text-decoration: none;
        color: #3d3933;
      }

      div.bg_input {
        float: right;
        color: #a3a3a3;
      }

      .bg_input p {
        font-size: 13px;
      }

      .bg_input p {
        font-size: 13px;
      }

      .search_frm {
        margin: 0px 0;
      }

      #search_frm_vi form {
        border: none !important;
        display: flex;
        align-items: center;
        position: relative;
      }

      .search_frm select {
        float: left;
        width: 100px;
        height: 42px;
        box-shadow: 1px 0 0 0 #eeeeee, 0 1px 0 0 #eeeeee, 1px 1px 0 0 #eeeeee, 1px 0 0 0 #eeeeee inset, 0 1px 0 0 #eeeeee inset;
        border: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 10px;
      }

      .bg_input input {
        background: #fff;
        width: 220px;
        border: 1px solid #51a93f;
        margin: 0px;
        height: 33px;
        color: #b5b5b5;
        font-size: 14px;
        outline: none;
        padding-left: 14px;
        border-radius: 20px;
      }

      .img_search {
        position: absolute;
        right: 11px;
        top: 5px;
      }

      .img_search a {
        display: block;
        color: #fff;
        line-height: 33px;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        font-family: RobotoBold;
      }

      .img_search a:hover {
        color: #fff;
      }

      .left_slider {
        width: 22%;
        float: left;
        position: relative;
      }

      .right_slider {
        width: 77.4%;
        float: right;
      }

      #xodoc {
        background: #FF6A98;
        float: left;
        text-transform: uppercase;
        color: #fff;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
        font-size: 15px;
        font-weight: normal;
        width: 22%;
        min-width: 288px;
        text-align: left;
        margin: 0;
      }

      #xodoc i {
        font-size: 24px;
        vertical-align: sub;
        background: #E6608B;
        padding: 12px 16px;
        margin-right: 10px;
      }

      #box-menu {
        border: 1px solid #efefef;
        border-top: none;
        width: 287px;
        float: left;
        padding: 0px 3px;
        height: 426px;
        position: absolute;
        background: #fff;
        z-index: 99;
      }

      #nav-ul {
        list-style: none;
        overflow: auto;
        height: 420px;
        transition: 0.5s;
      }

      .nav-li {
        padding: 9px 10px;
        border-bottom: 1px dotted #eaeaea;
      }

      .nav-li:hover .box-cap2 {
        display: block;
      }

      .nav-li>img {
        float: left;
        margin-right: 6px;
      }

      .nav-li i {
        float: right;
        font-size: 15px;
        color: #a8a8a8;
        margin-top: 4px;
      }

      .nav-li:last-child {
        border: none;
      }

      .nav-li:hover>.nav-a {
        color: #f00;
      }

      .nav-a {
        display: inline-block;
        color: #4c4c4c;
        font-size: 13px;
      }

      .nav-a2 {
        padding-left: 20px;
        margin-left: 35px;
      }

      .nav-active {}

      .nav-active .nav-a {
        color: #d20014;
      }

      .nav-ul-child {
        position: relative;
        list-style: none;
        margin-top: 12px;
      }

      .nav-li-child:hover .nav-a2 {
        color: #ff0000;
      }

      .nav-li-child {
        padding: 10px 0px 10px 0px;
        position: relative;
        background: url(images/line-menu-left.png) top repeat-x;
      }

      .nav-li-child:last-child {
        padding-bottom: 0px;
      }

      .nav-active:hover .nav-ul-child {
        display: block;
      }

      .cap-left {}

      .box-cap2 {
        width: 250px;
        background: #fff;
        position: absolute;
        left: 100%;
        top: 0;
        display: none;
        z-index: 9999999;
        border: 1px solid #eaeaea;
        padding: 0;
      }

      .box-cap2 img {
        float: right;
      }

      .cap2 {
        list-style: none;
      }

      .cap2:nth-child(4n+4) {
        margin-right: 0px;
      }

      .cap2 li {
        border-bottom: 1px dotted #eaeaea;
        padding: 8px 10px;
      }

      .cap2 li a {
        color: #333;
        font-size: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
      }

      .cap2 li>b>a {
        font-family: 'Roboto-Bold';
        font-size: 14px;
        font-weight: normal;
      }

      .cap2 li a:hover {
        color: #f00;
      }

      .sanphamnoibat {}

      .item_spnb {
        margin: 3px;
        background: #fff;
        margin-top: 6px;
        padding: 7px;
      }

      .item_spnb_t {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .item_spnb .img_spnb {
        float: left;
        margin-right: 20px;
        min-width: 100px;
        min-height: 100px;
      }

      .item_spnb .img_spnb img {}

      .item_spnb .name_spnb {}

      .item_spnb .name_spnb h3 {
        margin: 0;
      }

      .item_spnb .name_spnb h3 a {
        font-family: 'helveticaneuebold';
        color: #000;
        font-size: 15px;
      }

      .item_spnb .name_spnb h3 a:hover {}

      .btnmuangay {
        color: #000;
        font-weight: bold;
        float: right;
        cursor: pointer;
      }

      .title-pro1 {
        margin: 0 auto;
        text-align: left;
        margin-bottom: 10px;
        background: url(images/title_tintuc.png) no-repeat left bottom;
      }

      .title-pro1 h3.title_tintuc {
        text-transform: uppercase;
        font-family: 'Roboto-Bold';
        color: #222222;
        font-size: 22px;
        font-weight: normal;
        padding-right: 13px;
        margin: 10px 0;
        display: inline-block;
      }

      .title-pro1 h3.title_tintuc a {
        color: #ff6a98;
      }

      .box_tintuc {
        height: 107px;
        padding: 5px 0;
        margin: 4px 0;
        border-bottom: 1px dashed #999;
      }

      .ten_trai {
        margin-bottom: 10px;
        margin-top: 10px;
      }

      .ten_trai a h3 {
        color: #000;
        font-weight: bold;
        font-size: 13px;
      }

      .idx-about-img1 img {
        width: 100%;
      }

      .name_news {
        margin: 0;
        line-height: 12px;
        margin-bottom: 5px;
      }

      .name_news a {
        color: #333333;
        font-size: 14px;
        font-weight: normal;
        font-family: 'OpenSans-Bold';
      }

      .images_news {
        float: left;
        max-width: 123px;
        max-height: 90px;
        margin-right: 5px;
      }

      .images_news img {
        border-radius: 50%;
        max-width: 100%;
      }

      .mota_news {
        font-size: 13px;
        color: #555555;
        font-family: 'OpenSans-Regular';
      }

      .box-content-hotro p {
        font-size: 15px;
        margin-bottom: 1px;
      }

      a.dangkymail {
        background: url(images/bg_mail.png) repeat-x;
        width: 100%;
        text-align: center;
        font-family: 'OpenSans-Bold';
        font-size: 16px;
        text-transform: uppercase;
        padding: 4px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff !important;
      }

      a.dangkymail i {
        margin-right: 10px
      }

      #hidden-content {
        text-align: center;
      }

      .top_footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 16px;
      }

      .top_footer .top_footer_left {
        font-family: Arial;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
      }

      .top_footer .top_footer_center {
        margin: 0 44px;
        padding: 0 34px;
      }

      .top_footer .top_footer_center ul {
        text-align: center;
      }

      .top_footer .top_footer_center ul li {
        display: inline-block;
        margin: 0 10px;
      }

      .top_footer .top_footer_center ul li a {
        font-size: 13px;
      }

      .top_footer .top_footer_center ul li:not(:last-child) a:after {
        content: " | ";
        margin-left: 23px;
      }

      .top_footer .top_footer_center p {
        margin: 0;
      }

      .top_footer .top_footer_right {}

      .top_footer .top_footer_right .hotline_ft img {
        margin-right: 20px;
      }

      .top_footer .top_footer_right .hotline_ft {
        display: flex;
        align-items: center;
      }

      .top_footer .top_footer_right .hotline_ft .hotline_ft1 {
        color: #fff;
        font-size: 12px;
      }

      .top_footer .top_footer_right .hotline_ft .hotline_ft1 span {
        color: #fff;
        font-size: 16px;
        font-family: 'Roboto-Bold';
      }

      #tab_index {
        width: 100%;
        margin: 20px auto;
      }

      #tab_index #tabs {
        margin: 0 auto;
      }

      #tab_index ul {
        padding: 0;
        border-top: 2px solid #FF6A98;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: end;
        box-shadow: 1px 0 0 0 #efefef, 0 1px 0 0 #efefef, 1px 1px 0 0 #efefef, 1px 0 0 0 #efefef inset, 0 1px 0 0 #efefef inset;
      }

      #tab_index ul li.tab_li {
        list-style-type: none;
        color: #fff;
        padding: 10px 20px;
      }

      #tab_index ul li.tab_li.active {
        background: #FF6A98;
      }

      #tab_index ul li.tab_li a {
        color: #4c4c4c;
        font-size: 14px;
        font-family: 'Roboto-Bold';
      }

      #tab_index ul li.tab_li.active a {
        color: #fff;
        background: #FF6A98;
      }

      #tab_index ul li.tab_li a:hover {}

      .product-item1 {
        float: none !important;
        margin: 0 !important;
        text-align: center;
      }

      .item-tour {
        text-align: center;
        margin-bottom: 30px;
        z-index: 0;
      }

      .item-tour-trong {
        padding: 0;
        text-align: center;
        position: relative;
        height: 100%;
      }

      .product-item {
        z-index: 2;
        position: relative;
        margin: 0 10px;
        text-align: center;
        outline: none;
      }

      .product-image {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        padding: 0;
        z-index: 0;
      }

      .product-image img {
        margin: auto;
        -moz-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        transition: all 0.7s ease;
        width: 100%;
      }

      .giamgia {
        background: url(images/icon_phantram.png) top left no-repeat;
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
      }

      .giamgia:after {
        content: '%';
      }

      .giamgia:before {
        content: '-';
      }

      .icon_giamgia {
        background: url(images/promotion.gif) no-repeat;
        width: 100px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 123;
      }

      .giamgia span {
        font-size: 12px;
        color: #fff;
        text-align: center;
        font-weight: normal;
      }

      .icon_noibat {
        background: url(images/hot.png) no-repeat;
        width: 45px;
        height: 32px;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 123;
      }

      .icon_spmoi {
        background: url(images/new.png) no-repeat;
        width: 45px;
        height: 32px;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 123;
      }

      .product-image:hover img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }

      .product-name {
        margin: 0px auto;
        position: relative;
        background: #fff;
      }

      .product-name h3 {
        color: #fff;
        line-height: 15px;
        padding: 10px 10px;
        margin: 0;
        box-shadow: 0px 0px 4px 0px #ccc;
      }

      .product-name a {
        color: #222222;
        font-size: 15px;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 18px;
        font-family: 'RobotoMedium';
        height: 36px;
      }

      .product-name a:hover {
        color: #e70000;
      }

      .xemchitiet a {
        color: #e70000;
        text-align: center;
        font-size: 15px;
      }

      .bottom_pro {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
      }

      .gia_bottom {}

      .price {
        font-size: 18px;
        padding: 0;
        color: #7b7b7b;
        display: inline-block;
      }

      .price span {
        color: #e70000;
        font-size: 15px;
      }

      .price_cu {
        padding: 0 10px;
        display: inline-block;
      }

      .price_cu span {
        font-size: 13px;
        text-decoration: line-through;
        text-align: center;
        color: #7b7b7b;
        font-weight: normal;
      }

      .xemthem_pro {
        display: flex;
        position: absolute;
        bottom: -17px;
        left: 0;
        right: 0;
        align-items: center;
        justify-content: center;
      }

      .xemthem_pro a {
        background: #FFD800;
        color: #0e0e0e;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 11px 32px;
        border-radius: 20px;
        font-family: RobotoBold;
        text-transform: uppercase;
      }

      .xemthem_pro a i {
        color: #1874CF;
        font-size: 6px;
        padding-right: 5px;
      }

      .xemthem_pro a:hover {
        color: #fff;
        background: #1874CF;
      }

      .xemnhanh {
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        top: 0;
        left: 0;
        font-size: 20px;
        background: rgba(0, 0, 0, 0.5);
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff !important;
        opacity: 0;
        -webkit-transition: opacity .2s, background-color .2s;
        -moz-transition: opacity .2s, background-color .2s;
        transition: opacity .2s, background-color .2s;
      }

      .xemnhanh:hover {
        opacity: 1;
      }

      .owl-next {
        cursor: pointer;
        width: 30px;
        height: 30px;
        background: url(images/next.png) no-repeat right;
        position: absolute;
        top: 40%;
        right: 0px;
        z-index: 9;
        text-indent: -99999em;
      }

      .owl-prev {
        width: 30px;
        height: 30px;
        background: url(images/prev.png) no-repeat;
        position: absolute;
        top: 40%;
        left: 0px;
        z-index: 9;
        cursor: pointer;
        text-indent: -99999em;
      }

      .idx-title {
        margin-top: 10px;
        border-top: 2px solid #FF6A98;
        box-shadow: 1px 0 0 0 #efefef, 0 1px 0 0 #efefef, 1px 1px 0 0 #efefef, 1px 0 0 0 #efefef inset, 0 1px 0 0 #efefef inset;
      }

      .idx-title .stt {
        background: url(images/stt.png) no-repeat left;
        height: 38px;
        width: 38px;
        line-height: 38px;
        float: left;
        font-size: 13px;
        color: #000;
        margin: 1px 4px;
      }

      .idx-title a.viewall {
        color: #404040;
        font-size: 13px;
        float: right;
        line-height: 43px;
        border-radius: 5px;
        padding: 0 11px;
      }

      .idx-title a.qq {
        text-transform: uppercase;
        color: #fff;
        position: relative;
        font-size: 20px;
        text-align: center;
        font-weight: normal;
        background: #FF6A98;
        display: inline-block;
        height: 43px;
        line-height: 43px;
        padding: 0;
        float: left;
        z-index: 0;
      }

      .idx-title a span.idxlist {
        color: #ffff;
        position: relative;
        font-size: 18px;
        text-align: center;
        font-weight: normal;
        display: inline-block;
        padding: 0 20px;
        cursor: pointer;
        font-family: 'Roboto-Bold';
      }

      .cd-tabs {}

      .cd-tabs nav {
        position: relative;
        background: transparent;
        box-shadow: none;
        height: auto;
      }

      ul.cd-tabs-navigation {
        overflow: hidden;
        transition: 0.5s;
        padding: 9px;
        margin: 0;
      }

      ul.cd-tabs-navigation li {
        border-bottom: 1px solid #Ccc;
        padding: 10px 0;
      }

      ul.cd-tabs-navigation li:last-child {
        border: none;
      }

      .danhmuc_cat {
        padding: 17px 0;
        margin-top: 44px;
      }

      .idx-title ul li {
        display: inline-block;
        list-style-type: none;
        cursor: pointer;
        text-align: center;
      }

      ul.tit {
        margin: 0;
        padding: 0 27px;
      }

      ul.tit li a {
        font-size: 14px;
        color: #333333;
        display: block;
        padding: 1px 10px;
        line-height: 100%;
        cursor: pointer;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }

      ul.tit li a:hover {
        color: #f00;
        text-decoration: underline;
      }

      ul li a.selected {
        color: #f00;
        display: inline-block;
        line-height: 100%;
      }

      nav>a.viewall {
        color: #f00;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        float: right;
        line-height: 38px;
        text-align: center;
        cursor: pointer;
        margin-right: 5px;
      }

      nav>a.viewall:hover {
        color: #000;
      }

      .quangcao_list {
        margin: 20px 0;
      }

      .quangcao_list img {
        padding: 0 10px;
      }

      #at4-share2,
      #at-share-dock {
        display: none;
      }

      .holder_all {
        margin: 20px auto;
        text-align: center;
      }

      .holder_all a {
        font-size: 12px;
        cursor: pointer;
        margin: 0 1px;
        color: #333;
        color: #E25922;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 3px 9px;
      }

      .holder_all a:hover {
        background-color: #00a803;
        color: #fff;
      }

      .holder_all a.jp-previous {
        margin-right: 0px;
        padding: 3px 0;
        border: 1px solid #ddd;
      }

      .holder_all a.jp-next {
        margin-left: 0px;
        padding: 3px 0;
        border: 1px solid #ddd;
      }

      .holder_all a.jp-current,
      a.jp-current:hover {
        color: #0072E5;
        font-weight: bold;
      }

      .holder_all a.jp-disabled,
      a.jp-disabled:hover {
        color: #bbb;
      }

      .holder_all a.jp-current,
      a.jp-current:hover,
      .holder_all a.jp-disabled,
      a.jp-disabled:hover {
        cursor: default;
        background: #00a803;
        color: #fff;
      }

      .holder_all span {
        margin: 0 5px;
      }

      .ttcanhan {
        text-align: center;
        padding-bottom: 10px;
        padding: 15px;
      }

      .ttcanhan1 {
        padding: 15px;
      }

      .ubeside {}

      .ubeside ul {
        list-style: none;
        margin-left: 0;
        margin-bottom: 0;
        background: #FFF;
      }

      .ubeside ul li {
        border-bottom: 1px solid #d9d9d9;
        padding: 10px;
        text-indent: 0;
      }

      .ubeside ul li a:hover {
        color: #f00;
      }

      .ubeside ul li:last-child {
        border-bottom: none;
      }

      .ubeside small,
      .ubeside span {
        margin-left: 4px;
        display: inline-block;
        transform: translateY(-2px);
        text-indent: 0;
      }

      .google_plusone_iframe_widget {
        width: 36px !important;
      }

      .khung_content {
        padding: 20px;
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
      }

      .mxh_bottom {
        margin-top: 10px;
      }

      .mxh_bottom img {
        margin-right: 5px;
      }

      .input_l {
        padding: 0 !important;
      }

      .dknhantin p {
        margin-bottom: 10px
      }

      .item_doitac {
        margin: 0 5px;
        padding: 7px;
      }

      .item_doitac img {}

      .title-info-detail {
        margin: 0 auto;
        width: 100%;
        padding: 0 0 0px 0px;
        color: #000;
        margin-top: 0;
      }

      .title-info-detail h3.title-info-detail {
        font-size: 15px;
        color: #000;
      }

      .title-info-detail h3.title-info-detail a {
        color: #000;
      }

      .box-service-product .header-box-service-product {
        background: #f6f6f6;
        border-top: 1px solid #e0e0e0;
        padding: 10px;
      }

      .box-service-product .header-box-service-product .title {
        font-size: 15px;
        font-weight: bold;
        color: #f77705;
      }

      .box-service-product .header-box-service-product .content {
        font-size: 13px;
        color: #666;
      }

      .border-service-product {
        padding: 10px 0;
        border-bottom: 1px solid #e0e0e0;
      }

      .box-service-product .content-box-service-product .title {
        font-size: 13px;
        font-weight: bold;
        color: #333;
      }

      .box-service-product .content-box-service-product .content {
        font-size: 12px;
        color: #666;
      }

      .flexbox-grid-default {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
      }

      .flexbox-align-self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
      }

      .flexbox-auto-45px {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 45px;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
      }

      .flexbox-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
      }

      .mb10 {
        margin-bottom: 10px;
      }

      .wrapper-product-related .title-group-related .title-group {
        margin: 0;
        padding: 14px 15px 15px;
        font-size: 15px;
        background: #e7e7e7;
        text-transform: uppercase;
      }

      .list-product-related {
        border: 1px solid #e7e7e7;
        border-top: 0;
        padding: 10px;
      }

      .list-product-related li {
        margin-bottom: 10px;
      }

      .list-product-related .product-title {
        margin: 0;
        font-size: 15px;
        line-height: 20px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        display: -moz-box;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;
        height: 39px;
        margin-bottom: 5px;
        color: #000;
      }

      .list-product-related .product-box-price-related .price-new-related {
        color: #deb925;
      }

      .flexbox-auto-100px {
        border: 1px solid #efefef;
      }

      .list-product-related .product-box-price-related .price-old-related {
        color: #7d7d7d;
        text-decoration: line-through;
      }

      .pd-l-10 {
        padding-left: 10px !important;
      }

      #loadding {
        background: url(images/loading.gif) no-repeat center;
        background-color: rgba(255, 255, 255, 0.5);
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 10000;
        display: none;
      }

      .bg-top-cart {
        color: #FFF;
        height: 35px;
        background: #00a803;
        font-size: 14px;
      }

      .border_gh {
        box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;
        width: auto;
      }

      .ttleft {
        width: 69%;
        float: left;
      }

      form.frm_order {
        background: #f9f9f9;
        padding: 10px;
      }

      form.frm_order h6 {
        font-size: 20px;
        text-transform: uppercase;
        border-bottom: thin solid #ccc;
        margin-bottom: 10px;
      }

      form.frm_order .input {
        padding: 0;
        border: thin solid #ebebeb;
        line-height: 30px;
        text-indent: 10px;
        margin-bottom: 10px;
      }

      form.frm_order select {
        display: inline-block;
        width: 49%;
        border: thin solid #ebebeb;
        margin-bottom: 10px;
        padding: 6px 8px;
      }

      form.frm_order .textarea {
        display: block;
        width: 100%;
        border: thin solid #ebebeb;
        padding-top: 8px;
        text-indent: 0;
        font-size: 13px;
        font-family: Arial;
        height: 125px;
        margin-bottom: 10px;
      }

      .ttright {
        width: 30%;
        float: right;
        background: #f9f9f9;
        padding: 10px;
      }

      .cartitem {
        margin-bottom: 10px;
        position: relative;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
        z-index: 0;
      }

      .cartitem_img {
        width: 20%;
        vertical-align: top;
        position: relative;
        border: thin solid #ccc;
        padding: 5px;
        background: #fff;
        float: left;
        margin-right: 20px;
      }

      .cartitem_img img {
        display: block;
        width: 100%;
      }

      .cartitem_img span {
        position: absolute;
        top: -6px;
        right: -10px;
        background: #fe0000;
        display: block;
        color: #fff;
        line-height: 20px;
        font-size: 12px;
        width: 20px;
        text-align: center;
        border-radius: 50%;
      }

      .cartitem_name {
        vertical-align: top;
        margin-left: 15px;
      }

      .cartitem_name b {
        display: block;
        font-family: 'OpenSansBold';
      }

      .cartitem_price {
        font-size: 15px;
        color: #d50101;
        vertical-align: top;
        margin-left: 15px;
      }

      .cartitem_price strong {
        font-family: 'OpenSansBold';
      }

      .cartitem_size {
        font-family: 'OpenSans-Regular';
      }

      .cartitem_size span {}

      .tongcongcart {
        color: #000;
        font-size: 16px;
      }

      #tonggia {
        color: #d50101;
        font-size: 16px;
      }

      .form-group {
        text-align: left;
      }

      .fixed-margin {
        margin: 0 auto;
        text-align: center;
      }

      .payment-container {
        margin-top: 25px;
        position: relative;
        width: 100%;
      }

      .thanhcuon_ngang {
        overflow-y: scroll;
      }

      .full_sanpham {
        padding: 30px 0 20px 0;
        background: #F5F5F5;
      }

      a.xemthem_tc {
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 15px 0;
      }

      a.xemthem_tc span {
        border: 1px solid #ccc;
        transition: color 0.4s ease 0s;
        color: #000;
        display: inline-block;
        padding: 6px 20px;
        position: relative;
        a.xemthem_tc: hover;
        a.xemthem_tc: hover;
        font-size: 16px;
      }

      a.xemthem_tc:hover span {
        background-color: #ED1C24;
        border-color: transparent;
        color: #fff;
      }

      .line {
        width: 100%;
        background: #ccc;
        height: 1px;
      }

      .full_dichvu {
        padding: 30px 0;
        background: url(images/bg_dichvu.png) no-repeat fixed;
        background-size: cover;
      }

      .item_dichvu {
        margin: 0 18px;
        padding: 39px 10px;
        position: relative;
      }

      .item_dichvu .img_dichvu {}

      .item_dichvu .img_dichvu img {
        transition: 1s;
        border-radius: 50%;
      }

      .item_dichvu .img_dichvu img:hover {
        transition: 1s;
        transform: scale(1.1);
        transform: rotate(360deg);
      }

      .item_dichvu .noidung_dichvu {
        text-align: center;
      }

      .item_dichvu h3 {
        margin: 20px 0 10px 0;
      }

      .item_dichvu h3 a {
        font-family: 'RobotoBold';
        color: #fff;
        font-size: 15px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .item_dichvu h3 a:hover {
        color: #f00;
      }

      .item_dichvu p {
        font-size: 13px;
        padding: 0;
        color: #fff;
        line-height: 24px;
        margin-bottom: 0;
      }

      .item_dichvu .xemthem_dichvu {
        margin: 0 auto;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -8px;
      }

      .item_dichvu .xemthem_dichvu a {
        color: #fff;
        background: #39b549;
        padding: 10px 20px;
        text-align: center;
        font-size: 14px;
        line-height: 21px;
      }

      .item_dichvu .xemthem_dichvu a:hover {
        background: #f00;
      }

      .item_news {
        position: relative;
        overflow: hidden;
        margin: 0 15px;
        text-align: center;
      }

      .item_news .img_news {
        position: relative;
        overflow: hidden;
      }

      .item_news .img_news img {
        width: 100%;
      }

      .item_news .img_news img:hover {
        transform: scale(1.1);
      }

      .item_news .bottom_news {
        padding: 10px 0;
        text-align: left;
      }

      .item_news h3 {
        margin-top: 0;
      }

      .item_news h3 a {
        color: #222222;
        margin: 0;
        font-size: 18px;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 19px;
      }

      .item_news h3 a:hover {
        color: #f00;
      }

      .item_news p {
        color: #414141;
        font-size: 14px;
        text-align: justify;
      }

      .product_info {}

      .product_left {
        width: 57.6%;
        float: left;
      }

      .product_info .main-img-slider {
        width: 81%;
        float: right;
        background: none;
        border: thin solid #ebebeb;
        overflow: hidden;
      }

      .product_info .thumb-nav {
        width: 18%;
        float: left;
        margin: 0 !important;
        background: none !important;
      }

      .img_thumb {
        margin: 4px 0;
        border: thin solid #ebebeb;
      }

      .product_left .thumb-nav .slick-prev,
      .product_left .thumb-nav .slick-next {
        top: 0;
        left: 0;
        width: 100% !important;
        height: 25px !important;
        display: block !important;
        text-indent: -999px;
        opacity: 1;
        margin: 0 !important;
      }

      .product_left .thumb-nav .slick-prev {
        background: url(images/btn-top.png) no-repeat center;
        background-position-y: 5px;
      }

      .product_left .thumb-nav .slick-next {
        background: url(images/btn-bottom.png) no-repeat center;
        top: auto !important;
        bottom: 0 !important;
        background-position-y: -5px;
      }

      .product_right {
        width: 40%;
        float: right;
      }

      .at-share-dock,
      .at4-share {
        display: none;
      }

      .menu_left>li {
        background: url(images/add_li_03.png)no-repeat right 5px;
        cursor: pointer;
      }

      .menu_left li {
        list-style: none;
        padding: 5px 0px;
      }

      .menu_left>li>a {
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
        font-size: 16px;
        font-family: 'RobotoBold';
      }

      .menu_left>li>ul>li>a {
        text-transform: uppercase;
        font-size: 14px;
      }

      .menu_left li a {
        color: #333;
        font-size: 14px;
      }

      .menu_left li a:hover {
        color: #f00;
      }

      .menu_cat {
        border-top: 1px dotted #bfbfbf;
      }

      .menu_cat {
        display: none;
        transition: all 1s;
      }

      .active_cat ul {
        display: block;
        padding: 0 8px;
      }

      .active_cat {
        background: url(images/minute_li_06.png)no-repeat right 5px !important;
      }

      .soluong_detail {
        margin-bottom: 6px;
      }

      .left_formtt01 {
        float: left;
        width: 57%;
      }

      .wrap-delivery {
        padding: 15px;
        float: right;
        width: 40%;
      }

      .wrap-delivery span.txt {
        font-size: 18px;
      }

      .delivery-types {
        margin: 5px 0px;
      }

      .delivery-types label {
        position: relative;
        float: left;
        width: 85px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
      }

      .delivery-types label.disable {
        color: #9c9c9c;
      }

      .delivery-types select.disable {
        background: #c9c9c9;
        color: #9c9c9c;
      }

      .delivery-types select {
        float: left;
        width: 143px;
        padding: 6px 2px;
        border: 1px solid #d1d1d1;
      }

      .city-lbl,
      .distrist-lbl {
        width: 87px;
      }

      .show-price-ship {}

      .tong-show-price-ship {}

      .khung_giamgia {
        float: left;
        padding: 14px;
        width: 49%;
      }

      .magiamgia {
        color: #000;
        cursor: pointer;
        margin-top: 4px;
        font-size: 14px;
        font-weight: bold;
      }

      .magiamgia i {
        color: #000;
        transition: all .3s;
        font-size: 13px;
        font-weight: bold;
      }

      .magiamgia:hover i {
        margin-left: 10px;
      }

      .input-giamgia {
        margin: 5px 0;
        width: 100%;
      }

      .total-tt {
        border-top: 1px solid #e7e7e7;
        margin: 12px 0;
        font-size: 14px;
      }

      .total-tt .p {
        color: #000;
        font-size: 20px;
        display: inline-block;
      }

      .giamgia-thanhcong {
        font-size: 14px;
        display: inline-block;
      }

      .giamgia-thanhcong .p,
      .giamgia-thanhcong span {
        color: #f00;
        margin-left: 1px;
      }

      .magiamgia-succ {
        font-size: 18px;
        font-family: UTAB;
        color: green;
      }

      .magiamgia-succ .remove {
        font-size: 13px;
        font-family: UTAv;
        color: red;
        cursor: pointer;
      }

      .error-text {
        font-size: 14px;
        color: #F00;
      }

      #inline_sodo {
        display: none;
      }

      .slide-show {
        position: relative;
      }

      .mxh_fixed {
        position: fixed;
        top: 45%;
        right: 1%;
      }

      .mxh_fixed a img {
        margin-bottom: 10px;
      }

      .footer_ft {
        position: relative;
        text-align: center;
        background: url(images/line_ft.png) no-repeat center;
      }

      .footer_ft img {
        background: #F3EDDB;
        padding: 0 20px;
        position: relative;
        z-index: 1;
        display: inline-block;
      }

      .title_tintuc {
        margin-bottom: 20px;
        text-align: left;
      }

      .title_tintuc h3 {
        text-transform: uppercase;
        color: #363636;
        padding: 0px 0 18px 0px;
        font-size: 25px;
        text-align: left;
        font-weight: normal;
        font-family: 'UTM AvoBold';
        position: relative;
        background: url(images/title_tintuc.png) no-repeat bottom left;
        background-size: 100%;
        margin: 10px 0;
      }

      #footer_bottom {
        position: relative;
        text-align: center;
        color: #fff;
        font-size: 12px;
        padding: 11px 70px;
        background: #499939;
        width: 100%;
      }

      .footer_bottom_left {
        position: relative;
        text-align: center;
      }

      .bot_ft_left {
        float: left;
        margin-right: 30px;
      }

      .bot_ft_right {
        float: right;
      }

      .mxh-bot {
        margin: 10px 0;
      }

      .mxh-bot ul {
        margin: 0;
      }

      .mxh-bot ul li {
        float: left;
        margin: 0px 5px;
      }

      .mxh-bot ul li {
        transition: 1s all;
      }

      .mxh-bot ul li:hover {
        transform: rotate(360deg);
      }

      .title_ft {
        margin-bottom: 6px;
      }

      .title_ft h3 {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: normal;
        background: url(images/title_ft.png) no-repeat bottom left;
        padding: 6px 0px;
        margin: 3px 0;
        display: inline-block;
        font-family: MuliBold;
      }

      .notice {
        font-size: 15px;
        padding: 10px 15px;
      }

      .dichvu_left {
        border-right: 1px solid #5395d7;
        padding: 30px 0 2px 0;
      }

      .dichvu_right {
        padding: 20px 0;
      }

      .dichvu_left:after {
        content: "";
        height: 100%;
        width: 1px;
        background: #5395d7;
        position: absolute;
        left: 50%;
        top: 0px;
      }

      .dichvu_left:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #5395d7;
        position: absolute;
        top: 50%;
        left: 0px;
      }

      .box-dichvu {
        padding-left: 20px;
      }

      .ten_dv {}

      .ten_dv h2 {
        font-family: 'UTMHelvetIns';
        font-size: 30px;
        color: #fff;
      }

      .mota_dv {
        font-size: 13px;
        color: #dfe8f5;
        line-height: 25px;
        text-align: justify;
      }

      .xemthem_dv {
        margin-top: 30px;
      }

      .xemthem_dv a {
        color: #fff;
        border: 1px solid #fff;
        padding: 11px 29px;
        font-size: 14px;
      }

      .next_pro {
        position: absolute;
        right: 8px;
        top: -60px;
        z-index: 100;
        cursor: pointer;
      }

      .prev_pro {
        position: absolute;
        right: 50px;
        top: -60px;
        z-index: 100;
        cursor: pointer;
      }

      .noidungft {
        line-height: 25px;
        margin-bottom: 5px;
      }

      .splienquan_right {
        margin: 20px 0;
      }

      .banner_right {
        width: 79%;
      }

      .banner_right .flex1 {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 12px;
      }

      .diachi_top {
        font-size: 15px;
        color: #555555;
      }

      .full_baogia {
        background: url(images/bg_baogia.png) no-repeat;
        background-size: cover;
        padding: 30px 0;
      }

      .item_baogia {
        color: #000;
        display: flex;
        align-items: center;
        height: 135px;
        margin: 0 3px;
        justify-content: center;
        padding: 10px;
        background: #fff;
        text-align: left;
      }

      .item_baogia .img_baogia {
        margin-right: 10px;
        float: left;
        width: 100px;
      }

      .item_baogia .img_baogia img {
        border-radius: 50%;
      }

      .item_baogia .noidung_baogia {
        float: left;
        width: 69%;
      }

      .item_baogia .noidung_baogia h3 {
        line-height: 16px;
        margin: 7px 0;
      }

      .item_baogia .noidung_baogia h3 a {
        font-size: 15px;
        color: #333333;
        font-family: RobotoBold;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .item_baogia .noidung_baogia p {
        font-size: 14px;
        color: #555555;
        margin-bottom: 17px;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
      }

      .item_baogia .timhieuthem {
        font-size: 12px;
        color: #fff;
        font-family: RobotoBold;
        background: url(images/xemthem.png) no-repeat;
        padding: 10px 65px 10px 8px;
      }

      .full_duan {
        padding: 30px 0;
        background: url(images/bg_duan.png) no-repeat;
        background-size: cover;
      }

      .title_da {
        text-align: center;
        background: url(images/title_da.png) no-repeat center;
        padding: 4px 0;
        margin: 20px 0;
      }

      .title_da h3 {
        font-family: 'MontserratBold';
        color: #fff;
        font-size: 18px;
        margin: 10px 0;
      }

      .item_duan {
        position: relative;
        margin-bottom: 20px;
      }

      .item_duan .img_duan {
        position: relative;
        overflow: hidden;
      }

      .item_duan .img_duan img {}

      .item_duan .img_duan img:hover {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }

      .item_duan h3 {
        font-size: 20px;
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.78);
        color: #fff;
        margin: 0;
        width: 100%;
        padding: 14px 0;
        text-align: center;
        font-family: RobotoMedium;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: 1;
      }

      .item_duan h3:hover {
        color: #f00;
      }

      .item_baiviet {
        color: #000;
        margin: 0 auto;
        margin-bottom: 15px;
      }

      .item_baiviet .img_baiviet {
        overflow: hidden;
      }

      .item_baiviet .img_baiviet img:hover {
        transform: scale(1.1);
      }

      .item_baiviet .noidung_baiviet {}

      .item_baiviet .noidung_baiviet h3 {
        margin: 6px 0;
      }

      .item_baiviet .noidung_baiviet h3 a {
        font-size: 15px;
        color: #333333;
        font-family: RobotoBold;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .item_baiviet .noidung_baiviet h3 a:hover {
        color: #f00;
      }

      .item_baiviet .noidung_baiviet p {
        font-size: 13px;
        color: #5b5b5b;
        margin: 0;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
      }

      .item_ykien {
        text-align: center;
      }

      .item_ykien .img_ykien {}

      .item_ykien .img_ykien img {
        border-radius: 50%;
      }

      .item_ykien h5 {
        color: #3e3e3e;
        font-size: 15px;
        font-family: RobotoBold;
      }

      .item_ykien span {
        color: #3e3e3e;
        font-size: 15px;
      }

      .item_ykien p {
        color: #3e3e3e;
        font-size: 15px;
        margin-top: 10px;
        padding: 10px;
        line-height: 25px;
      }

      .item_ykien p img {
        padding: 10px;
      }

      .full_nhantin {
        padding: 18.5px 0;
        background: #2443CF;
        position: relative;
      }

      .div_nhantin {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
      }

      #subscribe_form {}

      .guimail {
        background: #FFF200;
        border: none;
        color: #000000 !important;
        font-size: 18px;
        cursor: pointer;
        border: none;
        font-family: RobotoMedium;
        width: 185px;
        height: 43px;
      }

      .email-form {
        min-width: 417px;
        height: 44px;
        text-indent: 10px;
        color: #000;
        border: 1px solid #c2c2c2;
      }

      .title_nt {
        display: flex;
        align-items: center;
      }

      .title_nt img {
        margin-right: 20px;
      }

      .title_nt h3 {
        color: #fff;
        font-size: 20px;
        font-family: MuliBold;
        margin: 0;
        position: relative;
        z-index: 1;
        padding-left: 0;
      }

      .title_nt p {
        color: #fff;
        font-size: 13px;
        margin: 0 0;
      }

      .mxh_nt {
        margin-top: 3px;
        float: right;
      }

      .mxh_nt ul {
        margin: 0;
      }

      .mxh_nt ul li {
        float: left;
        margin-right: 5px;
      }

      .tagtukhoa ul li {
        float: left;
        padding: 3px 3px;
      }

      .content_left {}

      .item_index_small {
        min-height: 70px;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
      }

      .item_index_small img {
        float: left;
        margin-right: 10px !important;
      }

      .item_index_small img:hover {
        opacity: 0.8
      }

      .item_index_small p {
        color: #3e3e3e;
        font-size: 13px;
        margin: 0;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 18px;
      }

      .item_index_small h3 {
        color: #3e3e3e;
        font-size: 13px;
        margin-top: 0;
      }

      .item_tinslide {
        border-bottom: 1px dashed #ccc;
        padding: 10px 0;
      }

      .item_tinslide h3 {
        color: #2443cf;
        font-size: 14px;
        background: url(images/icon_tt.png) no-repeat left center;
        padding-left: 9px;
        margin: 0;
        line-height: 20px;
      }

      .item_tinslide h3:hover {
        color: #f00;
      }

      .item_tinslide p {
        color: #4b4b4b;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        margin-bottom: 5px;
      }

      .list_dv {
        margin-bottom: 5px;
      }

      .list_dv h3 {
        font-size: 14px;
        margin: 0;
        background: #2443CF;
        color: #fff;
        padding: 10px;
      }

      .list_dv h3:hover {
        background: #dca400;
      }

      .title_dvc {
        margin: 10px -8px 0 -8px !important;
      }

      .form-control {
        margin-bottom: 5px;
      }

      .col_main {
        margin-top: 10px;
      }

      #wapdknt {
        background: url(images/bg_nhantin.png) no-repeat fixed;
        padding: 30px 0;
        background-size: 100%;
      }

      .khungbao {}

      .dknt-ct {
        text-align: center;
        margin: 0 auto;
      }

      .item-dk {
        margin: 8px 7px;
      }

      .item-dk .input {
        height: 43px;
        color: #4b4b50;
        box-shadow: none !important;
        font-size: 14px;
        border: 1px solid #e1e1e1;
        border-radius: 0;
        width: 220px;
      }

      .item-dk1 {
        margin: 7px 7px;
      }

      .item-dk1 .textarea {
        height: 75px;
        font-family: 'RobotoRegular';
        padding: 10px;
        width: 100%;
        color: #4b4b50;
        box-shadow: none !important;
        font-size: 14px;
        border: 1px solid #e1e1e1;
        border-radius: 0;
      }

      .item-dk .bdk {
        width: 33.33%;
        float: left;
        padding: 0 5px;
        box-sizing: border-box;
        position: relative;
      }

      .item-dk .bdk input {
        width: 100%;
        height: 46px;
        line-height: 46px;
        box-sizing: border-box;
        padding: 0 10px;
        color: #4b4b50;
      }

      .item-dk .input::placeholder {
        color: #4b4b50;
      }

      .item-dk .input::-ms-input-placeholder {
        color: #4b4b50;
      }

      .item-dk .input::-ms-input-placeholder {
        color: #4b4b50;
      }

      .item-dk1 .textarea::placeholder {
        color: #4b4b50;
      }

      .item-dk1 .textarea::-ms-input-placeholder {
        color: #4b4b50;
      }

      .item-dk1 .textarea::-ms-input-placeholder {
        color: #4b4b50;
      }

      .item_video {
        padding: 2px;
      }

      .menu .ddsmoothmenu>ul>li {
        text-align: center;
      }

      .ddsmoothmenu ul li a img {}

      .ddsmoothmenu ul li a span {
        float: none;
      }

      .search_top {
        overflow: initial !important;
        width: 90px;
      }

      a.search {
        width: 90px;
        height: 58px;
        z-index: 999;
        padding: 0 !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
      }

      .search-form {
        background-color: #fff;
        width: 0px;
        height: 30px;
        position: absolute;
        right: 86px;
        top: 14px;
        z-index: 9999;
        display: block;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        overflow: hidden;
        border: 1px solid rgba(220, 220, 220, 1);
        opacity: 0;
      }

      .form-row-search {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }

      .form-row-search input[type="text"] {
        border: none;
        width: 100%;
        height: 30px;
        padding: 0 10px;
        font-size: 13px;
        color: #000;
        line-height: 30px;
        position: absolute;
        display: block;
        opacity: 0.7;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
      }

      .form-row-search input[type="text"]:focus {
        opacity: 1
      }

      .wa_dm {
        margin-bottom: 10px;
      }

      div#danhmuc {
        margin: auto;
        background: #fff;
      }

      .ttdmuc {}

      .ttdmuc::-webkit-scrollbar {
        width: 3px;
      }

      div#danhmuc ul {
        margin: 0;
      }

      #danhmuc ul li {
        text-align: left;
        background: url(images/line.png) no-repeat bottom -2px center;
      }

      div#danhmuc ul li ul li {
        background: #fff;
        position: relative;
      }

      div#danhmuc ul li ul li ul li {
        background: #fff;
        position: relative;
      }

      div#danhmuc ul li ul li ul li ul li {
        background: #fff;
        position: relative
      }

      div#danhmuc ul li:last-child {}

      #danhmuc i {
        float: right;
        font-size: 18px;
      }

      #danhmuc ul li:hover>#danhmuc ul li ul {
        display: block;
      }

      div#danhmuc ul li a:hover,
      div#danhmuc ul li a.active {
        background: #EF151A;
        transition: 0.4s;
        color: #fff;
      }

      div#danhmuc ul li ul li ul {
        top: -1px !important;
        border-top: 1px solid #DDD;
        left: 100%;
      }

      div#danhmuc img {
        vertical-align: middle;
        margin-right: 5px;
        float: left;
      }

      div#danhmuc ul li ul li a {
        color: #000;
      }

      div#danhmuc ul li ul li ul li ul {
        top: -1px !important;
        border-top: 1px solid #DDD;
        left: 100%;
      }

      div#danhmuc ul li ul li ul li a {
        color: #000;
      }

      div#danhmuc ul li ul li ul li ul li a {}

      div#danhmuc ul li ul {
        top: 0px;
        position: absolute;
        width: 100%;
        z-index: 1000;
        display: none;
        left: 100%;
        border: 1px solid #efefef;
      }

      div.danhmuc:last-child {
        margin-bottom: 0;
      }

      div#danhmuc ul {
        list-style: none;
      }

      div#danhmuc ul li:last-child {
        border: none;
      }

      div#danhmuc ul li a {
        color: #323232;
        text-decoration: none;
        font-size: 15px;
        transition: 0.4s;
        display: flex;
        align-items: center;
        padding: 9px 5px 12px 20px;
        font-weight: normal;
        line-height: normal;
        background: url(images/icon_list.png) no-repeat left 8px center;
      }

      div#danhmuc ul li a:hover,
      div#danhmuc ul li a.active {
        transition: 0.4s;
      }

      div#danhmuc ul li ul li a {}

      div#danhmuc ul li ul {
        display: none;
      }

      .sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 65px;
        z-index: 9;
      }

      .item_sp_left {
        clear: both;
        padding: 3px;
        margin-bottom: 13px;
      }

      .item_sp_left .img_sp_left {
        float: left;
        margin-right: 10px;
      }

      .item_sp_left .img_sp_left img {
        border-radius: 50%;
        background: #f00;
      }

      .item_sp_left .right_sp_left {}

      .item_sp_left .right_sp_left h3 {
        margin-top: 0;
      }

      .item_sp_left .right_sp_left h3 a {
        font-size: 14px;
        color: #2b2b2b;
      }

      .item_sp_left .right_sp_left h3 a:hover {
        color: #f00;
      }

      .item_sp_left .right_sp_left .price_left {
        font-size: 14px !important;
      }

      .ct_ft {}

      .fanpage p {
        color: #c8c8c8;
        font-size: 13px;
        margin-bottom: 10px;
      }

      .item_tag {
        background: #E41114;
        display: inline-block;
        color: #fff;
        padding: 0 20px 0 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        position: relative;
      }

      .item_tag:before {
        content: '';
        height: 0px;
        width: 0px;
        position: absolute;
        top: 0px;
        left: -10px;
        border-top: 13px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 10px solid #E41114;
      }

      .item_tag:after {
        content: '';
        height: 0px;
        width: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
        border-top: 13px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 10px solid #fff;
      }

      .item_tag a {
        font-size: 14px;
        color: #fff !important;
        line-height: 25px;
      }

      .form-pro-detail {
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #eee;
        padding: 10px 10px 0px 10px;
        border-radius: 5px;
      }

      .form-pro-detail input {
        width: 49%;
        height: 35px;
        margin-bottom: 10px;
        outline: none;
        padding: 0px;
        text-indent: 15px;
        border: 1px solid #ccc;
        border-radius: 3px;
      }

      .form-pro-detail input[type=submit] {
        text-indent: 0px;
        border: 0px;
        text-transform: uppercase;
        font-family: 'RobotoBold';
        cursor: pointer;
        background: #DB0E0F;
        color: #fff;
      }

      .grecaptcha-badge {
        display: none;
      }

      .map_iframe iframe {
        width: 100% !important;
      }

      .map_iframe_ft iframe {
        width: 100% !important;
        height: 210px !important;
      }

      .ten_trai {
        margin-bottom: 3px;
        margin-top: 5px;
      }

      .ten_trai h3 a {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
      }

      .mota_trai {
        font-size: 14px;
        margin-top: 0px;
        color: #fff;
        font-weight: normal;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
      }

      .cot_trai {}

      .item_tt {
        margin-bottom: 25px;
      }

      .cot_trai .name_trai {
        text-align: left;
        padding: 10px 0px 7px 0px;
      }

      .cot_trai .name_trai a {
        color: #fff;
        font-size: 14px;
        font-family: RobotoBold;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
      }

      .cot_trai .name_trai a:hover {
        color: #00A803;
      }

      .cot_trai .img_trai {
        position: relative;
      }

      .cot_trai .img_trai img {
        width: 100%;
      }

      .cot_trai .img_trai .ngaytao {
        font-size: 11px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        background: #168D14;
        color: #fff;
        padding: 5px 6px;
      }

      .cot_trai .img_trai .ngaytao b {
        font-size: 24px;
        font-weight: normal;
        border-bottom: 1px solid #fff;
      }

      .bottom_footer {
        padding: 7px 0;
      }

      .bottom_footer .maxwidth {
        flex-flow: row wrap;
      }

      .bottom_footer p {
        color: #3a3838;
        font-size: 20px;
        margin: 0;
      }

      .dkntin {
        display: flex;
        align-items: center;
        text-align: left;
      }

      .dkntin img {
        padding-right: 10px;
        position: relative;
        top: 1px;
      }

      .dkntin span {
        color: #393939;
        font-family: RobotoBold;
        font-size: 14px;
      }

      .sub-menu-overlay {
        display: none;
        background: rgba(0, 0, 0, 0.62);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
      }

      .sub-menu-overlay.hidden {
        display: block !important
      }

      .xacnhandon {
        border: 2px dashed #C10017;
        padding: 10px;
        border-radius: 20px;
        margin-top: 20px;
        background: #fff;
      }

      .border_gh .division {
        display: inline-block;
        width: 30px;
        font-size: 15px;
        height: 29px;
        text-align: center;
        cursor: pointer;
        line-height: 27px;
        border: 1px #cccccc solid;
        background: #fff;
        box-sizing: border-box;
      }

      .border_gh .plus {
        display: inline-block;
        width: 30px;
        height: 29px;
        font-size: 15px;
        text-align: center;
        box-sizing: border-box;
        cursor: pointer;
        line-height: 27px;
        background: #fff;
        border: 1px #ccc solid;
      }

      .border_gh input.soluong {
        width: 35px;
        border: 1px solid #C7C6C6;
        padding: 5px 0px;
        text-align: center;
        font-size: 14px;
      }

      .checkout-left table {
        width: 100%;
        overflow-x: auto;
      }

      .mxh-top {}

      .mxh-top ul {
        margin: 0;
        list-style: none;
      }

      .mxh-top ul li {
        float: left;
        padding: 0;
      }

      .full_slider {
        position: relative;
      }

      .box_slide {
        background: rgba(0, 0, 0, 0.55);
        position: absolute;
        top: calc(50% - 360px);
        left: 4%;
        text-align: left;
        max-width: 390px;
      }

      .mota_slide {
        padding: 15px;
      }

      .mota_slide h3 {
        font-size: 24px;
        color: #fff;
        margin: 10px 0;
        font-family: 'OpenSansBold';
      }

      .mota_slide p {
        font-size: 14px;
        color: #fff;
        text-align: justify;
      }

      .mota_slide a.xt {
        width: 110px;
        height: 34px;
        display: block;
        color: #fff;
        line-height: 34px;
        font-size: 14px;
        border: 1px solid #fff;
        text-align: center;
        border-radius: 20px;
      }

      .mota_slide a.xt:hover {
        background-position: 0 bottom;
        text-decoration: none;
      }

      .hotline_ft {
        font-weight: normal;
        padding: 0;
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: center;
        text-align: left;
        line-height: 24px;
        width: 25%;
      }

      .hotline_ft img {
        padding-right: 12px;
      }

      .hotline_ft span {}

      .box_hl {
        flex-flow: row wrap;
        margin-top: 30px;
      }

      .gioithieu_detail .thanhnav.nav {
        margin-bottom: 20px;
      }

      .gioithieu_detail .thanhnav.nav>li {
        display: inline-block;
        float: none;
        margin: 0;
        position: relative;
      }

      .gioithieu_detail .thanhnav.nav>li>a {
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'OpenSansBold';
        font-weight: 500;
        color: #191919;
      }

      .gioithieu_detail .thanhnav>li>a:focus,
      .gioithieu_detail .thanhnav>li>a:hover {
        background-color: transparent;
      }

      .gioithieu_detail .thanhnav>li.active>a,
      .gioithieu_detail .thanhnav>li.active>a:focus,
      .gioithieu_detail .thanhnav>li.active>a:hover {
        background-color: transparent;
        color: #f00;
      }

      .gioithieu_detail .thanhnav.nav>li:not(:last-child):after {
        content: "";
        background-color: #191919;
        width: 1px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
      }

      .gioithieu_detail .maxwidth {
        padding-bottom: 15px
      }

      .main-tit.tit2 {
        font-size: 16px;
        font-weight: 600;
      }

      .main-tit {
        position: relative;
        font-size: 35px;
        font-weight: 400;
        color: #222e74;
        font-family: 'OpenSansBold';
        padding-bottom: 13px;
        text-transform: uppercase;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 30px;
      }

      .main-tit:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        height: 2px;
        width: 50px;
        transform: translate(-50%, 0);
        background: #27255f;
      }

      ul.gioithieu_lienquan {
        text-align: center;
        list-style: none;
        padding: 0;
        margin: 0;
      }

      ul.gioithieu_lienquan li {
        display: inline-block;
      }

      ul.gioithieu_lienquan li a {
        color: #333333;
        font-size: 17px;
        font-family: 'MuliBold';
        background: url(images/ngoisao.png) no-repeat left center;
        padding-left: 33px;
      }

      ul.gioithieu_lienquan li a:hover {}

      .t_da .item_duan:nth-child(2) {
        float: right !important;
      }

      .b_da .item_duan:nth-child(2) {
        float: right !important;
      }

      .full_tintuc {
        padding: 30px 0;
      }

      .box_newtin {
        margin: 10px 20px;
      }

      .item_newtin {
        overflow: hidden;
        position: relative;
        text-align: center;
        background-size: 100% 100%;
        padding: 0;
      }

      .img_newtin {
        overflow: hidden;
        position: relative;
      }

      .img_newtin img {}

      .img_newtin img:hover {
        transform: scale(1.1)
      }

      .name_newtin {
        text-align: left;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        padding: 0;
      }

      .name_newtin h3 {
        margin: 8px 0 5px 0;
        padding: 0px 0;
      }

      .name_newtin h3 a {
        color: #000000;
        font-weight: normal;
        font-size: 17px;
        font-family: MuliBold;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
        display: block;
        white-space: nowrap;
        padding: 3px 0;
      }

      .name_newtin h3 a:hover {
        text-decoration: underline !important;
      }

      .name_newtin p {
        color: #555555;
        font-size: 13px;
        font-weight: normal;
        text-align: justify;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
        display: -webkit-box;
        margin: 5px 0;
      }

      .name_newtin span {
        color: #999999;
        font-size: 13px;
      }

      .name_newtin a.chitiet {
        color: #555555;
        font-size: 13px;
        padding: 6px 20px 6px 6px;
        background: url(images/arrow.png) no-repeat right center;
      }

      .box_video_chay {
        width: 32%;
        float: left;
        background: #fff;
      }

      .lazy {
        opacity: 0;
        transition: 0.5s;
      }

      .loaded {
        opacity: 1;
      }

      .share_zalo {
        float: left;
        margin-right: 1px;
      }
 .ddsmoothmenu ul{list-style:none;padding:0;margin:0}
      .ddsmoothmenu {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: row wrap;
      }

      .menu>.ddsmoothmenu>ul {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
      }

      .menu .ddsmoothmenu ul {
        z-index: 100;
        margin: 0;
      }

      .menu .ddsmoothmenu ul li {
        position: relative;
        display: inline-block;
        background: url(images/line_menu.png) no-repeat right 1px center;
        z-index: 9999 !important;
      }

      .menu .ddsmoothmenu ul li:last-child {
        background: none;
      }

      .menu .ddsmoothmenu ul li ul li {
        border-bottom: 1px solid #e2e2e2;
      }

      .ddsmoothmenu>ul>li>a {
        text-align: center;
      }

      .ddsmoothmenu ul li a {
        line-height: 40px;
        display: block;
        padding: 0px 25px;
        font-size: 15px;
        color: #000;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'MuliBold';
      }

      .ddsmoothmenu ul li a img {
        position: relative;
      }

      * html .ddsmoothmenu ul li a {
        display: inline-block;
      }

      .ddsmoothmenu ul li a:link,
      .ddsmoothmenu ul li a:visited {}

      .menu .ddsmoothmenu ul>li>a.selected {
        color: #FE021A;
      }

      .ddsmoothmenu ul li a:hover {
        color: #fff;
        text-decoration: none;
      }

      .ddsmoothmenu ul li:hover {}
    .menu .ddsmoothmenu ul li:hover > ul{display:block;visibility:visible}
      .menu .ddsmoothmenu ul li ul {
        position: absolute;
        left: 0px !important;
        display: none;
        visibility: hidden;
        min-width: 200px;
        padding-left: 0px;
        background: #F7F7F7;
        overflow: visible !important;
        text-align: left;
        white-space: nowrap;
      }

      .menu .ddsmoothmenu ul li ul li {
        display: list-item;
        float: none;
        height: auto;
        text-transform: capitalize;
      }

      .menu .ddsmoothmenu ul li ul li a:hover,
      .menu .ddsmoothmenu ul li ul li a.selected {
        color: #FE021A;
        background: none;
      }

      .menu .ddsmoothmenu ul li ul li ul {
        position: absolute;
        left: 200px !important;
        display: none;
        visibility: hidden;
        width: 200px;
        top: 0px;
        padding-left: 0px;
      }

      .menu .ddsmoothmenu ul li ul li a {
        margin: 0;
        text-transform: none;
        line-height: normal;
        padding: 7px 5px 10px 10px;
        height: auto;
        display: block;
        font-size: 14px;
        color: #000;
      }

      .menu .ddsmoothmenu ul li ul li {
        background: none;
      }

      .menu ul li:first-child a.active {
        color: #FE021A;
        padding: 0 10px;
      }

      .menu ul>li>a.active,
      .menu ul>li>a:hover {
        color: #FE021A;
      }

      .menu ulliulli a:hover {}

      .menu ul li ul a.selected,
      .menu ul li ul li a:hover {
        color: #FE021A;
      }

      * html .ddsmoothmenu {
        height: 1%;
      }

      .downarrowclass {
        position: absolute;
        top: 12px;
        right: 7px;
        display: none;
      }

      .rightarrowclass {
        position: absolute;
        top: 10px;
        right: 5px;
      }

      .ddshadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        background: silver;
      }

      .toplevelshadow {
        opacity: 0.8;
      }

      .ddsmoothmenu-v ul {}

      .ddsmoothmenu-v li a {
        color: #001c76;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 10px;
        padding-left: 30px;
        background: url("images/icon_danhmuc.png") no-repeat left center;
        background-position-x: 5px;
        font-size: 12px;
      }

      .ddsmoothmenu-v li {
        border-bottom: 1px dotted #D2D2D2;
        padding: 10px 10px;
        margin: 0 10px;
      }

      .ddsmoothmenu-v li:last-child {
        border-bottom: none;
      }

      .ddsmoothmenu-v ul li {
        position: relative;
      }

      .ddsmoothmenu-v li li a {
        color: #001c76;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 10px;
        padding-left: 30px;
        background: url("images/icon_danhmuc.png") no-repeat left center;
        background-position-x: 5px;
        font-size: 12px;
      }

      .ddsmoothmenu-v li li {
        border-bottom: 1px dotted #D2D2D2;
        padding: 10px 10px;
        margin: 0 10px;
      }

      .ddsmoothmenu-v ul li a {
        overflow: auto;
      }

      .ddsmoothmenu-v ul li a:link,
      .ddsmoothmenu-v ul li a:visited,
      .ddsmoothmenu-v ul li a:active {}

      .content1 .ddsmoothmenu-v ul li a.selected {
        color: red;
      }

      .content1 .ddsmoothmenu-v ul li a:hover {
        color: red;
      }

      .ddsmoothmenu-v ul li .active {
        color: red;
      }

      .ddsmoothmenu-v ul li ul {
        position: absolute;
        width: 250px;
        top: 0;
        font-weight: normal;
        visibility: hidden;
        background: #FFF;
        padding: 0px 0px;
        border: 1px solid #EFEFEF;
        left: 240px !important;
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 82%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(82%, #eeeeee), color-stop(100%, #cccccc));
        background: -webkit-linear-gradient(top, #eeeeee 82%, #cccccc 100%);
        background: -o-linear-gradient(top, #eeeeee 82%, #cccccc 100%);
        background: -ms-linear-gradient(top, #eeeeee 82%, #cccccc 100%);
        background: linear-gradient(to bottom, #eeeeee 82%, #cccccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
      }

      * html .ddsmoothmenu-v ul li {
        float: left;
        height: 1%;
      }

      * html .ddsmoothmenu-v ul li a {
        height: 1%;
      }

      html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
      }

      body {
        margin: 0
      }

      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      menu,
      nav,
      section,
      summary {
        display: block
      }

      audio,
      canvas,
      progress,
      video {
        display: inline-block;
        vertical-align: baseline
      }

      audio:not([controls]) {
        display: none;
        height: 0
      }

      [hidden],
      template {
        display: none
      }

      a {
        background-color: transparent
      }

      a:active,
      a:hover {
        outline: 0
      }

      abbr[title] {
        border-bottom: 1px dotted
      }

      b,
      strong {
        font-weight: 700
      }

      dfn {
        font-style: italic
      }

      h1 {
        margin: .67em 0;
        font-size: 2em
      }

      mark {
        color: #000;
        background: #ff0
      }

      small {
        font-size: 80%
      }

      sub,
      sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
      }

      sup {
        top: -.5em
      }

      sub {
        bottom: -.25em
      }

      img {
        border: 0
      }

      svg:not(:root) {
        overflow: hidden
      }

      figure {
        margin: 1em 40px
      }

      hr {
        height: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
      }

      pre {
        overflow: auto
      }

      code,
      kbd,
      pre,
      samp {
        font-family: monospace, monospace;
        font-size: 1em
      }

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

      button {
        overflow: visible
      }

      button,
      select {
        text-transform: none
      }

      button,
      html input[type=button],
      input[type=reset],
      input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer;
        color: white;
      }

      button[disabled],
      html input[disabled] {
        cursor: default
      }

      button::-moz-focus-inner,
      input::-moz-focus-inner {
        padding: 0;
        border: 0
      }

      input {
        line-height: normal
      }

      input[type=checkbox],
      input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
      }

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

      input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
      }

      input[type=search]::-webkit-search-cancel-button,
      input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
      }

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

      legend {
        padding: 0;
        border: 0
      }

      textarea {
        overflow: auto
      }

      optgroup {
        font-weight: 700
      }

      table {
        border-spacing: 0;
        border-collapse: collapse
      }

      td,
      th {
        padding: 0
      }

      @media print {

        *,
        :after,
        :before {
          color: #000 !important;
          text-shadow: none !important;
          background: 0 0 !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important
        }

        a,
        a:visited {
          text-decoration: underline
        }

        a[href]:after {
          content: " ("attr(href) ")"
        }

        abbr[title]:after {
          content: " ("attr(title) ")"
        }

        a[href^="javascript:"]:after,
        a[href^="#"]:after {
          content: ""
        }

        blockquote,
        pre {
          border: 1px solid #999;
          page-break-inside: avoid
        }

        thead {
          display: table-header-group
        }

        img,
        tr {
          page-break-inside: avoid
        }

        img {
          max-width: 100% !important
        }

        h2,
        h3,
        p {
          orphans: 3;
          widows: 3
        }

        h2,
        h3 {
          page-break-after: avoid
        }

        select {
          background: #fff !important
        }

        .navbar {
          display: none
        }

        .btn>.caret,
        .dropup>.btn>.caret {
          border-top-color: #000 !important
        }

        .label {
          border: 1px solid #000
        }

        .table {
          border-collapse: collapse !important
        }

        .table td,
        .table th {
          background-color: #fff !important
        }

        .table-bordered td,
        .table-bordered th {
          border: 1px solid #ddd !important
        }
      }

      @font-face {
        font-family: 'Glyphicons Halflings';
        src: url(fonts/glyphicons-halflings-regular.eot);
        src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
      }

      .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }

      .glyphicon-asterisk:before {
        content: "\2a"
      }

      .glyphicon-plus:before {
        content: "\2b"
      }

      .glyphicon-eur:before,
      .glyphicon-euro:before {
        content: "\20ac"
      }

      .glyphicon-minus:before {
        content: "\2212"
      }

      .glyphicon-cloud:before {
        content: "\2601"
      }

      .glyphicon-envelope:before {
        content: "\2709"
      }

      .glyphicon-pencil:before {
        content: "\270f"
      }

      .glyphicon-glass:before {
        content: "\e001"
      }

      .glyphicon-music:before {
        content: "\e002"
      }

      .glyphicon-search:before {
        content: "\e003"
      }

      .glyphicon-heart:before {
        content: "\e005"
      }

      .glyphicon-star:before {
        content: "\e006"
      }

      .glyphicon-star-empty:before {
        content: "\e007"
      }

      .glyphicon-user:before {
        content: "\e008"
      }

      .glyphicon-film:before {
        content: "\e009"
      }

      .glyphicon-th-large:before {
        content: "\e010"
      }

      .glyphicon-th:before {
        content: "\e011"
      }

      .glyphicon-th-list:before {
        content: "\e012"
      }

      .glyphicon-ok:before {
        content: "\e013"
      }

      .glyphicon-remove:before {
        content: "\e014"
      }

      .glyphicon-zoom-in:before {
        content: "\e015"
      }

      .glyphicon-zoom-out:before {
        content: "\e016"
      }

      .glyphicon-off:before {
        content: "\e017"
      }

      .glyphicon-signal:before {
        content: "\e018"
      }

      .glyphicon-cog:before {
        content: "\e019"
      }

      .glyphicon-trash:before {
        content: "\e020"
      }

      .glyphicon-home:before {
        content: "\e021"
      }

      .glyphicon-file:before {
        content: "\e022"
      }

      .glyphicon-time:before {
        content: "\e023"
      }

      .glyphicon-road:before {
        content: "\e024"
      }

      .glyphicon-download-alt:before {
        content: "\e025"
      }

      .glyphicon-download:before {
        content: "\e026"
      }

      .glyphicon-upload:before {
        content: "\e027"
      }

      .glyphicon-inbox:before {
        content: "\e028"
      }

      .glyphicon-play-circle:before {
        content: "\e029"
      }

      .glyphicon-repeat:before {
        content: "\e030"
      }

      .glyphicon-refresh:before {
        content: "\e031"
      }

      .glyphicon-list-alt:before {
        content: "\e032"
      }

      .glyphicon-lock:before {
        content: "\e033"
      }

      .glyphicon-flag:before {
        content: "\e034"
      }

      .glyphicon-headphones:before {
        content: "\e035"
      }

      .glyphicon-volume-off:before {
        content: "\e036"
      }

      .glyphicon-volume-down:before {
        content: "\e037"
      }

      .glyphicon-volume-up:before {
        content: "\e038"
      }

      .glyphicon-qrcode:before {
        content: "\e039"
      }

      .glyphicon-barcode:before {
        content: "\e040"
      }

      .glyphicon-tag:before {
        content: "\e041"
      }

      .glyphicon-tags:before {
        content: "\e042"
      }

      .glyphicon-book:before {
        content: "\e043"
      }

      .glyphicon-bookmark:before {
        content: "\e044"
      }

      .glyphicon-print:before {
        content: "\e045"
      }

      .glyphicon-camera:before {
        content: "\e046"
      }

      .glyphicon-font:before {
        content: "\e047"
      }

      .glyphicon-bold:before {
        content: "\e048"
      }

      .glyphicon-italic:before {
        content: "\e049"
      }

      .glyphicon-text-height:before {
        content: "\e050"
      }

      .glyphicon-text-width:before {
        content: "\e051"
      }

      .glyphicon-align-left:before {
        content: "\e052"
      }

      .glyphicon-align-center:before {
        content: "\e053"
      }

      .glyphicon-align-right:before {
        content: "\e054"
      }

      .glyphicon-align-justify:before {
        content: "\e055"
      }

      .glyphicon-list:before {
        content: "\e056"
      }

      .glyphicon-indent-left:before {
        content: "\e057"
      }

      .glyphicon-indent-right:before {
        content: "\e058"
      }

      .glyphicon-facetime-video:before {
        content: "\e059"
      }

      .glyphicon-picture:before {
        content: "\e060"
      }

      .glyphicon-map-marker:before {
        content: "\e062"
      }

      .glyphicon-adjust:before {
        content: "\e063"
      }

      .glyphicon-tint:before {
        content: "\e064"
      }

      .glyphicon-edit:before {
        content: "\e065"
      }

      .glyphicon-share:before {
        content: "\e066"
      }

      .glyphicon-check:before {
        content: "\e067"
      }

      .glyphicon-move:before {
        content: "\e068"
      }

      .glyphicon-step-backward:before {
        content: "\e069"
      }

      .glyphicon-fast-backward:before {
        content: "\e070"
      }

      .glyphicon-backward:before {
        content: "\e071"
      }

      .glyphicon-play:before {
        content: "\e072"
      }

      .glyphicon-pause:before {
        content: "\e073"
      }

      .glyphicon-stop:before {
        content: "\e074"
      }

      .glyphicon-forward:before {
        content: "\e075"
      }

      .glyphicon-fast-forward:before {
        content: "\e076"
      }

      .glyphicon-step-forward:before {
        content: "\e077"
      }

      .glyphicon-eject:before {
        content: "\e078"
      }

      .glyphicon-chevron-left:before {
        content: "\e079"
      }

      .glyphicon-chevron-right:before {
        content: "\e080"
      }

      .glyphicon-plus-sign:before {
        content: "\e081"
      }

      .glyphicon-minus-sign:before {
        content: "\e082"
      }

      .glyphicon-remove-sign:before {
        content: "\e083"
      }

      .glyphicon-ok-sign:before {
        content: "\e084"
      }

      .glyphicon-question-sign:before {
        content: "\e085"
      }

      .glyphicon-info-sign:before {
        content: "\e086"
      }

      .glyphicon-screenshot:before {
        content: "\e087"
      }

      .glyphicon-remove-circle:before {
        content: "\e088"
      }

      .glyphicon-ok-circle:before {
        content: "\e089"
      }

      .glyphicon-ban-circle:before {
        content: "\e090"
      }

      .glyphicon-arrow-left:before {
        content: "\e091"
      }

      .glyphicon-arrow-right:before {
        content: "\e092"
      }

      .glyphicon-arrow-up:before {
        content: "\e093"
      }

      .glyphicon-arrow-down:before {
        content: "\e094"
      }

      .glyphicon-share-alt:before {
        content: "\e095"
      }

      .glyphicon-resize-full:before {
        content: "\e096"
      }

      .glyphicon-resize-small:before {
        content: "\e097"
      }

      .glyphicon-exclamation-sign:before {
        content: "\e101"
      }

      .glyphicon-gift:before {
        content: "\e102"
      }

      .glyphicon-leaf:before {
        content: "\e103"
      }

      .glyphicon-fire:before {
        content: "\e104"
      }

      .glyphicon-eye-open:before {
        content: "\e105"
      }

      .glyphicon-eye-close:before {
        content: "\e106"
      }

      .glyphicon-warning-sign:before {
        content: "\e107"
      }

      .glyphicon-plane:before {
        content: "\e108"
      }

      .glyphicon-calendar:before {
        content: "\e109"
      }

      .glyphicon-random:before {
        content: "\e110"
      }

      .glyphicon-comment:before {
        content: "\e111"
      }

      .glyphicon-magnet:before {
        content: "\e112"
      }

      .glyphicon-chevron-up:before {
        content: "\e113"
      }

      .glyphicon-chevron-down:before {
        content: "\e114"
      }

      .glyphicon-retweet:before {
        content: "\e115"
      }

      .glyphicon-shopping-cart:before {
        content: "\e116"
      }

      .glyphicon-folder-close:before {
        content: "\e117"
      }

      .glyphicon-folder-open:before {
        content: "\e118"
      }

      .glyphicon-resize-vertical:before {
        content: "\e119"
      }

      .glyphicon-resize-horizontal:before {
        content: "\e120"
      }

      .glyphicon-hdd:before {
        content: "\e121"
      }

      .glyphicon-bullhorn:before {
        content: "\e122"
      }

      .glyphicon-bell:before {
        content: "\e123"
      }

      .glyphicon-certificate:before {
        content: "\e124"
      }

      .glyphicon-thumbs-up:before {
        content: "\e125"
      }

      .glyphicon-thumbs-down:before {
        content: "\e126"
      }

      .glyphicon-hand-right:before {
        content: "\e127"
      }

      .glyphicon-hand-left:before {
        content: "\e128"
      }

      .glyphicon-hand-up:before {
        content: "\e129"
      }

      .glyphicon-hand-down:before {
        content: "\e130"
      }

      .glyphicon-circle-arrow-right:before {
        content: "\e131"
      }

      .glyphicon-circle-arrow-left:before {
        content: "\e132"
      }

      .glyphicon-circle-arrow-up:before {
        content: "\e133"
      }

      .glyphicon-circle-arrow-down:before {
        content: "\e134"
      }

      .glyphicon-globe:before {
        content: "\e135"
      }

      .glyphicon-wrench:before {
        content: "\e136"
      }

      .glyphicon-tasks:before {
        content: "\e137"
      }

      .glyphicon-filter:before {
        content: "\e138"
      }

      .glyphicon-briefcase:before {
        content: "\e139"
      }

      .glyphicon-fullscreen:before {
        content: "\e140"
      }

      .glyphicon-dashboard:before {
        content: "\e141"
      }

      .glyphicon-paperclip:before {
        content: "\e142"
      }

      .glyphicon-heart-empty:before {
        content: "\e143"
      }

      .glyphicon-link:before {
        content: "\e144"
      }

      .glyphicon-phone:before {
        content: "\e145"
      }

      .glyphicon-pushpin:before {
        content: "\e146"
      }

      .glyphicon-usd:before {
        content: "\e148"
      }

      .glyphicon-gbp:before {
        content: "\e149"
      }

      .glyphicon-sort:before {
        content: "\e150"
      }

      .glyphicon-sort-by-alphabet:before {
        content: "\e151"
      }

      .glyphicon-sort-by-alphabet-alt:before {
        content: "\e152"
      }

      .glyphicon-sort-by-order:before {
        content: "\e153"
      }

      .glyphicon-sort-by-order-alt:before {
        content: "\e154"
      }

      .glyphicon-sort-by-attributes:before {
        content: "\e155"
      }

      .glyphicon-sort-by-attributes-alt:before {
        content: "\e156"
      }

      .glyphicon-unchecked:before {
        content: "\e157"
      }

      .glyphicon-expand:before {
        content: "\e158"
      }

      .glyphicon-collapse-down:before {
        content: "\e159"
      }

      .glyphicon-collapse-up:before {
        content: "\e160"
      }

      .glyphicon-log-in:before {
        content: "\e161"
      }

      .glyphicon-flash:before {
        content: "\e162"
      }

      .glyphicon-log-out:before {
        content: "\e163"
      }

      .glyphicon-new-window:before {
        content: "\e164"
      }

      .glyphicon-record:before {
        content: "\e165"
      }

      .glyphicon-save:before {
        content: "\e166"
      }

      .glyphicon-open:before {
        content: "\e167"
      }

      .glyphicon-saved:before {
        content: "\e168"
      }

      .glyphicon-import:before {
        content: "\e169"
      }

      .glyphicon-export:before {
        content: "\e170"
      }

      .glyphicon-send:before {
        content: "\e171"
      }

      .glyphicon-floppy-disk:before {
        content: "\e172"
      }

      .glyphicon-floppy-saved:before {
        content: "\e173"
      }

      .glyphicon-floppy-remove:before {
        content: "\e174"
      }

      .glyphicon-floppy-save:before {
        content: "\e175"
      }

      .glyphicon-floppy-open:before {
        content: "\e176"
      }

      .glyphicon-credit-card:before {
        content: "\e177"
      }

      .glyphicon-transfer:before {
        content: "\e178"
      }

      .glyphicon-cutlery:before {
        content: "\e179"
      }

      .glyphicon-header:before {
        content: "\e180"
      }

      .glyphicon-compressed:before {
        content: "\e181"
      }

      .glyphicon-earphone:before {
        content: "\e182"
      }

      .glyphicon-phone-alt:before {
        content: "\e183"
      }

      .glyphicon-tower:before {
        content: "\e184"
      }

      .glyphicon-stats:before {
        content: "\e185"
      }

      .glyphicon-sd-video:before {
        content: "\e186"
      }

      .glyphicon-hd-video:before {
        content: "\e187"
      }

      .glyphicon-subtitles:before {
        content: "\e188"
      }

      .glyphicon-sound-stereo:before {
        content: "\e189"
      }

      .glyphicon-sound-dolby:before {
        content: "\e190"
      }

      .glyphicon-sound-5-1:before {
        content: "\e191"
      }

      .glyphicon-sound-6-1:before {
        content: "\e192"
      }

      .glyphicon-sound-7-1:before {
        content: "\e193"
      }

      .glyphicon-copyright-mark:before {
        content: "\e194"
      }

      .glyphicon-registration-mark:before {
        content: "\e195"
      }

      .glyphicon-cloud-download:before {
        content: "\e197"
      }

      .glyphicon-cloud-upload:before {
        content: "\e198"
      }

      .glyphicon-tree-conifer:before {
        content: "\e199"
      }

      .glyphicon-tree-deciduous:before {
        content: "\e200"
      }

      .glyphicon-cd:before {
        content: "\e201"
      }

      .glyphicon-save-file:before {
        content: "\e202"
      }

      .glyphicon-open-file:before {
        content: "\e203"
      }

      .glyphicon-level-up:before {
        content: "\e204"
      }

      .glyphicon-copy:before {
        content: "\e205"
      }

      .glyphicon-paste:before {
        content: "\e206"
      }

      .glyphicon-alert:before {
        content: "\e209"
      }

      .glyphicon-equalizer:before {
        content: "\e210"
      }

      .glyphicon-king:before {
        content: "\e211"
      }

      .glyphicon-queen:before {
        content: "\e212"
      }

      .glyphicon-pawn:before {
        content: "\e213"
      }

      .glyphicon-bishop:before {
        content: "\e214"
      }

      .glyphicon-knight:before {
        content: "\e215"
      }

      .glyphicon-baby-formula:before {
        content: "\e216"
      }

      .glyphicon-tent:before {
        content: "\26fa"
      }

      .glyphicon-blackboard:before {
        content: "\e218"
      }

      .glyphicon-bed:before {
        content: "\e219"
      }

      .glyphicon-apple:before {
        content: "\f8ff"
      }

      .glyphicon-erase:before {
        content: "\e221"
      }

      .glyphicon-hourglass:before {
        content: "\231b"
      }

      .glyphicon-lamp:before {
        content: "\e223"
      }

      .glyphicon-duplicate:before {
        content: "\e224"
      }

      .glyphicon-piggy-bank:before {
        content: "\e225"
      }

      .glyphicon-scissors:before {
        content: "\e226"
      }

      .glyphicon-bitcoin:before {
        content: "\e227"
      }

      .glyphicon-btc:before {
        content: "\e227"
      }

      .glyphicon-xbt:before {
        content: "\e227"
      }

      .glyphicon-yen:before {
        content: "\00a5"
      }

      .glyphicon-jpy:before {
        content: "\00a5"
      }

      .glyphicon-ruble:before {
        content: "\20bd"
      }

      .glyphicon-rub:before {
        content: "\20bd"
      }

      .glyphicon-scale:before {
        content: "\e230"
      }

      .glyphicon-ice-lolly:before {
        content: "\e231"
      }

      .glyphicon-ice-lolly-tasted:before {
        content: "\e232"
      }

      .glyphicon-education:before {
        content: "\e233"
      }

      .glyphicon-option-horizontal:before {
        content: "\e234"
      }

      .glyphicon-option-vertical:before {
        content: "\e235"
      }

      .glyphicon-menu-hamburger:before {
        content: "\e236"
      }

      .glyphicon-modal-window:before {
        content: "\e237"
      }

      .glyphicon-oil:before {
        content: "\e238"
      }

      .glyphicon-grain:before {
        content: "\e239"
      }

      .glyphicon-sunglasses:before {
        content: "\e240"
      }

      .glyphicon-text-size:before {
        content: "\e241"
      }

      .glyphicon-text-color:before {
        content: "\e242"
      }

      .glyphicon-text-background:before {
        content: "\e243"
      }

      .glyphicon-object-align-top:before {
        content: "\e244"
      }

      .glyphicon-object-align-bottom:before {
        content: "\e245"
      }

      .glyphicon-object-align-horizontal:before {
        content: "\e246"
      }

      .glyphicon-object-align-left:before {
        content: "\e247"
      }

      .glyphicon-object-align-vertical:before {
        content: "\e248"
      }

      .glyphicon-object-align-right:before {
        content: "\e249"
      }

      .glyphicon-triangle-right:before {
        content: "\e250"
      }

      .glyphicon-triangle-left:before {
        content: "\e251"
      }

      .glyphicon-triangle-bottom:before {
        content: "\e252"
      }

      .glyphicon-triangle-top:before {
        content: "\e253"
      }

      .glyphicon-console:before {
        content: "\e254"
      }

      .glyphicon-superscript:before {
        content: "\e255"
      }

      .glyphicon-subscript:before {
        content: "\e256"
      }

      .glyphicon-menu-left:before {
        content: "\e257"
      }

      .glyphicon-menu-right:before {
        content: "\e258"
      }

      .glyphicon-menu-down:before {
        content: "\e259"
      }

      .glyphicon-menu-up:before {
        content: "\e260"
      }

      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
      }

      :after,
      :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
      }

      html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
      }

      body {}

      button,
      input,
      select,
      textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
      }

      a {
        color: #337ab7;
        text-decoration: none
      }

      a:focus,
      a:hover {
        color: #23527c;
        text-decoration: underline
      }

      a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
      }

      figure {
        margin: 0
      }

      img {
        vertical-align: middle
      }

      .carousel-inner>.item>a>img,
      .carousel-inner>.item>img,
      .img-responsive,
      .thumbnail a>img,
      .thumbnail>img {
        display: block;
        max-width: 100%;
        height: auto
      }

      .img-rounded {
        border-radius: 6px
      }

      .img-thumbnail {
        display: inline-block;
        max-width: 100%;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
      }

      .img-circle {
        border-radius: 50%
      }

      hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee
      }

      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
      }

      .sr-only-focusable:active,
      .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto
      }

      [role=button] {
        cursor: pointer
      }

      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
      }

      .h1 .small,
      .h1 small,
      .h2 .small,
      .h2 small,
      .h3 .small,
      .h3 small,
      .h4 .small,
      .h4 small,
      .h5 .small,
      .h5 small,
      .h6 .small,
      .h6 small,
      h1 .small,
      h1 small,
      h2 .small,
      h2 small,
      h3 .small,
      h3 small,
      h4 .small,
      h4 small,
      h5 .small,
      h5 small,
      h6 .small,
      h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777
      }

      .h1,
      .h2,
      .h3,
      h1,
      h2,
      h3 {
        margin-top: 20px;
        margin-bottom: 10px
      }

      .h1 .small,
      .h1 small,
      .h2 .small,
      .h2 small,
      .h3 .small,
      .h3 small,
      h1 .small,
      h1 small,
      h2 .small,
      h2 small,
      h3 .small,
      h3 small {
        font-size: 65%
      }

      .h4,
      .h5,
      .h6,
      h4,
      h5,
      h6 {
        margin-top: 10px;
        margin-bottom: 10px
      }

      .h4 .small,
      .h4 small,
      .h5 .small,
      .h5 small,
      .h6 .small,
      .h6 small,
      h4 .small,
      h4 small,
      h5 .small,
      h5 small,
      h6 .small,
      h6 small {
        font-size: 75%
      }

      .h1,
      h1 {
        font-size: 36px
      }

      .h2,
      h2 {
        font-size: 30px
      }

      .h3,
      h3 {
        font-size: 24px
      }

      .h4,
      h4 {
        font-size: 18px
      }

      .h5,
      h5 {
        font-size: 14px
      }

      .h6,
      h6 {
        font-size: 12px
      }

      p {
        margin: 0 0 10px
      }

      .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4
      }

      @media (min-width:768px) {
        .lead {
          font-size: 21px
        }
      }

      .small,
      small {
        font-size: 85%
      }

      .mark,
      mark {
        padding: .2em;
        background-color: #fcf8e3
      }

      .text-left {
        text-align: left
      }

      .text-right {
        text-align: right
      }

      .text-center {
        text-align: center
      }

      .text-justify {
        text-align: justify
      }

      .text-nowrap {
        white-space: nowrap
      }

      .text-lowercase {
        text-transform: lowercase
      }

      .text-uppercase {
        text-transform: uppercase
      }

      .text-capitalize {
        text-transform: capitalize
      }

      .text-muted {
        color: #777
      }

      .text-primary {
        color: #337ab7
      }

      a.text-primary:hover {
        color: #286090
      }

      .text-success {
        color: #3c763d
      }

      a.text-success:hover {
        color: #2b542c
      }

      .text-info {
        color: #31708f
      }

      a.text-info:hover {
        color: #245269
      }

      .text-warning {
        color: #8a6d3b
      }

      a.text-warning:hover {
        color: #66512c
      }

      .text-danger {
        color: #a94442
      }

      a.text-danger:hover {
        color: #843534
      }

      .bg-primary {
        color: #fff;
        background-color: #337ab7
      }

      a.bg-primary:hover {
        background-color: #286090
      }

      .bg-success {
        background-color: #dff0d8
      }

      a.bg-success:hover {
        background-color: #c1e2b3
      }

      .bg-info {
        background-color: #d9edf7
      }

      a.bg-info:hover {
        background-color: #afd9ee
      }

      .bg-warning {
        background-color: #fcf8e3
      }

      a.bg-warning:hover {
        background-color: #f7ecb5
      }

      .bg-danger {
        background-color: #f2dede
      }

      a.bg-danger:hover {
        background-color: #e4b9b9
      }

      .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eee
      }

      ol,
      ul {
        margin-top: 0;
        margin-bottom: 10px;
      }

      ol ol,
      ol ul,
      ul ol,
      ul ul {
        margin-bottom: 0
      }

      .list-unstyled {
        padding-left: 0;
        list-style: none
      }

      .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none
      }

      .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
      }

      dl {
        margin-top: 0;
        margin-bottom: 20px
      }

      dd,
      dt {
        line-height: 1.42857143
      }

      dt {
        font-weight: 700
      }

      dd {
        margin-left: 0
      }

      @media (min-width:768px) {
        .dl-horizontal dt {
          float: left;
          width: 160px;
          overflow: hidden;
          clear: left;
          text-align: right;
          text-overflow: ellipsis;
          white-space: nowrap
        }

        .dl-horizontal dd {
          margin-left: 180px
        }
      }

      abbr[data-original-title],
      abbr[title] {
        cursor: help;
        border-bottom: 1px dotted #777
      }

      .initialism {
        font-size: 90%;
        text-transform: uppercase
      }

      blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee
      }

      blockquote ol:last-child,
      blockquote p:last-child,
      blockquote ul:last-child {
        margin-bottom: 0
      }

      blockquote .small,
      blockquote footer,
      blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
      }

      blockquote .small:before,
      blockquote footer:before,
      blockquote small:before {
        content: '\2014 \00A0'
      }

      .blockquote-reverse,
      blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0
      }

      .blockquote-reverse .small:before,
      .blockquote-reverse footer:before,
      .blockquote-reverse small:before,
      blockquote.pull-right .small:before,
      blockquote.pull-right footer:before,
      blockquote.pull-right small:before {
        content: ''
      }

      .blockquote-reverse .small:after,
      .blockquote-reverse footer:after,
      .blockquote-reverse small:after,
      blockquote.pull-right .small:after,
      blockquote.pull-right footer:after,
      blockquote.pull-right small:after {
        content: '\00A0 \2014'
      }

      address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143
      }

      code,
      kbd,
      pre,
      samp {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace
      }

      code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px
      }

      kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
      }

      kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none
      }

      pre {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #333;
        word-break: break-all;
        word-wrap: break-word;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px
      }

      pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
      }

      .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
      }

      .container {
        margin-right: auto;
        margin-left: auto
      }

      @media (min-width:768px) {
        .container {
          width: 750px
        }
      }

      @media (min-width:992px) {
        .container {
          width: 100%
        }
      }

      @media (min-width:1200px) {
        .container {
          width: 1200px;
        }

        .col {
          float: left;
        }
      }

      .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
      }

      .row {
        margin-right: -15px;
        margin-left: -15px
      }

      .col-lg-1,
      .col-lg-10,
      .col-lg-11,
      .col-lg-12,
      .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-md-1,
      .col-md-10,
      .col-md-11,
      .col-md-12,
      .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-sm-1,
      .col-sm-10,
      .col-sm-11,
      .col-sm-12,
      .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-xs-1,
      .col-xs-10,
      .col-xs-11,
      .col-xs-12,
      .col-xs-2,
      .col-xs-3,
      .col-xs-4,
      .col-xs-5,
      .col-xs-6,
      .col-xs-7,
      .col-xs-8,
      .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 20px;
        padding-left: 20px
      }

      .col-xs-1,
      .col-xs-10,
      .col-xs-11,
      .col-xs-12,
      .col-xs-2,
      .col-xs-3,
      .col-xs-4,
      .col-xs-5,
      .col-xs-6,
      .col-xs-7,
      .col-xs-8,
      .col-xs-9 {
        float: left
      }

      .col-xs-12 {
        width: 100%
      }

      .col-xs-11 {
        width: 91.66666667%
      }

      .col-xs-10 {
        width: 83.33333333%
      }

      .col-xs-9 {
        width: 75%
      }

      .col-xs-8 {
        width: 66.66666667%
      }

      .col-xs-7 {
        width: 58.33333333%
      }

      .col-xs-6 {
        width: 50%
      }

      .col-xs-5 {
        width: 41.66666667%
      }

      .col-xs-4 {
        width: 33.33333333%
      }

      .col-xs-3 {
        width: 25%
      }

      .col-xs-2 {
        width: 16.66666667%
      }

      .col-xs-1 {
        width: 8.33333333%
      }

      .col-xs-pull-12 {
        right: 100%
      }

      .col-xs-pull-11 {
        right: 91.66666667%
      }

      .col-xs-pull-10 {
        right: 83.33333333%
      }

      .col-xs-pull-9 {
        right: 75%
      }

      .col-xs-pull-8 {
        right: 66.66666667%
      }

      .col-xs-pull-7 {
        right: 58.33333333%
      }

      .col-xs-pull-6 {
        right: 50%
      }

      .col-xs-pull-5 {
        right: 41.66666667%
      }

      .col-xs-pull-4 {
        right: 33.33333333%
      }

      .col-xs-pull-3 {
        right: 25%
      }

      .col-xs-pull-2 {
        right: 16.66666667%
      }

      .col-xs-pull-1 {
        right: 8.33333333%
      }

      .col-xs-pull-0 {
        right: auto
      }

      .col-xs-push-12 {
        left: 100%
      }

      .col-xs-push-11 {
        left: 91.66666667%
      }

      .col-xs-push-10 {
        left: 83.33333333%
      }

      .col-xs-push-9 {
        left: 75%
      }

      .col-xs-push-8 {
        left: 66.66666667%
      }

      .col-xs-push-7 {
        left: 58.33333333%
      }

      .col-xs-push-6 {
        left: 50%
      }

      .col-xs-push-5 {
        left: 41.66666667%
      }

      .col-xs-push-4 {
        left: 33.33333333%
      }

      .col-xs-push-3 {
        left: 25%
      }

      .col-xs-push-2 {
        left: 16.66666667%
      }

      .col-xs-push-1 {
        left: 8.33333333%
      }

      .col-xs-push-0 {
        left: auto
      }

      .col-xs-offset-12 {
        margin-left: 100%
      }

      .col-xs-offset-11 {
        margin-left: 91.66666667%
      }

      .col-xs-offset-10 {
        margin-left: 83.33333333%
      }

      .col-xs-offset-9 {
        margin-left: 75%
      }

      .col-xs-offset-8 {
        margin-left: 66.66666667%
      }

      .col-xs-offset-7 {
        margin-left: 58.33333333%
      }

      .col-xs-offset-6 {
        margin-left: 50%
      }

      .col-xs-offset-5 {
        margin-left: 41.66666667%
      }

      .col-xs-offset-4 {
        margin-left: 33.33333333%
      }

      .col-xs-offset-3 {
        margin-left: 25%
      }

      .col-xs-offset-2 {
        margin-left: 16.66666667%
      }

      .col-xs-offset-1 {
        margin-left: 8.33333333%
      }

      .col-xs-offset-0 {
        margin-left: 0
      }

      @media (min-width:768px) {

        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9 {
          float: left
        }

        .col-sm-12 {
          width: 100%
        }

        .col-sm-11 {
          width: 91.66666667%
        }

        .col-sm-10 {
          width: 83.33333333%
        }

        .col-sm-9 {
          width: 75%
        }

        .col-sm-8 {
          width: 66.66666667%
        }

        .col-sm-7 {
          width: 58.33333333%
        }

        .col-sm-6 {
          width: 50%
        }

        .col-sm-5 {
          width: 41.66666667%
        }

        .col-sm-4 {
          width: 33.33333333%
        }

        .col-sm-3 {
          width: 25%
        }

        .col-sm-2 {
          width: 16.66666667%
        }

        .col-sm-1 {
          width: 8.33333333%
        }

        .col-sm-pull-12 {
          right: 100%
        }

        .col-sm-pull-11 {
          right: 91.66666667%
        }

        .col-sm-pull-10 {
          right: 83.33333333%
        }

        .col-sm-pull-9 {
          right: 75%
        }

        .col-sm-pull-8 {
          right: 66.66666667%
        }

        .col-sm-pull-7 {
          right: 58.33333333%
        }

        .col-sm-pull-6 {
          right: 50%
        }

        .col-sm-pull-5 {
          right: 41.66666667%
        }

        .col-sm-pull-4 {
          right: 33.33333333%
        }

        .col-sm-pull-3 {
          right: 25%
        }

        .col-sm-pull-2 {
          right: 16.66666667%
        }

        .col-sm-pull-1 {
          right: 8.33333333%
        }

        .col-sm-pull-0 {
          right: auto
        }

        .col-sm-push-12 {
          left: 100%
        }

        .col-sm-push-11 {
          left: 91.66666667%
        }

        .col-sm-push-10 {
          left: 83.33333333%
        }

        .col-sm-push-9 {
          left: 75%
        }

        .col-sm-push-8 {
          left: 66.66666667%
        }

        .col-sm-push-7 {
          left: 58.33333333%
        }

        .col-sm-push-6 {
          left: 50%
        }

        .col-sm-push-5 {
          left: 41.66666667%
        }

        .col-sm-push-4 {
          left: 33.33333333%
        }

        .col-sm-push-3 {
          left: 25%
        }

        .col-sm-push-2 {
          left: 16.66666667%
        }

        .col-sm-push-1 {
          left: 8.33333333%
        }

        .col-sm-push-0 {
          left: auto
        }

        .col-sm-offset-12 {
          margin-left: 100%
        }

        .col-sm-offset-11 {
          margin-left: 91.66666667%
        }

        .col-sm-offset-10 {
          margin-left: 83.33333333%
        }

        .col-sm-offset-9 {
          margin-left: 75%
        }

        .col-sm-offset-8 {
          margin-left: 66.66666667%
        }

        .col-sm-offset-7 {
          margin-left: 58.33333333%
        }

        .col-sm-offset-6 {
          margin-left: 50%
        }

        .col-sm-offset-5 {
          margin-left: 41.66666667%
        }

        .col-sm-offset-4 {
          margin-left: 33.33333333%
        }

        .col-sm-offset-3 {
          margin-left: 25%
        }

        .col-sm-offset-2 {
          margin-left: 16.66666667%
        }

        .col-sm-offset-1 {
          margin-left: 8.33333333%
        }

        .col-sm-offset-0 {
          margin-left: 0
        }
      }

      @media (min-width:992px) {

        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9 {
          float: left
        }

        .col-md-12 {
          width: 100%
        }

        .col-md-11 {
          width: 91.66666667%
        }

        .col-md-10 {
          width: 83.33333333%
        }

        .col-md-9 {
          width: 75%
        }

        .col-md-8 {
          width: 66.66666667%
        }

        .col-md-7 {
          width: 58.33333333%
        }

        .col-md-6 {
          width: 50%
        }

        .col-md-5 {
          width: 41.66666667%
        }

        .col-md-4 {
          width: 33.33333333%
        }

        .col-md-3 {
          width: 25%
        }

        .col-md-2 {
          width: 16.66666667%
        }

        .col-md-1 {
          width: 8.33333333%
        }

        .col-md-pull-12 {
          right: 100%
        }

        .col-md-pull-11 {
          right: 91.66666667%
        }

        .col-md-pull-10 {
          right: 83.33333333%
        }

        .col-md-pull-9 {
          right: 75%
        }

        .col-md-pull-8 {
          right: 66.66666667%
        }

        .col-md-pull-7 {
          right: 58.33333333%
        }

        .col-md-pull-6 {
          right: 50%
        }

        .col-md-pull-5 {
          right: 41.66666667%
        }

        .col-md-pull-4 {
          right: 33.33333333%
        }

        .col-md-pull-3 {
          right: 25%
        }

        .col-md-pull-2 {
          right: 16.66666667%
        }

        .col-md-pull-1 {
          right: 8.33333333%
        }

        .col-md-pull-0 {
          right: auto
        }

        .col-md-push-12 {
          left: 100%
        }

        .col-md-push-11 {
          left: 91.66666667%
        }

        .col-md-push-10 {
          left: 83.33333333%
        }

        .col-md-push-9 {
          left: 75%
        }

        .col-md-push-8 {
          left: 66.66666667%
        }

        .col-md-push-7 {
          left: 58.33333333%
        }

        .col-md-push-6 {
          left: 50%
        }

        .col-md-push-5 {
          left: 41.66666667%
        }

        .col-md-push-4 {
          left: 33.33333333%
        }

        .col-md-push-3 {
          left: 25%
        }

        .col-md-push-2 {
          left: 16.66666667%
        }

        .col-md-push-1 {
          left: 8.33333333%
        }

        .col-md-push-0 {
          left: auto
        }

        .col-md-offset-12 {
          margin-left: 100%
        }

        .col-md-offset-11 {
          margin-left: 91.66666667%
        }

        .col-md-offset-10 {
          margin-left: 83.33333333%
        }

        .col-md-offset-9 {
          margin-left: 75%
        }

        .col-md-offset-8 {
          margin-left: 66.66666667%
        }

        .col-md-offset-7 {
          margin-left: 58.33333333%
        }

        .col-md-offset-6 {
          margin-left: 50%
        }

        .col-md-offset-5 {
          margin-left: 41.66666667%
        }

        .col-md-offset-4 {
          margin-left: 33.33333333%
        }

        .col-md-offset-3 {
          margin-left: 25%
        }

        .col-md-offset-2 {
          margin-left: 16.66666667%
        }

        .col-md-offset-1 {
          margin-left: 8.33333333%
        }

        .col-md-offset-0 {
          margin-left: 0
        }
      }

      @media (min-width:1200px) {

        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9 {
          float: left
        }

        .col-lg-12 {
          width: 100%
        }

        .col-lg-11 {
          width: 91.66666667%
        }

        .col-lg-10 {
          width: 83.33333333%
        }

        .col-lg-9 {
          width: 75%
        }

        .col-lg-8 {
          width: 66.66666667%
        }

        .col-lg-7 {
          width: 58.33333333%
        }

        .col-lg-6 {
          width: 50%
        }

        .col-lg-5 {
          width: 41.66666667%
        }

        .col-lg-4 {
          width: 33.33333333%
        }

        .col-lg-3 {
          width: 25%
        }

        .col-left-module {
          width: 22%;
          padding-left: 0;
        }

        .col-content-info {
          width: 77%;
          padding-right: 0;
          float: right;
        }

        .col-lg-2 {
          width: 16.66666667%
        }

        .col-lg-1 {
          width: 8.33333333%
        }

        .col-lg-pull-12 {
          right: 100%
        }

        .col-lg-pull-11 {
          right: 91.66666667%
        }

        .col-lg-pull-10 {
          right: 83.33333333%
        }

        .col-lg-pull-9 {
          right: 75%
        }

        .col-lg-pull-8 {
          right: 66.66666667%
        }

        .col-lg-pull-7 {
          right: 58.33333333%
        }

        .col-lg-pull-6 {
          right: 50%
        }

        .col-lg-pull-5 {
          right: 41.66666667%
        }

        .col-lg-pull-4 {
          right: 33.33333333%
        }

        .col-lg-pull-3 {
          right: 25%
        }

        .col-lg-pull-2 {
          right: 16.66666667%
        }

        .col-lg-pull-1 {
          right: 8.33333333%
        }

        .col-lg-pull-0 {
          right: auto
        }

        .col-lg-push-12 {
          left: 100%
        }

        .col-lg-push-11 {
          left: 91.66666667%
        }

        .col-lg-push-10 {
          left: 83.33333333%
        }

        .col-lg-push-9 {
          left: 75%
        }

        .col-lg-push-8 {
          left: 66.66666667%
        }

        .col-lg-push-7 {
          left: 58.33333333%
        }

        .col-lg-push-6 {
          left: 50%
        }

        .col-lg-push-5 {
          left: 41.66666667%
        }

        .col-lg-push-4 {
          left: 33.33333333%
        }

        .col-lg-push-3 {
          left: 25%
        }

        .col-lg-push-2 {
          left: 16.66666667%
        }

        .col-lg-push-1 {
          left: 8.33333333%
        }

        .col-lg-push-0 {
          left: auto
        }

        .col-lg-offset-12 {
          margin-left: 100%
        }

        .col-lg-offset-11 {
          margin-left: 91.66666667%
        }

        .col-lg-offset-10 {
          margin-left: 83.33333333%
        }

        .col-lg-offset-9 {
          margin-left: 75%
        }

        .col-lg-offset-8 {
          margin-left: 66.66666667%
        }

        .col-lg-offset-7 {
          margin-left: 58.33333333%
        }

        .col-lg-offset-6 {
          margin-left: 50%
        }

        .col-lg-offset-5 {
          margin-left: 41.66666667%
        }

        .col-lg-offset-4 {
          margin-left: 33.33333333%
        }

        .col-lg-offset-3 {
          margin-left: 25%
        }

        .col-lg-offset-2 {
          margin-left: 16.66666667%
        }

        .col-lg-offset-1 {
          margin-left: 8.33333333%
        }

        .col-lg-offset-0 {
          margin-left: 0
        }
      }

      table {
        background-color: transparent
      }

      caption {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #777;
        text-align: left
      }

      th {
        text-align: left
      }

      .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
      }

      .table>tbody>tr>td,
      .table>tbody>tr>th,
      .table>tfoot>tr>td,
      .table>tfoot>tr>th,
      .table>thead>tr>td,
      .table>thead>tr>th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
      }

      .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
      }

      .table>caption+thead>tr:first-child>td,
      .table>caption+thead>tr:first-child>th,
      .table>colgroup+thead>tr:first-child>td,
      .table>colgroup+thead>tr:first-child>th,
      .table>thead:first-child>tr:first-child>td,
      .table>thead:first-child>tr:first-child>th {
        border-top: 0
      }

      .table>tbody+tbody {
        border-top: 2px solid #ddd
      }

      .table .table {
        background-color: #fff
      }

      .table-condensed>tbody>tr>td,
      .table-condensed>tbody>tr>th,
      .table-condensed>tfoot>tr>td,
      .table-condensed>tfoot>tr>th,
      .table-condensed>thead>tr>td,
      .table-condensed>thead>tr>th {
        padding: 5px
      }

      .table-bordered {
        border: 1px solid #ddd
      }

      .table-bordered>tbody>tr>td,
      .table-bordered>tbody>tr>th,
      .table-bordered>tfoot>tr>td,
      .table-bordered>tfoot>tr>th,
      .table-bordered>thead>tr>td,
      .table-bordered>thead>tr>th {
        border: 1px solid #ddd
      }

      .table-bordered>thead>tr>td,
      .table-bordered>thead>tr>th {
        border-bottom-width: 2px
      }

      .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9
      }

      .table-hover>tbody>tr:hover {
        background-color: #f5f5f5
      }

      table col[class*=col-] {
        position: static;
        display: table-column;
        float: none
      }

      table td[class*=col-],
      table th[class*=col-] {
        position: static;
        display: table-cell;
        float: none
      }

      .table>tbody>tr.active>td,
      .table>tbody>tr.active>th,
      .table>tbody>tr>td.active,
      .table>tbody>tr>th.active,
      .table>tfoot>tr.active>td,
      .table>tfoot>tr.active>th,
      .table>tfoot>tr>td.active,
      .table>tfoot>tr>th.active,
      .table>thead>tr.active>td,
      .table>thead>tr.active>th,
      .table>thead>tr>td.active,
      .table>thead>tr>th.active {
        background-color: #f5f5f5
      }

      .table-hover>tbody>tr.active:hover>td,
      .table-hover>tbody>tr.active:hover>th,
      .table-hover>tbody>tr:hover>.active,
      .table-hover>tbody>tr>td.active:hover,
      .table-hover>tbody>tr>th.active:hover {
        background-color: #e8e8e8
      }

      .table>tbody>tr.success>td,
      .table>tbody>tr.success>th,
      .table>tbody>tr>td.success,
      .table>tbody>tr>th.success,
      .table>tfoot>tr.success>td,
      .table>tfoot>tr.success>th,
      .table>tfoot>tr>td.success,
      .table>tfoot>tr>th.success,
      .table>thead>tr.success>td,
      .table>thead>tr.success>th,
      .table>thead>tr>td.success,
      .table>thead>tr>th.success {
        background-color: #dff0d8
      }

      .table-hover>tbody>tr.success:hover>td,
      .table-hover>tbody>tr.success:hover>th,
      .table-hover>tbody>tr:hover>.success,
      .table-hover>tbody>tr>td.success:hover,
      .table-hover>tbody>tr>th.success:hover {
        background-color: #d0e9c6
      }

      .table>tbody>tr.info>td,
      .table>tbody>tr.info>th,
      .table>tbody>tr>td.info,
      .table>tbody>tr>th.info,
      .table>tfoot>tr.info>td,
      .table>tfoot>tr.info>th,
      .table>tfoot>tr>td.info,
      .table>tfoot>tr>th.info,
      .table>thead>tr.info>td,
      .table>thead>tr.info>th,
      .table>thead>tr>td.info,
      .table>thead>tr>th.info {
        background-color: #d9edf7
      }

      .table-hover>tbody>tr.info:hover>td,
      .table-hover>tbody>tr.info:hover>th,
      .table-hover>tbody>tr:hover>.info,
      .table-hover>tbody>tr>td.info:hover,
      .table-hover>tbody>tr>th.info:hover {
        background-color: #c4e3f3
      }

      .table>tbody>tr.warning>td,
      .table>tbody>tr.warning>th,
      .table>tbody>tr>td.warning,
      .table>tbody>tr>th.warning,
      .table>tfoot>tr.warning>td,
      .table>tfoot>tr.warning>th,
      .table>tfoot>tr>td.warning,
      .table>tfoot>tr>th.warning,
      .table>thead>tr.warning>td,
      .table>thead>tr.warning>th,
      .table>thead>tr>td.warning,
      .table>thead>tr>th.warning {
        background-color: #fcf8e3
      }

      .table-hover>tbody>tr.warning:hover>td,
      .table-hover>tbody>tr.warning:hover>th,
      .table-hover>tbody>tr:hover>.warning,
      .table-hover>tbody>tr>td.warning:hover,
      .table-hover>tbody>tr>th.warning:hover {
        background-color: #faf2cc
      }

      .table>tbody>tr.danger>td,
      .table>tbody>tr.danger>th,
      .table>tbody>tr>td.danger,
      .table>tbody>tr>th.danger,
      .table>tfoot>tr.danger>td,
      .table>tfoot>tr.danger>th,
      .table>tfoot>tr>td.danger,
      .table>tfoot>tr>th.danger,
      .table>thead>tr.danger>td,
      .table>thead>tr.danger>th,
      .table>thead>tr>td.danger,
      .table>thead>tr>th.danger {
        background-color: #f2dede
      }

      .table-hover>tbody>tr.danger:hover>td,
      .table-hover>tbody>tr.danger:hover>th,
      .table-hover>tbody>tr:hover>.danger,
      .table-hover>tbody>tr>td.danger:hover,
      .table-hover>tbody>tr>th.danger:hover {
        background-color: #ebcccc
      }

      .table-responsive {
        min-height: .01%;
        overflow-x: auto
      }

      @media screen and (max-width:767px) {
        .table-responsive {
          width: 100%;
          margin-bottom: 15px;
          overflow-y: hidden;
          -ms-overflow-style: -ms-autohiding-scrollbar;
          border: 1px solid #ddd
        }

        .table-responsive>.table {
          margin-bottom: 0
        }

        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>td,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>thead>tr>th {
          white-space: nowrap
        }

        .table-responsive>.table-bordered {
          border: 0
        }

        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>thead>tr>th:first-child {
          border-left: 0
        }

        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>thead>tr>th:last-child {
          border-right: 0
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th {
          border-bottom: 0
        }
      }

      fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
      }

      legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333;
        border: 0;
        border-bottom: 1px solid #e5e5e5
      }

      label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700
      }

      input[type=search] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
      }

      input[type=checkbox],
      input[type=radio] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal
      }

      input[type=file] {
        display: block
      }

      input[type=range] {
        display: block;
        width: 100%
      }

      select[multiple],
      select[size] {
        height: auto
      }

      input[type=file]:focus,
      input[type=checkbox]:focus,
      input[type=radio]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
      }

      output {
        display: block;
        padding-top: 7px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555
      }

      .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
      }

      .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
      }

      .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
      }

      .form-control:-ms-input-placeholder {
        color: #999
      }

      .form-control::-webkit-input-placeholder {
        color: #999
      }

      .form-control[disabled],
      .form-control[readonly],
      fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
      }

      .form-control[disabled],
      fieldset[disabled] .form-control {
        cursor: not-allowed
      }

      textarea.form-control {
        height: auto
      }

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

      @media screen and (-webkit-min-device-pixel-ratio:0) {

        input[type=date],
        input[type=time],
        input[type=datetime-local],
        input[type=month] {
          line-height: 34px
        }

        .input-group-sm input[type=date],
        .input-group-sm input[type=time],
        .input-group-sm input[type=datetime-local],
        .input-group-sm input[type=month],
        input[type=date].input-sm,
        input[type=time].input-sm,
        input[type=datetime-local].input-sm,
        input[type=month].input-sm {
          line-height: 30px
        }

        .input-group-lg input[type=date],
        .input-group-lg input[type=time],
        .input-group-lg input[type=datetime-local],
        .input-group-lg input[type=month],
        input[type=date].input-lg,
        input[type=time].input-lg,
        input[type=datetime-local].input-lg,
        input[type=month].input-lg {
          line-height: 46px
        }
      }

      .form-group {
        margin-bottom: 15px
      }

      .checkbox,
      .radio {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px
      }

      .checkbox label,
      .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
      }

      .checkbox input[type=checkbox],
      .checkbox-inline input[type=checkbox],
      .radio input[type=radio],
      .radio-inline input[type=radio] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px
      }

      .checkbox+.checkbox,
      .radio+.radio {
        margin-top: -5px
      }

      .checkbox-inline,
      .radio-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        vertical-align: middle;
        cursor: pointer
      }

      .checkbox-inline+.checkbox-inline,
      .radio-inline+.radio-inline {
        margin-top: 0;
        margin-left: 10px
      }

      fieldset[disabled] input[type=checkbox],
      fieldset[disabled] input[type=radio],
      input[type=checkbox].disabled,
      input[type=checkbox][disabled],
      input[type=radio].disabled,
      input[type=radio][disabled] {
        cursor: not-allowed
      }

      .checkbox-inline.disabled,
      .radio-inline.disabled,
      fieldset[disabled] .checkbox-inline,
      fieldset[disabled] .radio-inline {
        cursor: not-allowed
      }

      .checkbox.disabled label,
      .radio.disabled label,
      fieldset[disabled] .checkbox label,
      fieldset[disabled] .radio label {
        cursor: not-allowed
      }

      .form-control-static {
        min-height: 34px;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0
      }

      .form-control-static.input-lg,
      .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0
      }

      .input-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
      }

      select.input-sm {
        height: 30px;
        line-height: 30px
      }

      select[multiple].input-sm,
      textarea.input-sm {
        height: auto
      }

      .form-group-sm .form-control {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
      }

      select.form-group-sm .form-control {
        height: 30px;
        line-height: 30px
      }

      select[multiple].form-group-sm .form-control,
      textarea.form-group-sm .form-control {
        height: auto
      }

      .form-group-sm .form-control-static {
        height: 30px;
        min-height: 32px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5
      }

      .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
      }

      select.input-lg {
        height: 46px;
        line-height: 46px
      }

      select[multiple].input-lg,
      textarea.input-lg {
        height: auto
      }

      .form-group-lg .form-control {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
      }

      select.form-group-lg .form-control {
        height: 46px;
        line-height: 46px
      }

      select[multiple].form-group-lg .form-control,
      textarea.form-group-lg .form-control {
        height: auto
      }

      .form-group-lg .form-control-static {
        height: 46px;
        min-height: 38px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
      }

      .has-feedback {
        position: relative
      }

      .has-feedback .form-control {
        padding-right: 42.5px
      }

      .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none
      }

      .input-lg+.form-control-feedback {
        width: 46px;
        height: 46px;
        line-height: 46px
      }

      .input-sm+.form-control-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px
      }

      .has-success .checkbox,
      .has-success .checkbox-inline,
      .has-success .control-label,
      .has-success .help-block,
      .has-success .radio,
      .has-success .radio-inline,
      .has-success.checkbox label,
      .has-success.checkbox-inline label,
      .has-success.radio label,
      .has-success.radio-inline label {
        color: #3c763d
      }

      .has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
      }

      .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
      }

      .has-success .input-group-addon {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #3c763d
      }

      .has-success .form-control-feedback {
        color: #3c763d
      }

      .has-warning .checkbox,
      .has-warning .checkbox-inline,
      .has-warning .control-label,
      .has-warning .help-block,
      .has-warning .radio,
      .has-warning .radio-inline,
      .has-warning.checkbox label,
      .has-warning.checkbox-inline label,
      .has-warning.radio label,
      .has-warning.radio-inline label {
        color: #8a6d3b
      }

      .has-warning .form-control {
        border-color: #8a6d3b;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
      }

      .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
      }

      .has-warning .input-group-addon {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #8a6d3b
      }

      .has-warning .form-control-feedback {
        color: #8a6d3b
      }

      .has-error .checkbox,
      .has-error .checkbox-inline,
      .has-error .control-label,
      .has-error .help-block,
      .has-error .radio,
      .has-error .radio-inline,
      .has-error.checkbox label,
      .has-error.checkbox-inline label,
      .has-error.radio label,
      .has-error.radio-inline label {
        color: #a94442
      }

      .has-error .form-control {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
      }

      .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
      }

      .has-error .input-group-addon {
        color: #a94442;
        background-color: #f2dede;
        border-color: #a94442
      }

      .has-error .form-control-feedback {
        color: #a94442
      }

      .has-feedback label~.form-control-feedback {
        top: 25px
      }

      .has-feedback label.sr-only~.form-control-feedback {
        top: 0
      }

      .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373
      }

      @media (min-width:768px) {
        .form-inline .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle
        }

        .form-inline .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle
        }

        .form-inline .form-control-static {
          display: inline-block
        }

        .form-inline .input-group {
          display: inline-table;
          vertical-align: middle
        }

        .form-inline .input-group .form-control,
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn {
          width: auto
        }

        .form-inline .input-group>.form-control {
          width: 100%
        }

        .form-inline .control-label {
          margin-bottom: 0;
          vertical-align: middle
        }

        .form-inline .checkbox,
        .form-inline .radio {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          vertical-align: middle
        }

        .form-inline .checkbox label,
        .form-inline .radio label {
          padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox],
        .form-inline .radio input[type=radio] {
          position: relative;
          margin-left: 0
        }

        .form-inline .has-feedback .form-control-feedback {
          top: 0
        }
      }

      .form-horizontal .checkbox,
      .form-horizontal .checkbox-inline,
      .form-horizontal .radio,
      .form-horizontal .radio-inline {
        padding-top: 7px;
        margin-top: 0;
        margin-bottom: 0
      }

      .form-horizontal .checkbox,
      .form-horizontal .radio {
        min-height: 27px
      }

      .form-horizontal .form-group {
        margin-right: -15px;
        margin-left: -15px
      }

      @media (min-width:768px) {
        .form-horizontal .control-label {
          padding-top: 7px;
          margin-bottom: 0;
          text-align: right
        }
      }

      .form-horizontal .has-feedback .form-control-feedback {
        right: 15px
      }

      @media (min-width:768px) {
        .form-horizontal .form-group-lg .control-label {
          padding-top: 14.33px
        }
      }

      @media (min-width:768px) {
        .form-horizontal .form-group-sm .control-label {
          padding-top: 6px
        }
      }

      .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
      }

      .btn.active.focus,
      .btn.active:focus,
      .btn.focus,
      .btn:active.focus,
      .btn:active:focus,
      .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
      }

      .btn.focus,
      .btn:focus,
      .btn:hover {
        color: #333;
        text-decoration: none
      }

      .btn.active,
      .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
      }

      .btn.disabled,
      .btn[disabled],
      fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
      }

      .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc
      }

      .btn-default.active,
      .btn-default.focus,
      .btn-default:active,
      .btn-default:focus,
      .btn-default:hover,
      .open>.dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
      }

      .btn-default.active,
      .btn-default:active,
      .open>.dropdown-toggle.btn-default {
        background-image: none
      }

      .btn-default.disabled,
      .btn-default.disabled.active,
      .btn-default.disabled.focus,
      .btn-default.disabled:active,
      .btn-default.disabled:focus,
      .btn-default.disabled:hover,
      .btn-default[disabled],
      .btn-default[disabled].active,
      .btn-default[disabled].focus,
      .btn-default[disabled]:active,
      .btn-default[disabled]:focus,
      .btn-default[disabled]:hover,
      fieldset[disabled] .btn-default,
      fieldset[disabled] .btn-default.active,
      fieldset[disabled] .btn-default.focus,
      fieldset[disabled] .btn-default:active,
      fieldset[disabled] .btn-default:focus,
      fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
      }

      .btn-default .badge {
        color: #fff;
        background-color: #333
      }

      .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4
      }

      .btn-primary.active,
      .btn-primary.focus,
      .btn-primary:active,
      .btn-primary:focus,
      .btn-primary:hover,
      .open>.dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
      }

      .btn-primary.active,
      .btn-primary:active,
      .open>.dropdown-toggle.btn-primary {
        background-image: none
      }

      .btn-primary.disabled,
      .btn-primary.disabled.active,
      .btn-primary.disabled.focus,
      .btn-primary.disabled:active,
      .btn-primary.disabled:focus,
      .btn-primary.disabled:hover,
      .btn-primary[disabled],
      .btn-primary[disabled].active,
      .btn-primary[disabled].focus,
      .btn-primary[disabled]:active,
      .btn-primary[disabled]:focus,
      .btn-primary[disabled]:hover,
      fieldset[disabled] .btn-primary,
      fieldset[disabled] .btn-primary.active,
      fieldset[disabled] .btn-primary.focus,
      fieldset[disabled] .btn-primary:active,
      fieldset[disabled] .btn-primary:focus,
      fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
      }

      .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
      }

      .btn-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c
      }

      .btn-success.active,
      .btn-success.focus,
      .btn-success:active,
      .btn-success:focus,
      .btn-success:hover,
      .open>.dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
      }

      .btn-success.active,
      .btn-success:active,
      .open>.dropdown-toggle.btn-success {
        background-image: none
      }

      .btn-success.disabled,
      .btn-success.disabled.active,
      .btn-success.disabled.focus,
      .btn-success.disabled:active,
      .btn-success.disabled:focus,
      .btn-success.disabled:hover,
      .btn-success[disabled],
      .btn-success[disabled].active,
      .btn-success[disabled].focus,
      .btn-success[disabled]:active,
      .btn-success[disabled]:focus,
      .btn-success[disabled]:hover,
      fieldset[disabled] .btn-success,
      fieldset[disabled] .btn-success.active,
      fieldset[disabled] .btn-success.focus,
      fieldset[disabled] .btn-success:active,
      fieldset[disabled] .btn-success:focus,
      fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
      }

      .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
      }

      .btn-info {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da
      }

      .btn-info.active,
      .btn-info.focus,
      .btn-info:active,
      .btn-info:focus,
      .btn-info:hover,
      .open>.dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
      }

      .btn-info.active,
      .btn-info:active,
      .open>.dropdown-toggle.btn-info {
        background-image: none
      }

      .btn-info.disabled,
      .btn-info.disabled.active,
      .btn-info.disabled.focus,
      .btn-info.disabled:active,
      .btn-info.disabled:focus,
      .btn-info.disabled:hover,
      .btn-info[disabled],
      .btn-info[disabled].active,
      .btn-info[disabled].focus,
      .btn-info[disabled]:active,
      .btn-info[disabled]:focus,
      .btn-info[disabled]:hover,
      fieldset[disabled] .btn-info,
      fieldset[disabled] .btn-info.active,
      fieldset[disabled] .btn-info.focus,
      fieldset[disabled] .btn-info:active,
      fieldset[disabled] .btn-info:focus,
      fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
      }

      .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
      }

      .btn-warning {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236
      }

      .btn-warning.active,
      .btn-warning.focus,
      .btn-warning:active,
      .btn-warning:focus,
      .btn-warning:hover,
      .open>.dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
      }

      .btn-warning.active,
      .btn-warning:active,
      .open>.dropdown-toggle.btn-warning {
        background-image: none
      }

      .btn-warning.disabled,
      .btn-warning.disabled.active,
      .btn-warning.disabled.focus,
      .btn-warning.disabled:active,
      .btn-warning.disabled:focus,
      .btn-warning.disabled:hover,
      .btn-warning[disabled],
      .btn-warning[disabled].active,
      .btn-warning[disabled].focus,
      .btn-warning[disabled]:active,
      .btn-warning[disabled]:focus,
      .btn-warning[disabled]:hover,
      fieldset[disabled] .btn-warning,
      fieldset[disabled] .btn-warning.active,
      fieldset[disabled] .btn-warning.focus,
      fieldset[disabled] .btn-warning:active,
      fieldset[disabled] .btn-warning:focus,
      fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
      }

      .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
      }

      .btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a
      }

      .btn-danger.active,
      .btn-danger.focus,
      .btn-danger:active,
      .btn-danger:focus,
      .btn-danger:hover,
      .open>.dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
      }

      .btn-danger.active,
      .btn-danger:active,
      .open>.dropdown-toggle.btn-danger {
        background-image: none
      }

      .btn-danger.disabled,
      .btn-danger.disabled.active,
      .btn-danger.disabled.focus,
      .btn-danger.disabled:active,
      .btn-danger.disabled:focus,
      .btn-danger.disabled:hover,
      .btn-danger[disabled],
      .btn-danger[disabled].active,
      .btn-danger[disabled].focus,
      .btn-danger[disabled]:active,
      .btn-danger[disabled]:focus,
      .btn-danger[disabled]:hover,
      fieldset[disabled] .btn-danger,
      fieldset[disabled] .btn-danger.active,
      fieldset[disabled] .btn-danger.focus,
      fieldset[disabled] .btn-danger:active,
      fieldset[disabled] .btn-danger:focus,
      fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
      }

      .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
      }

      .btn-link {
        font-weight: 400;
        color: #337ab7;
        border-radius: 0
      }

      .btn-link,
      .btn-link.active,
      .btn-link:active,
      .btn-link[disabled],
      fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
      }

      .btn-link,
      .btn-link:active,
      .btn-link:focus,
      .btn-link:hover {
        border-color: transparent
      }

      .btn-link:focus,
      .btn-link:hover {
        color: #23527c;
        text-decoration: underline;
        background-color: transparent
      }

      .btn-link[disabled]:focus,
      .btn-link[disabled]:hover,
      fieldset[disabled] .btn-link:focus,
      fieldset[disabled] .btn-link:hover {
        color: #777;
        text-decoration: none
      }

      .btn-group-lg>.btn,
      .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
      }

      .btn-group-sm>.btn,
      .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
      }

      .btn-group-xs>.btn,
      .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
      }

      .btn-block {
        display: block;
        width: 100%
      }

      .btn-block+.btn-block {
        margin-top: 5px
      }

      input[type=button].btn-block,
      input[type=reset].btn-block,
      input[type=submit].btn-block {
        width: 100%
      }

      .fade {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear
      }

      .fade.in {
        opacity: 1
      }

      .collapse {
        display: none
      }

      .collapse.in {
        display: block
      }

      tr.collapse.in {
        display: table-row
      }

      tbody.collapse.in {
        display: table-row-group
      }

      .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
        transition-property: height, visibility
      }

      .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
      }

      .dropdown,
      .dropup {
        position: relative
      }

      .dropdown-toggle:focus {
        outline: 0
      }

      .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
      }

      .dropdown-menu.pull-right {
        right: 0;
        left: auto
      }

      .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
      }

      .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
      }

      .dropdown-menu>li>a:focus,
      .dropdown-menu>li>a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5
      }

      .dropdown-menu>.active>a,
      .dropdown-menu>.active>a:focus,
      .dropdown-menu>.active>a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
      }

      .dropdown-menu>.disabled>a,
      .dropdown-menu>.disabled>a:focus,
      .dropdown-menu>.disabled>a:hover {
        color: #777
      }

      .dropdown-menu>.disabled>a:focus,
      .dropdown-menu>.disabled>a:hover {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
      }

      .open>.dropdown-menu {
        display: block
      }

      .open>a {
        outline: 0
      }

      .dropdown-menu-right {
        right: 0;
        left: auto
      }

      .dropdown-menu-left {
        right: auto;
        left: 0
      }

      .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #777;
        white-space: nowrap
      }

      .dropdown-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 990
      }

      .pull-right>.dropdown-menu {
        right: 0;
        left: auto
      }

      .dropup .caret,
      .navbar-fixed-bottom .dropdown .caret {
        content: "";
        border-top: 0;
        border-bottom: 4px solid
      }

      .dropup .dropdown-menu,
      .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px
      }

      @media (min-width:768px) {
        .navbar-right .dropdown-menu {
          right: 0;
          left: auto
        }

        .navbar-right .dropdown-menu-left {
          right: auto;
          left: 0
        }
      }

      .btn-group,
      .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle
      }

      .btn-group-vertical>.btn,
      .btn-group>.btn {
        position: relative;
        float: left
      }

      .btn-group-vertical>.btn.active,
      .btn-group-vertical>.btn:active,
      .btn-group-vertical>.btn:focus,
      .btn-group-vertical>.btn:hover,
      .btn-group>.btn.active,
      .btn-group>.btn:active,
      .btn-group>.btn:focus,
      .btn-group>.btn:hover {
        z-index: 2
      }

      .btn-group .btn+.btn,
      .btn-group .btn+.btn-group,
      .btn-group .btn-group+.btn,
      .btn-group .btn-group+.btn-group {
        margin-left: -1px
      }

      .btn-toolbar {
        margin-left: -5px
      }

      .btn-toolbar .btn-group,
      .btn-toolbar .input-group {
        float: left
      }

      .btn-toolbar>.btn,
      .btn-toolbar>.btn-group,
      .btn-toolbar>.input-group {
        margin-left: 5px
      }

      .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0
      }

      .btn-group>.btn:first-child {
        margin-left: 0
      }

      .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }

      .btn-group>.btn:last-child:not(:first-child),
      .btn-group>.dropdown-toggle:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }

      .btn-group>.btn-group {
        float: left
      }

      .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
      }

      .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
      .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }

      .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }

      .btn-group .dropdown-toggle:active,
      .btn-group.open .dropdown-toggle {
        outline: 0
      }

      .btn-group>.btn+.dropdown-toggle {
        padding-right: 8px;
        padding-left: 8px
      }

      .btn-group>.btn-lg+.dropdown-toggle {
        padding-right: 12px;
        padding-left: 12px
      }

      .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
      }

      .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
      }

      .btn .caret {
        margin-left: 0
      }

      .btn-lg .caret {
        border-width: 5px 5px 0;
        border-bottom-width: 0
      }

      .dropup .btn-lg .caret {
        border-width: 0 5px 5px
      }

      .btn-group-vertical>.btn,
      .btn-group-vertical>.btn-group,
      .btn-group-vertical>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%
      }

      .btn-group-vertical>.btn-group>.btn {
        float: none
      }

      .btn-group-vertical>.btn+.btn,
      .btn-group-vertical>.btn+.btn-group,
      .btn-group-vertical>.btn-group+.btn,
      .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0
      }

      .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
        border-radius: 0
      }

      .btn-group-vertical>.btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
      }

      .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px
      }

      .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
      }

      .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
      .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
      }

      .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
      }

      .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate
      }

      .btn-group-justified>.btn,
      .btn-group-justified>.btn-group {
        display: table-cell;
        float: none;
        width: 1%
      }

      .btn-group-justified>.btn-group .btn {
        width: 100%
      }

      .btn-group-justified>.btn-group .dropdown-menu {
        left: auto
      }

      [data-toggle=buttons]>.btn input[type=checkbox],
      [data-toggle=buttons]>.btn input[type=radio],
      [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
      [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
      }

      .input-group {
        position: relative;
        display: table;
        border-collapse: separate
      }

      .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0
      }

      .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
      }

      .input-group-lg>.form-control,
      .input-group-lg>.input-group-addon,
      .input-group-lg>.input-group-btn>.btn {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
      }

      select.input-group-lg>.form-control,
      select.input-group-lg>.input-group-addon,
      select.input-group-lg>.input-group-btn>.btn {
        height: 46px;
        line-height: 46px
      }

      select[multiple].input-group-lg>.form-control,
      select[multiple].input-group-lg>.input-group-addon,
      select[multiple].input-group-lg>.input-group-btn>.btn,
      textarea.input-group-lg>.form-control,
      textarea.input-group-lg>.input-group-addon,
      textarea.input-group-lg>.input-group-btn>.btn {
        height: auto
      }

      .input-group-sm>.form-control,
      .input-group-sm>.input-group-addon,
      .input-group-sm>.input-group-btn>.btn {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
      }

      select.input-group-sm>.form-control,
      select.input-group-sm>.input-group-addon,
      select.input-group-sm>.input-group-btn>.btn {
        height: 30px;
        line-height: 30px
      }

      select[multiple].input-group-sm>.form-control,
      select[multiple].input-group-sm>.input-group-addon,
      select[multiple].input-group-sm>.input-group-btn>.btn,
      textarea.input-group-sm>.form-control,
      textarea.input-group-sm>.input-group-addon,
      textarea.input-group-sm>.input-group-btn>.btn {
        height: auto
      }

      .input-group .form-control,
      .input-group-addon,
      .input-group-btn {
        display: table-cell
      }

      .input-group .form-control:not(:first-child):not(:last-child),
      .input-group-addon:not(:first-child):not(:last-child),
      .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0
      }

      .input-group-addon,
      .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle
      }

      .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px
      }

      .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
      }

      .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
      }

      .input-group-addon input[type=checkbox],
      .input-group-addon input[type=radio] {
        margin-top: 0
      }

      .input-group .form-control:first-child,
      .input-group-addon:first-child,
      .input-group-btn:first-child>.btn,
      .input-group-btn:first-child>.btn-group>.btn,
      .input-group-btn:first-child>.dropdown-toggle,
      .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
      .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }

      .input-group-addon:first-child {
        border-right: 0
      }

      .input-group .form-control:last-child,
      .input-group-addon:last-child,
      .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
      .input-group-btn:first-child>.btn:not(:first-child),
      .input-group-btn:last-child>.btn,
      .input-group-btn:last-child>.btn-group>.btn,
      .input-group-btn:last-child>.dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }

      .input-group-addon:last-child {
        border-left: 0
      }

      .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap
      }

      .input-group-btn>.btn {
        position: relative
      }

      .input-group-btn>.btn+.btn {
        margin-left: -1px
      }

      .input-group-btn>.btn:active,
      .input-group-btn>.btn:focus,
      .input-group-btn>.btn:hover {
        z-index: 2
      }

      .input-group-btn:first-child>.btn,
      .input-group-btn:first-child>.btn-group {
        margin-right: -1px
      }

      .input-group-btn:last-child>.btn,
      .input-group-btn:last-child>.btn-group {
        margin-left: -1px
      }

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

      .nav>li {
        position: relative;
        display: block
      }

      .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px
      }

      .nav>li>a:focus,
      .nav>li>a:hover {
        text-decoration: none;
        background-color: #eee
      }

      .nav>li.disabled>a {
        color: #777
      }

      .nav>li.disabled>a:focus,
      .nav>li.disabled>a:hover {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent
      }

      .nav .open>a,
      .nav .open>a:focus,
      .nav .open>a:hover {
        background-color: #eee;
        border-color: #337ab7
      }

      .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
      }

      .nav>li>a>img {
        max-width: none
      }

      .nav-tabs {
        border-bottom: 1px solid #ddd
      }

      .nav-tabs>li {
        float: left;
        margin-bottom: -1px
      }

      .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
      }

      .nav-tabs>li>a:hover {
        border-color: #eee #eee #ddd
      }

      .nav-tabs>li.active>a,
      .nav-tabs>li.active>a:focus,
      .nav-tabs>li.active>a:hover {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent
      }

      .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
      }

      .nav-tabs.nav-justified>li {
        float: none
      }

      .nav-tabs.nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
      }

      .nav-tabs.nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
      }

      @media (min-width:768px) {
        .nav-tabs.nav-justified>li {
          display: table-cell;
          width: 1%
        }

        .nav-tabs.nav-justified>li>a {
          margin-bottom: 0
        }
      }

      .nav-tabs.nav-justified>li>a {
        margin-right: 0;
        border-radius: 4px
      }

      .nav-tabs.nav-justified>.active>a,
      .nav-tabs.nav-justified>.active>a:focus,
      .nav-tabs.nav-justified>.active>a:hover {
        border: 1px solid #ddd
      }

      @media (min-width:768px) {
        .nav-tabs.nav-justified>li>a {
          border-bottom: 1px solid #ddd;
          border-radius: 4px 4px 0 0
        }

        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:focus,
        .nav-tabs.nav-justified>.active>a:hover {
          border-bottom-color: #fff
        }
      }

      .nav-pills>li {
        float: left
      }

      .nav-pills>li>a {
        border-radius: 4px
      }

      .nav-pills>li+li {
        margin-left: 2px
      }

      .nav-pills>li.active>a,
      .nav-pills>li.active>a:focus,
      .nav-pills>li.active>a:hover {
        color: #fff;
        background-color: #337ab7
      }

      .nav-stacked>li {
        float: none
      }

      .nav-stacked>li+li {
        margin-top: 2px;
        margin-left: 0
      }

      .nav-justified {
        width: 100%
      }

      .nav-justified>li {
        float: none
      }

      .nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
      }

      .nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
      }

      @media (min-width:768px) {
        .nav-justified>li {
          display: table-cell;
          width: 1%
        }

        .nav-justified>li>a {
          margin-bottom: 0
        }
      }

      .nav-tabs-justified {
        border-bottom: 0
      }

      .nav-tabs-justified>li>a {
        margin-right: 0;
        border-radius: 4px
      }

      .nav-tabs-justified>.active>a,
      .nav-tabs-justified>.active>a:focus,
      .nav-tabs-justified>.active>a:hover {
        border: 1px solid #ddd
      }

      @media (min-width:768px) {
        .nav-tabs-justified>li>a {
          border-bottom: 1px solid #ddd;
          border-radius: 4px 4px 0 0
        }

        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:focus,
        .nav-tabs-justified>.active>a:hover {
          border-bottom-color: #fff
        }
      }

      .tab-content>.tab-pane {
        display: none
      }

      .tab-content>.active {
        display: block
      }

      .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
      }

      .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent
      }

      @media (min-width:768px) {
        .navbar {
          border-radius: 4px
        }
      }

      @media (min-width:768px) {
        .navbar-header {
          float: left
        }
      }

      .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
      }

      .navbar-collapse.in {
        overflow-y: auto
      }

      @media (min-width:768px) {
        .navbar-collapse {
          width: auto;
          border-top: 0;
          -webkit-box-shadow: none;
          box-shadow: none
        }

        .navbar-collapse.collapse {
          display: block !important;
          height: auto !important;
          padding-bottom: 0;
          overflow: visible !important
        }

        .navbar-collapse.in {
          overflow-y: visible
        }

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse {
          padding-right: 0;
          padding-left: 0
        }
      }

      .navbar-fixed-bottom .navbar-collapse,
      .navbar-fixed-top .navbar-collapse {
        max-height: 340px
      }

      @media (max-device-width:480px)and (orientation:landscape) {

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse {
          max-height: 200px
        }
      }

      .container-fluid>.navbar-collapse,
      .container-fluid>.navbar-header,
      .container>.navbar-collapse,
      .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px
      }

      @media (min-width:768px) {

        .container-fluid>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container>.navbar-header {
          margin-right: 0;
          margin-left: 0
        }
      }

      .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px
      }

      @media (min-width:768px) {
        .navbar-static-top {
          border-radius: 0
        }
      }

      .navbar-fixed-bottom,
      .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
      }

      @media (min-width:768px) {

        .navbar-fixed-bottom,
        .navbar-fixed-top {
          border-radius: 0
        }
      }

      .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
      }

      .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0
      }

      .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px
      }

      .navbar-brand:focus,
      .navbar-brand:hover {
        text-decoration: none
      }

      .navbar-brand>img {
        display: block
      }

      @media (min-width:768px) {

        .navbar>.container .navbar-brand,
        .navbar>.container-fluid .navbar-brand {
          margin-left: -15px
        }
      }

      .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
      }

      .navbar-toggle:focus {
        outline: 0
      }

      .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
      }

      .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
      }

      @media (min-width:768px) {
        .navbar-toggle {
          display: none
        }
      }

      .navbar-nav {
        margin: 7.5px -15px
      }

      .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
      }

      @media (max-width:767px) {
        .navbar-nav .open .dropdown-menu {
          position: static;
          float: none;
          width: auto;
          margin-top: 0;
          background-color: transparent;
          border: 0;
          -webkit-box-shadow: none;
          box-shadow: none
        }

        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu>li>a {
          padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu>li>a {
          line-height: 20px
        }

        .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-nav .open .dropdown-menu>li>a:hover {
          background-image: none
        }
      }

      @media (min-width:768px) {
        .navbar-nav {
          float: left;
          margin: 0
        }

        .navbar-nav>li {
          float: left
        }

        .navbar-nav>li>a {
          padding-top: 15px;
          padding-bottom: 15px
        }
      }

      .navbar-form {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
      }

      @media (min-width:768px) {
        .navbar-form .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle
        }

        .navbar-form .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle
        }

        .navbar-form .form-control-static {
          display: inline-block
        }

        .navbar-form .input-group {
          display: inline-table;
          vertical-align: middle
        }

        .navbar-form .input-group .form-control,
        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn {
          width: auto
        }

        .navbar-form .input-group>.form-control {
          width: 100%
        }

        .navbar-form .control-label {
          margin-bottom: 0;
          vertical-align: middle
        }

        .navbar-form .checkbox,
        .navbar-form .radio {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          vertical-align: middle
        }

        .navbar-form .checkbox label,
        .navbar-form .radio label {
          padding-left: 0
        }

        .navbar-form .checkbox input[type=checkbox],
        .navbar-form .radio input[type=radio] {
          position: relative;
          margin-left: 0
        }

        .navbar-form .has-feedback .form-control-feedback {
          top: 0
        }
      }

      @media (max-width:767px) {
        .navbar-form .form-group {
          margin-bottom: 5px
        }

        .navbar-form .form-group:last-child {
          margin-bottom: 0
        }
      }

      @media (min-width:768px) {
        .navbar-form {
          width: auto;
          padding-top: 0;
          padding-bottom: 0;
          margin-right: 0;
          margin-left: 0;
          border: 0;
          -webkit-box-shadow: none;
          box-shadow: none
        }
      }

      .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
      }

      .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        margin-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
      }

      .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px
      }

      .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
      }

      .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
      }

      .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px
      }

      @media (min-width:768px) {
        .navbar-text {
          float: left;
          margin-right: 15px;
          margin-left: 15px
        }
      }

      @media (min-width:768px) {
        .navbar-left {
          float: left !important
        }

        .navbar-right {
          float: right !important;
          margin-right: -15px
        }

        .navbar-right~.navbar-right {
          margin-right: 0
        }
      }

      .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7
      }

      .navbar-default .navbar-brand {
        color: #777
      }

      .navbar-default .navbar-brand:focus,
      .navbar-default .navbar-brand:hover {
        color: #5e5e5e;
        background-color: transparent
      }

      .navbar-default .navbar-text {
        color: #777
      }

      .navbar-default .navbar-nav>li>a {
        color: #777
      }

      .navbar-default .navbar-nav>li>a:focus,
      .navbar-default .navbar-nav>li>a:hover {
        color: #333;
        background-color: transparent
      }

      .navbar-default .navbar-nav>.active>a,
      .navbar-default .navbar-nav>.active>a:focus,
      .navbar-default .navbar-nav>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
      }

      .navbar-default .navbar-nav>.disabled>a,
      .navbar-default .navbar-nav>.disabled>a:focus,
      .navbar-default .navbar-nav>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
      }

      .navbar-default .navbar-toggle {
        border-color: #ddd
      }

      .navbar-default .navbar-toggle:focus,
      .navbar-default .navbar-toggle:hover {
        background-color: #ddd
      }

      .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
      }

      .navbar-default .navbar-collapse,
      .navbar-default .navbar-form {
        border-color: #e7e7e7
      }

      .navbar-default .navbar-nav>.open>a,
      .navbar-default .navbar-nav>.open>a:focus,
      .navbar-default .navbar-nav>.open>a:hover {
        color: #555;
        background-color: #e7e7e7
      }

      @media (max-width:767px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          color: #777
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
          color: #333;
          background-color: transparent
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
          color: #555;
          background-color: #e7e7e7
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
          color: #ccc;
          background-color: transparent
        }
      }

      .navbar-default .navbar-link {
        color: #777
      }

      .navbar-default .navbar-link:hover {
        color: #333
      }

      .navbar-default .btn-link {
        color: #777
      }

      .navbar-default .btn-link:focus,
      .navbar-default .btn-link:hover {
        color: #333
      }

      .navbar-default .btn-link[disabled]:focus,
      .navbar-default .btn-link[disabled]:hover,
      fieldset[disabled] .navbar-default .btn-link:focus,
      fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
      }

      .navbar-inverse {
        background-color: #222;
        border-color: #080808
      }

      .navbar-inverse .navbar-brand {
        color: #9d9d9d
      }

      .navbar-inverse .navbar-brand:focus,
      .navbar-inverse .navbar-brand:hover {
        color: #fff;
        background-color: transparent
      }

      .navbar-inverse .navbar-text {
        color: #9d9d9d
      }

      .navbar-inverse .navbar-nav>li>a {
        color: #9d9d9d
      }

      .navbar-inverse .navbar-nav>li>a:focus,
      .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        background-color: transparent
      }

      .navbar-inverse .navbar-nav>.active>a,
      .navbar-inverse .navbar-nav>.active>a:focus,
      .navbar-inverse .navbar-nav>.active>a:hover {
        color: #fff;
        background-color: #080808
      }

      .navbar-inverse .navbar-nav>.disabled>a,
      .navbar-inverse .navbar-nav>.disabled>a:focus,
      .navbar-inverse .navbar-nav>.disabled>a:hover {
        color: #444;
        background-color: transparent
      }

      .navbar-inverse .navbar-toggle {
        border-color: #333
      }

      .navbar-inverse .navbar-toggle:focus,
      .navbar-inverse .navbar-toggle:hover {
        background-color: #333
      }

      .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff
      }

      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
        border-color: #101010
      }

      .navbar-inverse .navbar-nav>.open>a,
      .navbar-inverse .navbar-nav>.open>a:focus,
      .navbar-inverse .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: #080808
      }

      @media (max-width:767px) {
        .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
          border-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
          background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
          color: #9d9d9d
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
          color: #fff;
          background-color: transparent
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
          color: #fff;
          background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
          color: #444;
          background-color: transparent
        }
      }

      .navbar-inverse .navbar-link {
        color: #9d9d9d
      }

      .navbar-inverse .navbar-link:hover {
        color: #fff
      }

      .navbar-inverse .btn-link {
        color: #9d9d9d
      }

      .navbar-inverse .btn-link:focus,
      .navbar-inverse .btn-link:hover {
        color: #fff
      }

      .navbar-inverse .btn-link[disabled]:focus,
      .navbar-inverse .btn-link[disabled]:hover,
      fieldset[disabled] .navbar-inverse .btn-link:focus,
      fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
      }

      .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px
      }

      .breadcrumb>li {
        display: inline-block
      }

      .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0"
      }

      .breadcrumb>.active {
        color: #777
      }

      .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px
      }

      .pagination>li {
        display: inline
      }

      .pagination>li>a,
      .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd
      }

      .pagination>li:first-child>a,
      .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
      }

      .pagination>li:last-child>a,
      .pagination>li:last-child>span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
      }

      .pagination>li>a:focus,
      .pagination>li>a:hover,
      .pagination>li>span:focus,
      .pagination>li>span:hover {
        color: #23527c;
        background-color: #eee;
        border-color: #ddd
      }

      .pagination>.active>a,
      .pagination>.active>a:focus,
      .pagination>.active>a:hover,
      .pagination>.active>span,
      .pagination>.active>span:focus,
      .pagination>.active>span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
      }

      .pagination>.disabled>a,
      .pagination>.disabled>a:focus,
      .pagination>.disabled>a:hover,
      .pagination>.disabled>span,
      .pagination>.disabled>span:focus,
      .pagination>.disabled>span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
      }

      .pagination-lg>li>a,
      .pagination-lg>li>span {
        padding: 10px 16px;
        font-size: 18px
      }

      .pagination-lg>li:first-child>a,
      .pagination-lg>li:first-child>span {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
      }

      .pagination-lg>li:last-child>a,
      .pagination-lg>li:last-child>span {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
      }

      .pagination-sm>li>a,
      .pagination-sm>li>span {
        padding: 0px 10px;
        font-size: 12px
      }

      .pagination-sm>li:first-child>a,
      .pagination-sm>li:first-child>span {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
      }

      .pagination-sm>li:last-child>a,
      .pagination-sm>li:last-child>span {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
      }

      .pager {
        padding-left: 0;
        margin: 20px 0;
        text-align: center;
        list-style: none
      }

      .pager li {
        display: inline
      }

      .pager li>a,
      .pager li>span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px
      }

      .pager li>a:focus,
      .pager li>a:hover {
        text-decoration: none;
        background-color: #eee
      }

      .pager .next>a,
      .pager .next>span {
        float: right
      }

      .pager .previous>a,
      .pager .previous>span {
        float: left
      }

      .pager .disabled>a,
      .pager .disabled>a:focus,
      .pager .disabled>a:hover,
      .pager .disabled>span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
      }

      .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em
      }

      a.label:focus,
      a.label:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
      }

      .label:empty {
        display: none
      }

      .btn .label {
        position: relative;
        top: -1px
      }

      .label-default {
        background-color: #777
      }

      .label-default[href]:focus,
      .label-default[href]:hover {
        background-color: #5e5e5e
      }

      .label-primary {
        background-color: #337ab7
      }

      .label-primary[href]:focus,
      .label-primary[href]:hover {
        background-color: #286090
      }

      .label-success {
        background-color: #5cb85c
      }

      .label-success[href]:focus,
      .label-success[href]:hover {
        background-color: #449d44
      }

      .label-info {
        background-color: #5bc0de
      }

      .label-info[href]:focus,
      .label-info[href]:hover {
        background-color: #31b0d5
      }

      .label-warning {
        background-color: #f0ad4e
      }

      .label-warning[href]:focus,
      .label-warning[href]:hover {
        background-color: #ec971f
      }

      .label-danger {
        background-color: #d9534f
      }

      .label-danger[href]:focus,
      .label-danger[href]:hover {
        background-color: #c9302c
      }

      .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        background-color: #777;
        border-radius: 10px
      }

      .badge:empty {
        display: none
      }

      .btn .badge {
        position: relative;
        top: -1px
      }

      .btn-group-xs>.btn .badge,
      .btn-xs .badge {
        top: 0;
        padding: 1px 5px
      }

      a.badge:focus,
      a.badge:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
      }

      .list-group-item.active>.badge,
      .nav-pills>.active>a>.badge {
        color: #337ab7;
        background-color: #fff
      }

      .list-group-item>.badge {
        float: right
      }

      .list-group-item>.badge+.badge {
        margin-right: 5px
      }

      .nav-pills>li>a>.badge {
        margin-left: 3px
      }

      .jumbotron {
        padding: 30px 15px;
        margin-bottom: 30px;
        color: inherit;
        background-color: #eee
      }

      .jumbotron .h1,
      .jumbotron h1 {
        color: inherit
      }

      .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
      }

      .jumbotron>hr {
        border-top-color: #d5d5d5
      }

      .container .jumbotron,
      .container-fluid .jumbotron {
        border-radius: 6px
      }

      .jumbotron .container {
        max-width: 100%
      }

      @media screen and (min-width:768px) {
        .jumbotron {
          padding: 48px 0
        }

        .container .jumbotron,
        .container-fluid .jumbotron {
          padding-right: 60px;
          padding-left: 60px
        }

        .jumbotron .h1,
        .jumbotron h1 {
          font-size: 63px
        }
      }

      .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out
      }

      .thumbnail a>img,
      .thumbnail>img {
        margin-right: auto;
        margin-left: auto
      }

      a.thumbnail.active,
      a.thumbnail:focus,
      a.thumbnail:hover {
        border-color: #337ab7
      }

      .thumbnail .caption {
        padding: 9px;
        color: #333
      }

      .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px
      }

      .alert h4 {
        margin-top: 0;
        color: inherit
      }

      .alert .alert-link {
        font-weight: 700
      }

      .alert>p,
      .alert>ul {
        margin-bottom: 0
      }

      .alert>p+p {
        margin-top: 5px
      }

      .alert-dismissable,
      .alert-dismissible {
        padding-right: 35px
      }

      .alert-dismissable .close,
      .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
      }

      .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
      }

      .alert-success hr {
        border-top-color: #c9e2b3
      }

      .alert-success .alert-link {
        color: #2b542c
      }

      .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
      }

      .alert-info hr {
        border-top-color: #a6e1ec
      }

      .alert-info .alert-link {
        color: #245269
      }

      .alert-warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
      }

      .alert-warning hr {
        border-top-color: #f7e1b5
      }

      .alert-warning .alert-link {
        color: #66512c
      }

      .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
      }

      .alert-danger hr {
        border-top-color: #e4b9c0
      }

      .alert-danger .alert-link {
        color: #843534
      }

      @-webkit-keyframes progress-bar-stripes {
        from {
          background-position: 40px 0
        }

        to {
          background-position: 0 0
        }
      }

      @-o-keyframes progress-bar-stripes {
        from {
          background-position: 40px 0
        }

        to {
          background-position: 0 0
        }
      }

      @keyframes progress-bar-stripes {
        from {
          background-position: 40px 0
        }

        to {
          background-position: 0 0
        }
      }

      .progress {
        height: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
      }

      .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease
      }

      .progress-bar-striped,
      .progress-striped .progress-bar {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
      }

      .progress-bar.active,
      .progress.active .progress-bar {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite
      }

      .progress-bar-success {
        background-color: #5cb85c
      }

      .progress-striped .progress-bar-success {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
      }

      .progress-bar-info {
        background-color: #5bc0de
      }

      .progress-striped .progress-bar-info {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
      }

      .progress-bar-warning {
        background-color: #f0ad4e
      }

      .progress-striped .progress-bar-warning {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
      }

      .progress-bar-danger {
        background-color: #d9534f
      }

      .progress-striped .progress-bar-danger {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
      }

      .media {
        margin-top: 15px
      }

      .media:first-child {
        margin-top: 0
      }

      .media,
      .media-body {
        overflow: hidden;
        zoom: 1
      }

      .media-body {
        width: 10000px
      }

      .media-object {
        display: block
      }

      .media-right,
      .media>.pull-right {
        padding-left: 10px
      }

      .media-left,
      .media>.pull-left {
        padding-right: 10px
      }

      .media-body,
      .media-left,
      .media-right {
        display: table-cell;
        vertical-align: top
      }

      .media-middle {
        vertical-align: middle
      }

      .media-bottom {
        vertical-align: bottom
      }

      .media-heading {
        margin-top: 0;
        margin-bottom: 5px
      }

      .media-list {
        padding-left: 0;
        list-style: none
      }

      .list-group {
        padding-left: 0;
        margin-bottom: 20px
      }

      .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd
      }

      .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
      }

      .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
      }

      a.list-group-item {
        color: #555
      }

      a.list-group-item .list-group-item-heading {
        color: #333
      }

      a.list-group-item:focus,
      a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
      }

      .list-group-item.disabled,
      .list-group-item.disabled:focus,
      .list-group-item.disabled:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #eee
      }

      .list-group-item.disabled .list-group-item-heading,
      .list-group-item.disabled:focus .list-group-item-heading,
      .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
      }

      .list-group-item.disabled .list-group-item-text,
      .list-group-item.disabled:focus .list-group-item-text,
      .list-group-item.disabled:hover .list-group-item-text {
        color: #777
      }

      .list-group-item.active,
      .list-group-item.active:focus,
      .list-group-item.active:hover {
        z-index: 2;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
      }

      .list-group-item.active .list-group-item-heading,
      .list-group-item.active .list-group-item-heading>.small,
      .list-group-item.active .list-group-item-heading>small,
      .list-group-item.active:focus .list-group-item-heading,
      .list-group-item.active:focus .list-group-item-heading>.small,
      .list-group-item.active:focus .list-group-item-heading>small,
      .list-group-item.active:hover .list-group-item-heading,
      .list-group-item.active:hover .list-group-item-heading>.small,
      .list-group-item.active:hover .list-group-item-heading>small {
        color: inherit
      }

      .list-group-item.active .list-group-item-text,
      .list-group-item.active:focus .list-group-item-text,
      .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
      }

      .list-group-item-success {
        color: #3c763d;
        background-color: #dff0d8
      }

      a.list-group-item-success {
        color: #3c763d
      }

      a.list-group-item-success .list-group-item-heading {
        color: inherit
      }

      a.list-group-item-success:focus,
      a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
      }

      a.list-group-item-success.active,
      a.list-group-item-success.active:focus,
      a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
      }

      .list-group-item-info {
        color: #31708f;
        background-color: #d9edf7
      }

      a.list-group-item-info {
        color: #31708f
      }

      a.list-group-item-info .list-group-item-heading {
        color: inherit
      }

      a.list-group-item-info:focus,
      a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
      }

      a.list-group-item-info.active,
      a.list-group-item-info.active:focus,
      a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
      }

      .list-group-item-warning {
        color: #8a6d3b;
        background-color: #fcf8e3
      }

      a.list-group-item-warning {
        color: #8a6d3b
      }

      a.list-group-item-warning .list-group-item-heading {
        color: inherit
      }

      a.list-group-item-warning:focus,
      a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
      }

      a.list-group-item-warning.active,
      a.list-group-item-warning.active:focus,
      a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
      }

      .list-group-item-danger {
        color: #a94442;
        background-color: #f2dede
      }

      a.list-group-item-danger {
        color: #a94442
      }

      a.list-group-item-danger .list-group-item-heading {
        color: inherit
      }

      a.list-group-item-danger:focus,
      a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
      }

      a.list-group-item-danger.active,
      a.list-group-item-danger.active:focus,
      a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
      }

      .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px
      }

      .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3
      }

      .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
      }

      .panel-body {
        padding: 15px
      }

      .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
      }

      .panel-heading>.dropdown .dropdown-toggle {
        color: inherit
      }

      .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit
      }

      .panel-title>.small,
      .panel-title>.small>a,
      .panel-title>a,
      .panel-title>small,
      .panel-title>small>a {
        color: inherit
      }

      .panel-footer {
        padding: 10px 15px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
      }

      .panel>.list-group,
      .panel>.panel-collapse>.list-group {
        margin-bottom: 0
      }

      .panel>.list-group .list-group-item,
      .panel>.panel-collapse>.list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
      }

      .panel>.list-group:first-child .list-group-item:first-child,
      .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
      }

      .panel>.list-group:last-child .list-group-item:last-child,
      .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
      }

      .panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0
      }

      .list-group+.panel-footer {
        border-top-width: 0
      }

      .panel>.panel-collapse>.table,
      .panel>.table,
      .panel>.table-responsive>.table {
        margin-bottom: 0
      }

      .panel>.panel-collapse>.table caption,
      .panel>.table caption,
      .panel>.table-responsive>.table caption {
        padding-right: 15px;
        padding-left: 15px
      }

      .panel>.table-responsive:first-child>.table:first-child,
      .panel>.table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
      }

      .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
      .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
      .panel>.table:first-child>tbody:first-child>tr:first-child,
      .panel>.table:first-child>thead:first-child>tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
      }

      .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
      .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
      .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
      .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
      .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
      .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
      .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
      .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
        border-top-left-radius: 3px
      }

      .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
      .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
      .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
      .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
      .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
      .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
      .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
      .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
        border-top-right-radius: 3px
      }

      .panel>.table-responsive:last-child>.table:last-child,
      .panel>.table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
      }

      .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
      .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
      .panel>.table:last-child>tbody:last-child>tr:last-child,
      .panel>.table:last-child>tfoot:last-child>tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
      }

      .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
      .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
      .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
      .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
      .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
      .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
      .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
      .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
        border-bottom-left-radius: 3px
      }

      .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
      .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
      .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
      .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
      .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
      .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
      .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
      .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
        border-bottom-right-radius: 3px
      }

      .panel>.panel-body+.table,
      .panel>.panel-body+.table-responsive,
      .panel>.table+.panel-body,
      .panel>.table-responsive+.panel-body {
        border-top: 1px solid #ddd
      }

      .panel>.table>tbody:first-child>tr:first-child td,
      .panel>.table>tbody:first-child>tr:first-child th {
        border-top: 0
      }

      .panel>.table-bordered,
      .panel>.table-responsive>.table-bordered {
        border: 0
      }

      .panel>.table-bordered>tbody>tr>td:first-child,
      .panel>.table-bordered>tbody>tr>th:first-child,
      .panel>.table-bordered>tfoot>tr>td:first-child,
      .panel>.table-bordered>tfoot>tr>th:first-child,
      .panel>.table-bordered>thead>tr>td:first-child,
      .panel>.table-bordered>thead>tr>th:first-child,
      .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
      .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
      .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
      .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
      .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
      .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
      }

      .panel>.table-bordered>tbody>tr>td:last-child,
      .panel>.table-bordered>tbody>tr>th:last-child,
      .panel>.table-bordered>tfoot>tr>td:last-child,
      .panel>.table-bordered>tfoot>tr>th:last-child,
      .panel>.table-bordered>thead>tr>td:last-child,
      .panel>.table-bordered>thead>tr>th:last-child,
      .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
      .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
      .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
      .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
      .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
      .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
      }

      .panel>.table-bordered>tbody>tr:first-child>td,
      .panel>.table-bordered>tbody>tr:first-child>th,
      .panel>.table-bordered>thead>tr:first-child>td,
      .panel>.table-bordered>thead>tr:first-child>th,
      .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
      .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
      .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
      .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
        border-bottom: 0
      }

      .panel>.table-bordered>tbody>tr:last-child>td,
      .panel>.table-bordered>tbody>tr:last-child>th,
      .panel>.table-bordered>tfoot>tr:last-child>td,
      .panel>.table-bordered>tfoot>tr:last-child>th,
      .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
      .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
      .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
      .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
      }

      .panel>.table-responsive {
        margin-bottom: 0;
        border: 0
      }

      .panel-group {
        margin-bottom: 20px
      }

      .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
      }

      .panel-group .panel+.panel {
        margin-top: 5px
      }

      .panel-group .panel-heading {
        border-bottom: 0
      }

      .panel-group .panel-heading+.panel-collapse>.list-group,
      .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 1px solid #ddd
      }

      .panel-group .panel-footer {
        border-top: 0
      }

      .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
      }

      .panel-default {
        border-color: #ddd
      }

      .panel-default>.panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
      }

      .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ddd
      }

      .panel-default>.panel-heading .badge {
        color: #f5f5f5;
        background-color: #333
      }

      .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ddd
      }

      .panel-primary {
        border-color: #337ab7
      }

      .panel-primary>.panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
      }

      .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #337ab7
      }

      .panel-primary>.panel-heading .badge {
        color: #337ab7;
        background-color: #fff
      }

      .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #337ab7
      }

      .panel-success {
        border-color: #d6e9c6
      }

      .panel-success>.panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
      }

      .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #d6e9c6
      }

      .panel-success>.panel-heading .badge {
        color: #dff0d8;
        background-color: #3c763d
      }

      .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #d6e9c6
      }

      .panel-info {
        border-color: #bce8f1
      }

      .panel-info>.panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
      }

      .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #bce8f1
      }

      .panel-info>.panel-heading .badge {
        color: #d9edf7;
        background-color: #31708f
      }

      .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #bce8f1
      }

      .panel-warning {
        border-color: #faebcc
      }

      .panel-warning>.panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
      }

      .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #faebcc
      }

      .panel-warning>.panel-heading .badge {
        color: #fcf8e3;
        background-color: #8a6d3b
      }

      .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #faebcc
      }

      .panel-danger {
        border-color: #ebccd1
      }

      .panel-danger>.panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
      }

      .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ebccd1
      }

      .panel-danger>.panel-heading .badge {
        color: #f2dede;
        background-color: #a94442
      }

      .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ebccd1
      }

      .embed-responsive {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden
      }

      .embed-responsive .embed-responsive-item,
      .embed-responsive embed,
      .embed-responsive iframe,
      .embed-responsive object,
      .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
      }

      .embed-responsive-16by9 {
        padding-bottom: 56.25%
      }

      .embed-responsive-4by3 {
        padding-bottom: 75%
      }

      .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
      }

      .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, .15)
      }

      .well-lg {
        padding: 24px;
        border-radius: 6px
      }

      .well-sm {
        padding: 9px;
        border-radius: 3px
      }

      .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2
      }

      .close:focus,
      .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
      }

      button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
      }

      .modal-open {
        overflow: hidden
      }

      .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0
      }

      .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%)
      }

      .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
      }

      .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
      }

      .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px
      }

      .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
      }

      .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000
      }

      .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
      }

      .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
      }

      .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5
      }

      .modal-header .close {
        margin-top: -2px
      }

      .modal-title {
        margin: 0;
        line-height: 1.42857143
      }

      .modal-body {
        position: relative;
        padding: 15px
      }

      .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5
      }

      .modal-footer .btn+.btn {
        margin-bottom: 0;
        margin-left: 5px
      }

      .modal-footer .btn-group .btn+.btn {
        margin-left: -1px
      }

      .modal-footer .btn-block+.btn-block {
        margin-left: 0
      }

      .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
      }

      @media (min-width:768px) {
        .modal-dialog {
          width: 600px;
          margin: 30px auto
        }

        .modal-content {
          -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
        }

        .modal-sm {
          width: 300px
        }
      }

      @media (min-width:992px) {
        .modal-lg {
          width: 900px
        }
      }

      .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        filter: alpha(opacity=0);
        opacity: 0
      }

      .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
      }

      .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
      }

      .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
      }

      .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
      }

      .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
      }

      .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #000;
        border-radius: 4px
      }

      .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
      }

      .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
      }

      .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
      }

      .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
      }

      .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000
      }

      .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000
      }

      .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
      }

      .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
      }

      .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
      }

      .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: left;
        white-space: normal;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
      }

      .popover.top {
        margin-top: -10px
      }

      .popover.right {
        margin-left: 10px
      }

      .popover.bottom {
        margin-top: 10px
      }

      .popover.left {
        margin-left: -10px
      }

      .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0
      }

      .popover-content {
        padding: 9px 14px
      }

      .popover>.arrow,
      .popover>.arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
      }

      .popover>.arrow {
        border-width: 11px
      }

      .popover>.arrow:after {
        content: "";
        border-width: 10px
      }

      .popover.top>.arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, .25);
        border-bottom-width: 0
      }

      .popover.top>.arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0
      }

      .popover.right>.arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, .25);
        border-left-width: 0
      }

      .popover.right>.arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0
      }

      .popover.bottom>.arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25)
      }

      .popover.bottom>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
      }

      .popover.left>.arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, .25)
      }

      .popover.left>.arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff
      }

      .carousel {
        position: relative
      }

      .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
      }

      .carousel-inner>.item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
      }

      .carousel-inner>.item>a>img,
      .carousel-inner>.item>img {
        line-height: 1
      }

      @media all and (transform-3d),
      (-webkit-transform-3d) {
        .carousel-inner>.item {
          -webkit-transition: -webkit-transform .6s ease-in-out;
          -o-transition: -o-transform .6s ease-in-out;
          transition: transform .6s ease-in-out;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-perspective: 1000;
          perspective: 1000
        }

        .carousel-inner>.item.active.right,
        .carousel-inner>.item.next {
          left: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
        }

        .carousel-inner>.item.active.left,
        .carousel-inner>.item.prev {
          left: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
        }

        .carousel-inner>.item.active,
        .carousel-inner>.item.next.left,
        .carousel-inner>.item.prev.right {
          left: 0;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
        }
      }

      .carousel-inner>.active,
      .carousel-inner>.next,
      .carousel-inner>.prev {
        display: block
      }

      .carousel-inner>.active {
        left: 0
      }

      .carousel-inner>.next,
      .carousel-inner>.prev {
        position: absolute;
        top: 0;
        width: 100%
      }

      .carousel-inner>.next {
        left: 100%
      }

      .carousel-inner>.prev {
        left: -100%
      }

      .carousel-inner>.next.left,
      .carousel-inner>.prev.right {
        left: 0
      }

      .carousel-inner>.active.left {
        left: -100%
      }

      .carousel-inner>.active.right {
        left: 100%
      }

      .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        filter: alpha(opacity=50);
        opacity: .5
      }

      .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x
      }

      .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x
      }

      .carousel-control:focus,
      .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9
      }

      .carousel-control .glyphicon-chevron-left,
      .carousel-control .glyphicon-chevron-right,
      .carousel-control .icon-next,
      .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block
      }

      .carousel-control .glyphicon-chevron-left,
      .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px
      }

      .carousel-control .glyphicon-chevron-right,
      .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px
      }

      .carousel-control .icon-next,
      .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif;
        line-height: 1
      }

      .carousel-control .icon-prev:before {
        content: '\2039'
      }

      .carousel-control .icon-next:before {
        content: '\203a'
      }

      .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
      }

      .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px
      }

      .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
      }

      .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
      }

      .carousel-caption .btn {
        text-shadow: none
      }

      @media screen and (min-width:768px) {

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next,
        .carousel-control .icon-prev {
          width: 30px;
          height: 30px;
          margin-top: -15px;
          font-size: 30px
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
          margin-left: -15px
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
          margin-right: -15px
        }

        .carousel-caption {
          right: 20%;
          left: 20%;
          padding-bottom: 30px
        }

        .carousel-indicators {
          bottom: 20px
        }
      }

      .btn-group-vertical>.btn-group:after,
      .btn-group-vertical>.btn-group:before,
      .btn-toolbar:after,
      .btn-toolbar:before,
      .clearfix:after,
      .clearfix:before,
      .container-fluid:after,
      .container-fluid:before,
      .container:after,
      .container:before,
      .dl-horizontal dd:after,
      .dl-horizontal dd:before,
      .form-horizontal .form-group:after,
      .form-horizontal .form-group:before,
      .modal-footer:after,
      .modal-footer:before,
      .nav:after,
      .nav:before,
      .navbar-collapse:after,
      .navbar-collapse:before,
      .navbar-header:after,
      .navbar-header:before,
      .navbar:after,
      .navbar:before,
      .pager:after,
      .pager:before,
      .panel-body:after,
      .panel-body:before,
      .row:after,
      .row:before {
        display: table;
        content: " "
      }

      .btn-group-vertical>.btn-group:after,
      .btn-toolbar:after,
      .clearfix:after,
      .container-fluid:after,
      .container:after,
      .dl-horizontal dd:after,
      .form-horizontal .form-group:after,
      .modal-footer:after,
      .nav:after,
      .navbar-collapse:after,
      .navbar-header:after,
      .navbar:after,
      .pager:after,
      .panel-body:after,
      .row:after {
        clear: both
      }

      .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto
      }

      .pull-right {
        float: right !important
      }

      .pull-left {
        float: left !important
      }

      .hide {
        display: none !important
      }

      .show {
        display: block !important
      }

      .invisible {
        visibility: hidden
      }

      .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
      }

      .hidden {
        display: none !important
      }

      .affix {
        position: fixed
      }

      @-ms-viewport {
        width: device-width
      }

      .visible-lg,
      .visible-md,
      .visible-sm,
      .visible-xs {
        display: none !important
      }

      .visible-lg-block,
      .visible-lg-inline,
      .visible-lg-inline-block,
      .visible-md-block,
      .visible-md-inline,
      .visible-md-inline-block,
      .visible-sm-block,
      .visible-sm-inline,
      .visible-sm-inline-block,
      .visible-xs-block,
      .visible-xs-inline,
      .visible-xs-inline-block {
        display: none !important
      }

      @media (max-width:767px) {
        .visible-xs {
          display: block !important
        }

        table.visible-xs {
          display: table
        }

        tr.visible-xs {
          display: table-row !important
        }

        td.visible-xs,
        th.visible-xs {
          display: table-cell !important
        }
      }

      @media (max-width:767px) {
        .visible-xs-block {
          display: block !important
        }
      }

      @media (max-width:767px) {
        .visible-xs-inline {
          display: inline !important
        }
      }

      @media (max-width:767px) {
        .visible-xs-inline-block {
          display: inline-block !important
        }
      }

      @media (min-width:768px)and (max-width:991px) {
        .visible-sm {
          display: block !important
        }

        table.visible-sm {
          display: table
        }

        tr.visible-sm {
          display: table-row !important
        }

        td.visible-sm,
        th.visible-sm {
          display: table-cell !important
        }
      }

      @media (min-width:768px)and (max-width:991px) {
        .visible-sm-block {
          display: block !important
        }
      }

      @media (min-width:768px)and (max-width:991px) {
        .visible-sm-inline {
          display: inline !important
        }
      }

      @media (min-width:768px)and (max-width:991px) {
        .visible-sm-inline-block {
          display: inline-block !important
        }
      }

      @media (min-width:992px)and (max-width:1199px) {
        .visible-md {
          display: block !important
        }

        table.visible-md {
          display: table
        }

        tr.visible-md {
          display: table-row !important
        }

        td.visible-md,
        th.visible-md {
          display: table-cell !important
        }
      }

      @media (min-width:992px)and (max-width:1199px) {
        .visible-md-block {
          display: block !important
        }
      }

      @media (min-width:992px)and (max-width:1199px) {
        .visible-md-inline {
          display: inline !important
        }
      }

      @media (min-width:992px)and (max-width:1199px) {
        .visible-md-inline-block {
          display: inline-block !important
        }
      }

      @media (min-width:1200px) {
        .visible-lg {
          display: block !important
        }

        table.visible-lg {
          display: table
        }

        tr.visible-lg {
          display: table-row !important
        }

        td.visible-lg,
        th.visible-lg {
          display: table-cell !important
        }
      }

      @media (min-width:1200px) {
        .visible-lg-block {
          display: block !important
        }
      }

      @media (min-width:1200px) {
        .visible-lg-inline {
          display: inline !important
        }
      }

      @media (min-width:1200px) {
        .visible-lg-inline-block {
          display: inline-block !important
        }
      }

      @media (max-width:767px) {
        .hidden-xs {
          display: none !important
        }
      }

      @media (min-width:768px)and (max-width:991px) {
        .hidden-sm {
          display: none !important
        }
      }

      @media (min-width:992px)and (max-width:1199px) {
        .hidden-md {
          display: none !important
        }
      }

      @media (min-width:1200px) {
        .hidden-lg {
          display: none !important
        }
      }

      .visible-print {
        display: none !important
      }

      @media print {
        .visible-print {
          display: block !important
        }

        table.visible-print {
          display: table
        }

        tr.visible-print {
          display: table-row !important
        }

        td.visible-print,
        th.visible-print {
          display: table-cell !important
        }
      }

      .visible-print-block {
        display: none !important
      }

      @media print {
        .visible-print-block {
          display: block !important
        }
      }

      .visible-print-inline {
        display: none !important
      }

      @media print {
        .visible-print-inline {
          display: inline !important
        }
      }

      .visible-print-inline-block {
        display: none !important
      }

      @media print {
        .visible-print-inline-block {
          display: inline-block !important
        }
      }

      @media print {
        .hidden-print {
          display: none !important
        }
      }

      .btn-danger,
      .btn-default,
      .btn-info,
      .btn-primary,
      .btn-success,
      .btn-warning {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
      }

      .btn-danger.active,
      .btn-danger:active,
      .btn-default.active,
      .btn-default:active,
      .btn-info.active,
      .btn-info:active,
      .btn-primary.active,
      .btn-primary:active,
      .btn-success.active,
      .btn-success:active,
      .btn-warning.active,
      .btn-warning:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
      }

      .btn-danger .badge,
      .btn-default .badge,
      .btn-info .badge,
      .btn-primary .badge,
      .btn-success .badge,
      .btn-warning .badge {
        text-shadow: none
      }

      .btn.active,
      .btn:active {
        background-image: none
      }

      .btn-default {
        text-shadow: 0 1px 0 #fff;
        background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
        background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
        background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #dbdbdb;
        border-color: #ccc
      }

      .btn-default:focus,
      .btn-default:hover {
        background-color: #e0e0e0;
        background-position: 0 -15px
      }

      .btn-default.active,
      .btn-default:active {
        background-color: #e0e0e0;
        border-color: #dbdbdb
      }

      .btn-default.disabled,
      .btn-default:disabled,
      .btn-default[disabled] {
        background-color: #e0e0e0;
        background-image: none
      }

      .btn-primary {
        background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
        background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #245580
      }

      .btn-primary:focus,
      .btn-primary:hover {
        background-color: #265a88;
        background-position: 0 -15px
      }

      .btn-primary.active,
      .btn-primary:active {
        background-color: #265a88;
        border-color: #245580
      }

      .btn-primary.disabled,
      .btn-primary:disabled,
      .btn-primary[disabled] {
        background-color: #265a88;
        background-image: none
      }

      .btn-success {
        background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);
        background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
        background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #3e8f3e
      }

      .btn-success:focus,
      .btn-success:hover {
        background-color: #419641;
        background-position: 0 -15px
      }

      .btn-success.active,
      .btn-success:active {
        background-color: #419641;
        border-color: #3e8f3e
      }

      .btn-success.disabled,
      .btn-success:disabled,
      .btn-success[disabled] {
        background-color: #419641;
        background-image: none
      }

      .btn-info {
        background-image: -webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
        background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
        background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #28a4c9
      }

      .btn-info:focus,
      .btn-info:hover {
        background-color: #2aabd2;
        background-position: 0 -15px
      }

      .btn-info.active,
      .btn-info:active {
        background-color: #2aabd2;
        border-color: #28a4c9
      }

      .btn-info.disabled,
      .btn-info:disabled,
      .btn-info[disabled] {
        background-color: #2aabd2;
        background-image: none
      }

      .btn-warning {
        background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
        background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
        background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #e38d13
      }

      .btn-warning:focus,
      .btn-warning:hover {
        background-color: #eb9316;
        background-position: 0 -15px
      }

      .btn-warning.active,
      .btn-warning:active {
        background-color: #eb9316;
        border-color: #e38d13
      }

      .btn-warning.disabled,
      .btn-warning:disabled,
      .btn-warning[disabled] {
        background-color: #eb9316;
        background-image: none
      }

      .btn-danger {
        background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);
        background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
        background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #b92c28
      }

      .btn-danger:focus,
      .btn-danger:hover {
        background-color: #c12e2a;
        background-position: 0 -15px
      }

      .btn-danger.active,
      .btn-danger:active {
        background-color: #c12e2a;
        border-color: #b92c28
      }

      .btn-danger.disabled,
      .btn-danger:disabled,
      .btn-danger[disabled] {
        background-color: #c12e2a;
        background-image: none
      }

      .img-thumbnail,
      .thumbnail {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
      }

      .dropdown-menu>li>a:focus,
      .dropdown-menu>li>a:hover {
        background-color: #e8e8e8;
        background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
        background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
        background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
        background-repeat: repeat-x
      }

      .dropdown-menu>.active>a,
      .dropdown-menu>.active>a:focus,
      .dropdown-menu>.active>a:hover {
        background-color: #2e6da4;
        background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
        background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
        background-repeat: repeat-x
      }

      .navbar-default {
        background-image: -webkit-linear-gradient(top, #fff 0, #f8f8f8 100%);
        background-image: -o-linear-gradient(top, #fff 0, #f8f8f8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
        background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075)
      }

      .navbar-default .navbar-nav>.active>a,
      .navbar-default .navbar-nav>.open>a {
        background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);
        background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
        background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075)
      }

      .navbar-brand,
      .navbar-nav>li>a {
        text-shadow: 0 1px 0 rgba(255, 255, 255, .25)
      }

      .navbar-inverse {
        background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%);
        background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
        background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x
      }

      .navbar-inverse .navbar-nav>.active>a,
      .navbar-inverse .navbar-nav>.open>a {
        background-image: -webkit-linear-gradient(top, #080808 0, #0f0f0f 100%);
        background-image: -o-linear-gradient(top, #080808 0, #0f0f0f 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
        background-image: linear-gradient(to bottom, #080808 0, #0f0f0f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25)
      }

      .navbar-inverse .navbar-brand,
      .navbar-inverse .navbar-nav>li>a {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
      }

      .navbar-fixed-bottom,
      .navbar-fixed-top,
      .navbar-static-top {
        border-radius: 0
      }

      @media (max-width:767px) {

        .navbar .navbar-nav .open .dropdown-menu>.active>a,
        .navbar .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar .navbar-nav .open .dropdown-menu>.active>a:hover {
          color: #fff;
          background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
          background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
          background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
          background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
          background-repeat: repeat-x
        }
      }

      .alert {
        text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05)
      }

      .alert-success {
        background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
        background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
        background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
        background-repeat: repeat-x;
        border-color: #b2dba1
      }

      .alert-info {
        background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);
        background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
        background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
        background-repeat: repeat-x;
        border-color: #9acfea
      }

      .alert-warning {
        background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
        background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
        background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
        background-repeat: repeat-x;
        border-color: #f5e79e
      }

      .alert-danger {
        background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
        background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
        background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
        background-repeat: repeat-x;
        border-color: #dca7a7
      }

      .progress {
        background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
        background-image: -o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
        background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
        background-repeat: repeat-x
      }

      .progress-bar {
        background-image: -webkit-linear-gradient(top, #337ab7 0, #286090 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #286090 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
        background-image: linear-gradient(to bottom, #337ab7 0, #286090 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
        background-repeat: repeat-x
      }

      .progress-bar-success {
        background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);
        background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
        background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
        background-repeat: repeat-x
      }

      .progress-bar-info {
        background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
        background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
        background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
        background-repeat: repeat-x
      }

      .progress-bar-warning {
        background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
        background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
        background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
        background-repeat: repeat-x
      }

      .progress-bar-danger {
        background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%);
        background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
        background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
        background-repeat: repeat-x
      }

      .progress-bar-striped {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
      }

      .list-group {
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
      }

      .list-group-item.active,
      .list-group-item.active:focus,
      .list-group-item.active:hover {
        text-shadow: 0 -1px 0 #286090;
        background-image: -webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
        background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
        background-repeat: repeat-x;
        border-color: #2b669a
      }

      .list-group-item.active .badge,
      .list-group-item.active:focus .badge,
      .list-group-item.active:hover .badge {
        text-shadow: none
      }

      .panel {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
      }

      .panel-default>.panel-heading {
        background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
        background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
        background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
        background-repeat: repeat-x
      }

      .panel-primary>.panel-heading {
        background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
        background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
        background-repeat: repeat-x
      }

      .panel-success>.panel-heading {
        background-image: -webkit-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);
        background-image: -o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
        background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
        background-repeat: repeat-x
      }

      .panel-info>.panel-heading {
        background-image: -webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
        background-image: -o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
        background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
        background-repeat: repeat-x
      }

      .panel-warning>.panel-heading {
        background-image: -webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
        background-image: -o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
        background-image: linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
        background-repeat: repeat-x
      }

      .panel-danger>.panel-heading {
        background-image: -webkit-linear-gradient(top, #f2dede 0, #ebcccc 100%);
        background-image: -o-linear-gradient(top, #f2dede 0, #ebcccc 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
        background-image: linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
        background-repeat: repeat-x
      }

      .well {
        background-image: -webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
        background-image: -o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
        background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
        background-repeat: repeat-x;
        border-color: #dcdcdc;
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1)
      }

      @media (max-width:1280px) {}

      @media (max-width:1170px) {}

      @media (max-width:1132px) {}

      @media (max-width:1098px) {
        .box_search input {
          width: 200px;
        }
      }

      @media (max-width:1041px) {
        .bg_input input {
          width: 200px;
          font-size: 13px;
        }
      }

      @media (max-width:1024px) {
        #header .hotline {
          display: none !important;
        }

        .item_hinh li {
          width: 96%;
          margin: auto;
          margin-top: 10px;
        }

        .item_hinh li img {
          width: 100% !important;
        }

        .item_hinh li img:nth-child(3) {
          height: 208px !important;
        }

        .text_banner {
          position: relative;
        }

        .ngonngu-top {
          margin: 0 auto;
          position: relative;
          top: 50%;
          padding: 0;
        }

        ul.server-top {
          margin: 0 auto;
          position: relative;
          top: 45%;
        }

        ul.server-top li {
          display: inline-block;
        }

        ul.server-top li div {
          min-height: 23px;
        }

        ul.server-top li div.server {
          min-height: 23;
          background: url(images/icon_server.png) no-repeat left center;
        }

        ul.server-top li div.server a {
          font-family: 'robotoregular';
          color: #999999;
          padding-right: 12px;
        }

        ul.server-top li div.hakoroup {
          min-height: 23;
          background: url(images/icon_hakoroup.png) no-repeat left center;
        }

        ul.server-top li div.hakoroup a {
          font-family: 'robotoregular';
          color: #999999;
          padding-right: 12px;
          padding-left: 28px;
        }

        ul.server-top li div.hoidap {
          min-height: 23;
          background: url(images/icon_hoidap.png) no-repeat left center;
        }

        ul.server-top li div.hoidap a {
          font-family: 'robotoregular';
          color: #999999;
          padding-right: 12px;
          padding-left: 28px;
        }

        ul.server-top li div.phone-hotline {
          min-height: 23;
          background: url(images/icon_hotline.png) no-repeat left center;
        }

        ul.server-top li div.phone-hotline a {
          font-family: 'robotoregular';
          color: #ff0000;
          padding-right: 12px;
          font-weight: bold;
          padding-left: 28px;
        }

        .text_banner img {}

        .text_banner p.phone_hotline {
          text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
          color: #e90000;
          font-size: 15px;
          font-weight: bold;
        }

        .text_banner p.name_hotline {
          text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
          color: #000;
          font-size: 15px;
          font-weight: bold;
        }

        .ddsmoothmenu {
          text-align: CENTER;
          margin: 0 auto;
        }

        .ddsmoothmenu ul {}

        .menu .ddsmoothmenu ul li {}

        .box_search input {
          width: 200px;
        }
      }

      @media (max-width:991px) {}

      @media (max-width:900px) {

        .item-dk,
        .item-dk1 {
          width: 46%;
        }

        .guimail {
          width: 100%;
        }

        .item-dk .input {
          width: 100%;
        }

        #containingDiv {
          width: 960px;
          margin: 0 auto;
          padding: 0 !important;
        }
      }

      @media (max-width:800px) {
        .des568 {
          width: 50%;
          text-align: center;
        }

        .l_bottom2,
        .l_bottom1,
        .r_bottom2,
        .r_bottom1 {
          width: 100%;
        }

        #tintuc,
        #video_fp {
          padding: 10px 0;
        }

        .topmn span.top-l {
          float: none;
        }

        .box_phuongthuc {
          margin: 0 3px;
        }
      }

      @media (max-width:767px) {
        .item-tour:nth-child(2n) {
          margin-right: 0;
        }

        .item-tour:nth-child(2n+1) {
          clear: both;
        }

        .nav-menu-top.menu-fixed {
          margin: 0 auto;
          width: auto;
          position: fixed !important;
          top: 0;
          bottom: auto;
          z-index: 200;
        }

        ul.menu_responsive_top {
          display: block;
        }
      }

      @media (max-width:740px) {}

      @media (max-width:680px) {
        table {
          width: 100% !important;
          max-width: 100%;
        }

        .footer table,
        .footer table,
        tr,
        td {
          max-width: 100%;
        }

        .nav-menu-top.menu-fixed {
          margin: 0 auto;
          width: auto;
          position: fixed !important;
          top: 0;
          bottom: auto;
          z-index: 200;
        }

        .box_content {
          padding: 10px;
        }

        .box_content img {
          width: 100% !important;
        }

        #tab_detaildiv {
          width: auto !important;
        }

        #tab_detail img {
          width: auto !important;
          height: auto !important;
        }

        img {
          width: auto\9;
          height: auto;
          max-width: 100%;
          vertical-align: middle;
          border: 0;
          -ms-interpolation-mode: bicubic;
        }

        div#container-tab #tabs li#tab_spformat {}

        .col-content-info,
        .col-left-module {
          padding: 10px !important;
        }

        .nav-menu-top.menu-fixed {
          margin: 0 auto;
          width: 100%;
          position: fixed !important;
          top: 0;
          bottom: auto;
          z-index: 200;
        }

        .content-post-deatailimg {
          max-width: 100%;
          height: auto !important;
        }

        .title_about {
          margin: 10px auto;
        }

        .title_about h3 {
          font-size: 18px;
        }

        .about_content_des {
          background: none;
        }

        .frame_des {
          margin: 0 auto;
          width: auto;
        }

        .bg-service-index {
          background: none;
        }

        .box_content input.input,
        .box_content textarea {
          text-indent: 5px;
          padding: 5px;
          margin: 5px auto;
          width: 100%;
        }
      }

      @media (max-width:630px) {
        .mxh_nt {
          margin-top: 10px;
          float: none;
        }
      }

      @media (max-width:600px) {
        .top-r {
          display: none;
        }

        .item-dk,
        .item-dk1 {
          width: 100%;
          margin: 2px;
        }

        .l_news,
        .r_news {
          width: 100%;
        }

        .l_video iframe {
          width: 100%;
          height: 300px;
        }

        .camera_wrap img {}

        .des568 {
          width: 50%;
          text-align: center;
        }

        .name-index,
        .frame_des {
          min-height: initial !important;
        }

        .list-pro-img a img {
          max-width: 100%;
          width: 100%;
        }

        .list-pro-name {
          text-align: center;
        }

        .title_index h3 {
          font-size: 15px;
        }

        .article_list_view .item .item_header {
          width: 100%;
        }

        .article_list_view .item .item_content {
          overflow: hidden;
          margin: 10px auto;
        }

        .main_slider .item .item_overlay_container {
          position: absolute;
          z-index: 1;
          bottom: 0px;
          max-width: 100%;
        }

        .main_slider .item .item_overlay_content {
          clear: both;
          padding: 15px;
          padding-bottom: 10px;
          background-color: #222;
          background-color: rgba(34, 34, 34, 0.8);
        }
      }

      @media (max-width:490px) {
        .box_tt {
          padding: 0;
          min-height: 270px;
        }
      }

      @media (max-width:425px) {
        .video_click1 img {
          margin: 0 4px !important;
        }

        .l_video,
        .r_video {
          width: 100%;
          float: none;
        }

        .topmn span {
          line-height: 25px;
          float: none !important;
          display: inline-block;
          margin: 0 !important;
          padding: 0 !important;
        }

        .modal-dialog {
          width: 320px !important;
        }

        .idx-titlea.viewall {
          display: none;
        }
      }

      @media (max-width:400px) {
        .box_tt .img_tt {
          float: none;
        }

        .box_tt a img {
          width: 100%;
          margin: 0;
        }
      }

      @media (max-width:580px) {

        .l_da,
        .r_da {
          width: 100% !important;
        }
      }

      @media (max-width:500px) {

        .box_video_chay,
        .l_video {
          width: 100%;
        }

        .about_right:after {
          display: none;
        }

        .item_duan,
        .item-tour {
          padding: 0 10px !important;
          margin-bottom: 20px;
        }

        .ten_gioithieu h3 {
          font-size: 25px;
        }

        .about_left {
          padding: 5px;
        }

        .bg-top-cart {
          font-size: 12px;
        }

        .title-pro {
          padding: 0 10px;
        }

        .item-tour {
          width: 50%;
        }

        .item-tour:nth-child(2n+1) {
          clear: both;
        }

        .bottom_footer p,
        #subscribe_form {
          padding: 5px;
        }

        .giohang_index {
          padding: 10px 0;
        }

        .nhantin,
        .noidungft {
          padding: 0;
        }

        .box-dichvu {
          padding: 0;
        }

        .dichvu_left {
          border: none;
        }

        .item_dichvu {
          display: inline-block;
          height: auto;
          text-align: center;
        }

        .img_dichvu {
          float: none !important;
        }

        .price,
        .price_sale {
          float: none !important;
        }

        #header .hotline {}

        .topmn {
          display: none;
        }

        .mxh_fixed {
          display: none;
        }

        .div_an {
          display: none;
        }

        .right_slider {
          overflow-x: hidden;
        }

        .splienquan_right,
        .tabnoidung_left,
        .pro_right,
        .pro_left {
          padding: 0 10px;
        }

        .title-pro .title-pro-name a {
          font-size: 20px;
          line-height: 26px;
        }

        .idx-title a span.idxlist {
          font-size: 17px;
        }

        .idx-titlea.viewall {
          font-size: 15px;
        }

        #tab_index ul li.tab_li {}

        #tab_index ul li.tab_li a {
          font-size: 12px !important;
        }

        .l_video iframe {
          width: 100%;
          height: 200px;
        }

        .banner {
          width: 100%;
          -webkit-transition: all 1s ease 0s;
          transition: all 1s ease 0s;
          z-index: 99999;
        }

        .nav-menu-top .menu {
          display: none;
        }

        .tinh {
          display: none !important;
        }

        .banner_img {
          margin: 0 auto;
          text-align: center;
        }

        .nav-menu-top {
          margin: 0 auto;
          background: none;
          display: block;
          height: 40px;
        }

        .menu_responsive_top {
          display: block;
        }

        #menu_top {
          display: none;
        }

        .footer {
          padding: 20px 0 0px 0;
        }

        .text_banner {
          position: absolute;
        }

        .ngonngu-top {
          left: 0;
        }

        .server-top {
          display: none;
        }

        .lang {
          position: relative !important;
          text-align: center;
          right: 0px;
        }

        #cssmenu {
          display: block !important;
        }

        .box_search {
          margin-top: -1px !important;
        }

        .box_search_2 {
          display: block !important;
          margin: 5px auto;
          margin-left: 20px;
        }
      }

      @media (max-width:640px) {
        .benphai {
          width: 100% !important;
        }

        .bentrai {
          width: 100% !important;
        }
      }

      @media screen and (max-width:767px) and (min-width:480px) {

        .dmsp,
        .danhmucsp {
          display: none;
        }

        .name_phuongthuc h2,
        .name_phuongthuc h3 {
          text-align: center;
        }

        .timkiem {
          float: none;
          text-align: center;
          margin: 0 auto;
          width: 100%;
        }

        .item_hinh li {
          margin-bottom: 10px;
        }

        .item_hinh li img {
          width: 100% !important;
        }

        .bentrai {
          width: 100% !important;
        }

        .benphai {
          width: 100% !important;
        }
      }

      @media (max-width:480px) {
        .mxh-bot span {
          display: none;
        }

        .email-form {
          width: 100% !important;
        }

        .item_hinh li {
          margin-bottom: 10px;
        }

        .item_hinh li img {
          width: 100% !important;
        }

        .camera_target {
          top: 10px !important;
        }
      }

      @media (max-width:300px) {
        .modal-dialog {
          width: 180px !important;
        }

        .dmsp,
        .danhmucsp {
          display: none;
        }

        .mxh_gt img {
          width: 9%;
        }

        .hotline {
          font-size: 20px;
        }

        .topmn {
          text-align: center;
          float: none;
        }

        .mxhoi {
          text-align: center;
          float: none;
        }
      }

      @media (max-width:360px) {
        .item-tour {
          width: 100% !important;
        }

        .product-item1 {
          padding: 10px;
        }

        .modal-dialog {
          width: 280px !important;
        }

        .item_hinh li {
          margin-bottom: 10px;
        }

        .item_hinh li img {
          width: 100% !important;
        }

        .search_frm_vi {
          display: none;
        }

        .camera_target {
          top: 10px !important;
        }
      }

      @media (max-width:310px) {
        .maxwidth {
          padding: 0 10px !important;
        }

        .bg_input input {
          width: 180px !important;
        }
      }

      @media (max-width:320px) {
        .item_duan {
          width: 100%;
        }

        .item-tour {
          width: 100%;
        }

        .product-image img {
          width: 100%;
        }

        .dmsp,
        .danhmucsp {
          display: none;
        }

        .phuongthuc {
          padding: 0;
        }

        .name_phuongthuc h2,
        .name_phuongthuc h3 {
          text-align: center;
        }

        .item_hinh li {
          margin-bottom: 10px;
        }

        .item_hinh li img {
          width: 100% !important;
        }

        .video_details {
          position: relative;
          padding-bottom: 70.25%;
          height: 0;
          margin-bottom: 10px;
        }

        .video_details iframe {
          width: 100%;
          left: 0;
          right: 0;
          position: absolute;
          height: 100%;
        }

        .topmn {
          text-align: center;
          float: none;
        }

        .mxhoi,
        .timkiem {
          text-align: center;
          float: none;
          margin: 0;
          max-width: 100%;
        }

        .camera_target {
          top: 10px !important;
        }

        #header .hotline {
          position: absolute;
          text-align: center;
          bottom: 0px;
          left: 0;
          right: 0;
        }

        #logo {}

        .topmn {}

        .box_search {}

        .box_search .img_search {
          top: 5px;
        }

        .box_search input {
          border-radius: 5px;
          text-indent: 10px;
          border: none !important;
          right: 0px;
          top: 0px;
          color: #000;
          font-size: 12px;
          padding-right: 5px;
          padding-left: 5px;
          width: 154px;
          height: 28px;
          line-height: 17px;
          margin-left: 0px;
        }

        .bot_ft {
          padding: 10px 10px;
        }

        ul.tabs li {
          text-align: center;
          width: 100%;
        }

        .mxh_gt img {
          width: 9%;
        }

        .hotline {
          font-size: 20px;
        }
      }

      @media (min-width:360px)and (max-width:500px) {
        .ct_m {
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }

      @media (min-width:315px)and (max-width:375px) {
        .mxh_gt img {
          width: 9%;
        }

        .hotline {
          font-size: 20px;
        }

        .video_details {
          position: relative;
          padding-bottom: 70.25%;
          height: 0;
          margin-bottom: 10px;
        }

        .video_details iframe {
          width: 100%;
          left: 0;
          right: 0;
          position: absolute;
          height: 100%;
        }
      }

      @media (min-width:501px)and (max-width:760px) {}

      @media (min-width:230px)and (max-width:760px) {
        .phuongthuc {
          padding: 0;
        }

        .dmsp,
        .danhmucsp {
          display: none;
        }

        .name_phuongthuc h2,
        .name_phuongthuc h3 {
          text-align: center;
        }

        .topmn .mxh_top,
        .topmn a.menut,
        .top_c {}

        ul.res_t {
          float: left;
        }

        .mxhoi {
          text-align: center;
          float: none;
        }

        #header .hotline {}

        #logo {}

        .mxh_gt img {
          width: 9%;
        }

        .hotline {
          font-size: 20px;
        }

        .allinone_thumbnailsBanner.simple .thumbsHolderWrapper {
          position: relative;
          background: #FFFFFF;
          border-top: 1px solid #23b6ed;
          height: 98px;
          width: 100%;
          overflow: hidden;
          z-index: 999 !important;
        }

        .banner {
          width: 100%;
          -webkit-transition: all 1s ease 0s;
          transition: all 1s ease 0s;
          z-index: 99999;
        }

        .nav-menu-top .menu {
          display: none;
        }

        .tinh {
          display: none !important;
        }

        .banner_img {
          margin: 0 auto;
          text-align: center;
        }

        .nav-menu-top {
          margin: 0 auto;
          background: none;
          display: block;
        }

        .menu_responsive_top {
          display: block;
        }

        .menu {
          display: none;
        }

        .text_banner {
          position: absolute;
        }

        .ngonngu-top {
          left: 0;
        }

        .server-top {
          display: none;
        }

        .lang {
          position: relative !important;
          text-align: center;
          right: 0px;
        }

        #cssmenu {
          display: block !important;
        }

        .box_search {}

        .box_search input {}

        .box_search_2 {
          display: block !important;
          margin: 5px auto;
          margin-left: 20px;
        }

        .email-form {
          min-width: 300px;
          font-size: 13px;
        }

        .guimail {}

        .bot_ft {
          text-align: center;
        }

        .bot_ft .bot_ft-left,
        .bot_ft .bot_ft-right {
          float: none;
        }

        .vay_von {
          width: 99% !important;
          float: none;
          background-size: 100% 100%;
        }

        .vay_von img {
          width: 99%;
        }

        .dien_lanh {
          float: none;
          margin: 0px auto;
        }

        .xay_dung {
          float: none;
          margin: 0px auto;
        }

        .pdVD {
          padding: 0 !important;
        }

        .icon_xt {
          top: 0px;
          right: 0px;
        }

        .module_left .content1 {
          width: 100%;
        }

        .vert {
          margin: 0px auto;
        }

        .lien_he {
          border-right: none !important;
        }

        .lang a {
          color: black;
        }

        .fb_iframe_widget {
          margin: 0 auto;
          display: block !important;
          position: relative;
          text-align: justify;
        }

        .tinh {
          display: none;
        }

        .img-news {
          width: 100%;
          float: none;
          margin: 0 auto;
          text-align: center;
          position: relative;
        }

        .img-news img {
          width: 100%;
          height: 100%;
          float: none;
          margin: 0 auto;
          text-align: center;
          position: relative;
        }

        .txt-news {
          width: 100%;
          margin: 0 auto;
        }

        .txt-news h3 {
          text-align: center;
        }

        .txt-news p {
          text-align: center;
        }

        .search_frm_vi {
          display: none;
        }

        .lkmxh {
          padding-top: 20px;
        }

        .bot_ft {
          padding: 5px 0;
        }
      }

      @media (min-width:400px)and (max-width:760px) {

        .dmsp,
        .danhmucsp {}

        .phuongthuc {
          padding: 0;
        }

        .item_download {
          width: 50%;
          float: left;
          padding-right: 20px !important;
          padding-left: 20px !important;
          margin-bottom: 20px;
        }

        .mxh_gt img {
          width: 9%;
        }

        .hotline {
          font-size: 20px;
        }

        .video_details {
          position: relative;
          padding-bottom: 70.25%;
          height: 0;
          margin-bottom: 10px;
        }

        .video_details iframe {
          width: 100%;
          left: 0;
          right: 0;
          position: absolute;
          height: 100%;
        }
      }

      @media (min-width:768px) {
        .item_baiviet:nth-child(3n+1) {
          clear: both;
        }
      }

      @media (min-width:992px) {
        .t_da .item_duan:nth-child(1) {
          width: 40%;
        }

        .t_da .item_duan:nth-child(2) {
          width: 60%;
        }

        .item-tour-trong {}

        .input_l {
          padding: 2px 4px !important;
        }

        .nav-banner-top {}
      }

      @media (max-width:1096px) {
        #xodoc {
          width: 20%;
          min-width: 227px;
        }

        #box-menu {
          width: 227px;
          height: 366px;
        }

        #nav-ul {
          height: 366px;
        }
      }

      @media (max-width:992px) {
        .l_da {
          padding: 0 10px !important;
        }

        .item_duan h3 {
          font-size: 15px;
        }

        .banner_right {
          width: auto;
        }

        .banner_right .flex1 {
          border: none;
          padding: 0;
          justify-content: center;
        }

        .diachi_top {
          display: none;
        }

        .topmn span.top-l {
          margin: 0;
        }

        .col-content-info {
          width: 100%;
        }

        .col-left-module {
          display: none;
        }

        .menu_responsive_top {
          display: block;
        }

        #menu_top {
          display: none;
        }

        .box_search {
          margin-top: 4px;
        }

        .top_footer {
          flex-flow: wrap;
        }

        .frmmail_l,
        .frmmail_r {
          float: none;
        }

        .hinhlist {
          display: none;
        }

        #tab_index ul li.tab_li {}

        .maxwidth {
          padding: 0px 10px;
        }

        .banner_top {
          flex-flow: wrap;
        }

        div.bg_input {}

        .bg_input input {
          width: 100%;
        }

        .img_search {}

        .img_search a {
          font-size: 13px;
        }

        .left_slider {
          display: none;
        }

        #xodoc {
          display: none;
        }

        .right_slider {
          float: none;
          width: 100%;
          padding: 0;
        }

        .top_footer .top_footer_center {
          margin: 0;
        }

        .top_footer .top_footer_left {
          font-size: 20px;
        }
      }

      @media (max-width:767px) {
        .item_baiviet:nth-child(2n+1) {
          clear: both;
        }
      }

      @media (max-width:768px) {
        .hotline_ft {
          width: 100%;
          padding: 10px 0;
        }

        .left_formtt01,
        .wrap-delivery {
          width: 100%;
        }

        .noidungft {}

        .item_baiviet {
          padding: 0 10px !important;
        }

        .tintuc_moi,
        .video_clip,
        .doitackh {
          padding: 10px !important;
        }

        .about_right {
          padding: 0;
        }

        .ten_gioithieu h2 {
          font-size: 20px;
        }

        .mota_gioithieu {
          font-size: 14px;
          padding: 0;
        }

        #footer_bottom {
          padding: 5px 0;
          font-size: 12px;
        }

        .mxh_fixed {
          top: 10%;
        }

        .product_left {
          float: none;
          width: 100%;
        }

        .product_right {
          width: 100%;
          float: none;
          padding: 20px 0;
        }

        .khung_content {
          padding: 0;
        }

        .chinhsach ul li,
        .vechungtoi ul li {}

        .price {
          font-size: 16px
        }

        .price_sale {
          font-size: 16px !important;
        }

        .ttleft,
        .ttright {
          width: 100%;
          float: none;
          margin-bottom: 15px;
        }

        #tab_index ul li.tab_li {}

        #tab_index ul li.tab_li a {
          font-size: 15px;
        }

        #header .hotline,
        .phuongthuc {
          margin: 0;
        }

        #logo {
          position: relative;
          margin: 0 auto;
          float: none;
          padding: 10px;
          width: 50%;
        }

        #logo img {
          max-width: 100%;
        }

        #header #banner {
          float: none;
          padding: 10px;
        }

        .banner_right {}

        .box-giohang {
          position: absolute;
          top: 5px;
          right: 0;
        }

        .banner_top {
          justify-content: center;
          padding: 5px 0;
        }

        div.bg_input {
          margin-right: 0;
          float: none;
        }

        .diachi_top {
          display: none;
        }

        .bg_input input {
          width: 100%;
        }

        .top_footer .top_footer_center,
        .top_footer_right {
          border: none;
          padding: 20px 0;
          display: none;
        }

        .chinhsach,
        .dknhantin,
        .ttlienhe,
        .tagtukhoa,
        .noidungft,
        .fanpage,
        .bando {
          padding: 10px !important;
        }

        .bot_ft_left,
        .bot_ft_right {
          float: none;
          text-align: center;
          margin: 0;
        }
      }

      @media (min-width:768px) and (max-width:991px) {
        .phuongthuc {
          padding: 0;
        }

        .quick-info {
          background: #1eaeea;
          color: #fff;
          height: 100%;
          width: 100%;
          top: 304px;
        }

        .nav-menu-top.menu-fixed {
          margin: 0 auto;
          width: auto;
          position: fixed !important;
          top: 0;
          bottom: auto;
          z-index: 200;
        }

        .footer ul li a {}

        .banner {
          width: 100%;
          -webkit-transition: all 1s ease 0s;
          transition: all 1s ease 0s;
          z-index: 99999;
          background: #f0f0f0;
        }

        .tinh {
          display: none !important;
          background: #E0E3E3;
        }

        .text_banner {}

        .lang {
          position: relative !important;
          text-align: center;
          right: 0px;
        }

        .nav-menu-top .menu {
          display: none;
        }

        .box_content {}

        #cssmenu {
          display: block !important;
        }

        .dmsp,
        .danhmucsp {
          display: none;
        }

        .about-index img,
        .about-index {
          margin: 0 auto;
          text-align: center;
        }

        .about-index .title_about {
          margin: 10px auto;
        }

        .bg-service-index {
          background: none;
        }

        .vay_von {
          float: none;
        }

        .dien_lanh {
          float: none;
          margin: 0px auto;
        }

        .xay_dung {
          float: none;
          margin: 0px auto;
        }

        .pdVD {
          padding: 0 !important;
        }

        .icon_xt {
          top: 0px;
          right: 0px;
        }

        .module_left .content1 {
          width: 100%;
        }

        .vert {
          margin: 0px auto;
        }

        .fb_iframe_widget iframe {
          width: 100% !important;
          margin: 0 auto;
        }

        .fb_iframe_widget {
          margin: 0 auto;
          display: block !important;
          position: relative;
          text-align: justify;
        }

        .lien_he {
          border-right: none !important;
        }

        .lang a {
          color: black;
        }

        .img-news {
          width: 100%;
          float: none;
          margin: 0 auto;
          text-align: center;
          position: relative;
        }

        .img-news img {
          width: 100%;
          height: 100%;
          float: none;
          margin: 0 auto;
          text-align: center;
          position: relative;
        }

        .txt-news {
          width: 100%;
          margin: 0 auto;
        }

        .txt-news h3 {
          text-align: center;
        }

        .txt-news p {
          text-align: center;
        }

        .search_frm_vi {
          display: none;
        }

        .lkmxh {
          padding-top: 20px;
        }

        #header .hotline {}

        .lienket {
          float: right
        }
      }

      @media (min-width:761px) and (max-width:991px) {
        .item-tour:nth-child(3n) {
          margin-right: 0;
        }

        .item-tour:nth-child(3n+1) {
          clear: both;
        }
      }

      @media (min-width:768px) and (max-width:1199px) {
        .item-tour:nth-child(3n+1) {
          clear: both;
        }

        nav.nav-banner-top {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
      }

      @media (min-width:992px) and (max-width:1199px) {
        .box_phuongthuc {
          margin: 0 10px;
        }

        #xodoc {}

        #xodoc i {}

        .maxwidth {
          padding: 0px 15px;
        }

        .bgsp_index {
          background: url(images/bg_spindex.png)no-repeat bottom center;
          height: 65px;
          padding-top: 340px;
        }

        .item-tour {}

        .tintuc_moi {}

        .footer ul li a {}

        .lienket {
          float: right
        }

        .nav-menu-top.menu-fixed {
          margin: 0 auto;
          width: 100%;
          position: fixed !important;
          top: 0;
          bottom: auto;
          z-index: 200;
        }

        .ddsmoothmenu ul li a {
          display: block;
          padding: 0px 15px;
        }

        .banner {
          width: 100%;
          -webkit-transition: all 1s ease 0s;
          transition: all 1s ease 0s;
          z-index: 99999;
        }

        .text_banner {
          position: relative;
        }

        .dmsp {
          width: 25%;
          margin: 0;
        }

        .box_search {
          margin-top: 8px;
        }

        .ddsmoothmenu {
          margin: 0 auto;
        }

        .ddsmoothmenu ul {}

        .menu .ddsmoothmenu ul li {}

        .list_services_index {
          width: 20%;
        }

        .vay_von {
          float: none;
        }

        .dien_lanh {
          float: none;
          margin: 0px auto;
        }

        .xay_dung {
          float: none;
          margin: 0px auto;
        }

        .pdVD {
          padding: 0 !important;
        }

        .fb_iframe_widget iframe {
          width: 100% !important;
          margin: 0 auto;
        }

        .fb_iframe_widget {
          margin: 0 auto;
          display: block !important;
          position: relative;
          text-align: justify;
        }

        .lang a {
          color: black;
        }

        .img-news {
          width: 100%;
          float: none;
          margin: 0 auto;
          text-align: center;
          position: relative;
        }

        .img-news img {
          width: 100%;
          height: 100%;
          float: none;
          margin: 0 auto;
          text-align: center;
          position: relative;
        }

        .txt-news {
          width: 100%;
          margin: 0 auto;
        }

        .txt-news h3 {
          text-align: center;
        }

        .txt-news p {
          text-align: center;
        }

        .tintuc_index {
          height: 285px;
          float: left;
        }

        #ser_onl {
          position: fixed;
          bottom: 0;
          width: 400px;
          right: 0;
          z-index: 100;
          z-index: 10000;
        }

        .cont_serv_onl {
          display: none;
          background: #CCC;
          width: 400px;
          padding: 10px 10px 30px;
          border-top: 2px solid #930000;
          border-left: 2px solid #930000;
          cursor: pointer;
          color: #000;
          font-weight: bold;
        }

        .label_serv_onl {
          height: 104px;
          background: url(images/hotro.png) no-repeat right bottom;
          cursor: pointer;
        }

        .cont_serv_onl h2 {
          font-size: 16px;
          color: #F00;
          margin-bottom: 10px;
          text-align: center;
        }

        #ser_onl .active {
          background: url(images/hotro.png) no-repeat right top;
          cursor: pointer;
        }

        .hotrotructuyen {
          display: none;
        }

        .search_frm_vi {
          display: none;
        }

        #header .hotline {}

        #header #banner {
          float: left;
        }

        #header #logo {}

        .box_search .img_search a {}

        .box_search .img_search {}

        .cot_trai {
          clear: both;
        }
      }

      @media (max-width:1200px) {
        #header .hotline {
          margin-top: 0;
        }

        .mxh-top {}

        .text_footer {
          color: #fff;
        }

        .footer {}

        #back-top {
          left: auto;
          right: 20px;
          bottom: 80px;
        }

        .pro_left,
        .pro_right {
          width: 100%;
        }

        .title_nt {
          display: none;
        }
      }

      @media (min-width:1200px) {
        .t_da .item_duan:nth-child(1) img {
          height: 263px;
        }

        .b_da .item_duan:nth-child(1) img {
          height: 263px;
        }

        .tintucmoi {}

        .video_clip {}

        .item-tour:nth-child(4n) {
          margin-right: 0;
        }

        .item-tour:nth-child(4n+1) {
          clear: both;
        }

        .about_left {
          padding-right: 0;
          width: 80%;
        }

        .about_right {
          padding-right: 0;
          width: 37.2%;
          float: right;
        }

        .product-item1 {}

        .payment-container {
          width: 580px;
          float: left;
        }

        .right_slider {
          margin-top: -50px;
        }

        .danhmuc_cat {
          width: 600px;
          float: right;
          margin-right: 30px;
          margin-top: 0;
        }

        .four_sp .product-image {
          height: 280px !important;
        }

        .product-item .product-image {}

        .dknhantin {}

        .tagtukhoa {
          float: right;
        }

        .noidungft {
          width: 48%;
        }

        .chinhsach {}

        .bando {}

        .fanpage {
          float: right;
        }

        .images_news {
          float: left;
          padding: 0;
          margin-right: 7px;
        }

        .row15 {
          margin-right: -15px !important;
          margin-left: -15px !important;
        }

        .row10 {
          margin-right: -10px !important;
          margin-left: -10px !important;
        }

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

        .row1 {
          margin-right: -1px !important;
          margin-left: -1px !important;
        }

        .maxwidth {
          width: 1200px;
          margin: 0 auto;
        }

        .maxwidth1080 {
          width: 1080px !important;
        }

        .thongtin b {}

        .bgsp_index {
          background: url(images/bg_spindex.png)no-repeat bottom center;
          height: 65px;
          padding-top: 340px;
        }

        .tittle_con a.xemthem {
          position: absolute;
          right: 5px;
          top: 28px;
        }

        .five_sp {
          width: 20%;
        }

        .tintuc_moi {}

        .list_services_index {
          margin: 0 auto;
          width: 18.5% !important;
          margin-right: 15px;
        }

        .mix-target-list-services {}

        .banner {
          width: 100%;
          -webkit-transition: all 1s ease 0s;
          transition: all 1s ease 0s;
          z-index: 1;
        }

        .banner_img {}

        .text_banner {
          position: relative;
        }

        .ngonngu-top {
          margin: 0 auto;
          position: relative;
          top: 50%;
          padding: 0;
        }

        ul.server-top {
          margin: 0 auto;
          position: relative;
          top: 45%;
          padding: 0;
        }

        ul.server-top li {
          display: inline-block;
        }

        ul.server-top li div {
          min-height: 23px;
        }

        ul.server-top li div.server {
          min-height: 23;
          background: url(images/icon_server.png) no-repeat left center;
        }

        ul.server-top li div.server a {
          font-family: 'robotoregular';
          color: #999999;
          padding-right: 12px;
        }

        ul.server-top li div.hakoroup {
          min-height: 23;
          background: url(images/icon_hakoroup.png) no-repeat left center;
        }

        ul.server-top li div.hakoroup a {
          font-family: 'robotoregular';
          color: #999999;
          padding-right: 12px;
          padding-left: 28px;
        }

        ul.server-top li div.hoidap {
          min-height: 23;
          background: url(images/icon_hoidap.png) no-repeat left center;
        }

        ul.server-top li div.hoidap a {
          font-family: 'robotoregular';
          color: #999999;
          padding-right: 12px;
          padding-left: 28px;
        }

        ul.server-top li div.phone-hotline {
          min-height: 23;
          background: url(images/icon_hotline.png) no-repeat left center;
        }

        ul.server-top li div.phone-hotline a {
          font-family: 'robotoregular';
          color: #ff0000;
          padding-right: 12px;
          font-weight: bold;
          padding-left: 28px;
        }

        .box_search {
          margin-top: 9px;
        }

        .box_search form {
          border: none !important;
        }

        .box_search input {}

        .box_search .img_search {}

        .box_search .img_search img {}

        .box_search .img_searcha {}

        .nivoSlider img {
          width: 100%;
          height: 100% !important;
        }

        .container {
          width: 1190px !important;
        }

        .container1 {
          width: 1186px !important;
        }

        .danhmuc_sp {
          display: block !important;
        }

        .icon_xt {
          top: 0px;
          right: 0px;
        }

        .module_left {}

        .q_c {
          display: block !important;
        }

        .thongke li {}

        .ddsmoothmenu ul li a {
          padding: 0px 25px;
        }

        .mxh {
          height: 35px;
          position: absolute;
          top: 29px;
          width: auto !important;
          right: 57px;
        }

        .img-news {
          width: 30%;
          float: left;
          overflow: hidden;
          position: relative;
        }

        .img-news img {
          border: 1px solid #ccc;
          padding: 4px 4px;
        }

        .txt-news {
          width: 70%;
          float: left;
        }

        .tintuc_index {
          height: 285px;
          float: left;
        }

        .item-tour {}

        body {
          overflow-x: hidden;
        }

        .container {}

        #ser_onl {
          position: fixed;
          bottom: 0;
          width: 400px;
          right: 0;
          z-index: 100;
          z-index: 10000;
        }

        .cont_serv_onl {
          display: none;
          background: #CCC;
          width: 400px;
          padding: 10px 10px 30px;
          border-top: 2px solid #930000;
          border-left: 2px solid #930000;
          cursor: pointer;
          color: #000;
          font-weight: bold;
        }

        .label_serv_onl {
          height: 104px;
          background: url(images/hotro.png) no-repeat right bottom;
          cursor: pointer;
        }

        .cont_serv_onl h2 {
          font-size: 16px;
          color: #F00;
          margin-bottom: 10px;
          text-align: center;
        }

        #ser_onl .active {
          background: url(images/hotro.png) no-repeat right top;
          cursor: pointer;
        }

        #search_frm_vi {}

        .lkweb {
          float: left;
          position: relative;
          margin-top: 6px;
          margin-bottom: 0px;
          margin-left: -104px;
        }

        .lkmxh {
          float: left;
          padding-top: 10px;
        }

        .lienket {
          float: right
        }

        #header #banner {}

        #header #logo {}

        nav.nav-banner-top {}

        #gioithieu {
          padding: 70px;
        }

        #tintuc_moi {}

        .noidung_ft {
          border-right: 1px solid #6F3A8D;
        }

        .loaded2,
        .loaded5,
        .loaded7 {
          margin-right: 0 !important;
        }

        .grid li {
          display: block;
          float: left;
          padding: 0px;
          opacity: 1;
          position: relative;
          list-style: none;
          margin-top: 18px;
          margin-right: 18px;
        }

        #header .hotline {}

        #header .hotline .mxhoi {
          text-shadow: none;
          font-size: 14px;
        }

        .bong_slide {
          background: url(images/bong_slide.png) no-repeat;
          width: 100%;
          min-height: 152px;
          position: relative;
          top: -50px;
          z-index: 999;
          background-size: 100%;
        }

        #top_slide {
          position: relative;
          height: 147px;
          top: -100px;
          z-index: 1234;
        }

        .ten_phai {
          float: left;
          width: 68%;
          padding: 0;
        }
      }

      @media (min-width:1300px) {
        #chitiet_fcb {
          max-width: 1000px;
          margin: 0 auto;
        }

        .maxwidth {
          width: 1200px;
          margin: 0 auto;
        }

        .four_sp {
          width: 25% !important;
        }

        .four_sp:nth-child(4n+4) {
          margin-right: 0;
        }

        .four_sp:nth-child(4n+5) {
          clear: both;
        }

        .five_sp {
          width: 20% !important;
        }

        .five_sp:nth-child(5n) {
          margin-right: 0;
        }

        .five_sp:nth-child(5n+1) {
          clear: both;
        }
      }

      @charset "UTF-8";

      .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
      }

      .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
      }

      .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
      }

      .animated.bounceIn,
      .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
      }

      .animated.flipOutX,
      .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
      }

      @-webkit-keyframes bounce {

        0%,
        20%,
        53%,
        80%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        40%,
        43% {
          -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0);
        }

        70% {
          -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
        }

        90% {
          -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0);
        }
      }

      @keyframes bounce {

        0%,
        20%,
        53%,
        80%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        40%,
        43% {
          -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0);
        }

        70% {
          -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
          -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
        }

        90% {
          -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0);
        }
      }

      .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
      }

      @-webkit-keyframes flash {

        0%,
        50%,
        100% {
          opacity: 1;
        }

        25%,
        75% {
          opacity: 0;
        }
      }

      @keyframes flash {

        0%,
        50%,
        100% {
          opacity: 1;
        }

        25%,
        75% {
          opacity: 0;
        }
      }

      .flash {
        -webkit-animation-name: flash;
        animation-name: flash;
      }

      @-webkit-keyframes pulse {
        0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }

        50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05);
        }

        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      @keyframes pulse {
        0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }

        50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05);
        }

        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
      }

      @-webkit-keyframes rubberBand {
        0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }

        30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
        }

        40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
        }

        50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
        }

        65% {
          -webkit-transform: scale3d(.95, 1.05, 1);
          transform: scale3d(.95, 1.05, 1);
        }

        75% {
          -webkit-transform: scale3d(1.05, .95, 1);
          transform: scale3d(1.05, .95, 1);
        }

        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      @keyframes rubberBand {
        0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }

        30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
        }

        40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
        }

        50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
        }

        65% {
          -webkit-transform: scale3d(.95, 1.05, 1);
          transform: scale3d(.95, 1.05, 1);
        }

        75% {
          -webkit-transform: scale3d(1.05, .95, 1);
          transform: scale3d(1.05, .95, 1);
        }

        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
      }

      @-webkit-keyframes shake {

        0%,
        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        10%,
        30%,
        50%,
        70%,
        90% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }

        20%,
        40%,
        60%,
        80% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }
      }

      @keyframes shake {

        0%,
        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        10%,
        30%,
        50%,
        70%,
        90% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }

        20%,
        40%,
        60%,
        80% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }
      }

      .shake {
        -webkit-animation-name: shake;
        animation-name: shake;
      }

      @-webkit-keyframes swing {
        20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg);
        }

        100% {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
        }
      }

      @keyframes swing {
        20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg);
        }

        100% {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
        }
      }

      .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
      }

      @-webkit-keyframes tada {
        0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }

        10%,
        20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        }

        30%,
        50%,
        70%,
        90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }

        40%,
        60%,
        80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }

        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      @keyframes tada {
        0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }

        10%,
        20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        }

        30%,
        50%,
        70%,
        90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }

        40%,
        60%,
        80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }

        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
      }

      @-webkit-keyframes wobble {
        0% {
          -webkit-transform: none;
          transform: none;
        }

        15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }

        30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }

        45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }

        60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }

        75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes wobble {
        0% {
          -webkit-transform: none;
          transform: none;
        }

        15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }

        30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }

        45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }

        60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }

        75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
      }

      @-webkit-keyframes jello {
        11.1% {
          -webkit-transform: none;
          transform: none
        }

        22.2% {
          -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
          transform: skewX(-12.5deg) skewY(-12.5deg)
        }

        33.3% {
          -webkit-transform: skewX(6.25deg) skewY(6.25deg);
          transform: skewX(6.25deg) skewY(6.25deg)
        }

        44.4% {
          -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
          transform: skewX(-3.125deg) skewY(-3.125deg)
        }

        55.5% {
          -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
          transform: skewX(1.5625deg) skewY(1.5625deg)
        }

        66.6% {
          -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
          transform: skewX(-0.78125deg) skewY(-0.78125deg)
        }

        77.7% {
          -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
          transform: skewX(0.390625deg) skewY(0.390625deg)
        }

        88.8% {
          -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
          transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
        }

        100% {
          -webkit-transform: none;
          transform: none
        }
      }

      @keyframes jello {
        11.1% {
          -webkit-transform: none;
          transform: none
        }

        22.2% {
          -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
          transform: skewX(-12.5deg) skewY(-12.5deg)
        }

        33.3% {
          -webkit-transform: skewX(6.25deg) skewY(6.25deg);
          transform: skewX(6.25deg) skewY(6.25deg)
        }

        44.4% {
          -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
          transform: skewX(-3.125deg) skewY(-3.125deg)
        }

        55.5% {
          -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
          transform: skewX(1.5625deg) skewY(1.5625deg)
        }

        66.6% {
          -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
          transform: skewX(-0.78125deg) skewY(-0.78125deg)
        }

        77.7% {
          -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
          transform: skewX(0.390625deg) skewY(0.390625deg)
        }

        88.8% {
          -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
          transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
        }

        100% {
          -webkit-transform: none;
          transform: none
        }
      }

      .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center
      }

      @-webkit-keyframes bounceIn {

        0%,
        20%,
        40%,
        60%,
        80%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }

        20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
        }

        80% {
          -webkit-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97);
        }

        100% {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      @keyframes bounceIn {

        0%,
        20%,
        40%,
        60%,
        80%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }

        20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
        }

        80% {
          -webkit-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97);
        }

        100% {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }

      .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
      }

      @-webkit-keyframes bounceInDown {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
        }

        75% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }

        90% {
          -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes bounceInDown {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
        }

        75% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }

        90% {
          -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
      }

      @-webkit-keyframes bounceInLeft {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
        }

        75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }

        90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes bounceInLeft {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
        }

        75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }

        90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
      }

      @-webkit-keyframes bounceInRight {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0);
        }

        75% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }

        90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes bounceInRight {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0);
        }

        75% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }

        90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
        }

        100% {
          -webkit-transform: none;
          transform: none;
        }
      }

      .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
      }

      @-webkit-keyframes bounceInUp {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }

        75% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }

        90% {
          -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      @keyframes bounceInUp {

        0%,
        60%,
        75%,
        90%,
        100% {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }

        75% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }

        90% {
          -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
      }

      @-webkit-keyframes bounceOut {
        20% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9);
        }

        50%,
        55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }
      }

      @keyframes bounceOut {
        20% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9);
        }

        50%,
        55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }
      }

      .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut;
      }

      @-webkit-keyframes bounceOutDown {
        20% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }

        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }

      @keyframes bounceOutDown {
        20% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }

        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }

      .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
      }

      @-webkit-keyframes bounceOutLeft {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }

      @keyframes bounceOutLeft {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }

      .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
      }

      @-webkit-keyframes bounceOutRight {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }

      @keyframes bounceOutRight {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }

      .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
      }

      @-webkit-keyframes bounceOutUp {
        20% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }

        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }

      @keyframes bounceOutUp {
        20% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }

        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }

      .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
      }

      @-webkit-keyframes fadeIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
      }

      @keyframes fadeIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
      }

      .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
      }

      @-webkit-keyframes fadeInDown {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInDown {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
      }

      @-webkit-keyframes fadeInDownBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInDownBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
      }

      @-webkit-keyframes fadeInLeft {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInLeft {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
      }

      @-webkit-keyframes fadeInLeftBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInLeftBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
      }

      @-webkit-keyframes fadeInRight {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInRight {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
      }

      @-webkit-keyframes fadeInRightBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInRightBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
      }

      @-webkit-keyframes fadeInUp {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInUp {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
      }

      @-webkit-keyframes fadeInUpBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes fadeInUpBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
      }

      @-webkit-keyframes fadeOut {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
        }
      }

      @keyframes fadeOut {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
        }
      }

      .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
      }

      @-webkit-keyframes fadeOutDown {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }

      @keyframes fadeOutDown {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }

      .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
      }

      @-webkit-keyframes fadeOutDownBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }

      @keyframes fadeOutDownBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }

      .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
      }

      @-webkit-keyframes fadeOutLeft {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }

      @keyframes fadeOutLeft {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }

      .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
      }

      @-webkit-keyframes fadeOutLeftBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }

      @keyframes fadeOutLeftBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }

      .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
      }

      @-webkit-keyframes fadeOutRight {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }

      @keyframes fadeOutRight {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }

      .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
      }

      @-webkit-keyframes fadeOutRightBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }

      @keyframes fadeOutRightBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }

      .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
      }

      @-webkit-keyframes fadeOutUp {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }

      @keyframes fadeOutUp {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }

      .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
      }

      @-webkit-keyframes fadeOutUpBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }

      @keyframes fadeOutUpBig {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }

      .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
      }

      @-webkit-keyframes flip {
        0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }

        40% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }

        50% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        80% {
          -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
          transform: perspective(400px) scale3d(.95, .95, .95);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
      }

      @keyframes flip {
        0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }

        40% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }

        50% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        80% {
          -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
          transform: perspective(400px) scale3d(.95, .95, .95);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
      }

      .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
      }

      @-webkit-keyframes flipInX {
        0% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }

        40% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        60% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          opacity: 1;
        }

        80% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }

        100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }

      @keyframes flipInX {
        0% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }

        40% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        60% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          opacity: 1;
        }

        80% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }

        100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }

      .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
      }

      @-webkit-keyframes flipInY {
        0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }

        40% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        60% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          opacity: 1;
        }

        80% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        }

        100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }

      @keyframes flipInY {
        0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }

        40% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        60% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          opacity: 1;
        }

        80% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        }

        100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }

      .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
      }

      @-webkit-keyframes flipOutX {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }

        30% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          opacity: 1;
        }

        100% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          opacity: 0;
        }
      }

      @keyframes flipOutX {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }

        30% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          opacity: 1;
        }

        100% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          opacity: 0;
        }
      }

      .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
      }

      @-webkit-keyframes flipOutY {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }

        30% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          opacity: 1;
        }

        100% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          opacity: 0;
        }
      }

      @keyframes flipOutY {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }

        30% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          opacity: 1;
        }

        100% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          opacity: 0;
        }
      }

      .flipOutY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
      }

      @-webkit-keyframes lightSpeedIn {
        0% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0;
        }

        60% {
          -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1;
        }

        80% {
          -webkit-transform: skewX(-5deg);
          transform: skewX(-5deg);
          opacity: 1;
        }

        100% {
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      @keyframes lightSpeedIn {
        0% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0;
        }

        60% {
          -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1;
        }

        80% {
          -webkit-transform: skewX(-5deg);
          transform: skewX(-5deg);
          opacity: 1;
        }

        100% {
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      @-webkit-keyframes lightSpeedOut {
        0% {
          opacity: 1;
        }

        100% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
          transform: translate3d(100%, 0, 0) skewX(30deg);
          opacity: 0;
        }
      }

      @keyframes lightSpeedOut {
        0% {
          opacity: 1;
        }

        100% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
          transform: translate3d(100%, 0, 0) skewX(30deg);
          opacity: 0;
        }
      }

      .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      @-webkit-keyframes rotateIn {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, -200deg);
          transform: rotate3d(0, 0, 1, -200deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      @keyframes rotateIn {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, -200deg);
          transform: rotate3d(0, 0, 1, -200deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
      }

      @-webkit-keyframes rotateInDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      @keyframes rotateInDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
      }

      @-webkit-keyframes rotateInDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      @keyframes rotateInDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
      }

      @-webkit-keyframes rotateInUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      @keyframes rotateInUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
      }

      @-webkit-keyframes rotateInUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      @keyframes rotateInUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1;
        }
      }

      .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
      }

      @-webkit-keyframes rotateOut {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, 200deg);
          transform: rotate3d(0, 0, 1, 200deg);
          opacity: 0;
        }
      }

      @keyframes rotateOut {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, 200deg);
          transform: rotate3d(0, 0, 1, 200deg);
          opacity: 0;
        }
      }

      .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
      }

      @-webkit-keyframes rotateOutDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0;
        }
      }

      @keyframes rotateOutDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0;
        }
      }

      .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
      }

      @-webkit-keyframes rotateOutDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0;
        }
      }

      @keyframes rotateOutDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0;
        }
      }

      .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
      }

      @-webkit-keyframes rotateOutUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0;
        }
      }

      @keyframes rotateOutUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0;
        }
      }

      .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
      }

      @-webkit-keyframes rotateOutUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 90deg);
          transform: rotate3d(0, 0, 1, 90deg);
          opacity: 0;
        }
      }

      @keyframes rotateOutUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }

        100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 90deg);
          transform: rotate3d(0, 0, 1, 90deg);
          opacity: 0;
        }
      }

      .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
      }

      @-webkit-keyframes hinge {
        0% {
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }

        20%,
        60% {
          -webkit-transform: rotate3d(0, 0, 1, 80deg);
          transform: rotate3d(0, 0, 1, 80deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }

        40%,
        80% {
          -webkit-transform: rotate3d(0, 0, 1, 60deg);
          transform: rotate3d(0, 0, 1, 60deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1;
        }

        100% {
          -webkit-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0;
        }
      }

      @keyframes hinge {
        0% {
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }

        20%,
        60% {
          -webkit-transform: rotate3d(0, 0, 1, 80deg);
          transform: rotate3d(0, 0, 1, 80deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }

        40%,
        80% {
          -webkit-transform: rotate3d(0, 0, 1, 60deg);
          transform: rotate3d(0, 0, 1, 60deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1;
        }

        100% {
          -webkit-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0;
        }
      }

      .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge;
      }

      @-webkit-keyframes rollIn {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
          transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      @keyframes rollIn {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
          transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        }

        100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }

      .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
      }

      @-webkit-keyframes rollOut {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
          transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        }
      }

      @keyframes rollOut {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
          transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        }
      }

      .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
      }

      @-webkit-keyframes zoomIn {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }

        50% {
          opacity: 1;
        }
      }

      @keyframes zoomIn {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }

        50% {
          opacity: 1;
        }
      }

      .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
      }

      @-webkit-keyframes zoomInDown {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      @keyframes zoomInDown {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
      }

      @-webkit-keyframes zoomInLeft {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      @keyframes zoomInLeft {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
      }

      @-webkit-keyframes zoomInRight {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      @keyframes zoomInRight {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
      }

      @-webkit-keyframes zoomInUp {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      @keyframes zoomInUp {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
      }

      @-webkit-keyframes zoomOut {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }

        100% {
          opacity: 0;
        }
      }

      @keyframes zoomOut {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3);
        }

        100% {
          opacity: 0;
        }
      }

      .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
      }

      @-webkit-keyframes zoomOutDown {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      @keyframes zoomOutDown {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
      }

      @-webkit-keyframes zoomOutLeft {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
          transform: scale(.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          transform-origin: left center;
        }
      }

      @keyframes zoomOutLeft {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
          transform: scale(.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          transform-origin: left center;
        }
      }

      .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
      }

      @-webkit-keyframes zoomOutRight {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
          transform: scale(.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          transform-origin: right center;
        }
      }

      @keyframes zoomOutRight {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
          transform: scale(.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          transform-origin: right center;
        }
      }

      .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
      }

      @-webkit-keyframes zoomOutUp {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      @keyframes zoomOutUp {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
          animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
      }

      .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
      }

      @-webkit-keyframes slideInDown {
        0% {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      @keyframes slideInDown {
        0% {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
      }

      @-webkit-keyframes slideInLeft {
        0% {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      @keyframes slideInLeft {
        0% {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
      }

      @-webkit-keyframes slideInRight {
        0% {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      @keyframes slideInRight {
        0% {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
      }

      @-webkit-keyframes slideInUp {
        0% {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      @keyframes slideInUp {
        0% {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible;
        }

        100% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
      }

      @-webkit-keyframes slideOutDown {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }

      @keyframes slideOutDown {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }

      .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
      }

      @-webkit-keyframes slideOutLeft {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }

      @keyframes slideOutLeft {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }

      .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
      }

      @-webkit-keyframes slideOutRight {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }

      @keyframes slideOutRight {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }

      .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
      }

      @-webkit-keyframes slideOutUp {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }

      @keyframes slideOutUp {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }

      .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
      }

    .title-pro h3,.title-pro h2 {
    margin: 0;
    background: url(../images/title_center.png) no-repeat bottom center;
}
.full_tintuc .title-pro h3,.full_tintuc .title-pro h2 ,.full_sanpham .title-pro h3 {
   background: url(../images/title_center2.png) no-repeat bottom center;
}
 .supportico {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        background: #51AA40;
        padding: 0.5em 0;
        padding-bottom: 0;
    }

    .supportico .blockcontent {
        display: flex;
        flex-flow: row;
    }

    .supportico .blockcontent .ico {
    }

    .supportico .blockcontent .item {
        flex-grow: 2;
        text-align: center;
        display: inline-block;
    }

    .supportico .blockcontent .item a {
        width: 100%;
        display: inline-block;
        color: white;
        font-size: 1.10em;
    }

    .supportico .blockcontent .item .ico {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAABsCAMAAAD37DFDAAAAWlBMVEUAAAD///8aGhogICDa2tpTUFAnJydnZ2YwMDCIiIhHR0c4ODjHxsa5ubmbm5taWlp0dHTl4+M/Pz/Pz898fHzq6uqSkpL19fWlpaWrq6vx8fH4+fmxsbHu7u60bXuLAAAAAXRSTlMAQObYZgAADi5JREFUeNrsm1GygyAMRWX/m36fGXqaO9xEWqeP/NhKFDiGJIBeR448SsYs15EbsR64O7leh+1t8hbjYduWnOBh2xJJ7yNoH+/d0SrjKq/8v4VONKsLlhp72vx4tiOkC5ZKuOjHQifqtDWobavlNGq9eULkXLNJaFQ0qSgbUXZEwyjr+JfVi1S5DWxZMypBFWVHpIu3+m12T5ENldEFS9XocBxZfxMsFfpkV+oCkMRZGIHJQjuAuEpjcYj6YIup5XRUHqFJloLB0EG74dFrMgWyvHzZaL1244GBsoW25678u/bJjgEGNzWbd51xwlcp6fPPCeyx2UC7Eg+vFtn456OFjq6zHsGSuY7vZ2G0bueYp77eWk4gVqk53tjKOCAyH48jyL5/OitkxewnUQqyKERC1iY711k3W0YECsi+37gyyGat4j+SJcA4s4Es9N0cXKa7r2Sp0SWLBx1KIJvlXDvIrrPFEGLiMpCfTgqwqNmwa2Sn1IK9iULhTPaQRX2uySpXN5OF2nTCsVneIJsSwiNtIUs68N4dXzDrXBnZNCiVySbLK6h2u83KbK4PNn6B7KRGtE4Szl4ALLCJCHjzwvAUrxtOloEfZKOEf0yyBMsGkaw2Wr96zWcGUgOrhyTJQsutPMsCJdnLqqu/IjNH87oviHZrspmaR5ZgubBNstNxJ9rBDLoMlm4sxzmV1smmoyC5wkHb3zQGmzJYrm4rsvBBBlnOkUFZkd2ClsVk4ztZOjNBlibaJyu6HBy3omUh2dRN9ltkjVWwHG1v85YlnDT5YL9hs4YuyCZmYdxTj45sg9gHu58sxaeQbZK33jnAieDK/MUH60Uwkh07yFJboQ0c9uZaCMBC2Y5e5awrjlvJvu0md99MtIFwkuhix2Rn+dhMwdcd2Rm0wMipKfI9uhJYMDLJAsBmsvSwOK8FCGEpFlh4R8inVmT6ecQLTpw3wYIBVOtdIs2rtIq4H6zurkk2MVcoNvpEZprs6L5OVAere7yMAaauut4lq3dr4owIniauxuu4iYkZZJXX9Tsmn43eYRxALTppRNHewsngqXK+QXFGl5K8HPkNxJ2x81oNTjtLP4AZaPpoUS4SvRZYiqK2xpZgIc3G9a8n0LftrtV9oc7mpwcSgy/f/9KmLhyNzS+a7wL7m5+oVscgR9lBC3noV4QPa84vyUG7TQ7Zv3auRMltFAqi5hTovmXJ//+bG2wwli3baGazlWxNJ5WQ0UnTvAuU34a/m9l+7ngjKKgwvCpq8oN/BXXaYAvVteQH30VWAqC6mrL6TE59O6VcANAz+cF3wDiAch63li2XAjAZ+cFXkXQUtNozq6dUAWVPfvAl1A1QvnJXp4pC5eT3IslS2SgKQBjerSfyp4Hla8aOW1gF8Y461oBO5DfCGp0tdPGHkdsBgODFeKhfFPr9dF8kkJLfhKQwACjvpoz1fd2uaansD6o/ygTNmjcCgEjjuc0oyoV8QAoM5A7nrkz/HVVlBqBlvn0D1imApv9tZpBxClW96xUbmgMOnQnIiNMGYL27SAEwW8tMRSOno2wnFUC7fufAZICGkf8OOYWFed+F1YAWJAajAU/iDA1ld8Q2hYHaUAsLKg+RcdavXWcyUGf+j6LPiyLdopiy5AMRAjzrZ4WK7EJQI/Pk13kSGEgEJNSZRIGjSW4y1yfSN1tqxz5PNUCrMZ7YBngjAGZAj1N7ltiFmt+LEWK8/kV2oQDAzFfLuEbYFqCNfWOF9I5Y4qjdgknAxMo20aBvjdZJgx5OrzmguEUp3S/+C5oC03tzxy+PBPr9l63zSgFytNNX1B/7ZlDFu0fQ2j5bXYj11O6FcJE2vvsoybGBGg+ayxc3PUmI5a2PLokFBXtNV0rBFzt4JfmACWI8oobK8hGMfN/API1wryGiVNtGGKxaoDoYeL7q9UiRvWVWvmWWGtkSkgl7GqMfZ3qDgcQjA+0JMcgDiw307cl8uLK8aJgxaqA0+YjJTpQjSMHJPgSyb2gWuJiCjGK23kl+Uo04NNc0Uvvou2t6/7oJAIjucuikYoTG4ky8QXcsKgWGZd9F0fEbmj1lFaAXksIkhH0iroIkR1CgIQRIwk+Cgkc2aO+9MoBFiEvHPVMRwub4pEECVJmAYt+lJMftbKYgyaKwum6/gdqdH2w75mPB7kxVTQTqu7HZDF5uoC4ny4gh43EJ8xmoSQM1xHKbpAJ38Ert7sxKVhkKamRm7z+lQ72v2TblRinFq3m5eYaWdPZE+f7l2a63ZGqTO0zqziVoTKRBfqcPmj9E/s14uTMNqUy02duHwUo0gCYjsWBZ7pDCGZM8uMtMw4OzggJAtaPZvMENoupdfyuSwRAyvJfOtGfsewUELrMG9zFnh4pUqO6IXR8UZtD5IfgAoI6MSArr7OhXikK1AncN36elAmg5sTObSoACRjZA96jZsz3I0zVr80IKQFijcmG1B7XUlW8DFM/RlppmpZBhoeGevBma5DDeFNyOBWQQvZtbHwD00cyWGGoOyIQcwqKhTqHhkg+UzE/35nrPAjhvNVsrQN5GPpnN9cSTZRWwRHDyBuVzajlqqJ7k1HLeVxTA5pwWiiQCrSMxEBugMVwmX/PRGkRmfw3m6xRIgZIcQgXabhuL3pSaF8kTZ3E2mu0VVLZddIHXSk+pHQv5Xg3z4yDzqwtagW4QgHgI5nuI4J4K8JdZYg3xmbEpyiHZqFwhtw88aBAmYNo2iHzMp0fvPzaa5c/J5XSjIvl1qJ7y9+Fp/qRi0fr7ADql6LbvAWqFS88XW7EbxDMoO0SgnwUlI7PVpAbOrkrckmi0FFVoeD+23vqS3DNR3Gu2uCtXnEJYRhnZIp5ZCZFl2sxWH1TNmX+jLbNEO775HjcLkMQm+DFVthKSFDD+jXl8zUtBJ84n68RfL33lSIA2xT2zQbOL8nNj0hS0bN1J8caoxPRYISlKwEVSSSuebtVDXDgRvQvvsh1qPbHfz678M7Q/s40XbcKh+tBwl7t4ZKa4gLuok28066spS4krBp/d9dEGvttaSCgKWknQ9imuDR7sF7TTcmWLu1/GFDG9kgbcp3S+KBRdSMtCw/+Me/PAs4WltznJN5rlt+7Rji0Z9wIyGKK7xjf/sigZSUoIdplD43MhUbuooHULEiX5Omwo9Nm7Mz8NfX4dhRkoQiPELY5I7rvMdjTrimLMG+USOgxMDLYOfAYAnfkIoTVozi8jYOksF7Oj/mXUAvq95lNLy3Cn7RaUxIBRyNB4SPt6T2jwGEGzAtZnbois3fkrFImEQnu/vmbmUHAGVL+nssKXuFJ/2UC+jIyiqd8vP1b2pO7O0INE4GTQLKHxkPZNaEKI+KxZ7y85hm23GWh8WSgNnIkhuc/EFNstHjsiVm+8CqD4FrVifqk7bYll1rMHmcd1rvTrKdw2PJZb8FZ6PcE829kBOpTxHE+dKw7F+xB90+x2+0BdsRdVRAfpNZ1uqT2tGTkAZgDe78quo6ADYWIzefKoCZkCuWvQ/LlU0UEGZp81m+4wmx5k9gz0RyvfISXXie9GsLWrgJ3g8RgroNthvKJA05JcQNQxazEBoa4VGiGhDjbAtV5rVn/RGvg7HlutOd+7H+lfD9wJfqZoBMyW2qMrRvVaGQCqIEv3sBKcqIgXZgJlaOwk1C1oHTzYk2YnKDeK+tGDGRKLKi4R3w0mg2dZBVTuiK1Ib6AiqQ3RO5Nl1cmSa20oLPiUkNz4MfMoIpaXxgZmdI1me7Z0HWh2oq6g2Qxw2Tsml2roMGGOurD4VfGAGejCZkXJrsSSg9SW4Fab9zBl0ROSc4AWj2FaGtEnwVwDRgfI9eYnMoBnI+uAai8HU5ic7tCx8VimEFQ4HcnD00eHhi4U2Sj3wW3fxFPLgIw1gE4r2aVDMa9stBymBq5CGnBqYJYII7u6t3sEZ0C7OVYu5DmeZRW4r/xdQIuj2S1xKy8Hdx8FFKEYzUo4BRyjVkIXdKPNhE2V2dsidtYQbcRrSkfxvMFQAentYFsKUD0RsqdZBk/LpAFRslDOiYaIH4Vub3/GRMHPXn1FS0ig1pwiJavCnsOU60ZRWDTD45u1cbu8Xm+yGGByINuWB/fqBkTepd1juByMxIJFpmuvt4nlAmovgO0N0jjJAqj8XHCTr5HF04CPKQ27mo4vr/mgqdyZTKGK6K8/K18FC1gPld1TlPHEDi9C/f0dxAXKuMAAYt1Ew6JI9kZQATrCwLxzMzkE6dUmuRyH69MU1gnGTaLFxj2PTxuA8lBumfv6+sfd9MObY02YgMHZdFG2e7v7uJcATNrunCiKWA3QdG8IkraBvMS4tDt5AtzCYQra18B0WQfkbi6KYQxMaeft4rD6WL+thCrGN8p6/wXIqoCqfyRWxdhZCjk+PEtSAKLsprxlLFuLSqtuJBU0iYB36JQqQenlt1Di2sQ1m6v1ZVW8rduJAwIwpYGVQQVwqUBbH0hCyLk9n9naGYCmh9JKPpJ+rhQsRNq/OLGjUNmHvcBeCIHYKGufrzsmetB4QMOOLCYMBnugZX09Xih4lP1EYV/eTT5A5LfbKARIFi9Yx+flD5kV1+8wXn1pd/5kL60QKuav0ZbYb+CUp6W2WhOGy2EQEDk/YuaWmrUZY6xtM/uLWdRL4D6vGgHRVO1195H3l+3QzePmC86GAvSSuMSjnrvS2Ot0lycX+XAKqCp7+DqURn5MkmsAplvZcl5NNLHxBTEJ/FUfVy/9Pdmdupi4IevJqW7n1HINvcb6QyngEEdsPE4cADj5i5FL9Y2v8Me10gK0SUfyLyOpACAnfzXaoWwE/eP+54gBQEN+8BswUeDnv1r4LbCJNPnB70Cr/t/m4B/qfZK7dXQAmQAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        display: inline-block;
        width: 30px;
        height: 25px;
        background-size: 180px;
    }

    .supportico .blockcontent .item .ico-phone {
        background-position: 5px -3px;
    }

    .supportico .blockcontent .item .ico-zalo {
        background-position: -80px -3px;
        width: 58px;
    }

    .supportico .blockcontent .item .ico-fbmessage {
        background-position: -150px 0px;
        height: 26px;
    }

    .supportico .blockcontent .item .ico-sms {
        background-position: -37px -3px;
    }

    .supportico .blockcontent .item .text {
        width: 100%;
    }

    .pdtop {
        display: none;
    }

    @media (max-width: 768px) {
        .pdtop {
            display: block;
            padding-top: 58px;
        }
        #header.menu-fixed{position: relative !important;}
    }

   .chinhsach  ul,.mxh-bot ul{list-style: none;padding: 0;margin: 0}

img{height: auto !important}