/*body {font-family: 'Corbel';} /*for English*/
body {font-family: 'Ubuntu', sans-serif;}
.dir {text-align: left;}
.opp {text-align: right;}

*, *:before, *:after {box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {margin: 0;}
header {z-index: 1; position: sticky;  top: 0; width: 100%; padding: 20px; transition: padding 300ms ease; background-image: url("hd_bg.png"); box-shadow: 0px -10px 25px #333333;}

/*Links*/
a.hdlnk {margin-right: 10px; font-size: 14px; color: #000000; text-decoration: none;}
a.hdlnk:last-child {margin-right: 0;}
a.hdlnk-active {color:#3da6fb; font-weight: bold;}

.more:link, .more:visited {color: #3da6fb; text-decoration: none; font-size: 16px;}
.more:hover {color: #ffa800; text-decoration: underline}
.mored:link, .mored:visited {color: #003885; text-decoration: none; font-size: 16px;}
.mored:hover {color: #a25f00; text-decoration: underline}

.ftlnk:link, .ftlnk:visited {color: #ffffff; text-decoration: none}
.ftlnk:hover {color: #ffa800}

.fftlnk:link, .fftlnk:visited {color: #555555; text-decoration: none}
.fftlnk:hover {color: #ffa800}

.logolnk:link, .logolnk:visited, .logolnk:hover {color: #000000; text-decoration: none; cursor: alias;}

/*General Specs*/
.lft {text-align: left;}
.rit {text-align: right;}
.cnt {text-align: center;}
.bold {font-weight: bold;}
.clrf {color: #ffffff;}
.clr0 {color: #000000;}
.clr5 {color: #555555;}
.bg0 {background-color: #000000}
.bge {background-color: #eeeeee;}
.bgf {background-color: #ffffff;}	/*Not Used Yet*/
.bg6 {background-color: #666666;}
.bg5 {background-color: #555555;}
.bg4 {background-color: #444444;}
.rnd {border-radius: 25px;}
.stw {width: 120px; padding: 20px;}
.sup {width: 200px; padding: 20px;}
.shd {box-shadow: 0px 0px 5px #000000;}
.shdtxt {text-shadow: 0px 0px 5px #ffffff;}
.jus {text-align: justify;}			/*Not Used Yet*/
.vtp {vertical-align: top;}
.sps {margin: 25px;}
.Wid {width: 100%;}
.doubleline {line-height: 500%;}


.logobox {width: 100%; max-width:1200px;}
.logotd {min-width: 40px; width: 10%;}
.logotxt {min-width: 150px;}
.address {background-position: top center; background-repeat: no-repeat; background-image:url('address.png')} /*Not Used Yet*/

.txtboxbgsta {background-position: center; background-repeat: no-repeat;}
.txtboxbgdyn {background-position: center; background-repeat: no-repeat; background-attachment: fixed;}
.txtboxbgdyndbl {background-position: center, center; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed;}
.txtbox {width: 100%; max-width:1100px; margin-top: 0px; margin-bottom: 0px;}

.prtnrimg {width: 80px; height: 80px; margin-right: 30px;  filter: grayscale(100%)}
.prtnrimg:hover {filter: grayscale(0%)}
.txt0 {line-height: 2;}
.txt1 {font-weight: bold; font-size: 30px;}
.txt1p {font-weight: bold; font-size: 25px;}
.txt2 {font-size: 19px;}
.txt2p {font-size: 16px;}
.txt3 {font-size: 12px;}

.top {margin-top: 70px;}

.bglgo {background-image: url(../Home/IMG/AbtBgTp.png), url(../Home/IMG/logobg.png); background-position: top, left middle; background-repeat: repeat-x, no-repeat;}

.ftpic {width:112px; filter: grayscale(100%)}
.ftpic:hover {filter: grayscale(0%)}

.headbgs {background-repeat: no-repeat; background-position: center; }
.Sec2pix {border: 1px solid #000000; border-radius: 20px; padding: 5px; min-width: 270px; width: 100%; filter: grayscale(50%); box-shadow: 0px 0px 5px #000000;}

/*Map*/
      #map {
        height: 300px;  
        width: 100%;  
       }


/*ResponsiveTables*/
	@media
	  only screen 
    and (max-width: 710px), (min-device-width: 768px) 
    and (max-device-width: 1024px){

.Responsive table, .Responsive thead, .Responsive tbody, .Responsive th, .Responsive td, .Responsive tr {display: block;}