@font-face {
  font-family: "robotobold";
  font-style: normal;
  font-weight: normal;
  src: url("roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-bold-webfont.woff") format("woff"), url("roboto-bold-webfont.ttf") format("truetype"), url("roboto-bold-webfont.svg#robotobold") format("svg");
}
@font-face {
  font-family: "robotoregular";
  font-style: normal;
  font-weight: normal;
  src: url("roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-regular-webfont.woff") format("woff"), url("roboto-regular-webfont.ttf") format("truetype"), url("roboto-regular-webfont.svg#robotoregular") format("svg");
}
@font-face {
  font-family: "robotoitalic";
  font-style: normal;
  font-weight: normal;
  src: url("roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-italic-webfont.woff") format("woff"), url("roboto-italic-webfont.ttf") format("truetype"), url("roboto-italic-webfont.svg#robotoitalic") format("svg");
}
@font-face {
  font-family: "robotobold_italic";
  font-style: normal;
  font-weight: normal;
  src: url("roboto-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-bolditalic-webfont.woff") format("woff"), url("roboto-bolditalic-webfont.ttf") format("truetype"), url("roboto-bolditalic-webfont.svg#robotobold_italic") format("svg");
}
@font-face {
  font-family: "Arial Black";
  font-style: normal;
  font-weight: normal;
  src: url("Arial Black.eot?#iefix") format("embedded-opentype"), url("Arial Black.woff") format("woff"), url("Arial Black.ttf") format("truetype"), url("Arial Black.svg#Arial Black") format("svg");
}
#header-right .header-cms .header-cms-text .header-cms-label, #menu ul ul li a, #banner .banner-text .container .inner-text .banner-caption, #breadcrumb .breadcrumb, #breadcrumb a, #side_menu ul li ul li a, .home-cms-1 .home-cms-1-description, .home-cms-2 .home-cms-2-description, .home-cms-3 .home-cms-3-list .home-cms-3-listitem > div .home-cms-3-listitem-text, .home-news-list .home-news-listitem a .home-news-listitem-text .home-news-listitem-description, #career .career-listings .career-listing-item .career-listing-top .career-listing-date {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
}

#header-right .header-cms .header-cms-text .header-cms-content, .home-cms-1 .home-cms-1-list {
  font-family: 'Arial';
  font-size: 16px;
  font-weight: bold;
}

#header-right .header-cms-button .header-button {
  font-family: 'Arial Black';
  font-size: 14px;
  font-weight: normal;
}

#menu ul#dropmenu > li > a, .home-cms-1 .home-cms-1-list ul li, .home-cms-4 .home-cms-4-left .home-cms-4-description, #career .career-table .career-table-item > div, #career .career-listings .career-listing-item .career-listing-description, #career .career-listings .career-listing-item .career-listing-description .career-text, .innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-desc, .innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-listing {
  font-family: 'Arial';
  font-size: 14px;
  font-weight: normal;
}

#banner .banner-text .container .inner-text .banner-title {
  font-family: 'Arial';
  font-size: 32px;
  font-weight: bold;
}

#banner .banner-text .container .inner-text .banner-links a, .smart-forms .button.newsletter, a.back, a.link, .home-cms-1 .home-cms-1-button a, .home-cms-2 .home-cms-2-button a, .home-cms-3 .home-cms-3-list .home-cms-3-listitem > div .home-cms-3-listitem-text span, .home-cms-4 .home-cms-4-right .home-cms-4-button a, #home-news .home-news-button a, #career .career-listings .career-listing-item .career-listing-description .career-listing-apply a, #career-application-form-wrapper #career-application-form .smart-forms #careerSubmit {
  font-family: 'Arial Black';
  font-size: 12px;
  font-weight: normal;
}

.home-cms-1 .home-cms-1-title, .home-cms-2 .home-cms-2-title, .home-cms-3 .home-cms-3-title, .home-cms-3 .home-cms-3-list .home-cms-3-listitem > div .home-cms-3-listitem-number, .home-cms-4 .home-cms-4-left .home-cms-4-title, #home-news .home-news-title {
  font-family: 'Arial';
  font-size: 30px;
  font-weight: normal;
}

.home-cms-1 .home-cms-1-title span, .home-cms-2 .home-cms-2-title span, .home-cms-3 .home-cms-3-title span, .home-cms-4 .home-cms-4-left .home-cms-4-title span, #home-news .home-news-title span {
  font-family: 'Arial';
  font-size: 30px;
  font-weight: bold;
}

#newsletter-form-wrapper .newsletter-form-maintitle, .home-news-list .home-news-listitem a .home-news-listitem-text .home-news-listitem-title, #career .career-table .career-table-header > div, #career .career-listings .career-listing-item .career-listing-top .career-listing-name, #career-application-form-wrapper #career-application-form .career-application-form-maintitle {
  font-family: 'Arial';
  font-size: 18px;
  font-weight: bold;
}

#footer .footer-main .footer-main-bottom, #footer .footer-main .footer-main-bottom a, #footer .footer-main .footer-main-bestview, .home-news-list .home-news-listitem a .home-news-listitem-text .home-news-listitem-date {
  font-family: 'Arial';
  font-size: 10px;
  font-weight: normal;
}

#footer .footer-extra .footer-extra-links .footer-extra-link .footer-extra-link-text {
  font-family: 'Arial';
  font-size: 18px;
  font-weight: normal;
}

#social-icon ul li.title, #newsletter-form-wrapper .newsletter-form-title, #footer .footer-main .footer-main-top .footer-main-menu ul li, #footer .footer-main .footer-main-top .footer-main-menu ul li a, #career .career-listings .career-listing-item .career-listing-description .career-label, #career .career-listings .career-listing-item .career-listing-description h4, #career-application-form-wrapper #career-application-form .career-application-form-title, #career-application-form-wrapper #career-application-form .smart-forms label {
  font-family: 'Arial';
  font-size: 14px;
  font-weight: bold;
}

.innerpage-banner .innerpage-title-wrapper .innerpage-title, .career-introduction .career-introduction-title span, .innerpage-aboutus-wrapper .innerpage-aboutus-header .innerpage-aboutus-title span {
  font-family: 'Arial';
  font-size: 28px;
  font-weight: bold;
}

.career-introduction .career-introduction-title, .innerpage-aboutus-wrapper .innerpage-aboutus-header .innerpage-aboutus-title {
  font-family: 'Arial';
  font-size: 28px;
  font-weight: normal;
}

#side_menu ul li a {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: bold;
}

.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-maindesc {
  font-family: 'Arial';
  font-size: 21px;
  font-weight: bold;
}

.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-listing ul li {
  font-family: 'Arial Black';
  font-size: 13px;
  font-weight: bold;
}

.career-introduction .career-introduction-description {
  font-family: 'Arial';
  font-size: 16px;
  font-weight: normal;
}

.home-cms-1 .home-cms-1-image {
  box-shadow: 0 7px 32px 8px rgba(0, 0, 0, 0.25);
}

#banner .slick-dots {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#banner .slide .img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* columns of same height styles */
.row-full-height {
  height: 100%;
}

.col-full-height {
  height: 100%;
  vertical-align: middle;
}

.row-same-height, .row-md-same-height, .row-sm-same-height {
  display: table;
  table-layout: fixed;
  width: 100%;
  vertical-align: middle;
}

/*revert back to normal in md*/
@media (max-width: 991px) {
  .row-md-same-height {
    display: block;
  }
}

@media (max-width: 767px) {
  .row-sm-same-height {
    display: block;
  }
}

.col-xs-height {
  display: table-cell;
  float: none !important;
}

/*alignments*/
.col-top {
  vertical-align: top;
}

.col-middle {
  vertical-align: middle;
}

.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 767px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 991px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1000px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters [class^="col-"], .row.no-gutters [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row-centered {
  text-align: center;
}
.row-centered .col-centered {
  display: inline-block;
  float: none;
  vertical-align: top;
  text-align: left;
  margin-left: -4px;
}

.v-align-bottom {
  display: table-cell;
  float: none !important;
  vertical-align: bottom;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 991px) {
  .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-xs-1-5 {
  width: 20%;
  float: left;
}

.col-xs-2-5 {
  width: 40%;
  float: left;
}

.col-xs-3-5 {
  width: 60%;
  float: left;
}

.col-xs-4-5 {
  width: 80%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }

  .col-sm-2-5 {
    width: 40%;
    float: left;
  }

  .col-sm-3-5 {
    width: 60%;
    float: left;
  }

  .col-sm-4-5 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }

  .col-md-2-5 {
    width: 40%;
    float: left;
  }

  .col-md-3-5 {
    width: 60%;
    float: left;
  }

  .col-md-4-5 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }

  .col-lg-2-5 {
    width: 40%;
    float: left;
  }

  .col-lg-3-5 {
    width: 60%;
    float: left;
  }

  .col-lg-4-5 {
    width: 80%;
    float: left;
  }
}
/********************************** common tag **********************************/
html, body {
  height: 100%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #444;
}

