@font-face {
  font-family: 'norasiregular';
  src: url("../fonts/norasi-webfont.woff2") format("woff2"), url("../fonts/norasi-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/*------------------------------------------*/
/*	     	General & Basic Styles
/*------------------------------------------*/

html {

}


body {
  font-family: 'norasiregular', sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  color: #808184;
  background: #ffffff; }

strong, b {
  font-weight: 600; }

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

ul, ol {
  list-style: none; }

ul {
  padding: 0;
  margin: 0; }

ul {
  list-style: none; }

a {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  cursor: pointer; }

a:hover {
  color: #444; }

a, a:hover {
  text-decoration: none; }

i {
  font-size: 1.1em; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'norasiregular', sans-serif;
  font-weight: normal;
  margin: 0;
  color: #808184; }

h1 {
  font-size: 48px;
  line-height: 55px; }

h2 {
  font-size: 43px;
  line-height: 50px; }

h3 {
  font-size: 38px;
  line-height: 45px; }

h4 {
  font-size: 33px;
  line-height: 40px; }

h5 {
  font-size: 28px;
  line-height: 35px; }

h6 {
  font-size: 23px;
  line-height: 30px; }

p {
  font-family: 'norasiregular', sans-serif;
  font-size: 18px;
  line-height: 23px;
  margin: 0; }

p strong {
  font-weight: 600; }

/*//////////////////////////////////// Extend */
#noborder {
  border: 0px; }

#col-border-left {
  border-left: 1px solid #000000; }

#col-border-right {
  border-right: 1px solid #000000; }

/*//////////////////////////////////// Input */
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="file"],
#contact-form select,
#contact-form input,
#contact-form textarea {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  color: #00485f;
  font-size: 16px;
  border: 0px;
  border-bottom: 1px solid #00a2d4;
  background: #00b3ea;
  outline: none;
  width: 100%;
  padding: 10px 10px;
  display: block;
  margin-bottom: 10px; }

#contact-form select {
  padding: 5px 10px !important; }

#contact-form input[type="file"] {
  padding: 0px 0px !important;
  margin-top: 25px; }

#contact-form input[type="text"]:focus,
#contact-form input[type="email"]:focus,
#contact-form input[type="tel"]:focus,
#contact-form input[type="file"]:focus,
#contact-form select:focus,
#contact-form input:focus,
#contact-form textarea:focus {
  background: #00c3ff; }

#search input[type="search"] {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  color: #0000c6;
  font-size: 18px;
  border: 0px;
  border: 1px solid #0000c6;
  background-color: transparent;
  outline: none;
  width: 180px;
  padding: 10px 10px;
  display: block;
  margin-top: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  background-image: url("images/icon/search.png");
  background-repeat: no-repeat;
  background-position: right; }

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden; }

