/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

input,button,select,textarea{outline:none}
 *:focus { outline: none; }

img {max-width:100%;height: auto;}
.editor a {word-wrap: break-word;word-break: break-all;}
.editor ul, .editor li { list-style-type:initial;}
.table_scroll{overflow-x: auto; display: block; padding-bottom:15px;}
.datatable { min-width:600px; width:100%; border-spacing: 1px; background:#0E5BA1;}
.datatable th { background:#0e5ba1; color:#fff; font-size:15px; text-align:center; vertical-align:middle; padding:5px; white-space: nowrap; }
.datatable td { color:#333; font-size:15px; text-align:center; vertical-align:middle; padding:5px;}
/* .datatable td:nth-child(2){ vertical-align:top; } */
.datatable tr:nth-child(odd) { background:#fff;}
.datatable tr:nth-child(even) { background:#E8F4FF;}
.datatable strong { font-size:1.1rem; }
.datatable ul{ margin:10px 0; }
.datatable.noline,.datatable.noline td{ border:0 none; }

header { height:137px; background:#fff;}
.logo { position:absolute; z-index:10000; top:9px; left:0px;}
nav { margin:0 0px 0 0px; position:relative; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; top:96px;}
.menuzord-menu > li:first-child { position:absolute; z-index:999; top:-62px; right:18px; padding:0; display: flex; flex-wrap: wrap; align-items: center;}
.search { width:196px; border-bottom:2px solid #000000; padding:0px 3px; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; display:inline-block;}
.search-txt { display:inline-block; vertical-align:top; width:calc(100% - 26px) !important; font-size:16px !important; color:#000000; background:none; border-width:0; border-width:0 !important; margin-bottom:0 !important;}
.search-btn { display:inline-block; vertical-align:top; width:26px ; font-size:22px; color:#000000; line-height:130%;}
.search-btn:hover { opacity:0.7;}
.lang { display:inline-block; vertical-align:top; margin-left:5px; }
.lang a { display:inline-block; vertical-align:top; width:30px; height:30px; box-shadow: 0px 0px 0px 2px #0c0407; text-align:center; line-height:30px; color:#070707; font-size:16px; margin-left:5px; font-weight:bold;}
.lang a:hover { color:#fff; background:#0c0407;}
.lang a:last-child:before{ content: '\f0e8'; font: normal normal normal 20px FontAwesome; }

.newlang {display:inline-block; margin-left:5px; position: relative;}
.newlang > div:nth-child(1) {display: flex; flex-wrap: wrap; align-items: center; cursor:pointer;}
.newlang > div:nth-child(1)::before {content: ''; background: url("../images/lang.png") no-repeat center; background-size: cover; width: 30px; height: 30px; margin-right: 10px;}
.newlang > div:nth-child(2) {position: absolute; right: 0; top: 40px; width: 150px; background-color: #e40112; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: left!important; opacity: 0!important; visibility: hidden; z-index: -9999; transition: all 0.5s ease 0s;}
.newlang > div:nth-child(2) a:link, .newlang > div:nth-child(2) a:visited {text-decoration:none; color:#fff; padding: 10px 15px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; transition: all 0.5s ease 0s;}
.newlang > div:nth-child(2) a:active, .newlang > div:nth-child(2) a:hover {text-decoration:none; color:#fff; background:#0c0407; cursor:pointer; transition: all 0.5s ease 0s;}
.newlang:hover > div:nth-child(2) {top: 30px; opacity: 1!important; visibility: visible; z-index: 999; transition: all 0.5s ease 0s;}
.newlang > div:nth-child(2) a img {margin-right: 10px;}
.newlang > div:nth-child(2) a {margin-bottom: 1px;}
.newlang > div:nth-child(2) a:last-child {margin-bottom: 0px;}
.newlang > div:nth-child(2) a.current {background:#0c0407!important;}



@media only screen and (max-width: 980px) {
header { border-bottom:1px solid #d1d1d1; height:100px;}
nav { position:absolute; width:100%; padding:0; border-width:0;}
.showhide:before { content:"MENU"; display:block; position:absolute; right:17px; bottom:-20px; text-align:right; font-size:12px; color:#0c0407; width:50px;}
.menuzord-menu > li:nth-of-type(1) { top:auto; right:auto; background:none !important; text-align:left; border-right-width:0; border-bottom:solid 1px rgba(0,0,0,.1); padding:10px !important;}

}

@media only screen and (max-width: 570px) {
.logo img:last-child { display:none;}
.search{ width:100%; margin-bottom:10px;}
.lang { margin-left:0;}
}

@media only screen and (max-width: 414px) {

}
@media only screen and (max-width: 320px) {

}