p {
  margin: 0 0 12px 0;
}
p.search {
  margin: 0 0 3px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0 0 12px 0;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
}

h5 {
  font-size: 10px;
}

h6 {
  font-size: 8px;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

pre {
  font-family: monospace;
}

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

textarea, input {
  font: 12px Arial, Helvetica, sans-serif;
  color: #000;
}
textarea:focus, input:focus {
  outline: 0;
}

/********************************** id **********************************/
#wrapper {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
}

/********************************** mean menu *************************************/
.mean-container .mean-bar {
  background: #00588A;
}

.mean-container .mean-nav {
  background: #00588A;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.2);
}

/********************************** header **********************************/
#header {
  padding: 20px 0;
}
#header .container .row {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #header .container .row {
    display: block;
  }
}
#header-right {
  text-align: right;
}
@media (max-width: 991px) {
  #header-right {
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  #header-right {
    display: block;
    margin-top: 20px;
    text-align: center;
  }
}
#header-right .header-cms {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}
@media (max-width: 1200px) {
  #header-right .header-cms {
    margin-left: 15px;
  }
}
@media (max-width: 991px) {
  #header-right .header-cms {
    margin-left: 5px;
  }
}
@media (max-width: 480px) {
  #header-right .header-cms {
    margin-left: 0;
  }
}
#header-right .header-cms:hover .header-cms-icon {
  background: #006CEF;
  cursor: pointer;
}
#header-right .header-cms:hover .header-cms-icon span {
  color: #FFFFFF;
}
#header-right .header-cms:hover .header-cms-text .header-cms-label, #header-right .header-cms:hover .header-cms-text .header-cms-content {
  color: #006CEF;
}
#header-right .header-cms .header-cms-icon {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  background: #E7E7E7;
  border-radius: 100px;
  line-height: 33px;
  text-align: center;
  padding-left: 4px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#header-right .header-cms .header-cms-icon span {
  color: #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#header-right .header-cms .header-cms-icon span:before {
  font-size: 14px;
}
#header-right .header-cms .header-cms-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
@media (max-width: 480px) {
  #header-right .header-cms .header-cms-text {
    display: none;
  }
}
#header-right .header-cms .header-cms-text .header-cms-label {
  display: block;
  color: #00588A;
  text-align: left;
  margin-bottom: 3px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#header-right .header-cms .header-cms-text .header-cms-content {
  text-align: left;
  display: block;
  color: #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 1200px) {
  #header-right .header-cms .header-cms-text .header-cms-content {
    font-size: 14px;
  }
}
#header-right .header-cms-button {
  border: 1px solid #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 991px) {
  #header-right .header-cms-button {
    display: none;
    margin-bottom: 0;
  }
}
#header-right .header-cms-button:hover {
  background: #006CEF;
  border-color: #006CEF;
}
#header-right .header-cms-button:hover .header-button {
  color: #FFFFFF;
  text-decoration: none;
}
#header-right .header-cms-button:hover .header-button:before {
  color: #FFFFFF;
}
#header-right .header-cms-button .header-button {
  display: inline-block;
  vertical-align: middle;
  color: #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
  padding: 7px 15px;
}
#header-right .header-cms-button .header-button:before {
  content: '\f075';
  font-family: 'fontAwesome';
  color: #00588A;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#header-right .header-cms-button .header-button:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#header-right .menu-search {
  display: inline-block !important;
  background: #00588A;
  width: 32px;
  line-height: 33px;
  margin-left: 2px;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#header-right .menu-search:hover {
  background: #006CEF;
}
#header-right .menu-search:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#header-right .menu-search i {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}

#logo a {
  display: block;
}
#logo img {
  max-width: 130px;
}
@media (max-width: 991px) {
  #logo {
    text-align: center;
  }
}

#header-email, #header-phone {
  cursor: pointer;
}

/********************************** search **********************************/
#search {
  width: 100%;
  position: absolute;
  top: 0;
  display: none;
  z-index: 2;
}
#search .form-control {
  border-radius: 0;
}
#search .input-group {
  display: flex;
  flex-direction: row-reverse;
}
#search .input-group .input-group-btn {
  outline: none !important;
  width: auto;
}
#search .input-group button {
  border: none;
  border-radius: 0;
  background: transparent;
  outline: none !important;
  background: #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#search .input-group button i {
  color: #FFFFFF;
  font-size: 14px;
}
@media (max-width: 480px) {
  #search .input-group button i {
    font-size: 11px;
  }
}
#search #keyword {
  width: 98%;
  padding: 5px 10px;
  border: none !important;
  box-shadow: none;
  background: #00588A;
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 18px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#search #keyword::-webkit-input-placeholder {
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 18px;
  line-height: 25px;
}
#search #keyword::-moz-placeholder {
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 18px;
  line-height: 25px;
}
#search #keyword:-moz-placeholder {
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 18px;
  line-height: 25px;
}
#search #keyword:-ms-input-placeholder {
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 991px) {
  #search #keyword {
    font-size: 14px;
  }
  #search #keyword::-webkit-input-placeholder {
    color: #FFFFFF;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 25px;
  }
  #search #keyword::-moz-placeholder {
    color: #FFFFFF;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 25px;
  }
  #search #keyword:-moz-placeholder {
    color: #FFFFFF;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 25px;
  }
  #search #keyword:-ms-input-placeholder {
    color: #FFFFFF;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 25px;
  }
}

.menu-search-wrapper {
  position: relative;
}

.menu-search {
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .menu-search {
    display: none;
  }
}
.menu-search:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.menu-search i {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}

/********************************** social icon **********************************/
#social-icon ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#social-icon ul li {
  margin-left: 20px;
}
#social-icon ul li.title {
  color: #0074B6;
}
#social-icon ul li a i {
  font-size: 14px;
  color: #8A8A8A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#social-icon ul li a:hover i {
  color: #006CEF;
}

/*if social icon has hover image*/
/*#social_icon a.facebook:hover { background:url('../../global/images/facebook_hover.png') no-repeat center center; }
#social_icon a.twitter:hover { background:url('../../global/images/twitter_hover.png') no-repeat center center; }
#social_icon a.instagram:hover { background:url('../../global/images/instagram_hover.png') no-repeat center center; }
#social_icon a.youtube:hover { background:url('../../global/images/youtube_hover.png') no-repeat center center; }
#social_icon a.linkedin:hover { background:url('../../global/images/linkedin_hover.png') no-repeat center center; }*/
/********************************** language **********************************/
#language {
  float: right;
  padding: 18px 10px 0px 0px;
}
#language ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#language ul li {
  float: left;
  padding-left: 5px;
}
#language ul li a {
  text-decoration: none;
}
#language ul li a img {
  position: relative;
  bottom: 1px;
  border: 1px solid #d7d7d7;
}

/********************************** menu **********************************/
#menu {
  background: #00588A;
  position: relative;
  z-index: 99;
  padding: 12px 0;
}
#menu .menu-wrapper {
  display: flex;
  justify-content: space-between;
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul#dropmenu {
  position: relative;
}
#menu ul#dropmenu > li {
  color: #333;
  float: left;
  margin-right: 5px;
}
#menu ul#dropmenu > li > a {
  color: #FFFFFF;
  line-height: 20px;
  padding: 5px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#menu ul#dropmenu > li > a.current {
  background: #0074B6;
}
#menu ul#dropmenu > li > a:hover {
  background: #FFFFFF;
  color: #006CEF;
}
#menu ul#dropmenu > li.sfHover > a {
  background: #FFFFFF;
  color: #006CEF;
}
#menu ul#dropmenu > li:first-child > a {
  border-left: 0;
}
#menu ul li a:hover {
  text-decoration: none;
}
#menu ul ul {
  display: none;
  box-shadow: none;
  left: 0;
  position: absolute;
  top: 140%;
  z-index: 99;
  min-width: 150px;
  padding: 5px 0;
  background: #0074B6;
}
#menu ul ul ul {
  left: 103%;
  top: -5px;
}
#menu ul ul li a {
  background: #0074B6;
  color: #FFFFFF;
  max-width: 250px;
  padding: 10px 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#menu ul ul li a:hover {
  color: #fff;
  padding-left: 35px;
}
#menu ul ul li a:hover:before {
  left: 20px;
  opacity: 1;
  visibility: visible;
}
#menu ul ul li a:before {
  position: absolute;
  top: 10px;
  left: 0;
  content: '\f105';
  font-family: 'fontAwesome';
  font-size: 12px;
  line-height: inherit;
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#menu ul ul li.sfHover > a:before {
  left: 20px;
  opacity: 1;
  visibility: visible;
}
#menu li {
  position: relative;
  white-space: nowrap;
}
#menu li a {
  padding: 6px 30px 6px 20px;
  text-decoration: none;
}
#menu a {
  display: block;
  position: relative;
}
#menu .sf-arrows li > .sf-with-ul:after {
  display: none;
}
#menu .sf-arrows ul li a.sf-with-ul:after {
  border-top-color: transparent !important;
  border-left-color: rgba(255, 255, 255, 0.6);
}
#menu .sf-arrows ul li a.sf-with-ul:hover:after {
  border-left-color: rgba(255, 255, 255, 0.9);
}
#menu .li-mega {
  position: static;
}
#menu .sf-mega {
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 99;
  position: absolute;
  padding: 15px;
  background: #8D7D73;
  color: #FFF;
}
#menu .sf-mega-section {
  float: left;
  margin: 6px;
  padding: 10px;
  width: 208px;
  text-align: center;
}
#menu .sf-mega-section h2 {
  font-size: 16px;
  margin-bottom: 0;
  background: #87776e;
  -moz-box-shadow: inset 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: inset 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
