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

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

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

html { font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { background: #fff; font-family: 'robotoregular'; font-size: 16px; color: #717171; line-height: 1; overflow-x: hidden; }
body.fixed { overflow-y: hidden; }
@media (max-width: 991px) {
  body.open-mobile { overflow-y: hidden; }
}

*:focus { outline: none; }

a { color: inherit; text-decoration: none; display: inline-block; }
a.block { display: block; }
a:hover { color: #c61517; }

.btn {
  display: inline-block;
  height: 55px;
  padding: 20px 60px;
  font-family: 'robotoregular';
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.75px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  color: #fff;
  border: 0;
  background-color: #c61517;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 0;
  text-transform: uppercase;
}
.btn:hover {
  background-color: #9c0708;
}
.btn[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-sm { padding-left: 25px; padding-right: 25px; }
.btn-block { display: block; width: 100%; }
@media (max-width: 767px) {
  .btn-block-m { display: block; width: 100%; }
}

.form-group { position: relative; margin-bottom: 30px; }
.form-group label { display: block; font-family: 'robotoregular'; font-size: 14px; color: #000; margin-bottom: 10px; text-align: left; }
.form-error { font-family: 'robotolight'; font-size: 14px; color: #c61517; line-height: 24px; letter-spacing: 0.25px; margin-top: 5px; }

.form-control { background-color: #fff; background-image: none; border: 1px solid #d1d1d1; border-radius: 0; display: block; width: 100%; height: 45px; padding: 0 12px; font-family: 'robotoregular'; font-size: 16px; color: #414141; line-height: 45px; }
textarea.form-control { height: 150px; resize: none; line-height: 1.5; padding-top: 10px; padding-bottom: 10px; }

.form-control:focus { border-color: #0d5fa1; }
.form-control.error { border-color: #c61517; }

.form-control::-moz-placeholder { color: #a6a6a6; }
.form-control:-ms-input-placeholder { color: #a6a6a6; }
.form-control::-webkit-input-placeholder { color: #a6a6a6; }
.form-control[disabled], .form-control[readonly] { background-color: #f7f8ee; color: #a6a6a6; cursor: not-allowed; pointer-events: none; }

.custom-select { position: relative; cursor: pointer; text-align: left; display: block; vertical-align: middle; }
.custom-select .replacement { width: 100%; height: 45px; background: #fff; padding: 0 42px 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; font-family: 'robotoregular'; font-size: 16px; color: #414141; line-height: 45px; border: 1px solid #d1d1d1; }
.custom-select .replacement:after { background: url('images/select.svg') no-repeat; content: ''; width: 12px; height: 7px; display: block; top: 50%; margin-top: -3px; right: 15px; position: absolute; }
.custom-select select { width: 100%; height: 100%; position: absolute; top: 0; left: 1px; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: none; }
.custom-select .replacement.error { border-color: #c61517; }

.ccheckbox input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label {
  padding-left: 35px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  font-family: 'robotoregular';
  font-size: 14px;
}
.ccheckbox input[type="checkbox"].css-checkbox:checked + label.css-label {
  background-image: url('images/checkbox-checked.png');
}
.ccheckbox label.css-label {
  background-image:url('images/checkbox.png');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cradio input[type="radio"].css-radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.cradio input[type="radio"].css-radio + label.css-label {
  padding-left: 35px;
  display: inline-block;
  line-height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  font-family: 'robotoregular';
  font-size: 14px;
}
.cradio input[type="radio"].css-radio:checked + label.css-label {
  background-image: url('images/radio-checked.png');
}
.cradio label.css-label {
  background-image:url('images/radio.png');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cradio input[type="radio"].css-radio + label.css-label .title { font-size: 18px; }

.tbl { display: table; width: 100%; height: 100%; }
.tbl .trow { display: table-row; }
.tbl .tcell { display: table-cell; vertical-align: middle; }

.nav { margin: 0; padding: 0; list-style: none; }
.nav-inline { font-size: 0; }
.nav > li { margin: 0; padding: 0; }
.nav-inline > li { display: inline-block; }

.mb100 { margin-bottom: 100px; }

h2 { font-family: 'robotolight'; font-size: 36px; color: #0d5fa1; line-height: 1.3; letter-spacing: 0.25px; margin-bottom: 25px; }
h2.line { position: relative; padding-bottom: 20px; }
/*h2.line:after { position: absolute; content: ''; top: 100%; left: 0; right: 0; margin: 0 auto; width: 42px; height: 1px; background: #c61517; }*/
h2.line.line-left:after { right: auto; margin: 0; }
h3 { font-family: 'robotolight'; font-size: 32px; color: #0d5fa1; line-height: 1.3; letter-spacing: 0.25px; margin-bottom: 50px; }
h4 { font-family: 'robotolight'; font-size: 24px; color: #0d5fa1; line-height: 36px; margin-bottom: 10px; }
h5 { font-family: 'robotobold'; font-size: 16px; color: #0d5fa1; line-height: 30px; }
h5.ht { font-family: 'robotoregular'; font-size: 18px; }
h5 span { color: #c61517; }
.sub { font-family: 'robotoregular'; font-size: 16px; color: #717171; line-height: 30px; margin-bottom: 20px; }
.sub a { font-family: 'robotolight'; color: #0d5fa1; }
.sub a:hover { color: #c61517; }
.htitle { position: relative; font-family: 'robotoregular'; font-size: 18px; color: #0d5fa1; line-height: 30px; padding-bottom: 20px; margin-bottom: 25px; }
.htitle:after { position: absolute; content: ''; top: 100%; left: 0; width: 45px; height: 1px; background: #c91718; }
.text { line-height: 30px; }
.text a { font-family: 'robotolight'; color: #0d5fa1; }
.text a:hover { color: #c61517; }
.text b, .text strong { font-family: 'robotobold'; }
.text img, .sub img { max-width: 100% !important; height: auto !important; }
.text ul li { margin-bottom: 10px; }

.more { font-family: 'robotolight'; color: #0d5fa1; }
a:hover .more { color: #c61517; }
.more span { position: relative; padding-right: 18px; }
.more span:after { position: absolute; content: ''; top: 9px; right: 0; width: 5px; height: 8px; background: url('images/more.svg') no-repeat 0 0; }
a:hover .more span:after { background-position: 0 -13px; }
.dc-back { font-family: 'robotolight'; color: #0d5fa1; }
.dc-back a { position: relative; padding-left: 16px; }
.dc-back a:before { position: absolute; content: ''; top: 5px; left: 0; width: 5px; height: 8px; background: url('images/back.svg') no-repeat 0 0; }
.dc-back a:hover:before { background-position: 0 -13px; }
.dc-back a:hover { color: #c61517; }

@media (max-width: 991px) {
  h2 { font-size: 33px; }
}
@media (max-width: 767px) {
  body { font-size: 14px; }
  h2 { font-size: 30px; }
  h2.line.line-left:after { right: 0; margin: 0 auto; }
  .text { line-height: 24px; }
  .more span:after { top: 7px; }
  .dc-back a:before { top: 3px; }
}

header { position: relative; z-index: 9; }
.top { position: relative; height: 44px; background: #c61517; font-family: 'robotobold'; font-size: 12px; color: #fff; z-index: 2; }
.top a:hover { color: #b5b5b5; }

.top-nav > li { font-size: 12px; }
.top-nav > li > a { line-height: 44px; padding-left: 20px; padding-right: 20px; border-left: 1px solid #b31719; }
.top-nav > li:last-child { border-right: 1px solid #b31719; }

.top-fb div { display: inline-block; width: 8px; height: 16px; background: url('images/top-fb.svg') no-repeat 0 0; }
.top-fb a:hover div { background-position: 0 -21px; }
.top-tw div { display: inline-block; width: 15px; height: 13px; background: url('images/top-tw.svg') no-repeat 0 0; }
.top-tw a:hover div { background-position: 0 -18px; }
.top-yt div { display: inline-block; width: 16px; height: 11px; background: url('images/top-yt.svg') no-repeat 0 0; }
.top-yt a:hover div { background-position: 0 -16px; }
.top-li div { display: inline-block; width: 16px; height: 16px; background: url('images/top-li.png') no-repeat 0 0; background-size: contain;}
.top-in div { display: inline-block; width: 16px; height: 16px; background: url('images/top-in.png') no-repeat 0 0; background-size: contain;}
.top-wc div { display: inline-block; width: 16px; height: 16px; background: url('images/top-wc.png') no-repeat 0 0; background-size: contain;}

.top-lang { position: relative; }
.top-lang > a > span { padding-right: 17px; background: url('images/top-lang.svg') no-repeat 100% center; }
.top-lang-nav { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; background: #c61517; top: 100%; margin-top: -20px; left: 0; width: 100%; padding: 10px 0; text-align: left; -webkit-transition: all .3s; transition: all .3s; }
.top-lang:hover .top-lang-nav { visibility: visible; opacity: 100; filter: alpha(opacity=100); margin-top: 0; }
.top-lang-nav a { display: block; padding: 5px 20px; }

.top-search { position: relative; }
.top-search.open > a { width: 200px; }
.top-search > a > span { padding-left: 24px; background: url('images/top-search.svg') no-repeat 0 center; }
.search-div { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 10px; left: 100%; width: 0; padding-left: 20px; padding-right: 20px; z-index: 2; -webkit-transition: all .3s; transition: all .3s; }
.top-search.open .search-div { visibility: visible; opacity: 100; filter: alpha(opacity=100); width: 100%; left: 0; }
.search-div .form-control { background: #c61517; border: 0; border-bottom: 1px solid #fff; height: 25px; font-size: 12px; color: #fff; line-height: 25px; padding-left: 24px; padding-right: 0; }
.search-div .form-control::-moz-placeholder { color: #ddd; }
.search-div .form-control:-ms-input-placeholder { color: #ddd; }
.search-div .form-control::-webkit-input-placeholder { color: #ddd; }
.search-div .btn { position: absolute; top: 0; left: 20px; width: 14px; height: 25px; background: transparent url('images/top-search.svg') no-repeat center; padding: 0; }

.main { background: #fff; font-family: 'robotoregular'; font-size: 16px; color: #414141; letter-spacing: 0.25px; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05); }
.main .logo a { padding-top: 10px; padding-bottom: 15px; }
.main .logo img { height: 100px; transition: all .3s; }
.main-nav > li { font-size: 16px; }
.main-nav > li > a { padding-left: 20px; padding-right: 20px; line-height: 92px; }
.main-nav > li > a span { display: inline-block; border-bottom: 4px solid transparent; -webkit-transition: all .3s; transition: all .3s; }
.main-nav > li > a:hover span, .dropdown:hover > a > span { border-bottom-color: #c61517; }
.main-nav > li:last-child > a { padding-right: 0; }

@media (min-width: 992px) {
  .header-fixed .top { margin-bottom: 70px; }
  .header-fixed .main { position: fixed; width: 100%; top: 0; }
}
.header-fixed .main .logo a { padding-top: 9px; padding-bottom: 8px; }
.header-fixed .main .logo img { height: 53px; }
.header-fixed .main-nav > li > a { line-height: 66px; }

.main .dropdown { position: relative; }
.main .dropdown-nav { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 100%; margin-top: -10px; left: 0px; width: 210px; padding: 20px 0; background: #fff url('images/dropdown-bg.png') repeat-x 0 0; font-family: 'robotoregular'; line-height: 2; letter-spacing: 0; text-align: left; -webkit-transition: all .3s; transition: all .3s; }
.main-nav > li:last-child .dropdown-nav { left: auto; right: -20px; }
.main .dropdown:hover .dropdown-nav { visibility: visible; opacity: 1; filter: alpha(opacity=100); margin-top: 0; }
.main .dropdown-nav a { display: block; padding: 2px 20px; }
.main .dropdown-nav a:hover { color: #0d5fa1; }

.mobile-toggle { width: 20px; padding: 13px 0; cursor: pointer; }
.mobile-toggle span { display: block; width: 100%; height: 3px; background: #fff; margin-bottom: 4px; }
.mobile-toggle span:last-child { margin-bottom: 0; }

#mobile-menu { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: fixed; top: -20px; left: 0; width: 100%; height: 100%; padding: 70px 0 100px; background: #c61517; font-family: 'robotoregular'; font-size: 20px; color: #fff; line-height: 1.3; letter-spacing: 0.25px; overflow-y: auto; -webkit-transition: all .3s; transition: all .3s; z-index: 10; }
#mobile-menu a:hover { color: #858585; }
.mobile-close { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url('images/mobile-close.svg') no-repeat center; cursor: pointer; }
.mobile-nav { padding: 25px 20px; border-bottom: 1px solid #b31719; }
#mobile-menu .mobile-nav:first-child { padding-top: 0; }
#mobile-menu .mobile-nav:last-child { padding-bottom: 0; border-bottom: 0; }
.mobile-nav li { margin-bottom: 25px; }
.mobile-nav li:last-child { margin-bottom: 0; }
.mobile-nav .dropdown > a { padding-right: 20px; background: url('images/top-lang.svg') no-repeat 100% center; }
.mobile-nav .dropdown-nav { display: none; font-family: 'robotolight'; font-size: 16px; margin-top: 20px; }
.mobile-nav .dropdown.open .dropdown-nav { display: block; }

@media (max-width: 991px) {
  .main .logo { text-align: center; }
  header { position: fixed; width: 100%; top: 0; }
  body.open-mobile #mobile-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); top: 0; }
}
@media (max-width: 767px) {
  .top-search.open > a { width: 140px; }
}

.page-content { min-height: 400px; padding-bottom: 80px; }
.page-tab { padding-bottom: 30px; }
.content-no { padding-bottom: 0; }

.breadcrumb { font-family: 'robotoregular'; font-size: 12px; color: #989898; line-height: 2; padding: 15px 0 5px; }
.breadcrumb-nav li { font-size: 12px; padding: 0 20px 0 0; margin-right: 10px; background: url('images/breadcrumb.svg') no-repeat 100% 9px; }
.breadcrumb-nav li:last-child { padding-right: 0; margin-right: 0; background: none; }
.breadcrumb-nav li span { color: #0d5fa1; }

.page-header h2 { margin-bottom: 15px; }
.page-header-nav { color: #414141; text-align: right; padding-top: 15px; }
.page-header-nav li { font-size: 15px; }
.page-header-nav li a { padding: 0 15px; }
.page-header-nav li a.active { color: #c61517; }
.page-header-nav li:first-child a { padding-left: 0; }
.page-header-nav li:last-child a { padding-right: 0; }

.page-banner { position: relative; height: 180px; }
.page-banner .caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 100px; text-align: center; color: #fff; letter-spacing: 0.25px; }
.page-banner .caption .title { font-family: 'robotolight'; font-size: 40px; line-height: 1.3; }
.page-banner .cover { background-size: cover; background-repeat: no-repeat; background-position: center 0; width: 100%; height: 100%; }

@media (max-width: 991px) {
  .page-content { padding-top: 140px; }
  .header-fixed .content { padding-top: 114px; }
}
@media (max-width: 767px) {
  .page-banner .caption { padding-left: 20px; padding-right: 20px; }
}

.owl-controls .owl-nav > div { position: absolute; top: 50%; margin-top: -25.5px; width: 19px; height: 51px; }
.owl-controls .owl-nav > div.owl-prev { left: -100px; background: url('images/prev.svg') no-repeat 0 0; color: transparent; }
.owl-controls .owl-nav > div.owl-next { right: -100px; background: url('images/next.svg') no-repeat 0 0; color: transparent; }
.owl-controls .owl-nav > div.owl-prev:hover { background-position: 0 -56px; }
.owl-controls .owl-nav > div.owl-next:hover { background-position: 0 -56px; }

.owl-dots { margin-top: 30px; text-align: center; }
.owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; background: #a2a2a2; margin: 0 5px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.owl-dots .owl-dot.active { background: #c61517; }

#home-banner { position: relative; height: 350px; }
#home-banner .caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 100px; text-align: center; color: #fff; letter-spacing: 0.25px; }
#home-banner .caption .title { font-family: 'robotolight'; font-size: 40px; line-height: 1.3; margin-bottom: 10px; }
#home-banner .caption .subtitle { font-family: 'robotoregular'; font-size: 18px; line-height: 2; margin-bottom: 30px; }
#home-banner .cover { background-size: cover; background-repeat: no-repeat; background-position: center 0; width: 100%; height: 100%; }

#home-banner .owl-carousel,
#home-banner .owl-carousel .owl-stage-outer,
#home-banner .owl-carousel .owl-stage,
#home-banner .owl-carousel .owl-item,
#home-banner .item { height: 100%; }
#home-banner .item { position: relative; }
#home-banner .owl-dots { position: relative; top: -70px; }

.home-div { padding-top: 90px; padding-bottom: 70px; border-top: 1px solid #f4f4f4; }
.home-div-bg { background: #fbfbfb; }
.home-div h2, .home-div .sub { text-align: center; }
.home-div-btm h2 { font-size: 24px; }
.home-div-btm h2, .home-div-btm .sub { text-align: left; }

@media (min-width: 767px) {
  .home-box { display: flex; margin-top: 50px; -ms-flex-pack: center !important; justify-content: center !important;}
}
.home-box { margin-top: 20px;}
.home-box-item { margin-bottom: 20px; overflow: hidden; }
.home-box-item a { display: block; }
.home-box-item a:hover { color: inherit; }
.home-box-item .img { margin-bottom: 25px; overflow: hidden; }
.home-box-item .img img { -webkit-transition: all .3s; transition: all .3s; }
.home-box-item a:hover .img img { opacity: 0.75; filter: alpha(opacity=75); -webkit-transform: scale(1.05); transform: scale(1.05); }
.home-box-item .title { font-family: 'robotolight'; font-size: 24px; line-height: 1.3; color: #2b2b2b; margin-bottom: 10px; }
.home-box-item .text { margin-bottom: 15px; }

.home-testimonial { text-align: center; padding: 0 160px; margin-bottom: 20px; }
.home-testimonial .sub { font-style: italic; }
.home-testimonial .info { padding: 10px 0; }
.home-testimonial .info > div { display: inline-block; vertical-align: middle; }
.home-testimonial .img { width: 82px; height: 82px; margin-right: 20px; border: 1px solid #f4f4f4; border-radius: 50%; overflow: hidden; }
.home-testimonial .img img { border-radius: 50%; }
.home-testimonial .desc { text-align: left; line-height: 24px; }
.home-testimonial .title { font-family: 'robotobold'; font-size: 20px; color: #414141; margin-bottom: 5px; }
.home-testimonial .corp { font-size: 14px; color: #888888; }

.home-value { margin-bottom: 20px; }
.home-value .info { display: table; width: 100%; padding: 25px 0 10px; }
.home-value .info > div { display: table-cell; vertical-align: middle; }
.home-value .img { width: 82px; }
.home-value .img > div { width: 82px; height: 82px; border: 1px solid #f4f4f4; border-radius: 50%; overflow: hidden; }
.home-value .img img { border-radius: 50%; }
.home-value .desc { padding-left: 15px; line-height: 24px; }
.home-value .title { font-family: 'robotobold'; font-size: 20px; color: #414141; margin-bottom: 5px; }
.home-value .corp { font-size: 14px; color: #888888; padding-right: 60px; }
.home-value .owl-dots { text-align: left; }

.home-news { padding-top: 10px; margin-bottom: 20px; }
.home-news a { display: block; }
.home-news a:hover { color: #888888; }
.home-news-item { display: table; width: 100%; margin-bottom: 40px; }
.home-news-item > div { display: table-cell; vertical-align: top; }
.home-news-item .img { width: 95px; }
.home-news-item .img img { width: 100%; }
.home-news-item .desc { padding-left: 20px; }
.home-news-item .date { font-size: 12px; color: #888888; text-transform: uppercase; margin-bottom: 10px; }
.home-news-item .title { line-height: 24px; }

.home-gallery { padding-top: 10px; margin-bottom: 20px; }
.home-gallery .img { margin-bottom: 20px; }
.home-gallery .date { font-size: 12px; color: #888888; text-transform: uppercase; margin-bottom: 10px; }
.home-gallery .title { line-height: 24px; }
.home-gallery .owl-dots { text-align: left; }

@media (max-width: 1219px) {
  #home-banner .caption { padding: 0 60px; }
}
@media (max-width: 991px) {
  #home-banner { height: 325px; }
  #home-banner .caption { padding: 0 40px; }
  #home-banner .caption .title { font-size: 35px; }
  #home-banner .caption .subtitle { font-size: 16px; }
  .home-div { padding-top: 60px; padding-bottom: 50px; }
  .home-box { margin-top: 20px; }
  .home-box-item { margin-bottom: 60px; }
  .home-testimonial { padding: 0 80px; }
  .owl-controls .owl-nav > div.owl-prev { left: -50px; }
  .owl-controls .owl-nav > div.owl-next { right: -50px; }
  .home-value { margin-bottom: 60px; }
  .home-value .corp { padding-right: 0; }
}
@media (max-width: 767px) {
  #home-banner { height: 300px; }
  #home-banner .caption { padding: 0 20px; }
  #home-banner .caption .title { font-size: 30px; }
  #home-banner .caption .subtitle { font-size: 14px; }
  .home-div { padding-top: 40px; padding-bottom: 30px; }
  .home-div-btm h2 { text-align: center; }
  .home-box .home-box-item:last-child { margin-bottom: 20px; }
  .home-testimonial { padding: 0; }
  .home-testimonial .owl-nav { display: none; }
  .home-value .owl-dots { text-align: center; }
  .home-news { margin-bottom: 60px; }
  .home-gallery { margin-bottom: 60px; }
  .home-gallery .owl-dots { text-align: center; }
}

footer { padding: 70px 0 50px; background: #0d5fa1 url('images/footer-bg.png') repeat-x 0 0; border-top: 1px solid #f4f4f4; font-family: 'robotolight'; font-size: 14px; color: #fff; }
.footer-awards { padding-top: 50px; margin-bottom: 50px; }
.footer-awards img { margin-left: auto; margin-right: auto; }
.footer-wrap { padding-bottom: 15px; }
footer .header { font-family: 'robotobold'; font-size: 18px; margin-bottom: 15px; }
footer a:hover { color: #858585; }
.footer-nav { line-height: 2; margin-bottom: 25px; }
.footer-sm { margin-bottom: 15px; }
.footer-sm li a { padding: 0 25px; }
.footer-copyright { font-size: 12px; line-height: 2; text-align: center; }

@media (max-width: 991px) {
  footer { padding: 30px; }
}

.phyl-box { padding-top: 20px; }
.phyl-box-item { margin-bottom: 25px; }
.phyl-box-item .img { position: relative; }
.phyl-box-item .desc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; }
.phyl-box-item .no { font-family: 'robotolight'; font-size: 48px; margin-bottom: 10px; }
.phyl-box-item .title { font-family: 'robotoregular'; font-size: 20px; line-height: 30px; padding: 0 20px; }

.awards-item { display: table; width: 100%; margin-bottom: 50px; }
.awards-item > div { display: table-cell; vertical-align: top; }
.awards-item .img { width: 160px; }

.dc-testimonial { padding: 60px 0 20px; }
.testimonial-item { text-align: center; margin-bottom: 20px; }
.testimonial-item .wrap { background: #fbfbfb; padding: 30px; }
.testimonial-item .img { width: 82px; height: 82px; margin: 0 auto 10px; border: 1px solid #f4f4f4; border-radius: 50%; overflow: hidden; }
.testimonial-item .img img { border-radius: 50%; }
.testimonial-item .desc { line-height: 24px; }
.testimonial-item .title { font-family: 'robotobold'; font-size: 20px; color: #414141; margin-bottom: 5px; }
.testimonial-item .corp { font-size: 14px; color: #888888; margin-bottom: 20px; }
.testimonial-item .text { font-style: italic; }

@media (min-width: 1220px) {
  .home-box .home-box-item:nth-child(4n+1) { clear: left; }
}
@media (min-width: 992px) and (max-width: 1219px) {
  .home-box .home-box-item:nth-child(4n+1) { clear: left; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-box .home-box-item:nth-child(2n+1) { clear: left; }
}
@media (max-width: 767px) {
  .awards-item { display: block; }
  .awards-item > div { display: block; }
  .awards-item .img { margin-bottom: 20px; }
}

.dc-tab { background: #f9f9f9; padding-top: 50px; }
.tab-nav li { font-family: 'robotolight'; font-size: 16px; color: #727272; line-height: 28px; }
.tab-nav li a { padding: 15px 27px; }
.tab-nav li a.active { background: #fff; color: #c61517; border-top: 2px solid #c61517; }
.dc-tab-content { padding: 50px 0; }

.product-main { margin-bottom: 40px; }
.product-main .img { margin-bottom: 30px; }

.product-list-line { position: relative; }
.product-list-line:after { position: absolute; content: ''; display: block; top: 0; left: 50%; margin-left: -10px; width: 1px; height: 100%; background: #d3d3d3; }
@media (max-width: 767px) {
  .product-list-line:after { display: none; }
}
.product-list-item { margin-bottom: 40px; padding-right: 20px; }
.product-list-item .header { font-family: 'robotobold'; }
.product-list-item li { position: relative; padding-left: 18px; color: #0d5fa1; }
.text.product-list-item ul li { margin-bottom: 0; }
.product-list-item li:before { position: absolute; content: ''; top: 14px; left: 2px; width: 5px; height: 5px; background: #0d5fa1; border-radius: 50%; }

.product-cat { padding-top: 20px; }
.product-cat-item { margin-bottom: 60px; }
.product-cat-item a { display: block; color: inherit; }
.product-cat-item .img { margin-bottom: 20px; }
.product-cat-item .title { font-family: 'robotolight'; font-size: 24px; color: #2b2b2b; line-height: 30px; margin-bottom: 10px; }
.product-cat-item .text { margin-bottom: 30px; }
.product-detail { padding: 20px 0; }

.dc-terminal { padding-top: 40px; padding-bottom: 20px; }
.terminal-item { display: table; width: 100%; border-bottom: 1px solid #e6e6e6; }
.dc-terminal .terminal-item:last-child { border-bottom: 0; }
.terminal-item-header { color: #0d5fa1; }
.terminal-item > div { display: table-cell; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
.terminal-item .no { width: 100px; padding-left: 3px; padding-right: 20px; }
.terminal-item .size { width: 220px; padding-right: 20px; }

.logistic-item { margin-bottom: 60px; }
.dc-logistic .logistic-item:last-child { margin-bottom: 20px; }

.news-item { margin-bottom: 60px; }
.news-item a { display: block; color: inherit; }
.news-item .img { margin-bottom: 25px; }
.news-item .date { font-size: 12px; color: #888888; text-transform: uppercase; margin-bottom: 10px; }
.news-item .title { line-height: 24px; margin-bottom: 25px; }

.news-detail { padding: 20px 0; }
.news-detail .date { font-size: 12px; color: #888888; text-transform: uppercase; text-align: center; margin-bottom: 10px; }
.news-detail h2 { text-align: center; }
.news-link { padding-top: 50px; }

.share-nav { text-align: right; }
.share-nav li { font-size: 14px; color: #0d5fa1; padding: 0 12px; vertical-align: middle; }
.share-nav li:first-child { padding-left: 0; }
.share-nav li:last-child { padding-right: 0; }
.share-nav .share-fb { display: inline-block; width: 10px; height: 19px; background: url('images/share-fb.svg') no-repeat 0 0; -webkit-transition: all .3s; transition: all .3s; }
.share-nav .share-fb:hover { background-position: 0 -24px; }
.share-nav .share-tw { display: inline-block; width: 22px; height: 17px; background: url('images/share-tw.svg') no-repeat 0 0; -webkit-transition: all .3s; transition: all .3s; }
.share-nav .share-tw:hover { background-position: 0 -22px; }
.share-nav .share-gp { display: inline-block; width: 21px; height: 18px; background: url('images/share-gp.svg') no-repeat 0 0; -webkit-transition: all .3s; transition: all .3s; }
.share-nav .share-gp:hover { background-position: 0 -23px; }

.gallery-item { margin-bottom: 20px; }
.gallery-item a { position: relative; display: block; }
.gallery-item .title { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(198, 21, 23, 0.5); font-family: 'robotolight'; font-size: 36px; color: #fff; line-height: 1.3; text-align: center; padding: 0 20px; -webkit-transition: all .3s; transition: all .3s; }
.gallery-item a:hover .title { visibility: visible; opacity: 1; filter: alpha(opacity=100); }

.gallery-detail { padding: 20px 0; }
.gallery-detail .date { font-size: 12px; color: #888888; text-transform: uppercase; text-align: center; margin-bottom: 10px; }
.gallery-detail h2 { text-align: center; }

.gallery-img { margin-bottom: 25px; }
.gallery-img .img { margin-bottom: 25px; }
.gallery-img .title { line-height: 24px; text-align: center; }
@media (min-width: 768px) {
  .gallery-img .owl-dots { display: none !important; }
}
.gallery-thumb img { cursor: pointer; border: 1px solid transparent; }
.gallery-thumb img.active { border-color: #c61517; }
.gallery-thumb .owl-controls .owl-nav > div { margin-top: -9.5px; width: 7px; height: 19px; }
.gallery-thumb .owl-controls .owl-nav > div.owl-prev { left: -20px; background-image: url('images/prev-sm.svg'); }
.gallery-thumb .owl-controls .owl-nav > div.owl-next { right: -20px; background-image: url('images/next-sm.svg'); }
.gallery-thumb .owl-controls .owl-nav > div.owl-prev:hover { background-position: 0 -24px; }
.gallery-thumb .owl-controls .owl-nav > div.owl-next:hover { background-position: 0 -24px; }

@media (min-width: 1220px) {
  .product-cat .product-cat-item:nth-child(3n+1) { clear: left; }
  .dc-news .news-item:nth-child(3n+1) { clear: left; }
}
@media (min-width: 992px) and (max-width: 1219px) {
  .product-cat .product-cat-item:nth-child(3n+1) { clear: left; }
  .dc-news .news-item:nth-child(3n+1) { clear: left; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-cat .product-cat-item:nth-child(2n+1) { clear: left; }
  .dc-news .news-item:nth-child(2n+1) { clear: left; }
}
@media (max-width: 991px) {
  .dc-tab { padding-top: 30px; }
  .product-list-item li:before { top: 12px; }
}
@media (max-width: 767px) {
  .product-list-item li:before { top: 9px; }
  .terminal-item .no { width: 60px; }
  .terminal-item .size { width: 120px; }

  .logistic-item .img { margin-bottom: 20px; }

  .share-nav { text-align: left; margin-bottom: 30px; }
}

.dc-etestimonial { padding: 60px 0 20px; }
.etestimonial-item .wrap { background: #fbfbfb; padding: 30px; }
.etestimonial-item { margin-bottom: 20px; }
.etestimonial-item .info { display: table; width: 100%; padding: 25px 0 10px; }
.etestimonial-item .info > div { display: table-cell; vertical-align: middle; }
.etestimonial-item .img { width: 82px; }
.etestimonial-item .img > div { width: 82px; height: 82px; border: 1px solid #f4f4f4; border-radius: 50%; overflow: hidden; }
.etestimonial-item .img img { border-radius: 50%; }
.etestimonial-item .desc { padding-left: 15px; line-height: 24px; }
.etestimonial-item .title { font-family: 'robotobold'; font-size: 20px; color: #414141; margin-bottom: 5px; }
.etestimonial-item .corp { font-size: 14px; color: #888888; }

#gmap { margin-bottom: 90px; width: 100%; height: 400px; }
#gmap-div { height: 100%; }
.contact-detail { padding-bottom: 50px; }
@media (max-width: 767px) {
  .contact-form { margin-top: 60px; }
}
.page-detail h2 { text-align: center; margin-bottom: 45px; }
.search-text { margin-bottom: 40px; }
.search-text span { color: #c61517; }
.search-item { margin-bottom: 30px; }
.search-item .title { font-size: 14px; color: #c61517; line-height: 30px; text-transform: uppercase; margin-bottom: 5px; }
.search-item h5 { margin-bottom: 5px; }

.paging { font-family: 'robotolight'; font-size: 16px; color: #0d5fa1; line-height: 24px; text-align: center; padding: 20px 0; }
.paging > * { padding: 0 10px; }
.paging strong { color: #c61517; }

#backtop { display: none; position: fixed; bottom: 100px; right: 50px; width: 50px; height: 50px; background: url('images/backtotop.svg') no-repeat 0 0; cursor: pointer; z-index: 9; }
#backtop:hover { background-position: 0 -55px; }
@media (max-width: 991px) {
  #backtop { display: none !important; }
}
#dc-notif { position: fixed; top: 0; left: 0; width: 100%; padding: 15px 0; background: #161724; font-family: 'robotoregular'; font-size: 14px; color: #fff; text-align: center; z-index: 10; }
#dc-notif .text span { position: relative; display: inline-block; padding: 0 20px; }
#dc-notif .text .close { position: absolute; display: block; top: 50%; margin-top: -6px; right: -40px; width: 12px; height: 12px; background: url('images/close.png') no-repeat 0 0; cursor: pointer; }