.custom-file-input::before {
  content: 'Browse File';
  display: inline-block;
  background: transparent;
  border: 1px solid #ffffff;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  color: #ffffff; }

.custom-file-input:hover::before {
  border-color: #000060;
  color: #000060; }

/*//////////////////////////////////// Title */
.bar, .title-text .bar-white, .title-text .bar-green, .title-text .bar-blue, .title-text .bar-black, .title-text-sm .bar-black, .title-text-sm .bar-white {
  width: 140px;
  height: 1px;
  margin-top: 10px; }

.title-text {
  width: 100%;
  min-height: 160px; }
  .title-text h1.white {
    padding-top: 60px;
    color: #ffffff; }
  .title-text h1.green {
    padding-top: 60px;
    color: #89e000; }
  .title-text h1.blue {
    padding-top: 60px;
    color: #00007f; }
  .title-text h1.black {
    padding-top: 60px;
    color: #000000; }
  .title-text h1.black-clamp {
    padding-top: 0px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 30px;
    line-height: 35px;
    max-height: 35px; }
  .title-text .bar-white {
    background-color: #ffffff; }
  .title-text .bar-green {
    background-color: #89e000; }
  .title-text .bar-blue {
    background-color: #00007f; }
  .title-text .bar-black {
    background-color: #000000; }

.title-text-sm {
  min-height: 60px; }
  .title-text-sm h6.black {
    padding-top: 10px;
    color: #000000; }
  .title-text-sm .bar-black {
    background-color: #000000; }
  .title-text-sm h6.white {
    padding-top: 10px;
    color: #ffffff; }
  .title-text-sm .bar-white {
    background-color: #ffffff; }

.title-text-lg {
  width: 100%;
  padding: 0px 80px;
  min-height: 115px;
  display: inline-block; }
  .title-text-lg h1.black {
    width: 260px;
    padding-top: 60px;
    color: #000000;
    font-weigth: bold;
    background-color: #ffffff;
    position: relative;
    z-index: -1; }
  .title-text-lg .bar-black {
    width: 100%;
    height: 4px;
    background-color: #000000;
    position: relative;
    z-index: -2;
    top: -25px; }

.headding-main:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.4;
  background-image: url(../images/headding-bg.jpg);
  background-repeat: repeat-x; }

.headding-main {
  width: 100%;
  height: 80px;
  text-align: center;
  position: relative;
  z-index: 1;
  display: inline-block;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90,Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000'); }
  .headding-main h4 {
    color: #00007f;
    padding-top: 20px; }
  .headding-main h4:before {
    position: absolute;
    margin: 8px 0px 0px -50px;
    content: '';
    width: 40px;
    height: 25px;
    background-image: url("../images/headding-before.png");
    background-repeat: no-repeat; }
  .headding-main h4:after {
    position: absolute;
    margin: 8px 0px 0px 10px;
    content: '';
    width: 40px;
    height: 25px;
    background-image: url("../images/headding-after.png");
    background-repeat: no-repeat; }

.headding-index {
  width: 100%;
  height: 70px;
  padding-left: 80px;
  background-color: #00007f; }
  .headding-index h6 {
    color: #ffffff;
    padding-top: 20px; }

/*//////////////////////////////////// Box */
/*//////////////////////////////////// Table */
.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: 15px 0px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
  border-bottom: 1px solid #f5f5f5; }
  .table > tbody > tr > td a, .table > tbody > tr > th a, .table > tfoot > tr > td a, .table > tfoot > tr > th a, .table > thead > tr > td a, .table > thead > tr > th a {
    color: #00bdf7;
    padding: 4px 10px;
    border: 1px solid #00bdf7; }
  .table > tbody > tr > td a:after, .table > tbody > tr > th a:after, .table > tfoot > tr > td a:after, .table > tfoot > tr > th a:after, .table > thead > tr > td a:after, .table > thead > tr > th a:after {
    font-family: 'FontAwesome';
    content: '\f138';
    font-size: 16px;
    padding-left: 8px; }
  .table > tbody > tr > td a:hover, .table > tbody > tr > th a:hover, .table > tfoot > tr > td a:hover, .table > tfoot > tr > th a:hover, .table > thead > tr > td a:hover, .table > thead > tr > th a:hover {
    color: #89e000;
    border: 1px solid #89e000; }

/*//////////////////////////////////// Button */
.button-category {
  width: 100%;
  display: inline-block !important;
  position: relative !important;
  padding-bottom: 40px !important;
  display: none !important; }
  .button-category a {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    color: #68a1af;
    background: #212188;
    border: 1px solid #19197b; }
  .button-category a:hover {
    background: #00b2e8; }

.button, .button-blue, .button-blue-full {
  width: auto;
  padding: 10px 32px;
  margin: 20px 0px 40px 0px;
  position: relative;
  display: inline-block; }

.button:hover, .button-blue:hover, .button-blue-full:hover {
  color: #000; }

.button-blue, .button-blue-full {
  background: #88deff;
  background: -moz-linear-gradient(left, #88deff 0%, #bcecff 24%, #d8f4ff 100%);
  background: -webkit-linear-gradient(left, #88deff 0%, #bcecff 24%, #d8f4ff 100%);
  background: linear-gradient(to right, #88deff 0%, #bcecff 24%, #d8f4ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88deff', endColorstr='#d8f4ff',GradientType=1 ); }

.button-blue-full {
  width: 100%;
  margin: 0px 0px 10px 0px !important; }

a.print {
  color: #a2bdcc;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
  padding: 8px 0px;
  width: auto;
  display: inline-block;
  float: right;
  position: relative;
  z-index: 1; }

a.print:hover {
  color: #337ab7; }

a.print:after {
  font-family: 'FontAwesome';
  font-size: 16px;
  content: '\f02f';
  margin-left: 8px; }

a.more, a.more-blue {
  color: #000000;
  font-size: 23px;
  line-height: 30px;
  text-decoration: none;
  padding: 10px 0px;
  margin-top: 20px;
  width: auto;
  display: inline-block; }

a.more:hover, a.more-blue:hover {
  color: #337ab7; }

a.more-blue {
  color: #1b75bb !important; }

a.more-blue:hover {
  color: #000000 !important; }

a.more-blue:after, a.view:after, a.more:after, a.more-blue:after {
  font-family: 'FontAwesome';
  font-size: 18px;
  content: '\f067';
  margin-left: 8px; }

a.more-item {
  width: 100%;
  color: #00007f;
  background-color: #f9f9f9;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 10px 0px;
  margin: 60px 0px;
  border: 1px solid #eee;
  display: inline-block; }
  a.more-item .shape {
    width: 130px;
    height: 40px;
    background-color: #00007f;
    margin: 0 auto;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }

a.more-item:hover {
  background-color: #dfffff; }

button.close {
  color: #fff;
  opacity: .3; }

/*//////////////////////////////////// Top Bar */
.top-bar {
  width: 100%;
  min-height: 110px;
  background: #fff;
  display: inline-block;
  margin-bottom: -5px;
  background-image: url("../images/top-bar-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .top-bar .top-bar-left {
    min-height: 110px;
    width: 30%;
    float: left;
    padding: 0px 0px 0px 40px; }
    .top-bar .top-bar-left img.logo {
      margin: 15px 0px;
      height: auto; }
  .top-bar .top-bar-right {
    min-height: 110px;
    width: 70%;
    float: left;
    padding: 0px 40px 0px 0px;
    background-position: right; }
    .top-bar .top-bar-right .search {
      position: relative;
      float: right; }
      .top-bar .top-bar-right .search button {
        cursor: pointer;
        background: transparent;
        color: #00007f;
        outline: none;
        border: none;
        position: absolute;
        bottom: 0;
        right: 0;
        height: 41px;
        padding: 0px 10px;
        border-radius: 2px; }
      .top-bar .top-bar-right .search button {
        background: transparent;
        color: #00007f; }
      .top-bar .top-bar-right .search button:hover {
        background: #00007f;
        color: #fff; }
    .top-bar .top-bar-right .info {
      display: imline-block; }
      .top-bar .top-bar-right .info ul {
        float: right;
        padding-top: 24px; }
      .top-bar .top-bar-right .info li {
        padding-right: 20px;
        float: left; }
      .top-bar .top-bar-right .info li:last-child {
        padding-right: 0px; }
      .top-bar .top-bar-right .info p {
        color: #89e000; }
      .top-bar .top-bar-right .info p:first-child {
        padding-top: 8px; }

/*//////////////////////////////////// Side Bar */
.sidebar {
  width: 100%;
  padding: 40px 40px 0px 40px;
  display: inline-block;
  position: relative; }
  .sidebar .category {
    width: 100%;
    display: inline-block;
    background-color: #f7f7f7;
    padding: 22px 0px;
    margin-bottom: 30px;
    border-bottom: 4px solid #3536a9;
    border-top: 4px solid #efefef;
    opacity: 1; }
    .sidebar .category h6 {
      font-size: 18px;
      color: #e4e4e4;
      padding: 15px 20px;
      background-color: #3536a9;
      position: relative;
      z-index: 1; }
  .sidebar .agent {
    width: 100%;
    display: inline-block;
    background-color: #f7f7f7;
    padding: 28px 0px;
    margin-bottom: 20px;
    border-bottom: 4px solid #3536a9;
    border-top: 4px solid #efefef;
    opacity: 1; }
    .sidebar .agent h6 {
      font-size: 13px;
      color: #e4e4e4;
      padding: 15px 20px;
      background-color: #3536a9;
      position: relative;
      z-index: 1;
      margin-bottom: 10px; }
    .sidebar .agent .carousel {
      width: 100%;
      display: inline-block;
      height: auto; }
      .sidebar .agent .carousel .boxed {
        overflow: hidden;
        position: relative;
        height: 430px;
        margin: 10px 0px;
        width: 100%;
        display: inline-block; }
        .sidebar .agent .carousel .boxed .item {
          width: 100%;
          display: inline-block; }
          .sidebar .agent .carousel .boxed .item .thumb {
            width: 100%;
            display: inline-block;
            padding: 10px 20px 0px 20px; }
            .sidebar .agent .carousel .boxed .item .thumb img {
              max-height: 40px;
              max-width: 120px;
              width: auto;
              margin: auto;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0; }
            .sidebar .agent .carousel .boxed .item .thumb a {
              position: relative;
              display: inline-block;
              width: 100%;
              background: #ffffff;
              padding: 10px 30px;
              text-align: center;
              height: 60px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -o-border-radius: 5px;
              border-radius: 5px; }
            .sidebar .agent .carousel .boxed .item .thumb a:hover {
              border: 2px solid #f0f0f0; }
      .sidebar .agent .carousel ul {
        list-style: none;
        height: 10000px;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0px; }
      .sidebar .agent .carousel a.prev, .sidebar .agent .carousel a.next {
        position: relative;
        left: 50%;
        margin-left: -15px; }
        .sidebar .agent .carousel a.prev span, .sidebar .agent .carousel a.next span {
          transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          width: 30px;
          height: 30px;
          padding: 8px;
          font-size: 14px;
          color: #fff;
          background-color: #d1d2d4; }
        .sidebar .agent .carousel a.prev span:hover, .sidebar .agent .carousel a.next span:hover {
          color: #fff;
          background-color: #00007f; }

.sidebar-mobile {
  width: 100%;
  display: inline-block;
  position: relative; }
  .sidebar-mobile .category {
    width: 100%;
    display: inline-block;
    background-color: #f7f7f7;
    padding: 10px 20px 30px 20px; }
    .sidebar-mobile .category ul {
      padding-left: 15px !important; }
  .sidebar-mobile .agent {
    width: 100%;
    display: inline-block;
    background-color: #f9f9f9;
    padding: 30px 30px; }
    .sidebar-mobile .agent ul {
      list-style: none;
      top: 0;
      left: 0;
      position: relative;
      padding: 0px; }
    .sidebar-mobile .agent .thumb {
      width: 100%;
      padding: 20px;
      display: inline-block;
      border: none;
      position: relative; }
      .sidebar-mobile .agent .thumb img {
        max-height: 80px;
        max-width: 200px;
        width: auto;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      .sidebar-mobile .agent .thumb a {
        display: inline-block;
        width: 100%;
        height: 80px;
        background: #ffffff;
        text-align: center;
        cursor: pointer; }
    .sidebar-mobile .agent .thumb:hover {
      border: 2px solid #f0f0f0; }

/*//////////////////////////////////// Panel */
.panel {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  background-color: transparent;
  border: 0px;
  box-shadow: none;
  margin: 0px 0px; }

.panel-sidebar {
  margin: 0px 15px; }
  .panel-sidebar .panel-heading {
    padding: 2px 0px; }
    .panel-sidebar .panel-heading .panel-title a {
      color: #aaa;
      font-size: 14px;
      text-decoration: none;
      text-transform: uppercase;
      width: 100%;
      height: 100%;
      display: inline-block;
      border-bottom: 1px solid #ececec;
      cursor: pointer; }
    .panel-sidebar .panel-heading .panel-title a:after {
      content: '+';
      float: right; }
  .panel-sidebar .panel-heading2 {
    padding: 0px 0px; }
    .panel-sidebar .panel-heading2 .panel-title a {
      color: #fafafa;
      font-size: 14px;
      text-decoration: none;
      width: 100%;
      display: inline-block;
      border: 0px;
      border-bottom: 1px solid #6addef;
      border-style: dotted;
      cursor: pointer; }
    .panel-sidebar .panel-heading2 .panel-title a:after {
      content: '+';
      float: right; }
    .panel-sidebar .panel-heading2 .panel-title a:hover {
      background-color: #6adddf; }
  .panel-sidebar .panel-body {
    padding: 0px; }
    .panel-sidebar .panel-body ul {
      padding-left: 0px;
      background: #f5f5f5; }
      .panel-sidebar .panel-body ul li a {
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        color: #aaa;
        font-size: 14px;
        text-decoration: none;
        padding: 0px 0px;
        line-height: 32px;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer; }
      .panel-sidebar .panel-body ul li a:hover {
        color: #ffffff;
        background-color: #6adddf;
        padding: 0px 10px; }
      .panel-sidebar .panel-body ul li a:hover:after {
        font-family: FontAwesome;
        content: '\f105';
        float: right; }

/*//////////////////////////////////// About */
.about-info {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 80px 0px; }
  .about-info span {
    color: #89e000;
    font-weight: 600;
    font-size: 23px; }
  .about-info article {
    margin-bottom: 40px;
    text-align: justify; }

.about-img {
  width: 100%;
  display: inline-block;
  position: relative; }

/*//////////////////////////////////// Join */
.join-job {
  width: 100%;
  padding: 0px 80px 80px 80px;
  display: inline-block;
  position: relative;
  color: #00485f; }
  .join-job article {
    text-align: center;
    border: 1px solid #00485f;
    padding: 40px 20px;
    color: #00485f;
    font-size: 20px;
    line-height: 28px; }

.join-apply {
  width: 100%;
  padding: 0px 80px 80px 80px;
  display: inline-block;
  position: relative;
  color: #231f20;
  background: #00bdf7; }
  .join-apply h3 {
    color: #00485f;
    padding-bottom: 10px; }
  .join-apply label {
    color: #ffffff; }
  .join-apply article {
    margin-bottom: 30px; }

/*//////////////////////////////////// Info */
.info-white {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  border-left: 1px solid #000000; }
  .info-white article {
    display: inline-block; }
  .info-white img {
    padding-right: 15px; }
  .info-white p {
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    line-height: 1.2em;
    max-height: 9.4em; }

.info-blue {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  border-left: 1px solid #000000;
  background: #80defb; }
  .info-blue article {
    display: inline-block; }
  .info-blue img {
    padding-right: 15px; }
  .info-blue p {
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    line-height: 1.2em;
    max-height: 9.4em; }

.info-detail {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  display: inline-block;
  position: relative;
  width: 100%; }
  .info-detail article {
    display: inline-block; }
  .info-detail img {
    margin: 15px 0px; }
  .info-detail p {
    text-align: justify; }

.info-gallery {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 40px; }

.info-tags {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 60px; }
  .info-tags a.tags {
    color: #89e000;
    font-size: 18px;
    line-height: 23px; }
  .info-tags a.tags:hover {
    color: #000000; }

/*//////////////////////////////////// Product */
.product {
  width: 100%;
  display: inline-block;
  min-height: 1200px;
  background-image: url("../images/product-bg-2.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto; }
  .product .product-item {
    width: 100%;
    padding: 40px 25px 0px 25px;
    display: inline-block;
    position: relative; }
    .product .product-item .heiding {
      width: 100%;
      display: inline-block;
      min-height: 100px;
      background-color: #00007f;
      padding: 20px 40px 10px 40px;
      margin-bottom: 40px; }
      .product .product-item .heiding span {
        font-size: 14px;
        line-height: 19px; }
      .product .product-item .heiding span:before {
        font-family: 'FontAwesome';
        content: '\f105';
        font-size: 16px;
        padding-right: 8px; }
    .product .product-item .item {
      -webkit-box-shadow: 0px 0px 10px 0px #efefef;
      -moz-box-shadow: 0px 0px 10px 0px #efefef;
      box-shadow: 0px 0px 10px 0px #efefef;
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90,Color='#efefef')";
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#efefef');
      width: 100%;
      display: inline-block;
      background-color: #ffffff;
      border: 1px solid #efefef;
      text-align: center;
      position: relative;
      margin-bottom: 30px; }
      .product .product-item .item h6 {
        font-size: 16px;
        color: #333333;
        padding: 20px 10px 0px 10px;
        font-weight: 900; }
      .product .product-item .item p {
        font-size: 16px;
        padding: 0px 10px 10px 10px; }
      .product .product-item .item img.image {
        width: 100%;
        padding: 0 20px 0 20px; }
      .product .product-item .item img.logo {
        height: 30px;
        margin: 20px 0px; }
      .product .product-item .item a {
        color: #808184; }

figure {
  width: 100%;
  min-height: 340px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top; }

figure img {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

figure:hover figcaption {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  border: 5px solid #00007f; }

figcaption {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  font-weight: bold;
  width: 100%;
  height: 100%;
  min-height: 340px;
  display: inherit; }

figcaption div {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 20px;
  opacity: 0;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 900;
  min-height: 320px;
  padding-top: 50%; }

figcaption div:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  margin: auto;
  width: 0%;
  height: 2px;
  background: #ffffff; }

figcaption:hover div {
  opacity: 1;
  top: 0; }

figcaption:hover div:after {
  width: 50%; }

figure:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1); }

/*//////////////////////////////////// Product Detail */
.product-detail-box {
  position: relative;
  width: 100%;
  display: inline-block; }
  .product-detail-box img.bg-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1; }
  .product-detail-box img.bg-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: -1; }

.product-detail-left {
  position: relative;
  min-height: 500px;
  	/*
  	background-image: url("../images/product/detail-bg-left.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%;
      */
  padding: 0px 80px;
  width: 100%;
  display: inline-block; }
  .product-detail-left .logo {
    position: relative;
    width: 100%;
    top: 60px;
    left: 0px; }
    .product-detail-left .logo img {
      width: auto;
      height: 60px; }
  .product-detail-left img.product-img {
    padding-top: 70px;
    position: relative; }

.product-detail-right {
  position: relative;
  min-height: 500px;
  	/*
  	background-image: url("../images/product/detail-bg-right.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%;
      */
  padding: 0px 80px;
  width: 100%;
  display: inline-block; }
  .product-detail-right h6 {
    margin-top: 70px;
    color: #1b75bb;
    padding-bottom: 15px;
    text-transform: uppercase; }
    .product-detail-right h6 span {
      color: #06205d; }

.related {
  background-color: #00adee;
  padding: 0px 80px;
  width: 100%;
  display: inline-block; }
  .related a.view {
    float: right;
    color: #ffffff;
    font-size: 23px;
    line-height: 30px;
    text-decoration: none;
    margin-top: 30px; }
  .related a.view:hover {
    color: #000060; }

.related-item {
  width: 100%;
  /*
  display:inline-block;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #d9dfed 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#d9dfed 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#d9dfed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dfed',GradientType=0 );
  */ }
  .related-item .item-box {
    width: 100%;
    display: inline-block;
    /*min-height: 500px;*/
    padding: 40px 80px;
    background: -moz-linear-gradient(-45deg, #fafdff 0%, white 100%);
    background: -webkit-linear-gradient(-45deg, #fafdff 0%, white 100%);
    background: linear-gradient(135deg, #fafdff 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdff', endColorstr='#00ffffff',GradientType=1 ); }
    .related-item .item-box .image {
      padding-right: 15px; }
      .related-item .item-box .image img {
        border: 1px solid #dddddd;
        width: 100%; }
    .related-item .item-box img.logo {
      width: auto;
      border: none;
      height: 30px; }
    .related-item .item-box h6.dark {
      color: #1f285a;
      padding-bottom: 15px; }
    .related-item .item-box h6.light {
      color: #1d75bb;
      padding-bottom: 15px; }
    .related-item .item-box .detail {
      margin-top: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      line-height: 23px;
      height: 92px; }

/*//////////////////////////////////// Contact */
#contact-box-info {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  background-color: #00bdf7;
  margin-bottom: -5px; }

.contact-box-info {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  display: inline-block;
  position: relative; }
  .contact-box-info .info {
    width: 100%;
    display: inline-block; }
    .contact-box-info .info p.blue {
      color: #00485f;
      font-weight: 600;
      margin-bottom: 10px; }
    .contact-box-info .info p.white {
      color: #ffffff;
      margin-bottom: 30px; }
  .contact-box-info .message {
    width: 100%;
    display: inline-block; }
    .contact-box-info .message label {
      color: #00485f;
      font-size: 16px;
      font-weight: 300;
      margin: 4px 0px; }

.contact-map {
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative; }
  .contact-map img {
    width: 100%;
    height: auto; }
  .contact-map a.print-map {
    font-size: 25px;
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #c5e1f6;
    padding: 20px; }
  .contact-map a.print-map:hover {
    color: #fff;
    background-color: #b8d88c; }

.contact-map figure {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  display: inline-block; }

.contact-map figure img {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.contact-map figure:hover figcaption {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  border: 5px solid #00bdf7; }

.contact-map figcaption {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  font-size: 22px;
  width: 100%;
  min-height: 510px;
  display: table; }

.contact-map figcaption div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: 20px;
  opacity: 0;
  color: #ffffff;
  text-transform: uppercase; }

.contact-map figcaption div:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 40%;
  text-align: center;
  margin: auto;
  width: 0%;
  height: 2px;
  background: #ffffff; }

.contact-map figcaption:hover div {
  opacity: 1;
  top: 0; }

.contact-map figcaption:hover div:after {
  width: 50%; }

.contact-map figure:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1); }

/*//////////////////////////////////// Footer */
.footer-info {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  background-color: #000060;
  min-height: 120px;
  margin-bottom: -5px; }
  .footer-info img {
    margin: 30px 0px;
    float: left; }
  .footer-info img.line {
    margin: 30px 0px;
    float: right; }
  .footer-info ul {
    padding: 36px 0px 0px 20px;
    float: left; }
  .footer-info p {
    color: #ffffff; }

.footer-copyright {
  width: 100%;
  min-height: auto;
  padding: 0px 80px;
  display: inline-block;
  margin-bottom: 0px;
  min-height: 30px;
  font-size: 12px;
  text-align: right;
  color: #a6a8ab;
  padding-top: 6px;
  background-color: #e6e7e8; }

/*//////////////////////////////////// Owl Carousel */
#owl-info .item {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  background: transparent;
  margin: 5px;
  color: inherit; }

.owl-info .owl-controls .owl-buttons div {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 50%;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  zoom: 1;
  padding: 0 4px;
  *display: inline;
  /*IE7 life-saver */
  background: #d0ecff;
  filter: Alpha(Opacity=60);
  /*IE7 fix*/
  opacity: 0.6;
  margin-top: -30px; }

.owl-info:hover .owl-controls .owl-buttons div {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

.owl-info .owl-controls .owl-buttons div.owl-prev {
  left: 0;
  border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -o-border-radius: 0 30px 30px 0; }

.owl-info .owl-controls .owl-buttons div.owl-next {
  right: 0;
  border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -o-border-radius: 30px 0 0 30px; }

.owl-info .owl-controls .owl-buttons div.owl-prev i, .owl-info .owl-controls .owl-buttons div.owl-next i {
  font-size: 20px;
  line-height: 60px;
  padding: 0 4px;
  color: #a5d3ea; }

/*//////////////////////////////////// Read More State */
.read-more-state {
  display: none; }

.read-more-wrap {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  height: 165px;
  overflow: hidden; }

.read-more-state:checked ~ .read-more-wrap {
  opacity: 1;
  height: 100%; }

.read-more-state ~ .read-more-trigger:before {
  content: 'SHOW MORE DETAILS'; }

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'SHOW LESS DETAILS'; }

.read-more-state ~ .read-more-trigger:after {
  font-family: 'FontAwesome';
  content: '\f0d7';
  padding-left: 6px;
  float: right; }

.read-more-state:checked ~ .read-more-trigger:after {
  font-family: 'FontAwesome';
  content: '\f0d8';
  padding-left: 6px; }

.read-more-trigger {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  width: 100%;
  display: inline-block;
  padding: 10px;
  color: #a2bdcc;
  font-size: 22px;
  border: 1px solid #a2bdcc;
  font-weight: normal;
  margin: 40px 0px 20px 0px;
  cursor: pointer; }

.read-more-trigger:hover {
  color: #000;
  border: 1px solid #000; }

/*************************
******* Modal CSS ********
**************************/
.modal-header {
  min-height: 64px;
  padding: 15px;
  background-color: #00007f; }
  .modal-header .modal-title {
    font-size: 16px;
    font-weight: 500;
    color: #fff !important; }
  .modal-header p {
    font-size: 12px !important;
    color: #0057de  !important; }

.modal-body {
  position: relative;
  padding: 0px;
  background-color: #6ad1ff;
  width: 100%;
  display: inline-block; }
  .modal-body h5 {
    padding-bottom: 10px;
    font-size: 22px; }
  .modal-body p {
    color: #999; }

.category-region {
  padding-bottom: 10px;
  padding-top: 15px; }

.category-region .panel {
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  margin: 0px; }

.category-region .panel-default .panel-heading {
  background: #aaa;
  border: 0 none;
  height: 44px;
  border-radius: 0px; }

.category-region .panel-default .panel-heading:hover {
  background: #F47E3D;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s; }

.category-region .panel-default .panel-body li {
  color: #999;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #bbb;
  border-bottom-style: dotted; }

.category-region .panel-default .panel-body li:hover {
  color: #F47E3D;
  border-color: #F47E3D; }

.category-region .panel-default .panel-heading .panel-title a {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  display: inline-block; }

.category-region .panel-default .panel-heading .panel-title a:after {
  font-family: 'FontAwesome';
  content: '\f107';
  text-align: center;
  color: #222;
  background: #bbb;
  display: inline-block;
  font-size: 14px;
  padding: 3px 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  float: right; }

/*////////////////////////////////////////////////////////////////////////////////////////////*/

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