#menu .sf-mega-section h2 a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#menu .sf-mega-section h2 a:hover {
  color: #645b56;
}
#menu .sf-mega-section ul {
  display: block;
  position: relative;
}
#menu .sf-mega-section ul li a {
  border-right: 0;
  background: #5b4536;
  border-bottom: 1px solid #736760;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#menu .sf-mega-section ul li a:hover {
  background: #a7958a;
  color: #5b4536;
}
#menu .sf-mega hr {
  border: 0;
}

/*sub level*/
/*mega menu*/
/*responsive menu*/
#responsive-menu li a {
  font: 16px/1.5 "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
#responsive-menu .sf-arrows li > .sf-with-ul:after {
  border-top-color: transparent;
}
#responsive-menu .sf-arrows li > .sf-with-ul:hover:after {
  border-top-color: transparent;
}
#responsive-menu .sf-arrows ul li a.sf-with-ul:after {
  border-top-color: transparent !important;
  border-left-color: transparent;
}
#responsive-menu .sf-arrows ul li a.sf-with-ul:hover:after {
  border-left-color: transparent;
}

/********************************** banner **********************************/
#banner {
  background: #ffffff;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}
#banner .slide .img {
  width: 100%;
  padding-top: 33%;
  position: relative;
}
#banner .banner-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 480px) {
  #banner .banner-text {
    display: none;
  }
}
#banner .banner-text .container {
  height: 100%;
}
#banner .banner-text .container .inner-text {
  width: 35%;
  height: 100%;
  padding-top: 50px;
  padding-right: 30px;
}
@media (max-width: 1200px) {
  #banner .banner-text .container .inner-text {
    padding-top: 22px;
  }
}
#banner .banner-text .container .inner-text:before {
  content: '';
  background: rgba(0, 50, 87, 0.7);
  width: 42%;
  height: 100%;
  position: absolute;
  background-size: 100%;
  top: 0;
  left: 0;
}
#banner .banner-text .container .inner-text .banner-title {
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
  line-height: 45px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  #banner .banner-text .container .inner-text .banner-title {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  #banner .banner-text .container .inner-text .banner-title {
    font-size: 21px;
    min-height: 135px;
  }
}
#banner .banner-text .container .inner-text .banner-caption {
  display: block;
  color: #FFFFFF;
  position: relative;
  line-height: 30px;
  padding-left: 25px;
  margin-left: 10px;
  margin-bottom: 50px;
  border-left: 1px solid #FFFFFF;
}
#banner .banner-text .container .inner-text .banner-links {
  position: relative;
}
#banner .banner-text .container .inner-text .banner-links a {
  color: #FFFFFF;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #FFFFFF;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#banner .banner-text .container .inner-text .banner-links a:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}
#banner .slick-dots {
  margin-bottom: 20px;
  width: auto;
  right: 20px;
  bottom: inherit;
}
#banner .slick-dots li {
  width: 10px;
  height: 10px;
  display: block;
  margin: 5px;
}
#banner .slick-dots li.slick-active {
  background: none;
}
#banner .slick-dots li.slick-active button:before {
  content: '';
  background: #ff6600;
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: #8bcc00;
}
#banner .slick-dots li button {
  background: none;
  width: 10px;
  height: 10px;
  padding: inherit;
  font-size: inherit;
}
#banner .slick-dots li button:before {
  content: '';
  background: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: 1px solid #8bcc00;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 10px;
  height: 10px;
}
#banner .banner-arrows {
  position: absolute;
  bottom: 40px;
  left: 30%;
}
@media (max-width: 480px) {
  #banner .banner-arrows {
    display: none;
  }
}
#banner .slick-arrow {
  z-index: 1;
  width: 34px;
  height: 34px;
  background: transparent;
  color: #FFFFFF;
  text-align: center;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
  border: 1px solid #FFFFFF;
}
#banner .slick-arrow:before {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
  font-family: 'fontAwesome';
  font-size: 15px;
  line-height: 32px;
}
#banner .slick-arrow:hover {
  background: #FFFFFF;
}
#banner .slick-arrow:hover:before {
  color: rgba(0, 50, 87, 0.7);
}
#banner .slick-arrow.slick-prev {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  display: inline-block !important;
  transform: none;
}
#banner .slick-arrow.slick-prev:before {
  content: '\f104';
  opacity: 1;
}
#banner .slick-arrow.slick-next {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  display: inline-block !important;
  transform: none;
}
#banner .slick-arrow.slick-next:before {
  content: '\f105';
  opacity: 1;
}

#banner_inner {
  width: 100%;
  height: auto;
  background: #FFF;
}
#banner_inner img {
  width: 100%;
  height: auto;
}

/* thumbnails */
/*#banner .br-thumbnails li { background-color:#FFF; border-color:#FFF }
#banner .br-thumbnails li:hover { background-color:#EEE }
#banner .br-thumbnails li.br-curr { background-color:#ed373a; border-color:#ed373a }*/
/* full width banner height */
/*#banner .br-stage { height:300px !important }
#banner .banner-rotator { width:auto !important; height:300px !important }
#banner .banner-rotator img { width:auto !important; height:auto !important; top:0 !important;  }*/
/********************************** breadcrumb **********************************/
#breadcrumb .breadcrumb {
  display: block;
  padding: 0;
  background: none;
  margin-bottom: 15px;
  color: #58595B;
  text-transform: uppercase;
}
#breadcrumb .breadcrumb > li + li:before {
  content: '\f0da';
  font-family: 'fontAwesome';
  color: #58595B;
  padding: 0 10px;
}
#breadcrumb a {
  color: #58595B;
  text-decoration: none;
}

/*#breadcrumb .crumb { float:left; line-height:18px; padding:0 5px; font-weight:bold; color:#112c6a; }
#breadcrumb .crumb img { position:relative; top:2px; }
#breadcrumb .crumb a { background:url('../images/arrow.png') no-repeat right center; padding:0 18px 0 0; color:#333; text-decoration:none; }
#breadcrumb .crumb a:hover { color:#18bbff; text-decoration:underline; }
#breadcrumb .first { padding:0 5px 0 0 !important; color:#333 !important; }*/
/********************************** sidemenu **********************************/
#side_menu h2 {
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  color: #444;
}
#side_menu h2 a {
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  color: #444;
}
#side_menu h2 a:hover {
  color: #000;
}
#side_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#side_menu ul li {
  margin-bottom: 10px;
}
#side_menu ul li a {
  color: #00588A;
  text-decoration: none;
  border: 1px solid #E7E7E7;
  background: #F9F9F9;
  width: 100%;
  display: block;
  padding: 15px 25px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#side_menu ul li a:after {
  content: '\f054';
  font-family: 'fontAwesome';
  color: #00588A;
  font-size: 12px;
  float: right;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#side_menu ul li a:hover, #side_menu ul li a.visiting {
  color: #006CEF;
}
#side_menu ul li a:hover:after, #side_menu ul li a.visiting:after {
  color: #006CEF;
}
#side_menu ul li ul {
  margin: 25px 0;
}
#side_menu ul li ul li:first-child a {
  padding-top: 0;
}
#side_menu ul li ul li a {
  padding: 15px 25px 0;
  background: transparent;
  border: none;
  color: #000000;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#side_menu ul li ul li a:after {
  display: none;
}

/********************************** ads **********************************/
#ads {
  margin-bottom: 20px;
}
#ads ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#ads ul li {
  margin-top: 15px;
}
#ads ul li:first-child {
  margin-top: 0;
}
#ads a {
  display: block;
}

