@charset "utf-8";
/* Header, Footer, and Bootstrap Customize */
/* ////////// Bootstrap Customize ////////// */
a:not(.no-tr) {-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.navbar {margin-bottom: 0; border: none;}
.wrap-select {}
.wrap-select:after {content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 15px; top: 0; bottom: 0; background: #555555; color: #ffffff; padding: 14px 7px; width: 25px;}
select.form-control {position: relative; padding-right: 0; z-index: 100; border-width: 1px; border-style: solid; border-color: #cccccc; background: none; border-radius: 0; height: 42px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */}
select.form-control:focus {box-shadow: none; outline: none; border-color: #555555;}
.wrap-select select::-ms-expand {display: none;}
input.form-control {border-radius: 0; height: 27px;}
textarea.form-control {border-radius: 0;}
.page-result {font-size: 13px; font-weight: bold; color: #a4a4a4; margin: 20px 0;}
.modal {z-index: 2000; background: rgba(255, 255, 255, 0.8);}
.modal-title {margin: 0 0 35px 0; color: #333333; font-size: 36px; font-size: 3.6rem;}
.modal-header {border-bottom: none; padding-bottom: 0;}
.modal-content .close {font-size: 50px;}
.modal-footer {padding-top: 0; border-top: none;}
.modal-footer .footer-page {text-align: left;}

@media (min-width: 1360px) {
  .container {
    width: 1230px;
  }
}

/* ////////// Header ////////// */
body {transition: background-color .5s;}
.cd-top, .navbar-nav li.mega-dropdown.disable > a:after,
/*.navtop-menu a[target="_blank"]:after,*/
.footer-links h3 > a[target="_blank"]:after {content: ""; display: inline-block; background-image: url(../images/sprite.png); background-repeat: no-repeat;}

/*Desktop Menu*/
.wrapper-mainmenu > .container {position: fixed; z-index: 2000; width: 1200px; margin: 0 auto; padding: 0;  top: 15px; left: 0; right: 0; background: #ffffff; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); transition: all 0.3s}
.wrapper-mainmenu.fixed > .container {top: 0;}
.mainmenu {width: 1200px; margin: 0 auto;}
.mainmenu .navbar {min-height: auto;}
.wrapper-mainmenu.fixed > .container {width: 100%; transition: all 0.3s;}
.wrapper-mainmenu.fixed > .container .mainmenu {box-shadow: none;}
.wrapper-mainmenu .navbar {background: none;}
.desktop-logo {margin: 12px 35px;}
.navtop-menu {float: right; margin: 15px 0 9px; font-size: 12px; color: #777777;}
.navtop-menu .menu {margin: 7px 30px 7px 0;}
.navtop-menu .lang-switch {margin: 5px 80px 5px 0;}
.navtop-menu .menu .list-menu li:not(:last-child) {margin-right: 17px;}
.navtop-menu .menu .list-menu a, .navtop-menu .lang-switch li a {color: inherit;}
.navtop-menu .menu .list-menu a[target="_blank"]:after {margin: 0 0 0 7px; width: 9px; height: 9px; background-position: 0px -200px;}
.navtop-menu .lang-switch li {position: relative;}
.navtop-menu .lang-switch li,
.navtop-menu .lang-switch li.active-lang {padding: 2px 7px;}
.navtop-menu .lang-switch li.active-lang {background-color: #aaaaaa; color: #fff; text-decoration: none !important; cursor: default;}
/*index except*/
.except .wrapper-mainmenu > .container {top: 0; width: 100%;}

/*Mega menu*/
.js-navbar-collapse {padding-left: 0; padding-right: 0;}
.navbar-nav li.mega-dropdown {position: static !important; }
.navbar-nav li.mega-dropdown > a, li.mega-dropdown.disable > a {color: #000; padding: 11px 25px 10px;  border-bottom: 4px solid rgba(21,113,191,0.00);}
.navbar-nav li.mega-dropdown.open:hover > a, li.mega-dropdown.disable:hover > a:hover {color: #005ca2;}
.navbar-nav li.mega-dropdown.open > a {z-index: 1000; border-bottom: 4px solid #005ca2;} 
.navbar-nav li.mega-dropdown.open > a,
.navbar-nav li.mega-dropdown.open > a:hover,
.navbar-nav li.mega-dropdown.open > a:focus,
.navbar-nav li.mega-dropdown.open > a:focus {background: #FFFFFF !important;}
.navbar-nav li.mega-dropdown.disable.open > a {border-bottom: 4px solid #CBCBCB;}
/*.navbar-nav li.mega-dropdown.disable > a:after {margin: 0 0 0 7px; width: 9px; height: 9px; background-position: 0px -200px;}*/
.navbar-nav > li.mega-dropdown:first-child a:before {background: none;}
.navbar-nav li.mega-dropdown > a:before { content: ""; position: absolute; left: 0; top: 13px; display: block; width: 1px; height: 16px; background-color: #dddddd;}
.navbar-nav li.mega-dropdown.open:not(.disable) > a:after {content: ""; display: block; position: absolute; z-index: 2000; left: 50%; bottom: -9px; margin-left: -3.5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #005ca2 transparent transparent transparent; transition: all 0.2s;}
.navbar-nav ul.mega-dropdown-menu {padding: 25px 20px 15px; width: 100%; margin-top: -3px !important; z-index: 500; border: none; border-top: 4px solid #f6f6f6; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15);}
.navbar-nav ul.mega-dropdown-menu > li > ul {padding: 0; margin: 0;}
.navbar-nav ul.mega-dropdown-menu > li > ul > li {list-style: none;}
.navbar-nav ul.mega-dropdown-menu > li > ul > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #999; white-space: normal;}
.navbar-nav ul.mega-dropdown-menu .dropdown-header {color: #428bca; font-size: 18px; font-weight: bold;}
.navbar-nav ul.mega-dropdown-menu form {margin: 3px 20px;}
.navbar-nav ul.mega-dropdown-menu .form-group {margin-bottom: 3px;}

.mega-dropdown-menu .heading {margin: 0 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eeeeee;}
.menu-heading {font-size: 22px; margin-top: 0;}
.mega-close {display: inline-block; background: #aaaaaa; color: #fff; padding: 5px 15px;}
.mega-close:hover {background: #8C8C8C; color: #fff; text-decoration: none;}
.mega-dropdown-menu .menu-img, .mega-dropdown-menu .menu-text, .mega-dropdown-menu .menu-list-news {margin-left: -15px; display: block; margin-right: -15px;} 
.mega-dropdown-menu .menu-list-news {margin-bottom: 20px; background: #ffffff;}
.mega-dropdown-menu .menu-img a.img {display: block; margin-bottom: 25px; color: #555555;}
.mega-dropdown-menu .menu-img a.img img {margin-bottom: 5px; border: 1px solid #eeeeee; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.mega-dropdown-menu .menu-img a.img:hover img{border: 1px solid #CCCCCC; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.mega-dropdown-menu .menu-img a.img p {color: #555555; margin-top: 10px;}
.mega-dropdown-menu .menu-text {margin-top: 10px; margin-bottom: 10px; padding-top: 25px; border-top: 1px solid #eeeeee;}
.mega-dropdown-menu .menu-text ul {padding-left: 0; list-style-position: inside; list-style-type: disc; color: #1571bf;}
.mega-dropdown-menu .menu-text ul li a {display: inline-block; padding: 4px 0px;}
.mega-dropdown-menu .menu-text ul li a:hover,
.mega-dropdown-menu .menu-text ul li a:focus {color: inherit; text-decoration: underline; background: none;}

a.news-list {color: #333333; padding: 12px 40px 10px 16px; display: block; position: relative; transition: all 0.3s;}
a.news-list:after {  content: "\f105"; position: absolute; color: #8e8e8e; top: 50%; right: 10px; margin-top: -11px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a.news-list:hover {text-decoration: none; background-color: #ebf6fd; transition: all 0.3s;}
a.news-list:hover .detail {text-decoration: underline;}
a.news-list > .date {color: #777777; font-size: 12px; font-weight: bold;}
a.news-list > .tag {background: #6f98b8; color: #fff; font-size: 12px; position: relative; display: inline-block; min-width: 88px; padding: 1px 5px 0; text-align: center; vertical-align: middle;}
a.news-list > .tag:before {content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 0; height: 0; border-width: 17px 5px 0 0; border-style: solid; border-color: #fff transparent transparent transparent; border-right-color: rgba(255,255,255,0);}
a.news-list > .tag:after {content: ""; position: absolute; right: 0; bottom: 0; display: inline-block; width: 0; height: 0; border-width: 0 0 17px 5px; border-style: solid; border-color: transparent transparent #fff transparent; border-left-color: rgba(255,255,255,0);}
a.news-list > .detail {display: block; margin-top: 5px;}


/*Menu Mobile*/
.y-scroll-disble {overflow: hidden;}
.overlay3 {height: 100%; width: 0; position: fixed; z-index: 3000; top: 0; left:0; background-color: rgba(255, 255, 255, 0.9); overflow-y: auto; overflow-x: hidden; text-align: center; opacity:0; transition: opacity 1s;}
.offcanvas {height: 100%; width: 0; top: 0; right: 0; z-index: 3000; background-color: #555555; position: fixed; overflow-x: hidden; transition: .5s; padding-top: 60px;}
.offcanvas a {white-space: nowrap;}
.offcanvas .list-mainmenu-mobile {padding: 0 20px; border-top: 0; box-shadow: none;}
.offcanvas .list-mainmenu-mobile ul,
.offcanvas .list-footermenu-mobile ul {margin: 0;}
.offcanvas .list-mainmenu-mobile ul a,
.offcanvas .list-footermenu-mobile ul a {padding: 0; color: #fff; font-size: 14px;}
.offcanvas .list-footermenu-mobile ul a  {font-size: 12px; color: #cccccc;}
.offcanvas .list-mainmenu-mobile ul li {margin: 18px 0;}
.offcanvas .list-footermenu-mobile ul li {margin: 13px 0;}
.offcanvas .list-mainmenu-mobile ul a:hover, 
.offcanvas .list-mainmenu-mobile ul a:focus,
.offcanvas .list-footermenu-mobile ul a:hover,
.offcanvas .list-footermenu-mobile ul a:focus {background: none; text-decoration: underline;} 
.offcanvas a:hover, .offcanvas a:focus {color: #f1f1f1;}
.closeOffcanvas {position: fixed; right: -50px; border: none; top: -5px; background: #ffffff; color: #5d5d5d; width: 45px; height: 50px; z-index: 3000; outline: none !important; transition: all 0.5s}
.btn-close-canvas-show + .closeOffcanvas {right: 250px; font-size: 45px;}
.navbar-mobile > a.btn:before {content: ""; display: inline-block; background-image: url(../images/sprite%402x.png); background-repeat: no-repeat; background-size: 200px 400px;}
.navbar-mobile {position: fixed; text-align: right; font-size: 11px; padding: 0 0 0 0; top: 0; left: 0; right: 0; background: #fff; width: 100%; height: 45px; z-index: 2000; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15);}
.navbar-mobile > a.btn {text-decoration: none; color: #231815; position: relative; display: block; width: 44px; height: 44px; padding: 9px 0 0 0; background-color: #fff; font-size: 1rem; line-height: 1.0; text-align: center; float: right;}
.navbar-mobile > a.btn > span {display: block;}
.navbar-mobile > a.btn:before {width: 21px; height: 17px; background-position: -15px -300px;    margin-bottom: 2px;}
.navbar-mobile .logo-mobile {position: absolute; left: 50%; top: 50%; margin-top: -11px; margin-left: -137px;}
.navbar-mobile .logo-mobile > span {background: url(../images/logo-xs.png) no-repeat; background-size: contain; display: block; width: 240px; height: 22px;}
/*.mainContent {transition: margin-left .5s;}*/







/* ////////// Footer ////////// */
/*Desktop*/
.wrapper-footer {background-color: #005ca2; padding: 30px 0; position: relative;}
 footer, footer a {color: #fff;}
 footer, footer > .container {clear: both; position: relative; margin: 0 auto;}
 footer a:hover {color: inherit;}
.footer-links {margin-bottom: 30px;}
.footer-links a {color: #fff; font-size: 13px; line-height: 1.25;}
.footer-links h3 {margin-top: 0;}
.footer-links h3 > a {display: block; padding: 0 0 10px 0; border-bottom: 1px solid #4d8dbe; color: #fff; font-size: 19px; line-height: 1.25;}
.footer-links h3 > a[target="_blank"]:after {margin: 0 0 0 7px; vertical-align: middle;width: 9px; height: 9px; background-position: -20px -200px;}
.footer-links li:first-child {margin-bottom: 15px;}
.footer-links li:not(:first-child) {margin-bottom: 10px;}
.inline-links > li {margin-left: 20px; padding-left: 20px; line-height: 1; border-left: 1px solid #6699cc;}
.inline-links > li:first-child {border-left: none; margin-left: 0;}
/*Mobile*/
.wrapper-footer.mobile {padding: 0; color: #ffffff;}
.wrap-totop {background: #ffffff; border-bottom: 1px solid #337db5;}
.wrapper-footer.mobile ul.wrap-list {list-style-type: none; padding: 0; margin-bottom: 0;}
.wrapper-footer.mobile ul.wrap-list li {display: table; float: left;  width: 50%;  text-align: center; border-bottom: 1px solid #337db5;}
.wrapper-footer.mobile ul.wrap-list li:nth-child(2n+1) {border-right: 1px solid #337db5;}
.wrapper-footer.mobile ul.wrap-list li a {display: table-cell; width: 100%; height: 40px; color: #ffffff; font-size: 11px; font-size: 1.1rem; line-height: 1.25; text-align: center; vertical-align: middle;}


/*//////////////////Media Query//////////////////*/

/*col-xss*/
@media (max-width: 480px) { 
  .row.row-xxs .col-xxs {width: 100%;}
  .row.row-xxs .col-xs-6.col-xs-offset-3 {margin-left: 0px;} 
}
@media (max-width: 640px) { 
  .row.row-xxs640 .col-xxs {width: 100%;}
}
/*col-xs (Extra small devices)*/
@media (max-width: 767px) { 
  .modal-body {font-size: 12px;}
  
  /*Mobile Menu*/
  .offcanvas {padding-top:0; -webkit-box-shadow: 2px 0px 8px 0px rgba(0,0,0,0.3) inset; -moz-box-shadow: 2px 0px 8px 0px rgba(0,0,0,0.3) inset; -ms-box-shadow: 2px 0px 8px 0px rgba(0,0,0,0.3) inset; -o-box-shadow: 2px 0px 8px 0px rgba(0,0,0,0.3) inset; box-shadow: 2px 0px 8px 0px rgba(0,0,0,0.3) inset;}
  .offcanvas .list-mainmenu-mobile ul a,
  .offcanvas .list-footermenu-mobile ul a {/*/////*/}
  .offcanvas .wrapper-langswitch > a.btn:before,
  .offcanvas .wrapper-langswitch > a.btn:after,
  .offcanvas .list-mainmenu-mobile ul a[target="_blank"]:after,
  .offcanvas .list-footermenu-mobile ul a[target="_blank"]:after {content: ""; display: inline-block; background-image: url(../images/sprite%402x.png); background-size: 200px 400px;}
  .offcanvas .list-mainmenu-mobile ul a[target="_blank"]:after,
  .offcanvas .list-footermenu-mobile ul a[target="_blank"]:after {width: 9px; height: 9px; background-position: 0px -210px; margin: 0 0 0 6px; vertical-align: middle;}
  
  .offcanvas .wrapper-langswitch > a.btn,
  .offcanvas .wrapper-langswitch ul li a {font-size: 12px; color: #fff;}
  .offcanvas .wrapper-langswitch {padding: 0 20px; margin-bottom: 15px;}
  .offcanvas .wrapper-langswitch > a.btn {width: 210px; text-align: left; padding-left: 8px; padding-right: 8px; background: #666666; border: none; border-radius: 0;}
  .offcanvas .wrapper-langswitch > a.btn:before {vertical-align: middle; margin: 0 5px 0 0; width: 11px; height: 11px; background-position: 0px -320px;}
  .offcanvas .wrapper-langswitch > a.btn:after {float: right; margin: 4px 0 0 0; width: 8px; height: 7px; background-position: 0px -300px}
  .offcanvas .wrapper-langswitch > a.btn:active:hover,
  .offcanvas .wrapper-langswitch > a.btn:active:focus {background: #666666;}
  .offcanvas .wrapper-langswitch ul {padding: 0; list-style: none; background: #888888; border-bottom: 1px solid #666666;}
  .offcanvas .wrapper-langswitch ul li {border-bottom: 1px solid #666666;}  
  .offcanvas .wrapper-langswitch ul li a {font-weight: bold; padding: 7px 10px; display: block;}
  .offcanvas .wrapper-langswitch ul li a:hover {text-decoration: none; background: #999999;}
  
  .wrapper-search {padding: 0 20px; margin-bottom: 15px; margin-top: 12px;}
  .wrapper-search .form-group {width: 210px; overflow: hidden; margin-bottom: 20px;}
  .wrapper-search .form-group input {padding: 5px 6px; width: 182px; height: 28px; float: left; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-color: #444444; color: #dedede; -webkit-appearance: none; font-size: 12px}
  .wrapper-search .form-group button {float: left; width: 28px; height: 28px; background: #444444; color: #fff; border: none; border-radius: 0; padding: 0;}
  .wrapper-search .form-group button:active:hover,
  .wrapper-search .form-group button:active:focus {background: #444444; color: #ffffff;}
  
  .modal-title {font-size: 20px;}
}
/*col-sm (Small devices Tablets)*/	
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper-mainmenu .container, .mainmenu {    width: 768px;}
  .modal-title {font-size: 26px;}	
}
/*col-md (Medium devices Desktops)*/
@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper-mainmenu .container, .mainmenu {    width: 940px;}
  footer, footer > .container {width: 940px;}
}
/*col-lg (Large devices Desktops)*/
@media (min-width: 1200px) {
  
}