/* boostrap reset */
.navbar { min-height: auto; border-radius:0px; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; }
.navbar-logo { display: inline-block; height: auto; line-height: 20px; padding: 9px 5px; }
.navbar-logo img { width: 200px; }
.navbar-default { background-color: #181f4e; border: 0; border-bottom: 0px solid #fff; }
.navbar-nav { float: right; }
.navbar-nav > li > a img { height:60px; }
.navbar-nav > li > a { padding-bottom: 22px; padding-top: 22px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-top:#000000 0px solid; border-color: transparent;}
.navbar-collapse{ box-shadow: inset 0 0px 0 rgba(255,255,255,.1);}
/* END boostrap reset */
/* --- --- --- --- --- --- --- --- --- --- --- --- */
/* awesome */
.fa-youtube-reset { position: relative; bottom: 3px; }
.fa-facebook-reset { position: relative; bottom: 1px; }
/* END awesome */
/* --- --- --- --- --- --- --- --- --- --- --- --- */
/* global */
.fs-36 { font-size: 36px; }
.fs-24 { font-size: 24px; }
.fs-22 { font-size: 22px; }
.fs-20 { font-size: 20px; }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }
.fs-12 { font-size: 12px; }
.fc-white { color: #fff; }
.lh-1 { line-height: 1; }
/* global - spacer */
.spacer-1 { height: 1px; }
.spacer-5 { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-15 { height: 15px; }
.spacer-20 { height: 20px; }
.spacer-25 { height: 25px; }
.spacer-30 { height: 30px; }
.spacer-50 { height: 50px; }
.spacer-60 { height: 60px; }
.spacer-80 { height: 80px; }
.spacer-100 { height: 100px; }
/* global - padding */
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
/* global - position */
.relative { position: relative; }
/* global - color */
/* END global */
/* --- --- --- --- --- --- --- --- --- --- --- --- */
/* general */
html { position: relative; min-height: 100%; min-width: 320px; }
body { margin-bottom: 50px; color: #000000; background-color: #dce1e1; }
.footer { position: absolute; bottom: 0; width: 100%; min-height: 50px; background-color: #fff; color: #1e2864; font-size: 12px; }
a { outline: none; color: #181f4e; }
/* general - nav */
.axis20 { z-index: 920; }
.axis40 { z-index: 940; }
.axis60 { z-index: 960; }
.btn-submenu { z-index: 960; }
.btn-submenu img { height: 60px;}
.submenu { position: absolute; top: 0; background: rgba(2, 3, 26, .8); width: 100%; list-style-type: none; font-size: 12px; border-bottom: 10px #FFFFFF solid; text-align: left; list-style-position: outside; }
.submenu li { padding: 10px 10px 10px 0; }
.submenu li:before { content: "-"; padding-right: 8px; color: #FFFFFF; }
.submenu .nav-img { padding-top: 22px; padding-bottom: 22px; }
.submenu .nav-img:before { content: " "; }
.submenu li a { color: #FFFFFF; text-decoration: none; }
.submenu li a:hover, .submenu li a:active, .submenu li a .active { color: #bdbdbd; }
.ser-list { list-style-type: none; }
.ser-list li:before { content: "-"; padding-right: 8px; }
/* general - footer */
/* general - container */
.top-background { background-color: #181f4e; z-index:999 !important;}
.row-1 { margin-left: -14.5px; margin-right: -14.5px; }
.row-2 { border-right: 0; border-bottom: 0; }
.row-3 { border-left: 0; border-bottom: 0; }
.txt-desc-wrap { display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 40px; line-height: 40px; color: #fff; padding: 0 20px; background-color: rgb(24, 31, 78); opacity: 0.9; }
a.txt-intro-wrap { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 100%; line-height: 1; color: #fff; padding: 20px; background-color: rgb(24, 31, 78); opacity: 0; font-size: 12px; }
a.txt-intro-wrap:hover { opacity: 0.9; text-decoration: none; }
.owl-wrap { width: 100%; max-width: 560px; margin: 0 auto; padding: 0 45px; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 20px; }

.arrow-wrap { position: absolute; z-index: 2; }
.arrow-left-wrap { position: absolute; top: 0; left: 15px; }
.arrow-right-wrap { position: absolute; top: 0; right: 15px; }
.arrow-left-wrap2 { position: absolute; top: 0; left: 15px; }
.arrow-right-wrap2 { position: absolute; top: 0; right: 15px; }
.arrow-left-wrap3 { position: absolute; top: 0; left: 15px; }
.arrow-right-wrap3 { position: absolute; top: 0; right: 15px; }
.arrow-wrap a { color: #fff; }
.arrow-related-wrap { position: absolute; z-index: 2; }
.arrow-left-related-wrap { position: absolute; top: 0; left: 15px; }
.arrow-right-related-wrap { position: absolute; top: 0; right: 15px; }
hr { border-color: #1e2863; }
/*Tak add background-color:#181f4e;*/
.setfixed{position: fixed; top: 0; width: 100%; z-index: 999; background-color:#181f4e;}
.img-lg{ max-width:900px;}
.img-title_bk {width:100%; position:absolute;  top:0; bottom:0; height:100%;  max-width:310px; border-radius:50%; background: rgba(255, 255, 255, .8); overflow: hidden; clip-path:inset(85% 0 0 0); -webkit-clip-path:polygon(85% 0 0 0); opacity:0;}
.img-title {position: absolute; top: 0; left: 0; width: 100%;  z-index:700; padding:0 45px; }
.img-text {height:119px; line-height:119px; position:absolute; bottom:0; width:100%; font-size:11px; z-index:800; left:0; }
.mymap{ width:100%; height:400px;}
.noshow{visibility:hidden;}
.img-icon{ width:24%; padding:0 5px;}
.img-sub{ height:26px;}
.left-1{ margin-left:0px;}
@media (max-width: 768px) {
.p-15-xs { padding-left: 15px; padding-right: 15px; }
.navbar-nav { margin-left: 0; margin-right: 0; display: block; width: 100%; }
}

@media (min-width: 768px) {
/* boostrap reset */
.navbar { min-height: 70px; }
.navbar-logo { display: inline-block; height:70px; line-height: 20px; padding: 10px 5px; }

.arrow-left-wrap {  left: 50px; }
.arrow-right-wrap { right: 50px; }
.left-1{ margin-left:1px;}
.img-title { padding:0;}
.img-text { font-size:20px;}
.navbar-nav > li > a img { height:26px; }
.img-icon{ width:24%; padding:0 15px;}
.btn-submenu img { height: 26px;}
.owl-wrap { padding: 0; }
  
.p-15-xs { padding: 0 !important; }
/*.row-2 { border-right: 0.5px solid #1e2863; border-bottom: solid 1px #1e2863; padding-right: 80px; margin-left: -1px; }
.row-3 { border-left: 0.5px solid #1e2863; border-bottom: solid 1px #1e2863; padding-left: 80px; margin-right: -1px;}
*/
.row-2 { border-color: #1e2863; border-style: solid; border-width: 0px 0px 1px 0px; padding-right: 80px;}
.row-3 { border-color: #1e2863; border-style: solid; border-width: 0px 0px 1px 1px;padding-left: 80px; margin-right: -1px;}

.row-4 { padding-left: 0; padding-right:0; }
.row-hr { margin-right: -80px; }
.footer { line-height: 50px; }
/* general - nav */
.submenu { position: absolute; top: 0; background: rgba(2, 3, 26, .8); width: 320px; right: 0; list-style-type: none; font-size: 12px; border-bottom: 10px #FFFFFF solid; text-align: right; }
.submenu li { padding: 10px 15px 10px 0; }
}
/* END general */
/* --- --- --- --- --- --- --- --- --- --- --- --- */

.logo { width: 100%;  max-width: 200px;}
.icon { width: 100%;  max-width: 200px;}