/********************************** newsletter **********************************/
#newsletter_button {
  cursor: pointer;
}

#newsletter {
  line-height: 23px;
}
#newsletter a#btn {
  float: right;
}
#newsletter > #newsletterfooterbox {
  position: relative;
  border: 1px solid #ddd8d8;
  padding: 3px 0;
}
#newsletter > #newsletterfooterbox .fa {
  line-height: 23px;
  position: absolute;
  left: 8px;
  top: 3px;
}
#newsletter > #newsletterfooterbox input[type=email] {
  border: none;
  outline: 0;
  width: 100%;
  padding-left: 25px;
}
#newsletter #newsletterbtn, #newsletter #newsletterformbtn {
  height: auto;
  border: none;
  cursor: pointer;
  outline: 0;
  background: #e21f25;
  color: #fff;
  float: right;
  padding: 5px 10px;
  border-radius: 3px;
  font-family: 'gotham_boldregular';
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 24px;
  width: auto;
}
#newsletter #newsletterbtn:hover, #newsletter #newsletterformbtn:hover {
  background: #E14B4F;
}
#newsletter #newsletterformbtn {
  float: none;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  padding: 0 20px;
  border-radius: 0;
}
#newsletter .morph-button-fixed {
  width: 74px;
  height: 34px;
}
#newsletter .morph-button-fixed .morph-content {
  width: 74px;
  height: 34px;
}
#newsletter .morph-button {
  margin-top: 10px;
  padding: 0;
  float: right;
  width: auto;
}
#newsletter .morph-button h2 {
  font-size: 30px;
  color: inherit;
  padding-top: 40px;
}
#newsletter .morph-button h2 .field-icon .fa {
  line-height: 42px;
}
#newsletter .morph-button .close-morphing {
  font-size: 16px;
  right: 3px;
  top: 3px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.smart-forms .section {
  margin-bottom: 10px;
}
.smart-forms .button.newsletter {
  color: #00588A;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #00588A;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.smart-forms .button.newsletter:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}
.smart-forms input:checked + .checkbox, .smart-forms input:checked + .radio {
  border: 3px solid #112C6A;
}

#footer-bottom {
  text-align: center;
  line-height: 40px;
}

#newsletter-form-wrapper {
  background: white;
  padding: 35px 30px 25px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
}
#newsletter-form-wrapper .newsletter-form-maintitle {
  color: #000000;
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom: 3px;
}
#newsletter-form-wrapper .newsletter-form-title {
  color: #000000;
  margin-bottom: 20px;
}
#newsletter-form-wrapper .newsletter-form-title span {
  color: #00588A;
  text-transform: uppercase;
}

#newsletter-form-inline .smart-forms .append-icon .field-icon, #newsletter-form-inline .smart-forms .prepend-icon .field-icon {
  height: 33px;
  line-height: 33px;
}
#newsletter-form-inline .smart-forms .gui-input {
  height: 33px;
}
#newsletter-form-inline .form-newsletter-email {
  padding-right: 5px;
}
#newsletter-form-inline .form-newsletter-submit {
  padding-left: 5px;
}

/********************************** news **********************************/
#news_mini {
  margin-bottom: 20px;
}
#news_mini ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#news_mini ul li {
  border-bottom: 1px solid #CCC;
  padding-top: 10px;
  margin-top: 5px;
  padding-bottom: 15px;
}
#news_mini ul li:first-child {
  border-top: 0;
  padding-top: 0;
}
#news_mini .content_left {
  float: left;
  padding-top: 1px;
}
#news_mini .content_right {
  margin-left: 130px;
}
#news_mini .view {
  float: right;
  font-size: 12px;
  padding-bottom: 10px;
}
#news_mini .view_all {
  padding-top: 10px;
}
#news_mini a {
  text-decoration: none;
  display: block;
}
#news_mini a:hover {
  text-decoration: underline;
}
#news_mini h3 a {
  color: #333;
  line-height: 18px;
}
#news_mini .day {
  background: #18bbff;
  width: 98px;
  height: 77px;
  font-size: 38px;
  font-weight: bold;
  color: #FFF;
  line-height: 75px;
  text-align: center;
}
#news_mini .month {
  background: #EEE;
  border: 1px solid #CCC;
  width: 98px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
  text-align: center;
}

/* news swiper */
/*#news_swiper { height:200px; width:298px; padding:0 !important; position:relative; }
#news_swiper h2 { padding:10px; margin-bottom:0;  border-bottom:1px solid #CCC; }
#news_swiper ul { margin:0; padding:0; list-style:none }
#news_swiper ul li {padding-top:5px; margin-top:5px; }
#news_swiper ul li:first-child { border-top:0; }
#news_swiper .content_left { float:left; padding:10px 0 10px 10px; }
#news_swiper .content_right { float:right; width:74%; padding:7px; }
#news_swiper .view { float:right; font-size:11px; }
#news_swiper a { text-decoration:none }
#news_swiper a:hover { text-decoration:underline }
#news_swiper h3 a { color:#333 }
#news_swiper .day { background:#18bbff; width:50px; height:40px; font-size:28px; font-weight:bold; color:#FFF; line-height:40px; text-align:center; }
#news_swiper .month { background:#EEE; border:1px solid #CCC; width:48px; line-height:16px; font-size:10px; font-weight:bold; color:#555; text-align:center; }*/
/* news swiper horizontal */
/*#news_mini_horizontal .swiper-container { height:100px; width:100%; }
#news_mini_horizontal { overflow:hidden; position:relative; }
#news_mini_horizontal .last {}
#news_mini_horizontal h2 { font-size:20pt; color:#000; text-align:center; font-weight:normal; margin:30px 0; }
#news_mini_horizontal .news_description_mini .news_box, .news_description .news_box { background:url('../images/date_bg.png'); width:64px; height:59px }
#news_mini_horizontal a.previous_button { background:url('../images/previous_arrow.png'); display:block; width:45px; height:45px; left:0; top:24px; position:absolute; }
#news_mini_horizontal a.next_button { background:url('../images/next_arrow.png'); display:block; width:45px; height:45px; right:0; top:24px; position:absolute; }
#news_mini_horizontal a.previous_button:hover { background:url('../images/previous_arrow_hover.png') }
#news_mini_horizontal a.next_button:hover { background:url('../images/next_arrow_hover.png') }
#news_mini_horizontal .news_description_mini { background:#ccc; width:430px; padding:15px; margin:0 8px; float:left; border-radius:5px }
#news_mini_horizontal .news_description_mini table { width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; }
#news_mini_horizontal .news_description_mini table tr td { vertical-align:middle; }
#news_mini_horizontal .news_description_mini table tr td .day { font-size:34px; font-weight:bold; color:#4C4C4C; line-height:30px; text-align:center; padding-top:9px }
#news_mini_horizontal .news_description_mini table tr td .month { line-height:15px; font-size:14px; font-weight:bold; color:#808080; text-align:center; }
#news_mini_horizontal .news_description_mini table tr td .date { display:block; line-height:16px; font-size:11px; font-weight:bold; color:#999; }
#news_mini_horizontal .news_description_mini table tr td a { color:#0E8EAB; text-decoration:none; font-weight:bold; }
#news_mini_horizontal .news_description_mini table tr td a.title { color:#112C6A; text-decoration:none; font-size:12pt; font-weight:bold; }
#news_mini_horizontal .news_description_mini table tr td h3 { margin:0 10px 5px !important; margin-left:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; }
#news_mini_horizontal .news_description_mini table tr td p { color:#444; font-size:10pt; font-weight:lighter; margin-left:10px; margin-bottom:0; line-height:1.3 }*/
/* news list */
#news ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#news ul li {
  border-bottom: 1px solid #CCC;
  padding-top: 5px;
  margin-top: 10px;
}
#news .content_left {
  float: left;
  padding-top: 2px;
}
#news .content_right {
  margin-left: 130px;
}
#news .view {
  float: left;
  padding: 5px 10px;
  border: 1px solid #ebebeb;
  font-size: 12px;
  margin-bottom: 10px;
}
#news .link {
  text-decoration: none;
  font-weight: bold;
}
#news .link:hover {
  text-decoration: none;
  background-color: #006CEF;
  color: #fff;
}
#news a {
  text-decoration: none;
}
#news h3 a {
  color: #333;
  font-size: 20px;
}
#news h3 a:hover {
  color: #006CEF;
  text-decoration: none;
}
#news .day {
  background: #006CEF;
  width: 98px;
  height: 77px;
  font-size: 38px;
  font-weight: bold;
  color: #FFF;
  line-height: 75px;
  text-align: center;
}
#news .month {
  background: #EEE;
  border: 1px solid #CCC;
  width: 98px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
  text-align: center;
}

