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

img {max-width:100%;height: auto;}
article a {word-wrap: break-word;word-break: break-all;}
.datatable{overflow-x: auto; display: block;}
.datatable table { width:100%; border-spacing:0px;}

header { background:rgba(42,42,42,.8); height:100px; position:absolute; width:100%; padding:0 25px; z-index:998;}
.logo { position:absolute; top:29px; z-index:99999;}
nav { padding-left:265px; padding-top:54px; text-align:left;}
ul.menu { }
ul.menu li { display:inline-block; font-size:18px; text-transform:uppercase; padding-top:4px;}
ul.menu li:last-child { float:right; padding-top:0;}
ul.menu li > a { display:block; color:#999999; padding:0px 17px;}
ul.menu li > a:hover { color:#c4b07b;}
.m_menu { display:none;}
.search { width:165px; height:30px; border:1px solid #c2c2c2; background:#fff; display:inline-block; border-radius:12px; margin-right:10px; vertical-align:top;}
.search-txt { background:none; border-width:0; padding:6px 0 0 6px; float:left; width:calc(100% - 30px); color:#333; font-size:13px;}
.search-btn { width:30px; line-height:24px; height:30px; text-align:center; color:#828282 !important; font-size:16px; display:inline-block; float:left;}
.search-btn:hover { color:#000 !important;}
.lang { cursor:pointer; display:inline-block; vertical-align:top;}
.lang-open { display:none; position:relative; z-index:10;}
.lang-open a { display:block;}

.fix{ text-align: center;}
.fix:before{ display: inline-block; width: 0px; height: 100%; vertical-align: middle; content: ' ';}
.fix img,.fix p{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; box-sizing: border-box;}



@media only screen and (max-width: 1300px) {
ul.menu{ display:none;}
.m_menu{ display:block; position:absolute; height:48px; overflow:hidden; z-index:9999; margin-bottom:10px; text-align:right; top:52px; right:0; width:100%; border-bottom:1px solid rgba(255,255,255,.3); }
.m_menu.active{ }
.m_menu a.main{ display:block; padding:0 15px; font-size:22px; color:#fff; line-height:26px; font-family:Lato;  height:48px;}
.m_menu a.main i{ font-style:normal; font-family:FontAwesome; padding-right:8px; display:inline-block; font-size:20px; padding-top:3px;}
.m_menu ul.nav{ background:rgba(0,0,0,.85); margin-top:0px; border-top:1px solid rgba(255,255,255,.3); }
.m_menu ul.nav li { text-align:left;}
.m_menu ul.nav li:last-child { padding:12px 16px;}
.m_menu ul.nav li > a { color:#999999; display:block; padding: 12px 16px; font-size:18px; border-bottom:1px solid rgba(255,255,255,.1); }
.m_menu ul.nav li > a:hover { color:#c4b07b; }
.lang-open { display:inline-block; top:0; left:3px;}
.lang-open a { display:inline-block; padding:0 3px;}
}
@media only screen and (max-width: 960px) {

}

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

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

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

}

@media only screen and (max-width: 414px) {
#content { padding-top:100px;}
}

@media only screen and (max-width: 320px) {
header { height:78px;}
.logo { left:10px; top:16px;}
.logo img { width:180px;}
.m_menu { top:30px;}
#content { padding-top:78px;}
}