body { font-family: 'UTMAvo'; font-size: 14px; color: #1a1a1a; }

img { max-width: 100%; }

p { margin-bottom: 7px; }

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

/*-------------header----------------------*/
header .hdl { width: 30%; background: #0395ee url(../res/header-bg.png) no-repeat right bottom; float: left; height: 109px; display: flex; justify-content: flex-end; }
header .hdl .logo { width: 184px; height: 56px; display: block; background: url(../res/logo.png) no-repeat; margin-top: auto; margin-bottom: auto; margin-right: 60px; }
header .hdr { float: right; width: 65%; height: 109px; display: flex; }
header .hdr .ContactList { margin-top: auto; margin-bottom: auto; }
header .hdr .ContactList li { margin-right: 75px; }
header .hdr .ContactList li:last-child { margin-right: 0px; }
header .hdr .ContactList .item .icon { width: 30px; float: left; padding-right: 5px; margin-right: 5px; color: #0395ee; font-size: 24px; }
header .hdr .ContactList .item p { margin-bottom: 5px; }
header .hdr .ContactList .item .info { padding-top: 8px; float: right; }
header .hdr .ContactList .item .info span { color: #919191; }

/*-------------Main menu----------------------*/
#MainMenu { height: 67px; background: #242331; color: #fff; }

.stellarnav > ul > li > a { line-height: 67px; font-weight: normal; padding: 0 60px; color: #fff; }

.stellarnav > ul > li > ul a { color: #919191 !important; }

.stellarnav.mobile.light li a { color: #111; }

.stellarnav.light .menu-toggle { margin-top: 7px; }

/*-------------Common----------------------*/
.whiteText { color: #fff !important; }

.TitleHead { font-size: 24px; font-weight: bold; color: #282828; text-transform: uppercase; margin: 30px auto 30px auto; }
.TitleHead span { padding-left: 35px; position: relative; }
.TitleHead span:before { display: block; content: ''; background: url(../res/slash-double.png) no-repeat center; width: 25px; height: 18px; position: absolute; left: 0px; top: 12px; }

.contactdiv p { margin-bottom: 7px; }
.contactdiv p a { color: #1a1a1a; }
.contactdiv .form-control { margin-bottom: 10px; }
.contactdiv textarea { height: 95px; }
.contactdiv ::-webkit-input-placeholder { /* Edge */ color: #aaa; font-style: italic; font-size: 13px; }
.contactdiv :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aaa; font-style: italic; font-size: 13px; }
.contactdiv ::placeholder { color: #aaa; font-style: italic; font-size: 13px; }

.btn-send { background: #0395ee; color: #fff; font-weight: bold; border: none; outline: none; padding: 7px; }
.btn-send i { margin-left: 5px; }

.svdt img { display: block; margin: auto; }

.about img { width: 100%; }

.member .item .name { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-top: 15px; margin-bottom: 0px; }
.member .item .position { font-style: italic; }
.member .item .desc { color: #777; margin-top: 15px; }

.power .item { margin-bottom: 15px; }
.power .item .progress { border-radius: 0px; height: 32px; border: 1px solid #007bff; background: #fff; }
.power .item .ifo { display: flex; margin-bottom: 7px; }
.power .item .ifo .name { width: 190px; font-size: 16px; }
.power .item .ifo .num { width: calc(100%-200px); font-size: 16px; font-weight: bold; color: #0395ee; }

/*-------------Section----------------------*/
.Section { padding: 20px 0; }
.Section .SectionTitle { font-size: 24px; font-weight: bold; color: #282828; text-transform: uppercase; margin: 50px auto 50px auto; }
.Section .SectionTitle span { padding-left: 20px; margin-right: 20px; position: relative; }
.Section .SectionTitle span:before, .Section .SectionTitle span::after { display: block; content: ''; background: url(../res/slash.png) no-repeat center; width: 12px; height: 18px; position: absolute; left: 0px; top: 12px; }
.Section .SectionTitle span::after { left: unset; top: unset; bottom: 5px; right: -20px; }

/*-------------WhyUs----------------------*/
#WhyUs { background: #242331 url(../res/whyus.jpg) no-repeat center; color: #fff; padding: 0px; position: relative; }
#WhyUs .row { min-height: 560px; }
#WhyUs .SectionTitle { color: #fff; }

/*-------------Services----------------------*/
.Services .item { margin-bottom: 40px; }
.Services .item .img { display: block; margin-bottom: 20px; position: relative; }
.Services .item .img img { width: 100%; }
.Services .item .img .icon { width: 149px; height: 108px; position: absolute; line-height: 108px; left: 0px; bottom: 0px; background: url(../res/servicebg.png) no-repeat; font-size: 54px; color: #0395ee; padding-left: 30px; }
.Services .item .title { margin-bottom: 20px; line-height: 1.1rem; }
.Services .item .title a { color: #1a1a1a; text-transform: uppercase; font-weight: bold; font-size: 16px; }
.Services .item .desc { margin-bottom: 30px; }
.Services .item .btn-detail { background: #0395ee; color: #fff; font-weight: bold; padding: 7px; }
.Services .item .btn-detail i { margin-left: 5px; }

/*-------------Blog----------------------*/
.Blog .item .title { margin-bottom: 10px; }
.Blog .item .title a { font-size: 14px; text-transform: none; }
.Blog .item .date { font-size: 11px; }

.BlogDetail .title { font-size: 24px; font-weight: bold; }
.BlogDetail .date { font-size: 11px; margin-bottom: 30px; }
.BlogDetail img, .BlogDetail table { max-width: 100%; }

/*-------------Talk About----------------------*/
#TalkAbout { background: #2f2e3c; padding-bottom: 100px; }
#TalkAbout .item { background: #fff url(../res/quote.png) no-repeat bottom 20px right 20px; padding: 30px 15px 65px 15px; font-style: italic; position: relative; margin-bottom: 50px; }
#TalkAbout .item .tag { background: url(../res/TalkTag.png) no-repeat; width: 258px; height: 68px; padding-right: 70px; color: #fff; position: absolute; left: 0; bottom: -34px; padding: 10px; }
#TalkAbout .item .tag .name { margin-bottom: 3px; }
#TalkAbout .item .tag .position { font-style: italic; margin-bottom: 0px; }

/*-------------PartnerList----------------------*/
.partner-list li img { max-width: 170px; }

/*-------------Footer----------------------*/
footer { background: #242331; color: #fff; padding: 70px 0 100px 0; }
footer .header { border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 30px; }
footer .header .HeadTitle { background: #0395ee; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 39px; padding: 8px 20px; position: relative; }
footer .header .HeadTitle::after { content: ''; display: block; background: url(../res/HeadTitleBg.png) no-repeat; position: absolute; bottom: 0px; width: 24px; height: 39px; right: -24px; }
footer a { color: #fff; }
footer p { margin-bottom: 10px; }

/*-------------Footer----------------------*/
#Cover { background: url(../res/Cover.jpg) no-repeat center; }
#Cover .CoverInner { height: 270px; }
#Cover .CoverInner .Category { font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0px; }

.mybreadcrumbWrap { margin-top: -40px; }

.mybreadcrumb { position: absolute; bottom: 0px; left: 0px; background: #0395ee; color: #fff; font-size: 12px; line-height: 39px; padding: 11px 20px; position: relative; }
.mybreadcrumb span { margin: 0 7px; }
.mybreadcrumb a { color: #fff; }
.mybreadcrumb::after { content: ''; display: block; background: url(../res/HeadTitleBg.png) no-repeat; position: absolute; bottom: 0px; width: 24px; height: 39px; right: -24px; }

@media only screen and (max-width: 1200px) { header .hdr .ContactList li:last-child { display: none; } }
@media only screen and (max-width: 991px) { header .hdl { width: 280px; }
  header .hdr { width: calc(100% - 300px); }
  header .hdr .ContactList { font-size: 12px; }
  header .hdr .ContactList li { margin-right: 10px; margin-bottom: -10px; }
  #WhyUs { background: #242331; padding: 40px 0; position: relative; }
  #WhyUs .row { min-height: 0; } }
@media only screen and (max-width: 767px) { .Section .SectionTitle { margin: 30px auto; } }
@media only screen and (max-width: 540px) { header .hdl, header .hdr { width: 100%; float: none; height: 80px; }
  header .hdl { justify-content: flex-start; background: #0395ee; }
  header .hdl .logo { margin-right: 0px; margin-left: 20px; }
  header .hdr .ContactList { padding: 0 20px; } }

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