/********************************** event **********************************/
/* event calender */
#event_calender {
  margin-bottom: 20px;
}
#event_calender p {
  margin-bottom: 0;
  font-size: 14px;
}
#event ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#event ul li {
  border-bottom: 1px solid #CCC;
  padding-top: 5px;
  margin-top: 10px;
  padding-bottom: 15px;
}
#event .content_left {
  float: left;
  padding-top: 2px;
}
#event .content_left > a img {
  width: 100%;
}
#event .content_right {
  margin-left: 130px;
}
#event .view {
  float: left;
  padding: 5px 10px;
  border: 1px solid #ebebeb;
  font-size: 12px;
  margin-bottom: 10px;
}
#event .link {
  text-decoration: none;
  font-weight: bold;
}
#event .link:hover {
  text-decoration: none;
  background-color: #006CEF;
  color: #fff;
}
#event a {
  text-decoration: none;
}
#event a:hover {
  text-decoration: underline;
}
#event h3 a {
  color: #333;
  font-size: 20px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#event h3 a:hover {
  color: #006CEF;
  text-decoration: none;
}
#event .day {
  background: #006CEF;
  width: 98px;
  height: 77px;
  font-size: 38px;
  font-weight: bold;
  color: #FFF;
  line-height: 75px;
  text-align: center;
}
#event .month {
  background: #EEE;
  border: 1px solid #CCC;
  width: 98px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
  text-align: center;
}

/* event list */
/********************************** gallery **********************************/
/* gallery list */
#gallery ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#gallery ul li {
  border-bottom: 1px solid #CCC;
  padding: 10px 0;
}
#gallery ul li:first-child {
  padding-top: 0;
}
#gallery .content_left {
  float: left;
  width: 160px;
}
#gallery .content_left a {
  display: block;
}
#gallery .content_left img {
  margin: 0 auto;
}
#gallery .content_right {
  margin-left: 170px;
  position: relative;
  min-height: 135px;
}
#gallery .view {
  float: left;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #ebebeb;
  margin-bottom: 10px;
  text-decoration: none;
}
#gallery .view:hover {
  text-decoration: underline;
}
#gallery .link {
  text-decoration: none;
  font-weight: bold;
}
#gallery .link:hover {
  text-decoration: none;
  background-color: #006CEF;
  color: #fff;
}
#gallery h3 a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#gallery h3 a:hover {
  color: #006CEF;
}
#gallery .imgFrame {
  border: 1px solid #CCC;
  padding: 4px;
  background: #FFF;
  position: relative;
  z-index: 2;
  display: block;
}
#gallery .imgFrame:hover {
  border: 1px solid #AAA;
}

/* gallery view */
ul.gallery_view {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
}
ul.gallery_view li {
  padding: 0 5px;
  margin-bottom: 10px;
}
ul.gallery_view li a {
  position: relative;
  display: block;
  overflow: hidden;
}
ul.gallery_view li .imgFrame {
  border: 2px solid #EEE;
  padding: 6px;
  background: #FFF;
  height: 160px;
  background: #f9f9f9;
}
ul.gallery_view li .imgFrame:hover {
  border: 2px solid #AAA;
  cursor: pointer;
}
ul.gallery_view li img {
  max-height: 148px;
  margin: 0 auto;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
ul.view_view {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
}
ul.view_view li {
  padding: 0 5px;
  margin-bottom: 10px;
}
ul.view_view li a {
  position: relative;
  display: block;
}
ul.view_view li .vidFrame {
  border: 2px solid #EEE;
  padding: 6px;
  background: #FFF;
  height: 160px;
  background: #f9f9f9;
}
ul.view_view li .vidFrame:hover {
  border: 2px solid #AAA;
  cursor: pointer;
}
ul.view_view li img {
  max-height: 148px;
  margin: 0 auto;
}
ul.social_share {
  padding: 0;
  list-style: none;
  margin: 0;
  float: left;
}
ul.social_share li {
  float: left;
  width: 100px;
}

/********************************** video **********************************/
#video ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#video ul li {
  border-bottom: 1px solid #CCC;
  padding: 10px 0;
}
#video ul li:first-child {
  padding-top: 0;
}
#video .content_left {
  float: left;
  width: 160px;
}
#video .content_left a {
  display: block;
}
#video .content_left img {
  margin: 0 auto;
}
#video .content_right {
  margin-left: 170px;
  position: relative;
  min-height: 110px;
}
#video .view {
  float: left;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #ebebeb;
  margin-bottom: 10px;
  text-decoration: none;
  position: absolute;
  bottom: 0;
}
#video .view:hover {
  color: #333;
  text-decoration: none;
}
#video .link {
  text-decoration: none;
  font-weight: bold;
}
#video .link:hover {
  text-decoration: none;
  background-color: #006CEF;
  color: #fff;
}
#video h3 a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#video h3 a:hover {
  color: #006CEF;
}
#video .imgFrame {
  border: 1px solid #CCC;
  padding: 4px;
  background: #FFF;
  position: relative;
  z-index: 2;
  display: block;
}
#video .imgFrame:hover {
  border: 1px solid #AAA;
}

/* video view */
.video_view {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
}
.video_view li {
  padding: 0 5px;
  margin-bottom: 10px;
}
.video_view li a {
  position: relative;
  display: block;
}
.video_view li .vidFrame {
  border: 2px solid #EEE;
  padding: 6px;
  background: #FFF;
  height: 190px;
  background: #f9f9f9;
}
.video_view li .vidFrame:hover {
  border: 2px solid #AAA;
  cursor: pointer;
}
.video_view li h5 {
  margin: 10px 0;
  text-align: center;
}
.video_view li img {
  max-height: 148px;
  margin: 0 auto;
}

/********************************** contact_box **********************************/
table#newsletter_box {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table#newsletter_box tr td {
  line-height: 22px;
  padding: 2px 3px 2px 0;
  vertical-align: middle;
}
table#newsletter_box tr td.btn {
  text-align: right;
  line-height: 18px;
}
table#newsletter_box tr td input[type='radio'] {
  position: relative;
  top: 1px;
}
table#newsletter_box tr td input[type='text'] {
  width: 97%;
}
table#newsletter_box tr td input[type="submit"] {
  background: url("../images/submit.png") no-repeat;
  border: 0;
  width: 69px;
  height: 23px;
  cursor: pointer;
}
table#contact_box {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table#contact_box tr td {
  line-height: 22px;
  padding: 2px 3px 2px 0;
  vertical-align: top;
}
table#contact_box tr td input[type='text'] {
  width: 99%;
}
table#contact_box tr td input#txtCode {
  width: 100px;
}
table#contact_box tr td textarea {
  width: 99%;
}
table#comment_box {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table#comment_box tr td {
  line-height: 22px;
  padding: 2px 3px 2px 0;
  vertical-align: top;
}
table#comment_box tr td input[type='text'] {
  width: 99%;
}
table#comment_box tr td textarea {
  width: 99%;
}
table#comment_box #txtCommentCode {
  width: 100px;
}

.smart-forms .refresh-captcha {
  right: -19px !important;
}
.smart-forms .refresh-captcha i {
  left: 21% !important;
}

/********************************** comment_box **********************************/
/********************************** comment_section **********************************/
.comment_section {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px;
  background: #f2f2f2;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin-bottom: 10px;
}
.comment_section h3 {
  margin-bottom: 3px;
  color: #112C6A;
}
.comment_section p {
  margin-bottom: 3px;
}
.comment_section .date {
  color: #45484d;
  font-size: 12px;
  font-weight: normal;
}
.comment_section:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 9px 12px 9px 0;
  border-color: transparent #f2f2f2;
  display: block;
  width: 0;
  z-index: 1;
  left: -12px;
  top: 13px;
}

/********************************** search result **********************************/
#search_result ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#search_result ul li {
  margin-top: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}
#search_result p.search {
  font-size: 12px;
}
#search_result .view {
  float: right;
  font-size: 12px;
}

h2.search_title {
  color: #0E8EAB;
}

h3.search {
  margin: 0 0 3px;
}
h3.search a {
  color: #333;
  text-decoration: none;
}
h3.search a:hover {
  text-decoration: underline;
}

p.search {
  margin: 0 0 3px;
}

hr.hr1 {
  width: 100%;
  border: none;
  height: 1px;
  margin: 10px 0 10px;
}

/********************************** sitemap **********************************/
div#sitemap a {
  display: block;
  color: #333;
  text-decoration: none;
}
div#sitemap a:hover {
  text-decoration: underline;
}
div#sitemap a.main {
  font-weight: bold;
  margin: 10px 0 0;
}
div#sitemap a.sub {
  background: url("../../global/images/icons/blt_grey.gif") 0 center no-repeat;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}
