/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Abel|Oswald:400,700');

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:0px;}
.datatable { width:100%; border-spacing:1px; background: #e6e6e6;}
.datatable th {color:#fff; font-size:16px; background: #c00000; text-align:center; padding:10px; line-height: 140%;}
.datatable td { color: #3a3a3a; background: #fff; font-size:16px; text-align:center; padding:5px; line-height: 140%;}

.list-disc li { list-style-type:disc; margin:0 0 0 20px;}


header {position: absolute; top:0; left: 0; width: 100%; z-index: 100;}
.logo { position:absolute; z-index:10000; top:0px; left:44px; display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.logo a { display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.logo a > span:nth-of-type(2) { padding-left: 9px; font-size: 22px; color: #fff; letter-spacing: 1px;}

.lang {display: inline-block !important; width: auto!important;}
.lang:hover {opacity: 0.6;}



@media only screen and (max-width: 3000px) {
nav {padding: 41px 41px 0 0;}
.showhide:before { content:"MENU"; display:block; position:absolute; right:11px; bottom:-7px; text-align:right; font-size:12px; color:#fff; width:50px; letter-spacing: 1px;}
.search { display:block !important; position:relative !important; padding:0; margin-top:10px !important;}
.search input[type="submit"] {top: -2px !important; right: 12px !important;}
.search input[type="text"] { padding-right:45px !important;}
	
.right-service { display:none;}

.showhide-rotate em:nth-of-type(1) { position:relative; top:9px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
.showhide-rotate em:nth-of-type(2) { display:none;}
.showhide-rotate em:nth-of-type(3) { position:relative; top:1px;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);}

}

@media only screen and (max-width: 980px) {
	.logo {left: 0px;}	
	nav {padding-right: 10px;}	
}

@media only screen and (max-width: 570px) {
	.logo a > span:nth-of-type(2) {display: none;}
}