div#sitemap a.subsub {
  background: url("../../global/images/icons/blt_grey.gif") 0 center no-repeat;
  padding: 0 0 0 10px;
  margin: 0 0 0 30px;
}

/********************************** footer **********************************/
#footer {
  font-size: 11px;
  text-align: center;
}
#footer a {
  text-decoration: none;
}
#footer .copyright, #footer .uno {
  display: inline;
}
#footer .footer-extra {
  margin-bottom: 40px;
}
#footer .footer-extra .footer-extra-links {
  display: flex;
  flex-wrap: wrap;
}
#footer .footer-extra .footer-extra-links .footer-extra-link {
  flex: 1;
  border: 1px solid #E7E7E7;
  border-left: none;
  background: #F9F9F9;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 480px) {
  #footer .footer-extra .footer-extra-links .footer-extra-link {
    border-left: 1px solid #E7E7E7;
    min-width: 50%;
  }
}
#footer .footer-extra .footer-extra-links .footer-extra-link:first-child {
  border-left: 1px solid #E7E7E7;
}
#footer .footer-extra .footer-extra-links .footer-extra-link a {
  padding: 30px 10px;
  display: block;
  text-decoration: none !important;
}
#footer .footer-extra .footer-extra-links .footer-extra-link:hover {
  text-decoration: none;
  background: #006CEF;
  border-color: #006CEF;
}
#footer .footer-extra .footer-extra-links .footer-extra-link:hover .footer-extra-link-image img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
#footer .footer-extra .footer-extra-links .footer-extra-link:hover .footer-extra-link-text {
  color: #FFFFFF;
  text-decoration: none !important;
}
#footer .footer-extra .footer-extra-links .footer-extra-link .footer-extra-link-image {
  display: block;
}
#footer .footer-extra .footer-extra-links .footer-extra-link .footer-extra-link-image img {
  max-width: 50px !important;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#footer .footer-extra .footer-extra-links .footer-extra-link .footer-extra-link-text {
  display: block;
  color: #0074B6;
  margin-top: 5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#footer .footer-main .footer-main-top {
  border-top: 3px solid #F9F9F9;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 991px) {
  #footer .footer-main .footer-main-top {
    display: block;
  }
}
#footer .footer-main .footer-main-top .footer-main-menu ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  #footer .footer-main .footer-main-top .footer-main-menu ul {
    justify-content: space-evenly;
  }
}
#footer .footer-main .footer-main-top .footer-main-menu ul li {
  margin-right: 20px;
  color: #0074B6;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 480px) {
  #footer .footer-main .footer-main-top .footer-main-menu ul li {
    margin-bottom: 5px;
  }
}
#footer .footer-main .footer-main-top .footer-main-menu ul li:hover {
  color: #006CEF;
}
#footer .footer-main .footer-main-top .footer-main-menu ul li:hover a {
  color: #006CEF;
}
#footer .footer-main .footer-main-top .footer-main-menu ul li a {
  color: #0074B6;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 991px) {
  #footer .footer-main .footer-main-top .footer-main-socialmedia #social-icon ul {
    justify-content: center;
    margin: 15px 0 0;
  }
}
#footer .footer-main .footer-main-bottom {
  color: #58595B;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  #footer .footer-main .footer-main-bottom {
    text-align: center;
  }
}
#footer .footer-main .footer-main-bottom a {
  color: #58595B;
}
#footer .footer-main .footer-main-bestview {
  color: #58595B;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 0;
  border-top: 1px solid #E7E7E7;
}

/********************************** social_share **********************************/
/********************************** printing **********************************/
a {
  color: #00588A;
}
a.back {
  color: #00588A;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #00588A;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
a.back:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}
a.link {
  color: #00588A;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #00588A;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
a.link:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}
a.print {
  display: block;
  background: url("../../global/images/icons/printer.png") no-repeat right;
  padding: 2px 23px;
  position: relative;
  float: right;
  text-align: right;
  /*width:30%;*/
  color: #0E8EAB;
  text-decoration: none;
  line-height: 16px;
}
a.print:hover {
  text-decoration: underline;
}

/********************************** paging **********************************/
.navigate {
  margin: 10px 0;
}

.pagination > li a, .pagination > li > span {
  color: #00588A;
  border-radius: 0 !important;
}
.pagination > .active > a, .pagination > .active > span {
  background-color: #00588A;
  border-color: #00588A;
  border-radius: 0 !important;
}
.pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
  background-color: #00588A;
  border-color: #00588A;
}

/*.navigate { text-align:left; padding:5px 0 5px 0; font-size:10px; }
.navigate a { color:#0E8EAB; margin:0 5px 0 0; padding:3px 6px; text-decoration:none }
.navigate a:hover { text-decoration:underline }
.navigate a.number { border:1px solid #ccc; background:#FFF }
.navigate a.current { background:#ccc; border:1px solid #ccc; color:#fff; }
.navigate a.current:hover { text-decoration: underline; }*/
/********************************** input validation **********************************/
label.error {
  background: url("../../global/images/icons/exclamation.png") no-repeat left center;
  display: block;
  font-size: 11px;
  color: #e84227;
  margin-top: 3px;
  margin-bottom: 5px;
  padding-left: 20px;
  line-height: 16px;
}

input.error, select.error, textarea.error {
  padding: 2px;
  background: #FFFBCF !important;
  border: 1px solid #FFCC33 !important;
}

.success {
  background: #d5ffce url("../images/icons/tick_circle.png");
  border-color: #9adf8f;
  color: #556652;
}

.error {
  background: #ffcece url("../images/icons/cross_circle.png");
  border-color: #df8f8f;
  color: #665252;
}

.attention {
  background: #fffbcc url("../images/icons/exclamation.png") 10px 11px no-repeat;
  border-color: #e6db55;
  color: #666452;
}

.notification {
  position: relative;
  margin-bottom: 10px;
  padding: 0;
  border: 1px solid;
  background-position: 10px 11px !important;
  background-repeat: no-repeat !important;
  font-size: 13px;
  width: 99.8%;
  border-radius: 6px;
}
.notification div {
  display: block;
  font-style: normal;
  padding: 10px 10px 10px 36px;
  line-height: 1.5em;
}
.notification .close {
  color: #990000;
  font-size: 9px;
  position: absolute;
  right: 5px;
  top: 5px;
}

/********************************** 404 **********************************/
#error_404 {
  line-height: 30px;
  color: #990000;
  border: 1px solid #990000;
  background-color: #FFECEC;
  position: relative;
  z-index: 10;
  margin: 10px 0;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-box-shadow: #c8c8c8 0 1px 5px;
  -webkit-box-shadow: #c8c8c8 0 1px 5px;
  box-shadow: #c8c8c8 0 1px 5px;
}
#error_404 h2 {
  font-size: 24px;
  margin: 0;
}

/********************************** class **********************************/
.clear {
  clear: both;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.center, .ctr {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.small {
  font-size: 10px !important;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.red {
  color: #DF0101 !important;
}

.red_light {
  color: #FF9494 !important;
}

.green {
  color: #088A08 !important;
}

.green_light {
  color: #30FB26 !important;
}

.blue {
  color: #0431B4 !important;
}

.orange {
  color: #DBA901 !important;
}

.pointer {
  cursor: pointer;
}

.sort, .move {
  cursor: move;
}

.margin_vertical_small {
  margin: 5px 0;
}

.margin_top_none {
  margin-top: 0;
}

.margin_bottom_none {
  margin-bottom: 0;
}

.margin_right_none {
  margin-right: 0;
}

.margin_left_none {
  margin-left: 0;
}

.margin-top-5 {
  margin-top: 5px;
}

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

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-left-5 {
  margin-left: 5px;
}

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

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

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

.margin-left-10 {
  margin-left: 10px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-left-20 {
  margin-left: 20px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-top-10 {
  padding-top: 10px;
}

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

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-right-15 {
  padding-right: 15px;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-left-15 {
  padding-left: 15px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-left-20 {
  padding-left: 20px;
}

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

.sort_asc {
  background: url("../../global/images/icons/s_asc.png") right center no-repeat;
  padding-right: 20px;
}

.sort_desc {
  background: url("../../global/images/icons/s_desc.png") right center no-repeat;
  padding-right: 20px;
}

.excel_icon {
  background: url("../../global/images/icons/document-excel.png") left center no-repeat;
  padding-left: 20px;
  line-height: 16px;
  float: right;
  margin-bottom: 10px;
}

hr.grey {
  width: 100%;
  height: 1px;
  border: 0;
  background: #CCC;
  margin: 5px 0;
}

.hidden, .none {
  display: none;
}

.block {
  display: block;
}

.full-height {
  height: 100%;
}

/********************************** security code **********************************/
.smart-forms .captcode img {
  vertical-align: top;
}

#contactform .smart-forms .refresh-captcha, #commentform .smart-forms .refresh-captcha {
  right: -17px !important;
  background: #aaa !important;
  border-color: #dedede !important;
}

#imgCaptcha, #imgCaptcha02, .imgCaptcha {
  color: #AAAAAA;
  font-size: 14px;
  font-weight: normal;
}

.generateCaptcha a {
  cursor: pointer;
  padding: 0 !important;
  border: none !important;
}

#generateCaptcha a, #generateCaptcha02 a {
  cursor: pointer;
  padding: 0 !important;
  border: none !important;
}

/********************************** content **********************************/
.inner #content_left > div {
  padding: 15px;
}

.innerpage-banner {
  position: relative;
}
@media (max-width: 991px) {
  .innerpage-banner {
    padding-top: 25% !important;
  }
}
@media (max-width: 480px) {
  .innerpage-banner {
    padding-top: 50% !important;
  }
}
.innerpage-banner .innerpage-title-wrapper {
  position: absolute;
  width: 100%;
  bottom: 30px;
}
.innerpage-banner .innerpage-title-wrapper .innerpage-title {
  color: #FFFFFF;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .container {
    width: 1144px;
  }
}
h1.title, h2.title {
  font-size: 18px;
  color: #333;
  line-height: 24px;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 10px;
}
h1.title_mini a, h2.title_mini a {
  text-decoration: none;
}

#content {
  margin-bottom: 20px;
}
#content_left {
  padding: 0;
}
#content_left > div {
  word-wrap: break-word;
}
#content_right > div {
  padding-right: 0;
  background: #fff;
  padding: 10px;
  margin: 0 0 20px;
  overflow: hidden;
  border: 1px solid #eeeeee;
  -moz-box-shadow: 0 10px 6px -6px #777;
  -webkit-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
}
#content_right h1.title_mini, #content_right h2.title_mini {
  margin: -10px -10px 10px;
  font-size: 18px;
  color: #112c6a;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  background: linear-gradient(to bottom, #f2f2f2 0%, #ededed 50%, #d6d6d6 51%, #efefef 100%);
  background: linear-gradient(to bottom, #f2f2f2 0%, #ededed 50%, #d6d6d6 51%, #efefef 100%);
}

.inner #content_left > div {
  padding: 15px;
}

.ckeditor-content img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}
.ckeditor-content embed, .ckeditor-content object, .ckeditor-content iframe {
  min-height: 300px;
  max-width: 100%;
}

.mfp-video-page .mfp-content > div + div {
  max-width: 900px;
  margin: 20px auto 0;
  background: #fff;
  padding: 15px;
  width: 100%;
  position: absolute;
}
.mfp-video-page .mfp-content > div + div p {
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  text-align: left;
}
.mfp-video-page .mfp-content > div + div h5 {
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
}

/********************************** template **********************************/
.tout {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.tout .tout-content {
  padding: 20px;
}

/***************************** HOMEPAGE CMS ************************************/
@media (min-width: 992px) {
  .container2 {
    width: 965px;
  }
}

.home-cms-1 {
  padding: 60px 0;
}
@media (max-width: 991px) {
  .home-cms-1 {
    padding: 45px 0;
  }
}
.home-cms-1 .home-cms-1-contentwrapper {
  display: flex;
  align-items: center;
}
.home-cms-1 .home-cms-1-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.home-cms-1 .home-cms-1-right > div {
  padding: 0 20px;
}
.home-cms-1 .home-cms-1-image {
  width: 100%;
}
.home-cms-1 .home-cms-1-title {
  color: #00588A;
  margin-bottom: 20px;
}
.home-cms-1 .home-cms-1-description {
  color: #58595B;
  line-height: 20px;
  padding-left: 55px !important;
  margin-bottom: 20px;
  position: relative;
}
.home-cms-1 .home-cms-1-description:before {
  content: '';
  background: #58595B;
  height: 60%;
  width: 1px;
  position: absolute;
  left: 28px;
  top: 20%;
}
.home-cms-1 .home-cms-1-list {
  color: #006CEF;
  margin-bottom: 25px;
}
.home-cms-1 .home-cms-1-list ul {
  margin-top: 20px;
  padding-left: 0;
  list-style: none;
}
.home-cms-1 .home-cms-1-list ul li {
  margin-bottom: 15px;
  display: inline-block;
  width: 49%;
}
.home-cms-1 .home-cms-1-list ul li:before {
  content: '\f00c';
  font-family: 'fontAwesome';
  color: #006CEF;
  font-size: 14px;
  margin-right: 15px;
}
.home-cms-1 .home-cms-1-button a {
  color: #00588A;
  background: #FFFFFF;
  padding: 10px 25px;
  border: 1px solid #00588A;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-cms-1 .home-cms-1-button a:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}

.home-cms-2 {
  padding: 85px 0 95px;
}
@media (max-width: 991px) {
  .home-cms-2 {
    padding: 60px 0 75px;
  }
}
.home-cms-2 .home-cms-2-title {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.home-cms-2 .home-cms-2-description {
  color: #FFFFFF;
  line-height: 20px;
  padding-left: 55px;
  margin-bottom: 25px;
  position: relative;
}
.home-cms-2 .home-cms-2-description:before {
  content: '';
  background: #FFFFFF;
  height: 60%;
  width: 1px;
  position: absolute;
  left: 28px;
  top: 20%;
}
.home-cms-2 .home-cms-2-button a {
  color: #FFFFFF;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #FFFFFF;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-cms-2 .home-cms-2-button a:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}

.home-cms-3 {
  padding: 60px 0;
}
@media (max-width: 991px) {
  .home-cms-3 {
    padding: 60px 0 30px;
  }
}
.home-cms-3 .home-cms-3-title {
  color: #00588A;
  margin-bottom: 40px;
  text-align: center;
}
.home-cms-3 .home-cms-3-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 480px) {
  .home-cms-3 .home-cms-3-list {
    padding: 0 15px;
  }
}
.home-cms-3 .home-cms-3-list .home-cms-3-listitem {
  width: calc(100% / 3);
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .home-cms-3 .home-cms-3-list .home-cms-3-listitem {
    width: calc(100% / 2);
  }
}
@media (max-width: 480px) {
  .home-cms-3 .home-cms-3-list .home-cms-3-listitem {
    width: 100%;
    margin-bottom: 20px;
  }
}
.home-cms-3 .home-cms-3-list .home-cms-3-listitem > div {
  display: flex;
  align-items: center;
}
.home-cms-3 .home-cms-3-list .home-cms-3-listitem > div .home-cms-3-listitem-number {
  color: #FFFFFF;
  background: #006CEF;
  text-align: center;
  min-width: 50px;
  height: 50px;
  line-height: 50px;
  position: relative;
}
.home-cms-3 .home-cms-3-list .home-cms-3-listitem > div .home-cms-3-listitem-number:before {
  content: '';
  width: 50px;
  height: 50px;
  background: #E7E7E7;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: -1;
}
.home-cms-3 .home-cms-3-list .home-cms-3-listitem > div .home-cms-3-listitem-text {
  color: #00588A;
  padding: 0 20px;
}

.home-cms-4 {
  padding: 60px 0;
}
.home-cms-4 .container > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.home-cms-4 .container > div:before, .home-cms-4 .container > div:after {
  display: none;
}
.home-cms-4 .home-cms-4-left .home-cms-4-title {
  color: #FFFFFF;
  margin-bottom: 20px;
  line-height: 45px;
}
@media (max-width: 480px) {
  .home-cms-4 .home-cms-4-left .home-cms-4-title span {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .home-cms-4 .home-cms-4-left .home-cms-4-title {
    font-size: 24px;
    line-height: 35px;
  }
}
.home-cms-4 .home-cms-4-left .home-cms-4-description {
  color: #FFFFFF;
}
.home-cms-4 .home-cms-4-right {
  align-self: flex-end;
}
@media (max-width: 480px) {
  .home-cms-4 .home-cms-4-right {
    margin-top: 40px;
  }
}
.home-cms-4 .home-cms-4-right .home-cms-4-button a {
  color: #FFFFFF;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #FFFFFF;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-cms-4 .home-cms-4-right .home-cms-4-button a:before {
  content: '\f019';
  font-family: 'fontAwesome';
  font-size: 10px;
  color: #FFFFFF;
  padding-right: 10px;
}
.home-cms-4 .home-cms-4-right .home-cms-4-button a:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}

#home-news {
  padding: 60px 0;
}
@media (max-width: 480px) {
  #home-news {
    padding: 60px 0 20px;
  }
}
#home-news .home-news-title {
  color: #00588A;
  margin-bottom: 40px;
  text-transform: uppercase;
  text-align: center;
}
#home-news .home-news-button {
  text-align: center;
}
@media (max-width: 991px) {
  #home-news .home-news-button {
    margin-top: 20px;
  }
}
#home-news .home-news-button a {
  color: #00588A;
  background: #FFFFFF;
  padding: 10px 25px;
  border: 1px solid #00588A;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#home-news .home-news-button a i {
  padding-right: 10px;
  color: #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#home-news .home-news-button a:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}
#home-news .home-news-button a:hover i {
  color: #E7E7E7;
}

.home-news-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 40px;
}
@media (max-width: 991px) {
  .home-news-list {
    margin: 0;
  }
}
.home-news-list .home-news-listitem {
  width: calc(100% / 3);
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 991px) {
  .home-news-list .home-news-listitem {
    width: calc(100% / 2);
  }
}
@media (max-width: 480px) {
  .home-news-list .home-news-listitem {
    width: 100%;
    margin-bottom: 15px;
  }
}
.home-news-list .home-news-listitem a:hover {
  text-decoration: none !important;
}
.home-news-list .home-news-listitem a:hover .home-news-listitem-text {
  background: #F9F9F9;
}
.home-news-list .home-news-listitem a:hover .home-news-listitem-text:after, .home-news-list .home-news-listitem a:hover .home-news-listitem-text .home-news-listitem-title, .home-news-list .home-news-listitem a:hover .home-news-listitem-text .home-news-listitem-description, .home-news-list .home-news-listitem a:hover .home-news-listitem-text .home-news-listitem-date {
  color: #006CEF;
}
.home-news-list .home-news-listitem a .home-news-listitem-img {
  padding: 26%;
}
.home-news-list .home-news-listitem a .home-news-listitem-text {
  padding: 20px 25px 30px;
  background: #FFFFFF;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
}
.home-news-list .home-news-listitem a .home-news-listitem-text:after {
  content: '\f061';
  font-family: 'fontAwesome';
  font-size: 10px;
  color: transparent;
  bottom: 30px;
  right: 30px;
  position: absolute;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-news-list .home-news-listitem a .home-news-listitem-text .home-news-listitem-title {
  color: #00588A;
  line-height: 25px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-news-list .home-news-listitem a .home-news-listitem-text .home-news-listitem-description {
  color: #58595B;
  line-height: 20px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-news-list .home-news-listitem a .home-news-listitem-text .home-news-listitem-date {
  color: #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-news-list .home-news-listitem a .home-news-listitem-text .home-news-listitem-date i {
  padding-right: 5px;
}

.career-introduction .career-introduction-title {
  color: #00588A;
  margin-bottom: 20px;
}
.career-introduction .career-introduction-description {
  color: #58595B;
  line-height: 25px;
  margin-bottom: 20px;
}

#career .career-table .career-table-header {
  border: 1px solid #E7E7E7;
  background: #F9F9F9;
  display: flex;
}
#career .career-table .career-table-header > div {
  color: #00588A;
  text-transform: uppercase;
  width: calc(100% / 3);
  padding: 15px 30px;
}
@media (max-width: 480px) {
  #career .career-table .career-table-header > div {
    width: auto;
    min-width: calc(100% / 2);
  }
  #career .career-table .career-table-header > div:last-child {
    display: none;
  }
}
#career .career-table .career-table-item {
  border-bottom: 1px solid #E7E7E7;
  display: flex;
  flex-wrap: wrap;
}
#career .career-table .career-table-item > div {
  color: #00588A;
  width: calc(100% / 3);
  padding: 15px 30px;
}
@media (max-width: 480px) {
  #career .career-table .career-table-item > div {
    width: auto;
    min-width: calc(100% / 2);
    flex: 1;
  }
}
#career .career-table .career-table-item > div span {
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#career .career-table .career-table-item > div span i {
  padding-right: 15px;
  color: #00588A;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#career .career-table .career-table-item > div span:hover {
  color: #006CEF;
}
#career .career-table .career-table-item > div span:hover i {
  color: #006CEF;
}
#career .career-listings {
  margin-top: 50px;
}
#career .career-listings .career-listing-item {
  margin-bottom: 40px;
  border-top: 1px solid #E7E7E7;
  padding-top: 10px;
}
#career .career-listings .career-listing-item:first-child {
  border-top: none;
}
#career .career-listings .career-listing-item .career-listing-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  #career .career-listings .career-listing-item .career-listing-top {
    display: block;
  }
}
#career .career-listings .career-listing-item .career-listing-top .career-listing-name {
  color: #0074B6;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  #career .career-listings .career-listing-item .career-listing-top .career-listing-name {
    margin-bottom: 5px;
  }
}
#career .career-listings .career-listing-item .career-listing-top .career-listing-date {
  color: #58595B;
}
#career .career-listings .career-listing-item .career-listing-top .career-listing-date span {
  color: #00588A;
}
#career .career-listings .career-listing-item .career-listing-description {
  color: #58595B;
  position: relative;
}
#career .career-listings .career-listing-item .career-listing-description .career-label, #career .career-listings .career-listing-item .career-listing-description h4 {
  color: #0074B6;
  margin-bottom: 5px;
}
#career .career-listings .career-listing-item .career-listing-description .career-text {
  color: #58595B;
  line-height: 20px;
}
#career .career-listings .career-listing-item .career-listing-description .career-listing-apply {
  position: absolute;
  bottom: 20px;
  right: 0;
}
@media (max-width: 480px) {
  #career .career-listings .career-listing-item .career-listing-description .career-listing-apply {
    position: relative;
    bottom: auto;
    margin-top: 15px;
  }
}
#career .career-listings .career-listing-item .career-listing-description .career-listing-apply a {
  color: #00588A;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #00588A;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#career .career-listings .career-listing-item .career-listing-description .career-listing-apply a:before {
  content: '\f044';
  font-family: 'fontAwesome';
  font-size: 12px;
  color: #00588A;
  padding-right: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#career .career-listings .career-listing-item .career-listing-description .career-listing-apply a:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}
#career .career-listings .career-listing-item .career-listing-description .career-listing-apply a:hover:before {
  color: #FFFFFF;
}

#career-application-form-wrapper {
  background: white;
  padding: 35px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
}
#career-application-form-wrapper #career-application-form .career-application-form-maintitle {
  color: #000000;
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom: 3px;
}
#career-application-form-wrapper #career-application-form .career-application-form-title {
  color: #000000;
  margin-bottom: 15px;
}
#career-application-form-wrapper #career-application-form .career-application-form-title span {
  color: #00588A;
  text-transform: uppercase;
}
#career-application-form-wrapper #career-application-form .smart-forms .section {
  width: 95%;
}
#career-application-form-wrapper #career-application-form .smart-forms label {
  color: #0074B6;
  margin-bottom: 3px;
}
#career-application-form-wrapper #career-application-form .smart-forms input {
  width: 100%;
  border-radius: 0;
}
#career-application-form-wrapper #career-application-form .smart-forms input[type='file'] {
  border: none;
  padding: 5px 0;
  box-shadow: none;
}
#career-application-form-wrapper #career-application-form .smart-forms #careerSubmit {
  color: #00588A;
  background: transparent;
  padding: 10px 25px;
  border: 1px solid #00588A;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#career-application-form-wrapper #career-application-form .smart-forms #careerSubmit:hover {
  color: #FFFFFF;
  border-color: #006CEF;
  background: #006CEF;
  text-decoration: none;
}

.innerpage-aboutus-wrapper .innerpage-aboutus-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-header:after {
  content: '';
  background: #A7A9Ac;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-header .innerpage-aboutus-title {
  color: #00588A;
}
@media (max-width: 320px) {
  .innerpage-aboutus-wrapper .innerpage-aboutus-header .innerpage-aboutus-img {
    display: none;
  }
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-banner {
  margin-bottom: 25px;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-banner img {
  width: 100%;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-maindesc {
  color: #000000;
  margin-bottom: 20px;
  line-height: 25px;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-desc {
  color: #58595B;
  margin-bottom: 30px;
  line-height: 20px;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-listing {
  color: #006CEF;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-listing ul {
  margin-top: 25px;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-listing ul li {
  margin-bottom: 15px;
  width: 50%;
  color: #006CEF;
  padding-left: 40px;
  padding-right: 20px;
  line-height: 20px;
  position: relative;
}
@media (max-width: 480px) {
  .innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-listing ul li {
    width: 100%;
  }
}
.innerpage-aboutus-wrapper .innerpage-aboutus-contents .innerpage-aboutus-listing ul li:before {
  content: '\f00c';
  font-family: 'fontAwesome';
  color: #006CEF;
  font-size: 14px;
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  border-radius: 100px;
  position: absolute;
  left: 0;
  padding: 2px 5px;
}

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



/* 리뉴얼 2020-08 */