@charset "UTF-8";
/*@import url('font-notoSans-TC.css');*/
body{
  /*font-family: 'Noto Sans TC', sans-serif;*/
  font-family: Arial, "SimHei", "Microsoft YaHei", Helvetica, sans-serif;
  font-size: 20px;
  color: #333;
  overflow-x: hidden;
  padding-right: 60px;
  
}

/*input, button, select, textarea, h1,h2,h3,h4,h5,h6{
  font-family: 'Noto Sans TC', sans-serif;
}*/
.hide-on-small{ display: block;}
@media only screen and (max-width:767px) { 
  .hide-on-small{ display: none;}
}
.show-on-small{ display: none;}
@media only screen and (max-width:767px) { 
  .show-on-small{ display: block;}
}

.main-banner__slide .hide-on-small{ display: block;}
@media only screen and (max-width:730px) { 
  .main-banner__slide .hide-on-small{ display: none;}
}

.main-banner__slide .show-on-small{ display: block;}

@media only screen and (max-width:730px) { 
  .main-banner__slide .show-on-small{ display: none;}
}


.clear{
  clear: both;
} 
a, a:hover, a:active, a:visited{
  transition: all 0.4s;
  text-decoration: none ;
}


p a{ 
  text-decoration: none ;
}
/*
img,a,button,input, *{
  outline: 0;
}*/
img{
  max-width: 100%;
}
ul{
  margin: 0;
  padding: 0;
  /*list-style: none;*/
}
select:focus, input:focus {  
 border:1px solid #ff0000;
 outline: 1;
}
#wcag_logo{
  display: inline-block;
}
/** Start of Header **/
.header{
  background-color: #ffffff;
  padding: 10px 0px 10px 20px;
  position: relative;
  min-height:100px;
  z-index:100;
}
@media only screen and (max-width:990px) { 
  .header{
    min-height:auto;
    padding: 5px 5px 5px 0px;
  }
}
.header .logo img{min-width:220px; margin-top: -5px;}
.header ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}
.header ul a{
   color: #3d3d3d;
}
.header ul.menuTop{
  /*margin: 0;*/
}
.header ul a:hover{
  text-decoration: none;
}
.header ul.menuTop li{
  padding: 0 14px;
}
.header ul.menuTop li a{
  position: relative; 
  font-weight: bold;
  font-size:0.9em;
  padding: 0;
}
.header ul.menuTop li a:hover{
  /*color: #0f2163;*/
}
 
.header ul.menu2{
  padding-left: 15px;
  white-space: nowrap;
  font-size: 0.9em;
}
.header ul.menu2 li a{  
  font-weight: bold;
  padding: 0 6px;
}
.header ul.shareIt li a{
  padding: 0 10px;
}
.header ul.shareIt{
  padding: 0 10px;
}
/* .header ul.shareIt li:first-child{display:none;}
.redDot,
.header ul.menuTop li a span:after{
  content: '';
  width: 5px;
  height: 5px;
  background-color: #ff0000;
  border-radius: 50%;
  position: absolute;
  right: -7px;
  top: 2px;
} */

.righthdr, .nav{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.righthdr{
  margin-right: 30px;
 
}
@media only screen and (max-width:1290px) { 
  .righthdr{
    margin-right: 40px;
  }
}
@media only screen and (max-width:990px) { 
  .righthdr{
    display: none;
  }
}

/*Sub Menu*/ 
.submenus {
    position: absolute;
    left: 0;
    width: 100%;
    top:80px; /*60px;*/
    z-index: 105;
    padding-top: 20px;
    
    display: none;
    transition: ease 0.5s;
}
.header ul.menuTop> li:hover .submenus,
.header ul.menuTop> li:focus .submenus,
.header ul.menuTop> li.main.is_focused .submenus{
   /* display: block;
    transition: ease 0.5s; WA Esc */
}

.header ul.menuTop> li:focus a.category ,
.header ul.menuTop> li:active a.category { 
  /*color:#0f2163;*/ outline: none;  border:none;
}
.header ul.menuTop> li a.category { 
  white-space:nowrap;
  background: none; /* WA Esc 221223 
  outline: none;*/
}
.header ul.menuTop> li a:visited,.header ul.menuTop> li a, .header ul.menuTop> li a:visited,.header ul.menuTop> li a:hover,
.header ul.menuTop> li a:visited,.header ul.menuTop> li a:active{
  text-decoration: none;
}


.submenus .inrbgs{
    position: relative;
    background: #fff;
    box-shadow: 0 0 4px #ccc;
    width: 100%;
    padding: 35px 40px;
}
.submenus .inrbgs .container-fluid{
  display: flex;
  justify-content: space-between;
}
.submenus .inrbgs h3{
  position: absolute;
  right:80px;
  bottom: 20px; 
}
.submenus .menuContent{
  width: 28%;
  padding-right: 25px;
}
.submenus .subinrmenu {
    width: 70%;
    display: inline-block;
}
.submenus .menuContent h2 {
    font-size: 1.6em;
    font-weight: 600;
    color: #3d3d3d;
    margin-bottom: 5px;
    margin-top: -0.2em;
   padding-bottom: 0.5em;
    
}
.submenus .menuContent p{
  font-size: 0.8em;
  font-weight: 600;
  color: #3d3d3d;
}
.submenus .subinrmenu ul {
    float: left;
    display: inline-block;
    width: 33.33%;
}
.submenus .subinrmenu ul li{
  padding-bottom: 12px;
  position: relative;
  padding-left: 18px;
}
.submenus .subinrmenu ul li a{
  font-size:0.8em;
}
.submenus .subinrmenu ul li:before{
  content: '';
  width: 5px;
  height: 5px;
  background-color: #0a589c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}

/* .languageDd a:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  margin-left: 4px;
  font-size: 18px;
  position: relative;
  top: 1px;
}
.languageDd ul li a:after{display: none !important;} */
.nav ul li.languageDd {   
  position: relative; 
}
 
.nav ul li.languageDd ul {
  position: absolute;
  display: none;
  top: 29px;
  left: 0;
  width: 80px;
  margin-left: -24px;
}
.nav ul li.languageDd ul li {
  cursor: pointer;
  background: #ffffff;
  border-radius: 0;
  padding: 2px 0 2px 0;
  display: block;
  color: #3d3d3d;
  text-align: center;
  margin-bottom: 1px;
  border: solid 1px lightgrey;
}
.header ul.menu2 li.languageDd ul a{color: #3d3d3d; }
 
 
.nav ul li.languageDd.active {
  border-radius: 14px 14px 0 0;
}
header .langList {display: none;}

.callmobileRight, .mobiles.sliderHhome, .header .fotsocial, .clickTogghle,  .togglemobile {
  display: none;
}
.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;   
  box-shadow: 0px 3px 4px rgb(150 150 150 / 20%);
  padding-right: 60px;
}

.header .logo img{
  width: 100%;
  max-width: 300px;
}

.container-fluid{
  padding-left: 0px;
  padding-right: 0px;
}
.header ul a{
  color: #000;
  font-size:0.9em;
  font-weight: bold;
}
/*** 27 Aug 2022 ***
.header ul.menuTop> li:focus-within .submenus{display: block;
  transition: ease 0.5s;	 } WA Esc 221223 */
.header ul.menuTop> li:focus-within a.category{outline-width:2px;  width:100%;}
/*** 27 Aug 2022 ****/
/*
.header ul.menuTop> li:focus-within .submenus{display: block;
    transition: ease 0.5s;	 }
.header ul.menuTop> li:focus-within a.category{outline-width:2px; color: #0f2163; width:100%;}
*/
/** End of Header **/


/** Start - Home Page - Header **/


.logoLight {display: none; }
.home .header{position: fixed; width: 100%; padding: 10px 50px 10px 20px;  background: transparent;}
.home .header.sticky{ background: #fff;}
.home .header ul a,
.home .header ul.shareIt li a {color: #fff;}

[data-key-txt-color="black"] .header ul a {color: #111;}
.home[data-key-txt-color="black"] .header ul a,
.home[data-key-txt-color="black"] .header ul.shareIt li a {color: #111;} /*3d3d3d*/

.home .header ul.menuTop .subinrmenu li a {color: #111;}
.home .logoDark {display: none; }
.home .logoLight {display: block; }
.home[data-key-txt-color="black"] .logoLight {display: none; }
.home[data-key-txt-color="black"] .logoDark {display: block; }
.home .header.sticky ul a,
.home .header.sticky ul.shareIt li a {color: #111;}
.home .header.sticky .logoLight {display: none; }
.home .header.sticky .logoDark {display: block ; }

/**  End - Home Page - Header **/


.cleafrix{
  clear: both;
}
.no_bullet{
  list-style: none;
}

.search{
  text-align: right;
  margin-bottom: 20px;
}
.below-search{
  text-align: right;
}
.search-input {
  margin-top: 3em;
  width: 40%;
  font-size: 18px;
  border: none;
  background: #eee;
  border-radius: 4px;
  padding: 0.5em 1em 0.5em 1em;
}
.search-input::placeholder {color: #555;}       /* Chrome, Firefox, Opera, Safari 10.1+ */
.search-input:-ms-input-placeholder {color: #555;}     /* Internet Explorer 10-11 */
.search-input::-ms-input-placeholder  {color: #555;}     /* Microsoft Edge */

.lang{
  display: none;
}
@media only screen and (max-width:990px) { 
  .lang{
    display: inline-block;
  }  
}
.container{width: 100%; max-width:1240px; margin:0 auto; padding-left: 35px; padding-right: 35px;}

@media only screen and (max-width:990px) { 
  .innerMenus .container{padding-left: 0px; padding-right: 0px;} 
  .innerPages .container{padding-left: 0px; padding-right: 0px;} 
 
}

.container-fluid{max-width:1240px; margin:0 auto;}
.btns {
    background-color: #EB1000; /* b4 WA #fd6220;*/
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 33px;
    display: inline-block;
    border-radius: 3px;
}
.btns:hover {
    background-color: #0f2163;
    color: #fff;
}


.innerPagesbox .addednameatt p{
  text-align:left;
}

.hdInner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/*banner*/
.banner{
  width: 100%;
  position: relative;
  z-index: 0;
}
.banner .owl-nav{
  display: none;
}
.banner .owl-dots {
    position: absolute;
    left: 44px;
    top: 50%;
    transform: translate(0, -50%);
}
.banner .owl-dots button{
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  display: block;
  margin: 16px 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.banner .owl-dots button.active{
  background: #EB1000; /* b4 WA #fd6220;*/
}
/*Right Sidebar*/
.rightSidebars{
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 60px;
  background: #fff;
  z-index: 1;
  text-align: center;
  padding-top: 102px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.rightSidebars li{
  border-top: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
  margin-top: -2px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.toolTips {
    position: absolute;
    background: #fff;
    right:67px;
    top: 17px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 3px 14px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    display: none;
    min-width: 120px;
}
.rightSidebars li:hover .toolTips {
  display: block;
}

.Searchbar {
    position: absolute;
    top: 55px; /*93px;*/
    width: 100%;
   
    box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.16);
    z-index: 1;
    left: 0;
   
    padding: 0px 0;
    padding-top:45px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.Searchbar input{
  border: 0;
  border-bottom: 0px solid #333;
  padding: 10px 0;
 
  font-size: 1.1em;
  color: #000;
  width: 100%;
  height: 60px;
  font-weight: normal;
  background-color: #eee;
  padding: 1em;
  border-radius: 15px;
}
.Searchbar input::placeholder {
  font-size:1.1em;
  font-weight: bold;
  opacity: 1; /* b4 WA 0.5;*/
  color:#333; 
 
}

.Searchbar form{
  width: 100%;
  background:  #fff;
  position: relative;
  text-align: center;
  padding-top: 20px;
  padding-bottom:20px;
}
.Searchbar .form{
  width: 50%;
  position: relative;
  display: inline-block;
  text-align: left;
}
.Searchbar button {
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 1.5em;
    background: transparent;
    border: 0;
    color: #000;
}

@media only screen and (max-width:990px) {	
  .Searchbar {   
    top: 0px;  
    padding-top:0px;
  }
  .Searchbar form{
    background: none;
    padding-top: 0px;
    padding-bottom:0px;
  }
  .Searchbar input{   
    font-size: 0.9em;
    color: #000;  
    padding: 2em;
    border-radius: 15px;
  }
  .Searchbar button {
    
    right: 2px;
    top: 10px;
    font-size: 1.3em;      
  }
  
}
.errorMsg {
    display: none;
    color: #f00;
    font-size: 12px;
}




/** Side Bar **/
.side_bar img{
  max-width: 44px;
}
/*Social Media Feed*/
.socialmediaFeed {
    background: #ededee;
    margin-top: 30px;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
}
.socialmediaFeed::before {
    content: "";
    background: url(../img/socialmedia_bg.png) 20px 20px no-repeat;
    background-size: cover;
    position: absolute;
    width:100%; 
    display: block;
    height: 94%;
}
.sMediaBox {
    width: 85%;
    position: relative;
    background-image: url(../img/newsslide-bgimage.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 750px; /*650px;*/
}
 
.smdBox {
    display: none;
    /* box-shadow: 17px 17px 0 #b6d8c4; */
}
 
.socilmediaBtns {
    position: absolute;
    right: -83px;
    top: 30px; /* b4 add 小紅書 71px; */
    width: 83px;
}
.socilmediaBtns li {
    border: 4px solid #ccc;
    margin: 2px 0;
    border-left: 0;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 4px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    background-color: #fff;
    font-size: 34px;
    transition: ease 0.5s;
    overflow-x: hidden;
}
@media only screen and (max-width:600px) {	
  .socilmediaBtns li {
    margin: 8px 0;  
}
}
.socilmediaBtns li.active,
.socilmediaBtns li:hover{
  width: 150px;

}
.socilmediaBtns li a{
  display: flex;
  align-items: center;
}
.socilmediaBtns li a span{
  color: #fff;
  font-size: 20px;
  padding-left: 10px;
  display: none;
}
.socilmediaBtns li a:hover {
  text-decoration: none;
}
.socilmediaBtns li.active a span,
.socilmediaBtns li:hover a span{
  display: block;
 }
.socilmediaBtns li.fb{
  background-color: #dfe9fa;
  border-color: #4b90ff;
}
.socilmediaBtns li.fb.active,
.socilmediaBtns li.fb:hover{
  background-color: #4b90ff;
}
.socilmediaBtns li.fb a{
  color: #4b90ff;
}
.socilmediaBtns li.yt{
  background-color: #ffd8da;
  border-color: #fd0e1c;
}
.socilmediaBtns li.yt.active,
.socilmediaBtns li.yt:hover{
  background-color: #fd0e1c;
}
.socilmediaBtns li.yt a{
  color: #fd0e1c;
}
.socilmediaBtns li.itg{
  background-color: #ffe8f4;
  border-color: #fe55b0;
}
.socilmediaBtns li.itg.active,
.socilmediaBtns li.itg:hover{
  background-color: #fe55b0;
}
.socilmediaBtns li.itg a{
  color: #fe55b0;
}
.socilmediaBtns li.twr{
  background-color: #fff;
  border-color: #000;
  color:#000;
  /*
   background-color: #e8f6ff;
  border-color: #74cafd;
  */
}
.socilmediaBtns li.twr.active,
.socilmediaBtns li.twr:hover{
  background-color: #fff;
  /* background-color: #74cafd;*/
}
.socilmediaBtns li.twr a{
  /*
  color: #74cafd;*/
  color:#000 !important;
}
.socilmediaBtns li.wbo{
  background-color: #fffbde;
  border-color: #fd9e2d;
}
.socilmediaBtns li.wbo.active,
.socilmediaBtns li.wbo:hover{
  background-color: #fd9e2d;
}
.socilmediaBtns li.wbo a{
  color: #fd9e2d;
}
.socilmediaBtns li.wct{
  background-color: #fafff2;
  border-color: #94d328;
}
.socilmediaBtns li.wct.active,
.socilmediaBtns li.wct:hover{
  background-color: #94d328;
}
.socilmediaBtns li.wct a{
  color: #94d328;
}
.socilmediaBtns li.xhs{
  background-color: #ffffff;
  border-color: #fe2842;
}
.socilmediaBtns li.xhs.active,
.socilmediaBtns li.xhs:hover{
  background-color: #fd808c;
  color: #fe2842;
}
.socilmediaBtns li.xhs a{
  color: #fe2842;
}
.socilmediaBtns li.whatsapp{
  background-color: #fafff2;
  border-color: #25D366;
}
.socilmediaBtns li.whatsapp.active,
.socilmediaBtns li.whatsapp:hover{
  background-color: #25D366;
}
.socilmediaBtns li.whatsapp a{
  color: #25D366;
}

.socilmediaBtns li.douyin{
  background-color: #f2fafd;
  border-color: #000;
}
.socilmediaBtns li.douyin.active,
.socilmediaBtns li.douyin:hover{
  background-color: #f2fafd;  
  color:#000;
}

.socilmediaBtns li.douyin a span{
  color: #000;
}



.socilmediaBtns li.active a,
.socilmediaBtns li:hover a{
  color: #fff;
  text-decoration: none;
}
.twr img, .xhs img {
  width:42px;
}
@media only screen and (max-width:767px) {	
  .twr img, .xhs img {
    width:28px;
  }
}
.sMediaBox .inrCntnt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
}
.sMediaBox .inrCntnt> div{
  width: 50%;
}
.sMediaBox .inrCntnt .images img{
  width: 100%;
}
.sMediaBox .contents{
  text-align: left;
  padding-left: 50px;
}
.sMediaBox .contents h2{
  color: #052c55;
  font-size: 2em;
  line-height: 1.5em;
  margin: 0;
  font-weight: bold;
  
  
}
.sMediaBox .contents p{
  color: #333; 
  margin: 0;
  font-weight: 600;
  font-size: 1.2em;
  font-weight: 100;
  margin-top:20px;
 
}
.sMediaBox .contents .btns{
  margin-top: 40px;
  display: inline-block;
}
.yuTubeBox .inrCntnt {
    flex-direction: column;
    text-align: center;
}
.yuTubeBox .inrCntnt h2{
  
  margin-top: 0;
}
.yuTubeBox .contents{
  text-align: center;
  padding-left: 0;
}


/*inforsliers*/
.inforsliers{
  background-color: #f7e4d1;
  padding: 50px 0; 
  margin-top: 70px;
  overflow-x: hidden;
}
.inforsliers .infosliders{
  padding-left: 30px;
  width:100%;
}
.inforsliers h2{
  color: #022953;
  font-weight: bold;
  font-size: 50px;
  text-align: center;
  margin-bottom: 70px;
}
.inforsliers .infobox {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 21px 10px 21px 0;
    box-shadow: 10px 10px 0 #bababa;
    margin-bottom: 20px;
}
.inforsliers .sliderbox{
  padding: 0 30px;
}
.inforsliers .infobox .images {
  height: 166px;
  width: 196px;
  border-radius: 10px;
  overflow: hidden;
  margin-left: -30px;
}
.inforsliers .infobox img {
  object-fit: cover;    
  min-height: 166px;  
  min-width: 166px;
  
}
.inforsliers .infobox h2{
  color: #204062;
  font-weight: bold;
  font-size: 1em;
  min-height: 114px;
  max-height: 114px;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
.inforsliers .infobox h2 a{
  color: #204062;
  text-decoration: none;
}
.inforsliers .infobox p {
  color: #555;
  font-weight: 600;
  font-size: 0.8em;
  margin-top: 10px;
  min-height: 40px;
  margin-bottom: 5px;
}
.inforsliers .infobox p a{
  color: #555;
}
.inforsliers .btmss{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right:16px;

}
.inforsliers .btmss span{  
  border-left: 4px solid #1B7DB1; /* #38a6e1;*/
  padding-left: 8px;
  margin: 0;
  white-space:nowrap;
  font-size:0.7em;
  font-weight: bold;
  color:#1B7DB1; /*#38a6e1;*/
}
.inforsliers .btmss.crime span{
	border-left:4px solid #a7815b;
}
.inforsliers .btmss.public span {
	border-left:4px solid #144093;
	
}
.inforsliers .btmss.missing span {
	border-left:4px solid #3fa7de;
	
}
.inforsliers .btmss.others span {
	border-left:4px solid #bb1361;

}
.inforsliers .btmss.traffic span {
	border-left:4px solid #26ccc0;
}
.inforsliers .btmss.crime span a{
	color:#a7815b;
}
.inforsliers .btmss.public span a{
	
	color:#144093;
}
.inforsliers .btmss.missing span a{

	color:#3fa7de;
}
.inforsliers .btmss.others span a{

	color:#bb1361;
}
.inforsliers .btmss.traffic span a{
	
	color:#26ccc0;
}
.infoContents {
    width: 70%;
    padding-left: 20px;
}
.inforsliers .btmss i {
    font-size: 17px;
    color: #000;
}
.inforsliers .owl-dots{
  display: none;
}
.inforsliers .owl-nav {
    position: absolute;
    top: -155px;
    right: 30px;    
}
@media only screen and (max-width:600px) {	
  .inforsliers .owl-nav {
   display: none;  
}
}
.inforsliers .owl-nav button span{
  font-size: 0;
  background-image: url(../img/arrow_slider.png);
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  display: inline-block;
}
.inforsliers .owl-nav button.owl-prev span {
    margin-right: 10px;
    transform: rotate(180deg);
}
.inforsliers .owl-nav button.disabled{
  opacity: 0.3;
}

.buttonsbtm {
    text-align: center;
    padding-top: 50px;
}
.buttonsbtm a{
  background-color: #022953;
}
.buttonsbtm a:hover{
  background-color: #EB1000; /* b4 WA #fd6220;*/
}
.fullsliderss{
  width: 100%;
}
.fullsliderss img{
  width: 100%;
}
.fullsliderss .slides{
  text-align: center;
}

.fullsliderss .slidettext {
  position: absolute;
  top: 50%;
  left: 50%;
}
.fullsliderss .slidettext {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fullsliderss .slidettext h2{
  color: #fff;
  font-size: 70px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 40px;
}
.fullsliderss .slidettext a{
  background-color: #fff;
  color: #022953;
}
.fullsliderss .slidettext a:hover{
  background-color: #022953;
  color: #fff;
}
.fullsliderss .owl-nav{
  display: none;
}
.fullsliderss .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
}
.fullsliderss .owl-dots button{
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  margin: 0 7px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 2px solid #fff;
}
.fullsliderss .owl-dots button.active{
  background: #EB1000; /* b4 WA #fd6220;*/
}

.leftrightBox{
  display: flex;
  justify-content: space-between;
}
.leftrightBox> div{
  width: 50%;
  background-color: #f3f3f3;
  text-align: center;
  padding: 20px;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leftrightBox .rightbox{
  background-color: #022953;
}

.leftrightBox h2{
  margin: 0;
  font-size: 40px;
  color: #111;
  font-weight: bold;
}
.leftrightBox p{
  margin: 0;
  font-size: 16px;
  color: #111;
  font-weight: bold;
  margin: 24px 0;
}
.leftrightBox a{
  background-color: #022953;
}
.leftrightBox a:hover{
  background-color: #EB1000; /* b4 WA #fd6220;*/
}

.leftrightBox .rightbox a{
  background-color: #fff;
  color: #022953;
}
.leftrightBox .rightbox a:hover{
  background-color: #EB1000; /* b4 WA #fd6220;*/
  color: #fff;
}
.leftrightBox .rightbox p,
.leftrightBox .rightbox h2{
  color: #fff
}
.newsbgs{
  background-image: url(../img/news-bg.png);  
  background-size: cover;
  padding: 50px 0;
}
.newsbgs h2{
  text-align: center;
  font-size: 50px;
  color: #052c55;
  font-weight: bold;
  margin-bottom: 40px;
}
.newsbgs h2 img{
  position: relative;
  top: -4px;
}
.newsbgs .btns {
    background-color: #feab55;
    margin-left: 20px;
    word-break: keep-all;
}
.newsbgs .btns:hover{
  background-color: #022953;
}
.nwmitems {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    margin-bottom: 20px;
    /*border-radius: 6px;*/
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.newsbgs .leftsc {
    /*border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/
    background-color: #2E8465; /* b4 WA #59c49d*/
    width: 15%;
    text-align: center;    
    padding: 15px;    
    color: #ffffff;  
    font-size: 1em;
    font-weight: 600;
    min-width:120px;
}
.newsbgs .rightsc{
    width: 100%;
   /* max-width: 80%;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    color: #333;
    font-size: 1em;
    font-weight: bold;  
}
.newsbgs h4{
  
}
.newsbgs h3{
  
}
.newsbgs h3 small {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    margin: 0 2px;
    position: relative;
    top: 7px;
}
.newsbgs h3 span {
    font-size: 40px;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
    position: relative;
    top: 25px;
}
.newsbgs p{
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 3px;
  color: #fff;
  margin-top: 30px;
}
.newsBox {
    max-height: 620px;
    overflow: hidden;
    overflow-y: auto;
}
.newsBox::-webkit-scrollbar {
  width: 0;
}
.newsBox::-webkit-scrollbar-track {
  background: transparent; 
}
.newsBox::-webkit-scrollbar-thumb {
  background: transparent; 
}
.newsBox::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}
.clientLogos{
  padding: 80px 0 110px 0;
  overflow-x: hidden;
  width: 100%;
}
.clientSlider {
    width: 112%;
    position: relative;
    left: -3%;
}
.clientLogos .owl-nav{
  display: none;
}
.clientLogos .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -54px;
    transform: translate(-50%, 0);
}
.clientLogos .owl-dots button{
  width: 10px;
  height: 10px;
  background: #c5c9ce;
  border-radius: 50%;
  margin: 0 7px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.clientLogos .owl-dots button.active{
  background: #EB1000; /* b4 WA #fd6220;*/
}

.msgfourbox{
  padding: 90px 65px 60px 65px;
  background-color: #fbfbfb;
}
.msgfourbox .box{
  padding: 30px 30px 30px;
  border-radius: 10px;
  /*box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);*/
  background-color: #f8efdc;
  text-align: center;
  width: 48%;
  margin-bottom: 30px;
}
.msgfourbox h2{
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  color: #3d3d3d;
  margin-top: 0;
}
.msgfourbox p{
  font-size: 15px;
  font-weight: bold;
  line-height: 1.67;
  color: #3d3d3d;
}
.msgfourbox p span{
  display: block;
}
.msginner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.msginner a{
  color:#2F6FA7;
}
@media only screen and (max-width:990px) {	
  .msginner{
    display: block;
 
  }
  
  .msgfourbox {
    padding: 30px 20px 10px 20px;
}
.msgfourbox .box {
    padding: 17px 10px;
    width: 100%;
    margin-bottom: 15px;
}
.msgfourbox h2 {
    font-size: 1em;
    font-weight: bold;
}
.msgfourbox p {
    font-size: 0.8em;
    line-height: 1.5;
    color: #3d3d3d;
}
}


/*Footer*/
.footer{
  padding: 47px 0 61px 0;
  background-color: #e5f1ff;
}
@media only screen and (max-width:990px) {	
  .footer{
    display: none;
  }
}
.footer h2{
   font-size: 35px;
  font-weight: bold;
  line-height: 1.14;
  color: #043b69;
  margin: -6px 0 0 0;
}
/*
.footer h3{
   font-size: 22px;
  font-weight: bold;
  color: #4b4c4d;
   line-height: 1.4;
   margin: 20.2px 60px 27px 0;
   padding-top:0 ;
}*/
.footer h4{
  margin: 0;
   font-size: 16px;
  font-weight: bold;
  color: #043b69;
  text-decoration: underline;
  padding-top:0 ;
}
.footer h3{
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  color: #043b69;
  margin-bottom: 15px;
}
.footer ul li{
  margin: 10px 10px 6px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  color: #3d3d3d;
}
.footer ul li a{ 
  color: #111;
  text-decoration: none;
}
.footer ul li a:hover{ 
  color: #043b69;
}
.footer h5.mb6 {
    margin-top:23px;
}
.footer h5.mb5 {
    margin-top: 83px;
}
.rigthftrs {
    border-left: 2px solid #002355;
    padding-left: 42px;
    margin-left: -20px;
}
.rigthftrs ul li{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 10px; 
}
.rigthftrs ul li:first-child{ 
  margin-top: -4px;
}
.rigthftrs ul li a{
  color: #043b69;
}
.rigthftrs ul li a:hover{
  color: #3d3d3d;
}
@media only screen and (max-width:990px) {	
  .rigthftrs li{
    display: inline-block;
    width: 40%;
   
  }
}
.fotsocial {
    margin-top: 40px;
}
.fotsocial .sbox{
  display: flex;
  align-items: center;
  margin-top: 10px
}
.fotsocial .sbox a{
  color: #3d3d3d;
  margin-right: 15px;
  font-size: 22px;
}
.fotsocial .sbox a:hover{
  color: #043b69;
}
a.text-underline {
    margin-bottom: 14px;
    display: inline-block;
    border-bottom: 1px solid;
}
footer a.text-underline {
  margin-bottom: 10px;
}
.copyright{
  text-align: center;
  background-color: #043b69;
  padding: 38px 0 20px 0;
}
@media only screen and (max-width:900px) { 
  .copyright{
    padding-bottom: 70px;
  }

}
.logosftr img {
   /* height: 46px;*/
    margin: 0 12px;
}
.inrboxs{
    margin-top: 50px;
    color: #fff;
    font-size: 16px; 
    font-weight: normal;
}
.inrboxs p, .inrboxs a, .inrboxs a:hover {
  color: #fff; 
  padding: 5px; 
}
.inrboxs a:hover {
  text-decoration: underline;
}
.inrboxs p> span{
  position: relative;
  margin-right: 9px;
}
.scrolltoTop {
    position: fixed;
    display: block;
    right: 100px;
    bottom: 50px;
    width: 60.5px;
    height: 60.5px;
    padding: 0;
    border-radius: 3px;
    background-color: #e4e4e4;
    color: #043b69;
    font-size: 40px;
    text-align: center;
    z-index: 1;
}


/*Inner Page*/

/** Edited by HKPF **/


.pageHeadings{
  background-size: 100% 100%;
  padding: 40px 0 70px 0;
  /*background-image: url(/info/img/sections/innerBnrBlue1.png); */
}
@media only screen and (max-width:990px) { 
.pageHeadings .container{
 
  padding: 0px 15px 0px 15px;
 
}
}

.page_heading_green{  /* Edited by HKPF ITB */
  /*background-image: url(/info/img/sections/innerBnrGreen.png); */
  position: relative;
}

.breadcrumb_blue{
  background-image: url(/info/img/sections/blue_royal.jpg);
}
.breadcrumb_orange{
  background-image: url(/info/img/sections/orange.jpg);
}
.breadcrumb_green{
  background-image: url(/info/img/sections/green.jpg);
}
.breadcrumb_pink{
  background-image: url(/info/img/sections/pink.jpg);
}
.breadcrumb_purple{
  background-image: url(/info/img/sections/purple.jpg);
}

/*
.page_heading_green h1{text-shadow:1px 1px 2px #666;}
.page_heading_green .container{ position: relative;}*/
.breadCrumb ul{
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
}
.breadCrumb ul li{
  color: #fff;
  font-weight:0;
  font-size:0.8em;
  white-space: nowrap;

}
.breadCrumb ul li span{
  margin:0 6px 0 10px;
}

.breadCrumb ul li a{
  color: #fff;
  font-weight: bold;
  
}
.breadCrumb ul li a:hover{
  text-decoration: none;
}

.pageHeadings h1{
  color: #fff;
  margin: 0;  
  margin-top: 20px;
  font-size:2em;
  line-height:1.3em; 
}

h1{
  font-size:2.8em;
  font-weight: normal;
}
.menuInrBox{
  width: 100%;
  padding: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.innerMenus {
    position: relative;
    background-color: #efeaea;
    width: 100%;
    padding: 0;
}
.innerMenus h2 {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
    background: #fff;
    padding: 10px 15px;
    margin: 0;
    margin-top: -47px;
    display: inline-block;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px 10px 0 0;
}

@media only screen and (max-width:767px) { 
  .innerMenus h2{
    margin-top:-50px;
  }
}
.innerMenus h2.tglMenus{
  line-height: normal;
}

.innerMenus h2 a{
    color: #3d3d3d;
}
.innerMenus ul{
  margin-left: 0.5em;
  
}
.innerMenus ul li{
  padding: 6px 0px;
  position: relative;
}
.innerMenus ul li a{
  position: relative;
  font-size: 0.9em; 
  padding: 0;
  color: #333;
}

.innerMenus ul li a:hover{
  color: #0f2163;

}
.innerMenus ul {
    float: left;
    display: inline-block;
    width: 31%;
    padding: 15px 0;
    margin-left: 1.3em;
}
.innerMenus ul li:before {
    /*content: '';*/
    width: 5px;
    height: 5px;
    background-color: #0a589c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top:16px;
}
@media only screen and (max-width:1260px) { 
  .innerMenus ul{
    width: 30%;
  }
}
@media only screen and (max-width:990px) { 
  
  .innerMenus ul {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0;
}
.innerMenus ul li {
  padding:15px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  list-style: none;
  border-bottom: 1px solid #eee;
}
.innerMenus ul li:hover {
  background: #eee;
}
.innerMenus ul li a {
    font-size: 0.9em;
} /*221024*/
}
.innerPages{
  background-color: #efeaea;
}
.innerPagesbox {
    padding: 35px 34px 100px 34px;
    box-shadow: 6px 6px 6px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
    min-height: 600px;
    margin-bottom: 50px;
}
.innerPages h2{
  color: #033349;
  font-size: 2em;
  margin: 0 0 0px 0;
  font-weight: bold;
}
@media only screen and (max-width:990px) { 
  .innerPagesbox {
    padding: 35px 15px 25px 15px;

  }
}
.allpositions img{
  height: 100px;
}
.allpositions {
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px 15px 20px;
    margin-bottom: 40px;
    margin-top: 38px;
}
.allpositions h3 {
    color: #3d3d3d;
    font-size: 25px;
    font-weight: bold;
    padding-left: 20px;
}
.threeStars {
    display: inline-block;
    width: 100%;
}
.starsPosition {
    width: 20%;
    float: left;
}
.mainstars {
    width: 70%;
    float: left;
    text-align: center;
}
.mainstars img{
  width: 120px;
  height: 160px;
}
.starsPosition h3{
  font-size: 24px;
  font-weight: bold;
  color: #033349;
  margin: 0;
  padding-top: 4px;
}

.mainstars h4{
  margin: 0;
  color: #033349;
  font-weight: bold;
  font-size: 24px;
  margin-top: 10px;
}
.mainstars p{
  font-size: 16px;
  color: #3d3d3d;
  margin-top: 5px;
  font-weight: bold;
}
.imageHdng {
    float: left;
    width: 100%;
    text-align: center;
    padding-left: 10%;
    margin-top: 30px;
}
.imageHdng h5{
  font-size: 30px;
  color: #fff;
  margin: 0;
  font-weight: bold;
  background-image: url(../img/about_us/org_chart/hdngbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  width: 600px;
  padding: 10px;
}
.twoStars .tph {
  text-align: center;
  padding-top: 30px;
}
.twoStars .tph h2 {
    padding-left: 10%;
    font-size: 32px;
    margin-bottom: 0px;
    background-image: url(../img/about_us/org_chart/hdngbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 600px;
    padding: 10px;
    color: #fff;
    margin-left: 95px;
}
.twobox {
    width: 33.33%;
    float: left;
}
span.hline {
    border-bottom: solid 2px #707070;
    display: inline-block;
    width: 515px;
    margin-left: 10%;
    margin-bottom: -7px;
}
span.vline {
    border-right: solid 2px #707070;
    display: inline-block;
    height: 30px;
}
span.vline.cs {
    height: 45px;
    margin-top: -15px;
}
.twoStars .starsPosition {
    margin-top: 38px;
}
.twobox.btmss h6 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    background-image: url(../img/about_us/org_chart/smallbgs.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80%;
    padding: 10px 5px;
    margin-left: 10%;
    margin-top: 16px;
}
.twobox.btmss h6.bgNone{background: none;}
.twoStars .imageHdng {
    padding-left: 2%;
}
.twobox.btmss.bgnone h6{
  background: #a1cce4;
  border-radius: 6px;
  color: #1d1d1d;
}
.badge_sac {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 30px;
}
.badge_sac .tphs {
    text-align: left;
    margin-bottom: 30px;
}
.badgeBox2 {
    width: 48%;
    text-align: center;
    border: 1px solid #ccc;
    float: left;
    margin: 10px 1%;
    border-radius: 8px;
}
.badgeBox2 h5 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    background-image: url(../img/about_us/org_chart/hdngbg1.png);
    background-repeat: no-repeat;
    background-size: 102% 102%;
    width: 100%;
    padding: 10px 5px;
    border-radius: 8px;
}
.badgeBox2 h6 {
    font-size: 14px;
    color: #0a355d;
    margin: 10px 10%;
    font-weight: 600;
    width: 80%;
    padding: 8px;
    border-radius: 8px;
    background-color: #efefef;
}
.badge_sac .mainstars{
  position: relative;
}
.badge_sac span.vline {
  border-right: 0;
    border-left: solid 2px #707070;
    display: inline-block;
    height: 470px;
    position: absolute;
    left: -30px;
    top: 215px;
    border-top: solid 2px #707070;
    border-bottom: solid 2px #707070;
    width: 25px;
}

.badge_sac .twobox.btmss h6 {
    background-image: url(../img/about_us/org_chart/hdngbg2.png);
    padding: 13px 5px;
}
.badgeRow {
    display: flex;
}
.badgeRow h6 {
    color: #033349;
    font-size: 20px;
    line-height: 92px;
    margin-top: -1px;
    margin-left: 35px;
}
.hideOnDesktop{
  display: none;
}
hr.stris {
    margin: 30px 0 40px 0;
    border-top: 1px solid #b1b1b1;
}
.imagebig img{
  width: 100%;
}
.imagebig h3,
.imagebig p{
  font-size: 22px;
  font-weight:500;
  line-height: 25px;
  color: #3d3d3d;
  margin: 35px 0;
} 
.imagebig h4{
  font-size: 32px;
  font-weight: bold;
  color: #022953;
} 
.mvideBx {
    display: inline-block;
    width: 100%;
}
.mvideBx .vbox {
    float: left;
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.mvideBx .vbox img{
  width: 240px;
  height: 135px;  
}
.mvideBx .vbox h5{
  font-size: 25px;
  color: #022953;
  font-weight: bold;
  padding-left: 15px;
}
.slideinerPages {
    display: flex;
    justify-content: space-between;
}
.slideinerPages h3{color: #032953; line-height:40px;}
.sliderHorizontal {
    width: 67%;
    position: relative;
    padding: 70px 110px 70px 0;
    padding-left: 0;
}
.sliderHorizontal:before{
  content: '';
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #1f87bf;
}
.sliderHorizontal .owl-nav,
.sliderHorizontal .owl-dots {
    position: absolute;
    right: -58px;
    top: 50%;
    transform: translate(0, -50%);
}
.sliderHorizontal .owl-nav{
  right: -40px;
}
.sliderHorizontal .owl-dots button{
  background-color: #ccc;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  display: block;
  margin: 15px 0  
}
.sliderHorizontal .owl-dots button.active{
  background-color: #000;
}
.sliderHorizontal .owl-nav{
}
.sliderHorizontal .owl-nav button span{
  display: none;
}
.sliderHorizontal .owl-nav button{
  position: absolute;
  top: -24px;
  right: -26px;
}
.sliderHorizontal .owl-nav button.owl-next{
  top: auto;
  bottom: -24px;
}
.sliderHorizontal .owl-nav button:before{
    content: "\f062";
    font: normal normal normal 25px/1 FontAwesome;
    color: #fff;
}
.sliderHorizontal .owl-nav button.owl-next:before{
    content: "\f063";
}
.socilwhats{
  padding-bottom: 20px; 
}
.socilwhats img{
  width: 150px;
  margin-right: 20px;
  margin-top: 10px;
}

.VideoSlider{
  padding: 30px;
}
.VideoSlider .owl-dots{
  display: none;
}
.VideoSlider .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.VideoSlider .owl-nav span {
    font-size: 40px;
    color: #043b69;
}
.securitySlider h3 {
    color: #053b69;
    font-size: 26px;
    margin: 0;
    font-weight: bold;
}
.securitySlider .item {
  padding: 0 10px; 
}
.imagebig.sec2 h3 {
    line-height: 33px;
    font-size: 20px;
}
.imagebig.sec2 p {
  line-height: 33px;
  font-size: 20px;
  margin: 35px 0;
}
.greenBlock {
    background-color: #e3fdf4;
    padding: 30px;
	margin-bottom:30px;
}
.backgcolor .greenBlock{background-color: transparent;}
.greenBlock h3{
  color: #3d3d3d;
  font-weight: bold;
  font-size: 30px;
  margin: 0;
  border-bottom: 2px solid #3d3d3d;
  display: inline-block;
}
.greenBlock p{
  color: #3d3d3d; 
  font-size: 20px;
  margin: 25px 0;
}
.greenBlock ul{
  padding: 0;
  margin: 0; 
}
.greenBlock ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 10px 15px;
  margin-bottom: 12px;
  min-height: 85px;
}
.greenBlock ul li:nth-of-type(even){
  background-color: #D9ECFF;
}
.greenBlock ul li h4{
  line-height: 30px;
   font-size: 20px;
  font-weight: bold;
  color: #3d3d3d;
}
.greenBlock.threeCol ul li h4{ width:33.3%;}
.greenBlock ul li h4 a{ 
  color: #3d3d3d;
}
.textblock2{
  padding: 30px 0;
}
.textblock2 p{
    line-height: 30px;
   font-size: 22px; 
  color: #3d3d3d;
  margin-bottom: 35px;
}
.textblock2 p span{
  color: #033349;
}
.textblock2.lightblue {
    background-color: #e0effe;
    margin-top: -30px;
    padding: 30px;
}
.lightblue h3 {
    font-size: 28px;
    line-height: 1.64;
    color: #3d3d3d;
    margin-top: 0; 
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 600;
}
.lightblue li{
  font-size: 22px; 
  color: #3d3d3d;
  list-style: disc; 
  margin-left: 30px;
  margin-bottom: 10px;
}
.videsetn h3{
   font-size: 24px;
  line-height: 1.64;
  color: #f00;
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 20px;
}
.vimg img{
  width: 100%;
}
.textblock2.leftright {
    padding-top: 0;
}
.textblock2.leftright.rightHeading h3{
 margin-left: 55%;
}
.textblock2.leftright h3{
 font-size: 24px;
  line-height: 1.64;
  color: #033349;
  font-weight: bold;
  border-bottom: 2px solid #033349;
  display: inline-block;
}
.textblock2.leftright ul{
  padding: 20px 0;
}
.textblock2.leftright li{
  font-size: 20px;
  color: #3d3d3d;
  list-style: disc; 
  margin-left: 30px; 
}
.leftrightbox {
    display: flex;
    justify-content: space-between;
}
.leftrightbox .box.rit {
    width: 50%;
    padding-top: 30px;
}
.leftrightbox .box.contentLeft {
  text-align: left;
  width: 46%;
}
.greenBlock p span {
    color: #f00;
}
/****** police-message page ******/
.messagePage{max-width: 970px; margin: 0 auto; padding-bottom: 20px;}
.messagePage p {
  font-size: 20px; 
  line-height: 1.36; 
  color: #3d3d3d;
  margin-top:20px;
}
.messagePage h3 {
  font-size: 32px; 
  border-bottom: 2px solid #022953; 
  color: #000;
  margin-top:40px; padding-bottom: 7px;
  
}
.coverimageforplayer{margin-top: 40px;}

/****** Police Listing *********/
p.rightText{text-align: right !important; font-size: 1em; color: #707070; }
p.rightText a{text-decoration: none;}
/* p.rightText a{color: #707070;} */
#accordion h5,
.accordion h5{font-size: 30px; font-weight: 600; color:#3d3d3d;} 
.pressreleasesection .panel-heading  a:before{display: none;}
.panel-heading  a:before {
  
     font: normal normal normal 14px/1 FontAwesome;     
     content:"\f107";
     float: right;
     transition: all 0.5s;
     margin-top: 10px;
     color:#666;
     font-size:34px; font-weight:500;
    
  } 
.panel-heading a[aria-expanded="true"]:before {
    content:"\f106";
  } 
#accordion.panel-group .panel,
.accordion.panel-group .panel{/*box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #c4bebe; margin-bottom:30px;*/}

#accordion .panel-default .panel-heading,
.accordion .panel-default .panel-heading{background: none; border: none; font-size:1.3em; color: #033349; font-weight:600;  /* padding:15px 30px; sitemap change */ position: relative;}
#accordion .panel-default .panel-heading a,
.accordion .panel-default .panel-heading a{ color: #033349; display:block; text-decoration: none;}
#accordion .panel-default .panel-heading .accordianheading,
.accordion .panel-default .panel-heading .accordianheading{font-size: 20px; color: #3d3d3d; display: block;}
#accordion .panel-collapse,
.accordion .panel-collapse {padding-left: 30px; padding-right: 30px;}
#accordion .panel-collapse .panel-body,
.accordion .panel-collapse .panel-body{padding:15px 0; border-top: solid 1px #b1b1b1;}
#accordion .leftCont,
.accordion .leftCont{width: 75%; padding-right: 2%;}
#accordion .leftCont p,
.accordion .leftCont p {color:#000000;}
#accordion .leftCont p:nth-child(1),
.accordion .leftCont p:nth-child(1){margin-top:0px;}
#accordion .rightImg,
.accordion .rightImg{width:25%; text-align: right; float: right; margin-top: 8px;}
#accordion .rightImg img,
.accordion .rightImg img{ /*max-width:600px; width: 100%;*/}
.flexDiv{display: flex; justify-content: space-between;}
.listingPage .panel:nth-child(even) {background-color: #eef8fd;}

/********** Site Map ************/
.sitemapPage a {
  color: #3d3d3d;
}
.sitemapPage h2{
  color: #333;
  font-size: 1em;
  font-weight: bold;
  margin-top: 25px;
}
.mobileView {
  display: none;
}
.sitemapPage h2 a {color:#0f2163;}
.sitemapPage ul li{font-size: 1em; line-height: 1.8em;  }
.sitemapPage ul li a { color: #222;}
.sitemapPage ul li a:hover {color:#0f2163;}
.sitemapPage .desktopView ul{
   margin-left: 20px;
}

@media (max-width:767px) { 
  .sitemapPage h2{
    margin-top: 0px;
  }
  .innerPages h2{
    color:#0f2163;
    margin: 0 0 0 0;
  }
  .innerPages h2 a{
    color:#0f2163;
  }
}
/****** missing girl Listing *********/
.missingPage{position: relative;}
.missingPage p.rightText {
  text-align: right;
  font-size: 20px;
  color: #707070;
}
.bellIco a{background: url(../img/bellIcon.png) left center no-repeat; background-size:21px; font-size: 16px; padding-left:30px; color:#707070;}
.fliterSec{padding-bottom: 40px;}
.fliterSec ul{display: flex; }
.fliterSec li {
  margin-right: 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
  border-radius: 3px;
  overflow: hidden;
}
.fliterSec li span{display: inline-block;background-color: grey; width: 50px;text-align: center;}
.fliterSec li span img{max-width: 18px; }
.fliterSec li a {
  display: inline-block;
  padding: 0 13px; 
  color: #fff;
  text-align: center;
}
.fliterSec li a:hover{
  color: #fff;
  text-decoration: underline; /*b4 WA */
}
/*b4 WA */
.fliterSec li.filter_grey{background-color: #757575; /*#bebebe*/}
.fliterSec li.filter_grey span{background-color: #a8a8a8;}
.fliterSec li.filter_brown{background-color: #966B40; /* #c1976e;*/}
.fliterSec li.filter_brown span{background-color: #a7815b;}
.fliterSec li.filter_sky{background-color: #1D817A; /* #59d9d0;*/}
.fliterSec li.filter_sky span{background-color: #26ccc0;}
.fliterSec li.filter_lBlue{background-color: #147BB3; /* #60bced;*/}
.fliterSec li.filter_lBlue span{background-color: #3fa7de;}
.fliterSec li.filter_dBlue{background-color: #2953a3;}
.fliterSec li.filter_dBlue span{background-color: #144093;}
.fliterSec li.filter_purple{background-color: #D3367F; /*#d54085;*/}
.fliterSec li.filter_purple span{background-color: #bb1361;}
.searchFilter {
  /*position: absolute;
    background: #f0f1f2 url(../img/searchIcon.png) 10px center no-repeat;
    background-size: 14px;
     padding: 4px 10px 4px 32px;
    display: flex;
    display: inline;
    border-radius: 3px;
  */
  
 
 
}
.PRSearchFilter{top: 14px; right: 45px;}
.searchFilter select {
  width: 150px;
  height: 35px;
  border: solid 1px #ccccd2;
  border-radius: 2px;
  font-size: 0.8em;
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 5px;
}
.searchFilter input {
  background-color: #1381bb;
  color: #fff;
  font-size: 0.8em;
  border: none;
  outline: 1;
  border-radius: 2px;
  margin-left: 6px;
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}
.searchingform{
  /*  margin-right: 45px;*/
   top: 5px;
   padding: 1em;
   
  /* padding-left: 35px;*/
  
}
.missingPage #accordion .panel-default .panel-heading a,
.missingPage .accordion .panel-default .panel-heading a{color:#3d3d3d; font-size: 22px;} 
.missingPage .panel-heading a:before{margin-top: 0px;}
.shareIcon{text-align: right; padding-bottom:10px;}
.shareIcon img{width:25px;}
.filter_icon {
 
  display: inline-block;
  width: 50px;
  text-align: center;
  position: absolute;
  top: -21px;
  padding: 0px 0 6px 0;
  line-height: 29px;
  border-radius: 3px;
}
.filter_icon img{max-width: 18px;}
.blueIco{ background-color: #3fa7de;}
.greyIco{background-color: #a8a8a8;}
.brownIco{background-color: #a7815b;}
.skyIco{background-color: #26ccc0;}
.d-blueIco{background-color: #144093;}
.purpulIco{background-color: #bb1361;}

.textSize h2{font-size: 28px; padding-bottom: 20px;}
.textSize p{font-weight: 500; font-size: 18px; padding-bottom: 10px;}

/******* 24 inner page ********/
.VideoSection p {
  line-height: 33px;
  font-size:20px; margin: 35px 0; padding: 0;}
.innerPages .VideoSection h3{color: #053b69;}

/******* msg listing page ********/
.msgPage p{color: #033349; font-size:18px; text-align: right; border-bottom: solid 1px #897d7d; padding:0px 0px 15px 0px; margin-bottom: 0;}
.msgList{padding-bottom:20px;}
.msgList ul{margin: 0; padding: 0;}
.msgList li{color: #033349; font-size: 22px; line-height:28px; border-bottom: solid 1px #897d7d; padding: 15px 40px;}

/******* disclosure page  ********/
.disclosurePage h3{color: #033349; font-size:20px; font-weight: 600;}
.disclosurePage p{
  line-height: 33px;
  font-size:20px; margin:25px 0; padding: 0; color:#3d3d3d;}
.disclosurePage ul{margin: 0; padding: 0;}
.disclosurePage li{font-size:20px; line-height:33px;     list-style: disc; margin-left: 30px;}
.blueText{color: #033349; }
.disclosurePage li .blueText{ font-weight: bold;}
.whiteListing ul{
  margin-left: 1em;
  
}
.whiteListing ul li { 
    padding: 10px 15px; 
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #3d3d3d;
    margin-bottom: 10px;
}
.disclosurePage .whiteListing  li{ list-style: none; margin-left: 0;}
.whiteListing ul li:nth-of-type(even) {background-color: #b5d7fd;}

/******* Media page  ********/ 
.categoryNav {
  background: url(../img/navShadow.png) center bottom no-repeat;
  background-size: 100%;
  text-align: center;
  padding-bottom: 35px;
  margin-bottom: 30px;
}
.categoryNav select{display: none;}
.categoryNav li{color:#191515; font-size: 18px; padding:8px; display: inline-block; position: relative;}
.categoryNav li a{color:#191515;}
.categoryNav li a.active,
.categoryNav li a:hover{color:#022953; font-weight: 600;}
.categoryNav li a:hover::after,
.categoryNav li a.active::after{content: ''; width: 30px; height: 2px; background-color:#2e80d6; position: absolute; bottom:3px; left: 50%; margin-left: -15px;}

#big{max-width: 425px; margin: 0 auto;}
#big .item {  text-align: center; }
#big .item img{max-width: 425px; height:590px; margin: 0 auto;}
#big .item .albumText{color:#022953; font-size:20px; font-weight:600; display: block; padding-top: 20px;}
#thumbs{max-width: 700px; margin: 20px auto 0 auto;}
#thumbs .item {padding: 0px; margin:17px; color: #FFF;  text-align: center; cursor: pointer; } 
#thumbs .item img{ width: 100px; height: 100px; opacity: 0.4;} 
#thumbs .current .item img { opacity: 1;}
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev {
  font-size: 28px;
  color: #053b69;
  top: 46px;
  position: absolute;
}
#thumbs.owl-theme .owl-prev{left:-15px;}
#thumbs.owl-theme .owl-next{right:-15px;}

/******* Police Recruitment page  ********/ 
.headingText{margin-top: 40px;}
.headingText{margin-top: 40px;}
.headingText p {
  color: #3d3d3d;
  font-size: 20px; 
  line-height: 40px;
}
.headingText p a{
  color: #1d64a0; text-decoration: underline !important; 
}
.pdfLink {
  font-size: 16px;
  font-weight: bold;
  color: #655f5f;
  padding-top: 25px;
}
.pdfLink a {
  color: #655f5f;
  background: url(../img/pdficon.png) left center no-repeat;
  padding-left: 35px;
  display: block;
  line-height: 40px;
  background-size: 24px;
}
.serviceBlock{max-width: 90%; margin:10px auto 0 auto;}
.serviceBlock ul{display: flex;}
.serviceBlock ul li{width: 33.33%; text-align: center; margin:30px 0;}
.serviceBlock ul li span{display: block;}
.serviceBlock .icon img{max-height:90px; height: 100%;}
.serviceBlock .text{color: #6f6c6c; font-weight: 600;  font-size: 20px; padding-top: 15px;}
.newsList{margin-top: 20px; margin-bottom: 20px; border: solid 1px #707070; border-radius: 7px;}
.webElement  .newsList h3 {
  background: url(../img/mask.png) left top no-repeat;
  background-size: cover; 
  padding: 15px 26px;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  border-radius: 5px;
}

.newsList ul{padding: 0 30px;}
.newsList ul li{padding: 15px 10px; border-bottom: solid 1px #b1b1b1; font-size: 22px; line-height: 28px;color:#161717; position: relative;}
.newsList ul li span{font-size:16px; }
.newsList ul li a{color:#161717; display: block;}
.newsList ul li a:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  transition: all 0.5s; 
  color: #86929a;
  font-size: 34px;
  font-weight: 500;
  transform: rotate(-90deg);
  position: absolute;
  right: 0;
  top:12px;
}
.newsList ul li:last-child{border-bottom: none;}
.serviceBlock.fourCol {
  margin-top:50px;
  margin-bottom:50px;
  border: solid 1px #707070;
  border-radius: 7px; max-width: 100%;
}
.serviceBlock.fourCol ul li{width: 25%;}
.serviceBlock.fourCol .text{color:#033349;}

#accordion .panel-collapse.in{height: 100% !important;}
.accordion .panel-collapse.in{height: 100% !important;}

/******** Web Element *******/
.video-container {
  position: relative;
  width:100%;
  clear: both; 
}

.video-container::after {
  padding-top: 61.25%;
  display: block;
  content: '';
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.webElement h1{font-size: 70px; line-height: 45px; font-weight: 600; color: #032953;}
.webElement h2{font-size: 50px; line-height:42px; font-weight: 600; color: #032953;} 
.webElement h3{font-size: 40px; line-height: 35px; font-weight: 600;}
.webElement h4{font-size: 35px; line-height: 35px; font-weight: 600;}
.webElement h5{font-size: 30px; line-height: 45px; font-weight: 600;}
.webElement h6{font-size: 28px; line-height: 45px; font-weight:500;} 
 
.p1{font-size: 28px; line-height:45px; font-weight:600;}
.p2{font-size: 20px; line-height:25px; font-weight:600;}
.p3{font-size: 18px; line-height:15px; font-weight:600;}
.f1{font-size: 18px; line-height:25px; font-weight:500; color: #043B69;}
.f2{font-size: 16px; line-height:17px; font-weight:500;}
.f3{font-size: 12px; line-height:17px; font-weight:500; color: #fff; background-color: #d8d8d8; border: dashed 1px #707070; padding:8px 15px; display: inline-block;}
.webElement .innerPages h2{font-size: 40px; } 
.webElement span.anchor a{font-size:28px; line-height:45px; font-weight:500; color: #1d64a0; display: block; text-decoration: underline !important;}
.webElement .breadCrumb ul li,
.webElement .breadCrumb ul li a{color:#033349; text-decoration: none;}
.compBox{border-bottom: solid 1px #707070; padding-top: 50px; padding-bottom: 40px;}
.compBox h2.heading{padding-bottom:40px;}
.list ul{padding-left: 80px;}
.list ul li{line-height: 33px; font-size: 20px;  list-style-type: disc;}
.compBox .notes{font-size: 28px; line-height: 45px; padding-bottom: 20px;}
.webElement .greenBlock.transparent{background-color:transparent;}
.webElement .whiteListing ul li{color:#033349;}  
.notice {padding: 15px; margin-bottom: 20px; font-size:20px; color:#033349; position: relative;}
.notice i{margin-right: 10px;}
.notice:after {
  content: '\f00d '; 
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  position: absolute;
  right: 30px;
  top: 20px; cursor: pointer;
}
.label-alert{background: #FFFCA7;}
.label-warning{background: #E1F0D6;}
.label-reminder{background: #ECD9DB;} 

.webElement .btns{margin-right: 20px; display: inline-block; text-decoration: none !important; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);}
.btns.blueLink{background-color: #033349; color: #fff;}
.btns.whiteLink{background-color: #fff; color: #033349;}
.btns.yellowLink{background-color: #efa85f; color: #fff;}
.btns.orangeLink{background-color: #EB1000; /* b4 WA #fd6220;*/ color: #fff;}
.webElement .newsList ul li a{text-decoration: none;}
.webElement .tableResponsive{width: 100%;}
.webElement .tableResponsive .heading {
  background: url(../img/mask.png) left top no-repeat;
  background-size: cover;
  padding: 15px 26px; 
  color:#000;
  font-size:24px; 
    font-weight: 500;
  border-radius: 5px;
}
.webElement .tableResponsive .heading th{line-height:60px; padding: 0 26px;}
.webElement .tableResponsive th:first-child{color:#fff; width: 65%;
  font-size:32px; 
    font-weight: 600;}
.webElement .tableResponsive td{padding:10px 26px; font-size:22px; }
.webElement .tableResponsive .inside td:first-child{width: 67%;}
.webElement .tableResponsive .inside td:nth-child(2){width:19%;} 
.webElement .tableResponsive .inside td {
  padding: 15px 10px;
  border-bottom: solid 1px #b1b1b1;
  font-size: 22px;
  line-height: 28px;
  color: #161717;
  position: relative;
}
.webElement .tableResponsive .inside tr.last td{border-bottom:none ;}
.selectDiv select {
  width: 160px;
  height: 33px;
  border: solid 1px #ccccd2;
  border-radius: 3px;
  font-size: 14px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
  font-size:16px;
}
.pagination li{display: inline-block;}
.pagination a{
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-right:3px;
  line-height: 1.42857143;
  color: #032953;
  text-decoration: none; 
 background-color: #fbfbfb;
}
.pagination li.next a,
.pagination li.previous a,
.pagination li.next a:hover,
.pagination li.previous a:hover{background: none; color: #032953;}
.pagination .active a{
 background-color: #032953;
 color: #fff;
}
.pagination a:hover{
  background-color: #032953;
  color: #fff;
 }

 .popupBox {
  padding:80px 50px;
  border-radius:5px;
  box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #eeeeee;
  text-align: center;
  width:700px;
  margin-bottom: 30px;
}
.popupBox .infoContents{ 
  width: 100%;
}
.popupBox p{ padding-bottom: 30px; font-size: 28px;
}
.compBox.inforsliers{border-bottom: solid 1px #707070;background:transparent; margin-top:0px;}
.compBox.inforsliers h2.heading{text-align:left;}
.compBox.inforsliers .owl-nav{display:none;}
.compBox.inforsliers .infobox p{margin:0;}
.compBox.inforsliers .infosliders{padding-left:0px;width: 130%;}
.cardList{ 
  padding:40px 0;  
  overflow-x: hidden; 
}
 
.cardList h2{
  color: #022953;
  font-weight: bold;
  font-size: 50px;
  text-align: center;
  margin-bottom: 70px;
}
.cardList .infobox {
  width: 500px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 21px 10px 21px 0;
    box-shadow: 10px 10px 0 #bababa;
    margin-bottom: 20px;
}
.cardList .sliderbox{
  padding: 0 30px;
  display: inline-block;
}
.cardList .infobox img{
  border-radius: 10px;
  height: 166px;
  width: 166px;
  max-width: none;
  margin-left: -30px;
  margin-right: 20px;
}
.cardList .infobox h3{
    color: #204062;
  font-weight: bold;
  font-size: 25px; 
  margin: 0;
  min-height: 110px;
  line-height:30px;
}
.cardList .infobox p{
    color: #7c8691;
  font-weight: 600;
  font-size: 15px;
}
.cardList .btmss{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 30px;
}
.cardList .btmss h4{ 
  font-size: 18px;
  letter-spacing: 0.45px;
  font-weight: 600; 
  color: #38a6e1;
  padding-left: 10px;
  margin: 0;
  border-left: 2px solid #38a6e1;
  line-height: 22px;
}
.cardList .btmss a{color: #000;}
.cardList .btmss i {
  font-size: 17px;
  color: #000;
}
.cardList .sliderbox.mobile .infobox {
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 16%);
  flex-direction: column;
  width: 300px;
}
 
.cardList .sliderbox.mobile .images {
  width: 100%;
  background: #f0f0f0;
  border-radius: 10px;
  text-align: center;
}
.cardList .sliderbox.mobile  .infobox img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
.cardList .sliderbox.mobile .infoContents {
  width: 100%;
  padding: 20px;
}
.tabSection ul{border-bottom:solid 5px #0A345B; list-style: none;}
.tabSection ul li{list-style: none;display: inline-block;}
.tabSection a {
  background-color: #82C0E1;
  color: #fff;
  padding:10px 25px;
  display:block;
  font-size: 20px;
  border-radius: 3px 3px 0 0;
  min-width: 180px;
}
.tabSection a.active,
.tabSection a:hover{ background-color: #0A345B; color:#fff}
.compBox .containerDiv{max-width: 1300px; margin: 0 auto;}
.compBox .containerDiv .textblock2.leftright{margin-top:40px;}
.compBox .containerDiv .textblock2.leftright li { margin-bottom:10px;}
.compBox .slideinerPages h2{line-height:60px;}
.compBox .mySlides {
  display: none;
}
.hight80{height: 80px;}
#tabShows > div { display: none; }
#tabShows #tab1 { display: block; }
.compBox .messagePage{margin-top: 40px;}
.compBox .fullsliderss{margin-top: 40px;}
.compBox .newsList{margin-top: 40px;}
.compBox .newsList.first{margin-top:0px;}
.cursor {
  cursor: pointer;
}
.VideoSection .modal img{width: 100%;}
.VideoSection .modal .close{font-size: 40px;
    color: #fff;
    opacity: 1;}
.VideoSection .modal-header {      
      position: absolute;  
      border: none;
      background: #033349;
      padding: 7px 10px; 
      line-height: normal; 
      right: 0;
      z-index: 1;
  }
  .VideoSection .modal-body{padding: 0;}
  .VideoSection .owl-carousel .owl-stage-outer{z-index:1;}
  .compBox .mobileView{display:none;}
/******** Contact Page ************/

.innerPagesbox p{
  line-height: 1.5em;
  font-size: 1em;
	margin:10px 0;
	color: #222;} 
  .innerPagesbox > p:first-child{ margin-top:0; } 
 
.listing li {
    font-size: 1em;
   color: #222;
    list-style: disc;
    margin-left: 30px;
	margin-bottom: 10px;
}
.listing li .listing li{
  list-style: circle;
}
.listingone > li {
  font-size: 1em;
 color: #222;
  list-style: disc;
  margin-left: 30px;
margin-bottom: 10px;
}
 ul.circle li,
 ul.circle.listing {
  list-style: circle;
}
ul.square li,
ul.square.listing li {
  list-style: square;
}
.allpositions.stall {
  border: none;
}
.badgeRow.stbg h6{
  font-size: 15px;
}

 /* Crime page css */
 .innerPages h2.crime-red-text {
  color: red;
}

.crime-box-with-border{
  background: #d5fbff;
  border:2px solid #134e77;
  padding: 20px;
  text-align: justify;
}

.c-image-center {
  margin: 20px 0;
  text-align: center;
}

.crime-short-desc {
  background-color: #c2ffe9;
  color: black;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
}
.alignt .crime-short-desc h3 {margin: 5px 0;}

.crime-short-desc:hover{
  background-color: #2affb1;
}

.c-start-text {
  color: #666666;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 20px 0;
}
.listing.number-listing li{
list-style-type: number;
}
.listing.roman-listing li{
  list-style-type: lower-roman;
  }
.grid-conainter {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.grid-item {
background: #c2ffe9;
border: 1px solid #fff;
padding: 25px 15px;
width: 33.333%;
}
.grid-item p {
margin: 10px 0;
}
.grid-item.w-100 {
width: 100%;
}
.album-listing {
display: flex;
flex-wrap: wrap;
}
.album-listing li {
width: 33.33%;
padding: 10px;
}
.note-format {
color: #666666;
  font-size: 0.9em;
  line-height: 1.5em;
}
.innerPagesbox p.mb-10 {
margin-bottom: 10px;
}
.top-space {
height: 10px;
}
.c-enquiry-table {
width: 100%;
background: #fff;
font-size: 1em;
line-height: 1.3em;
}
.c-enquiry-table td{
padding: 1em;
border-right: 1px solid #fff;
font-size: 1em;
}
.c-enquiry-table tr:nth-of-type(even) {
background: #D9ECFF;
}
.alignt p{
  text-align: justify;
}
.alignt ul li{
  text-align: justify;
}
.alignt .greenBlock ul li:nth-of-type(even) {
  background-color: #D9ECFF;
}
.alignt .greenBlock ul li h4 a {
  color: #006db3;
}
.image-cell-withCaption-auto {
  color: #444;
    line-height: 1.2em;
    font-size: 0.8em;
    background: none;
}
.image-cell-withCaption {
  color: #444;
    line-height: 1.2em;
    font-size: 0.8em;
    background: none;
    margin-left: 20px;
    width: fit-content;
}
.image-cell-withCaption.w-40 {
  width:40%
}

.image-cell-withCaption .caption,
.image-cell-withCaption-auto .caption {
  width: 100%;
  padding: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
  background: #afd7ff;
}

.c-alert-box {
  line-height: 1.8em;
    background-color: #FFD0D1;
    padding: 1.2em;
    border: 2px solid #ca0000;
    color: #000;
}
.c-alert-box a {
  color: #510000;
}
.ntn-page .row {
  padding-bottom: 20px;
}
/* Offbeat page */
.Offbeat-square {
  position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.Offbeat-square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.button-100 {
  background-color: #046289;
  border-color: #007095;
  color: white;
  padding: 1rem 2rem;
  transition: background-color 300ms ease-out;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: none;
}
.button-100:hover {
  color: white;
  text-decoration: none;
}
.button-100:visited, .button-100:active {
  color: white;
  text-decoration: none;
}
#acc h3 {
  width: 100%;
  border-bottom: #fdfdfd 1px solid;
  padding: 0.8em;
  margin-top: 1px;
  margin-bottom: 5px;
  cursor: pointer;
  background: #bcdeff;
  color: #003FA5;
  font-size: 1em;
}
#acc h3:hover {
  background: #7ebfff;
}
.spacer {
  line-height: 0.5em;
    height: 0.5em;
}
.spacerX2 {
  line-height: 1em;
    height: 1em;
}
.fma_top_bg {
  background: #1d83ff;
  padding-top: 2em;
}
.fma_top_bg .tabnav li {
  display: inline;
  list-style: none;
  padding-right: 0px;
  padding: 0px 0px;
}
.innerPagesbox p.fma_desc,
.fma_desc {
  color: #fff;
  padding-right: 20px;
  font-size: 1em;
  line-height: 1.5em;
  text-shadow: 1px 1px 3px #222;
}
.h1em {
  height: 1em;
  line-height: 1em;
}

/* Basic classes */
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-4 {
  padding-left: 20px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-4 {
  padding-bottom: 20px !important;
}
.pb-5 {
  padding-bottom: 25px !important;
}
.ml-5 {
  padding-left: 25px !important;
}
.alert_title {
  width: 100%;
  background: #2433a2;
  padding: 0.7em;
  color: #fff;
  font-size: 1.2em;
  display: inline-block;
}

.simpleTable .responsive-table ul,
.simpleTable .responsive-table ol {
  padding-left: 20px;
  margin-left: 0;
}
.simpleTable .responsive-table td:nth-child(2), 
.simpleTable .responsive-table td:nth-child(3), 
.simpleTable .responsive-table td:nth-child(4), 
.simpleTable .responsive-table td:nth-child(5),
.simpleTable .responsive-table a,
.simpleTable .responsive-table td {
  white-space: unset;
}

.simpleTable{
  margin-top: 20px;
  margin-bottom: 20px;
  border: solid 1px #707070;
  border-radius: 7px;

}
/* .scrollableTable class */

.simpleTable table {
  min-width: 1020px;
}

.simpleTable{
  width: 100%;
  overflow: auto;
}
.simpleTable table td {
  display: table-cell;
    padding: 15px 26px;
    font-size: 1em;
    line-height: 1.5em;
    color: #161717;
}
.simpleTable table thead {
  /*background: url(../img/mask.png) left top no-repeat;
  background-size: cover;*/
  background:#033349;
  padding: 15px 26px;
  font-size: 1em;
  font-weight: bold;
  color: #fff; /*!important*/
  margin: 0;
  border-radius: 5px;
}
.simpleTable table thead th {
    display: table-cell;
    padding: 15px 26px;
    color: #fff ;
    font-size：1.2em;
    /*text-shadow: 1px 1px 2px #333;*/
    white-space: nowrap;
}
.simpleTable table tbody th{
  display: table-cell;
    padding: 15px 26px;
    color: #fff !important;
    text-shadow: 1px 1px 2px #333;
    background: #05274d;
    border-bottom: 1px solid grey;
    
}


.simpleTable tbody tr:nth-child(even){
  background-color: #fff !important;
}
.simpleTable tbody tr:nth-child(even) tr{
  background-color: transparent !important;
}
.simpleTable tbody tr:nth-child(even) tr{
  background-color: transparent !important;
}
.simpleTable p{
  margin: 0;
}
.contactPage.simpleTable {
  padding-bottom: 0;
}
.circle_icon img {
  border-radius: 50%;
    filter: grayscale(30%);
    -webkit-filter: grayscale(30%);
    -moz-filter: grayscale(30%);
    -o-filter: grayscale(30%);
    -ms-filter: grayscale(30%);
    max-width: 200px;
}
.circle_icon img:hover {
  transition: all 300ms;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
}

.icon_list img {
  width: 100%;
  max-width: 200px;
}
.icon_list .item{
  padding-bottom: 2em;

}
.text-center {
  text-align: center !important;
}
.text-center p {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}

.simple-accordion .panel-heading > a {
  display: inline-block;
    width:100%;
}
.simple-accordion .panel-heading a:before {
  margin-top: 0;
}
 .ntn-page18 .columns {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ntn-page18 .large-3 {
  width: 25%;
}
 .ntn-page18 .columns {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  float: left;
}
.large-9 {
  width: 75%;
}
.rankbadge{margin-top: 20px;}

.large-5 {
  width: 41.66667%;
}
.large-1 {
  width: 8.33333%;
}
.large-6 {
  width: 50%;
}
.cpaat img {
  display: inline-block;
  vertical-align: middle;
}
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btc .table_01 td {
  padding: 1em;
  border-right: 1px solid #fff;
  font-size: 1em;
}
.btc .table_01 tr.even, .btc .table_01 tr.alt, .btc .table_01 tr:nth-of-type(even) {
  background: #D9ECFF;
}

.twobox.btmss .edepart{
  margin-top: 0px;
}
.mainstars .tphs p{font-weight: normal;}

.alignt ul{
  
    margin-bottom: 30px;
}
.alignt ol{
  
  margin-bottom: 30px;
}
#accordion .rightImg.imgrig, .accordion .rightImg.imgrig{
  margin-top: 0 !important;
}
.table_01 td {
  padding: 1em;
  border-right: 1px solid #fff;
  font-size: 1em;
}
.Transportation_1{margin-bottom: 40px;}
.imgco{text-align: right;float: right;}
.AccorSecTable tr{background-color: transparent !important;}

.alignt p.leftText {
  text-align: left;
  font-size: 20px;
  color: #707070;
}
/* p.leftText a{color: #707070;} */

.alertdrug {
  line-height: 1.8em;
  background-color: #FFD0D1;
  padding: 1.2em;
  border: 2px solid #ca0000;
  color: #000;
}
.short_desc {padding: 1em;padding-top: 0.5em;padding-bottom: 0.5em;background-color: #c7ffff;font-size: 16;}
.short-desc:hover{background-color: #02cef1;}
.senior_area {width: 75%;float:right;text-align: center;display: inline-block}
.rank_area {display: table-row;width: 575px;}
.rank_badge {width: 140px;display: table-cell;padding: 0;text-align: left;}
.leClassfilter{ top:3px;margin-right:38px;}

/** Edited by HKPF 220726 **/



/*
.innerPagesbox{
  padding: 60px 35px 125px 35px;
}*/


.lower-alpha li {
  list-style-type: lower-alpha !important;
}
.wtext-black { color:#000!important; }
.statistics_table {
  width: 100%;
  background: #fff;
}
.statistics_table th {
  padding: 0.3em;
  background: #003498;
  color: #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 0.9em;
  text-align: left;
}

.innerPages.pCollege h2{ padding-top: 1em;   margin-bottom: 20px;}
.innerPages.pCollege .innerPagesbox ol{padding-left: 25px;}
.innerPages.pCollege .right{margin-left: 30px;}
.margTNone{margin-top:0px !important;}
.innerPages.pCollege ul {padding-left: 20px;}
.innerPages.pCollege ul li{list-style-type: disc; font-size: 20px;}
.innerPages.pCollege ol li{font-size: 20px;}
.innerPages.pCollege .image_form2{margin-top: 30px;}
.innerPages.pCollege .image_form2 img{width: 40%;}
.innerPages.pCollege  hr{margin-bottom: 0;}
.innerPages.pCollege  .table_01 th a{color: #fff;}
.searchFilerSec{
  padding: 0 0 20px 0;
}
.searchFilerSec .access{display: block; margin-top: 15px;}
.searchFilerSec select { 
  height: 33px;
  border: solid 1px #ccccd2;
  border-radius: 3px;
  font-size: 14px; width: 100%;
}
.innerPages.pCollege .contactPage {padding-bottom: 0;
}
.circle_icon .columns {
  text-align: center;
}
.icon_list .columns {
  padding: 1em;
  padding-bottom: 1.5em;
}
.selectBox {
  font-size: 15px;
  font-weight: 600;
  padding: 12px 33px;
  display: inline-block;
  border-radius: 3px;
}
.missing_main-listing a:nth-child(odd) table{
  background-color: #b5d7fd;
}
.missing_main-listing a:nth-child(odd) table a{
  color: #033349;
}
.missing_main-listing > a tr td{
  padding: 20px;
}
.filter-actions select {
  margin: 0 10px 10px 0;
}
.filter-actions button {
  margin-bottom:10px;
}

/******** Top Share Icon ********/
.shareToggle{position: relative;}
.open .dropdown-menu {
  display: block;
}
.shareIt .dropdown-menu {
  right: 0;
  left: auto;
  padding: 10px;
  top: 35px;
}
.shareIt .btnLink {
    background:#022953;
    color: #fff;
    width: 100%;
    line-height: 38px;
    border: none;
    font-weight: 700;
}
.shareIt .btnLink i{margin-right: 10px;
}
.shareIt a.linkShare { text-align: center;
  color: #022953;
  font-weight: 600 !important;
  margin-top: 10px;
  display: block;
  cursor: pointer;
  padding: 0;
  font-size: 15px !important;
  text-decoration: underline !important;
}
.shareIt .dropdown-menu::before, .shareIt .dropdown-menu::after {
  top: -12px;
  content: "";
  display: inline-block;
  position: absolute;
  clip-path: polygon(0px 100%, 50% 0px, 100% 100%);
  width: 1.8rem;
  height: 1.2rem;
  left: 83%;
  background-color: rgb(40, 40, 40);
}
.shareIt .dropdown-menu::after {
    background-color: rgb(255, 255, 255);
}
.white-text {
  color: #fff !important;
}

/********** Social media popup ********/
.footer{visibility:visible !important;}
.footer #mySocial .socilmediaBtns{position: static; width:100%;}
.footer #mySocial .modal-body {
    position: relative;
    padding: 30px 15px;
}
.footer #mySocial h4{    font-size: 20px; text-decoration:none; font-style:normal;}
.footer #mySocial .modal-header .close {
    margin-top: -2px;
    font-size: 30px;
    font-style: normal;
}
.footer #mySocial .socilmediaBtns ul{display:flex; justify-content: center;}
.footer #mySocial .socilmediaBtns li{position:inherit; border-radius:5px; border:1px solid #ccc; border-left: 1px solid #ccc; height: 40px;}
.footer #mySocial .socilmediaBtns li a span{font-size: 16px;}
.footer #mySocial ul li { font-size: 22px; font-style:normal;}
.footer #mySocial ul li a:hover {color: #fff;  font-style:normal;}
.footer ul{
  list-style: none;
}

.table-cell-spacing td {
  padding: 10px;
}
.table-sell-alignment-basline td {
  vertical-align: baseline;
}
.table-scroll{
  overflow-x:auto;
}

/** New Table css ***/
.colspanLeft-table td{border-right:solid 1px #b1b1b1; }
.colspanLeft-table td:last-child{border-right:none; } 
.colspanLeft-table td td{border: none;}
.alignTop td{vertical-align: top;}
.tableChild1 td{padding: 0px 10px;}
.table02 {border: solid 1px #000; margin-top: 30px;}
.table02 tr:nth-of-type(even) { background: #e4e4e4;}
.table02 tr {border-bottom: solid 1px #b1b1b1;}
.table02 tr:last-child{border-bottom: transparent;}
.table02 tr td {
  padding: 0.8625rem 1rem;
  border-left: solid 1px #fff;
  vertical-align: text-top;
}
.table02 tr td:first-child{border-left:transparent;} 
.innerPages.recruitPages ul.listDash li{list-style-type: '- '; font-size: 18px;}
.rowspanBorder {border-right: solid 1px #b1b1b1;}
.vTop{vertical-align: top;} 
.unique-table td {
  border-left: solid 1px #333; /* #aaa; #b1b1b1;*/
}
.unique-table tr:last-child{border-left: transparent;}
.unique-table td{vertical-align: top;}

/*** Data pages recruitPages *****/
.innerPages.recruitPages h2{ padding-top: 1em;   margin-bottom: 20px;}
.innerPages.recruitPages .innerPagesbox ol{padding-left: 25px;}
.innerPages.recruitPages .right{margin-left: 30px;}
.innerPages.recruitPages ul {padding-left: 20px;}
.innerPages.recruitPages ul li{list-style-type: disc; font-size: 20px;}
.innerPages.recruitPages ol li{font-size: 20px;}
.innerPages.recruitPages .image_form2{margin-top: 30px;}
.innerPages.recruitPages .image_form2 img{width: 40%;}
.innerPages.recruitPages  hr{margin-bottom: 0;}
.innerPages.recruitPages  .table_01 th a{color: #fff;}
.innerPages.recruitPages a{word-break: break-all;}
.innerPages.recruitPages a{word-break: break-all;}
.innerPages.recruitPages .table_01 td{border-right: 1px solid #808080;}

 
.innerPagesbox .p-small-spacing p {
  margin: 10px 0;
}
.image-listing-center li {
  display: inline-block;
  margin: 10px;

}
.alignt .innerPagesbox h2 {
  padding-bottom: 5px;
  margin-bottom: 0px;
}
.alignt .innerPagesbox h3 {
  padding-bottom: 0;
  margin: 15px 0;

}
.innerPagesbox h3{
  font-weight: bold;
}
.poa {
  background-color: rgb(226, 240, 217);
  background-image: url(/info/img/youth/poa/poa_bg.png);
  background-position: 100% 50px;
  background-repeat: no-repeat;
  padding: 1em;
}
.table_01  th p,
.table_01  td p{
	margin: 0;				
}
.alignt .simpleTable ul li {
  text-align: left;
}
.jpc_banner {
  width: 100%;
  margin-left: 0;
}
.jpc_banner li {
  list-style: none;
  display: inline-block;
  width: 48%;
  text-align: center;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  vertical-align: top;
  line-height: 1.1em;
}
.border-rightr-w td {
  border-left: 1px solid #ffffff;
}

/******* 10 August 2022 **********/
.pCollege .simpleTable #newsTable td{border-right: solid 1px #b1b1b1;}
.pCollege .simpleTable #newsTable td:last-child{border-right:none;}
.innerPagesbox ol li p {
  margin: 0 0 10px;
}
/*******  CSS Cut Top and Past Last 12 August 2022 **********/
@media (max-width:767px) { 
  .responsive-table tbody td{ border-bottom:1px solid #dcddde;  padding: 5px 10px; font-size: 1em;line-height: 1.5em;}
  }
/******* 13 August 2022 **********/
.simpleTable table td:not(:first-child),
  .responsive-table tbody td:not(:first-child) { 
      border-left:solid 1px #333; /* #eee; *//* #b1b1b1;*/
  }

  .unique-table .table-more-data .responsive-table td{font-size: 16px;}
  /*.simpleTable table td td{border-right:none;} 230307 */
  .textVers {text-align: right; padding: 0px 0 10px 0;}
  .textVers a{color: #3d3d3d;}
  .table05 td {
    padding: 0.5625rem 0.625rem;     border-left: solid 1px #fff;
  }
  .table05 tr:nth-of-type(even) {
    background-color:#D9ECFF;
  }
  .innerPages.recruitPages hr.border2 {
    margin-bottom: 0; 
    padding: 10px 0;
}
.innerPages.recruitPages .caption{width: 100%;
    padding: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    background: #afd7ff;}
.innerPages.recruitPages button:hover, .innerPages.recruitPages button:focus, .innerPages.recruitPages .button:hover, .innerPages.recruitPages .button:focus {
      background-color: #007095;
  }
  .innerPages.recruitPages button:hover, .innerPages.recruitPages button:focus, .innerPages.recruitPages .button:hover, .innerPages.recruitPages .button:focus {
    color: white;
}
.innerPages.recruitPages button.expand, .innerPages.recruitPages .button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
.innerPages.recruitPages button, .innerPages.recruitPages .button {
  background-color: #046289;
  border-color: #007095;
  color: white;
  padding: 1rem 0;
  transition:background-color 300ms ease-out;
  display: block;     text-align: center;
}
.innerPages.recruitPages .margin_bottom_5px {
  margin-bottom: 5px;
}
.innerPages.recruitPages button.success, .innerPages.recruitPages .button.success {
  background-color: #156b16;
  border-color: #14a316;
  color: white;
}
.innerPages.recruitPages button.success:hover, .innerPages.recruitPages button.success:focus, .innerPages.recruitPages .button.success:hover, .innerPages.recruitPages .button.success:focus {
  color: white;
}
.innerPages.recruitPages button.success:hover, .innerPages.recruitPages button.success:focus, .innerPages.recruitPages .button.success:hover, .innerPages.recruitPages .button.success:focus {
  background-color: #008d02;
}
.sitemapPage .leftBullet{margin-left: 20px; padding-left: 20px;}
.sitemapPage .leftBullet li{list-style-type: disc;}
.sitemapPage ul{list-style:disc;}
/* 16 August*/ 
html { scroll-behavior: smooth; } 
/* 22-08-2022  */
.alignRight{text-align: right;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #0f487f;
}




/*** Org Chart ***/


.cp_name{
	font-size:0.8em;
	padding:0.5em;
	background:#024ab8;
	border-radius:0.3em;	
	width:auto;
	color:#fff;
	margin-top:5px;
	line-height:1.4em;
}
.dcp_name{
	font-size:0.8em;
	padding:0.5em;
	background:#206cc0;
	border-radius:0.3em;	
	width:98%;
	color:#fff;
	margin-top:5px;
	line-height:1.4em;
}
.d_name{
	font-size:0.8em;
	padding:0.5em;	
	border-radius:0.3em;
	width:98%;
	margin-top:5px;
	line-height:1.4em;
	background:#d1dff2;
	color: #000;
}
.top_man_title{
	padding-top:0.4em;
	font-size:0.8em;
	line-height:1.4em;
	font-weight:bold;
}
.senior_badge{
	color:#000C63;
	font-size:0.8em;
  padding-right:0.5em ;	
}
.rank_content{
	color:#000C63;
	font-size:1em;
	text-align:left;
	/*float:left;	*/	
}

@media only screen and (min-width: 48.0625em) { /* min-width 769px or above*/
#org_chart_container{
	width:575px;
}
.org_chart_figure{
	width:90%;	
}
.org_chart_badge{
	float:left;
	padding:5px;	
}

.cp_name{
	min-width:200px;	
}
.dcp_name{
	min-width:140px;	
}
.senior_area{
	width:75%;
	float:right;
	text-align:center;
	display:inline-block;
}
.senior_badge{	
	width:25%;
	float:left;
	text-align:left;
	display:inline-block;
	
}
.dcp_area{
	width:50%;
	float:left;
	text-align:center;
	display:inline-block;	
}
.dcp_area_3{
	width:33%;
	float:left;
	text-align:center;
	display:inline-block;	
	padding: 0.2em;
	
}

.rank_area{
	display:table-row;		
	width:575px;	
}
.rank_badge{
	width:140px;		
	display:table-cell;
	padding:0;
	text-align:left;	
}
.rank_content{
	min-width:435px;	
	display:table-cell;
	vertical-align:middle;	
}

}
@media only screen and (max-width: 48em) { /*max-width 768px or below */
  #org_chart_container{
	width:100%;

}
.org_chart_figure{
	width:100%;
	
}
.org_chart_badge{
	display:block;
}

.cp_name{
	min-width:90%;	
}

.dcp_name{
	min-width:60%;	
}
.senior_area{
	width:100%;	
	text-align:center;		
}
.senior_badge{
	width:100%;	
	text-align:left;
	padding-bottom:1em;	
}
.senior_badge img{
	display:block;	
}
.tree{
	display:none;
}
.dcp_area{
	width:100%;	
	text-align:center;
	display:block;
	padding-bottom:1em;	
}
.rank_area{	
	width:100%;	
}
.rank_badge{
	/*width:100%;		*/
	padding:0;
	text-align:left;
	
}
.rank_content{
	width:100%;		
	
}
}

.lower-alpha li {
  list-style-type: lower-alpha !important;
}
/*
@charset "UTF-8";
@import url('font-notoSans.css');
body{
 font-family: 'Noto Sans', sans-serif; 
}
input, button, select, textarea,
h1,h2,h3,h4,h5,h6{
  font-family: 'Noto Sans', sans-serif;
}*/
p{text-align: justify;} 


.webElement h2{margin-bottom:10px;} 
.webElement h3{font-size: 32px; line-height: 35px;}
.webElement h4{font-size: 30px; line-height: 35px; }
.webElement .p1{margin:0 0 10px 0;}
.webElement .p2{margin:0 0 10px 0;}
.webElement .p3{margin:0 0 10px 0;}
.webElement .f1{margin:0 0 10px 0;}
.webElement .f2{margin:0 0 10px 0;}
.webElement .f3{margin:0 0 10px 0;}
.compBox .mobileView{display:none;}
hr {
  border-top: 1px #aaa solid;
}
hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 3.25rem 0 3.1875rem;
  height: 0;
}
.symposium_role .cv p {
  font-weight: normal;
  font-size: 1em;
    line-height: 1.8em;
}

.rightMap{
text-align: center;
}

  /* ...........pm_peak...........  */
  .Pmpeak li a:hover{
    color: #ff4400;}
  .notes{
    color: #555 ;
    font-size: 0.9em ;
    line-height: 1.5em ;   
  }
  h1 .notes{
    color: #ddd;
    
  }
  .Transportation_1 th{
    padding: 1em;
    background: #003498;
    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 1em;}
  
    .Transportation_1 td{
    padding: 1em;
    border-right: 1px solid #fff;
    font-size: 1em;}

    .Transportation tr:nth-of-type(even) {
    background: #D9ECFF;}
  .Transportation td a:hover{
    color: #ff4400;}
    
  .table_01 tr td a:hover{color:#D11A00; /* WA #ff4400;*/}

  .police_review1 td a {color: #006db3;text-decoration: none;font-size: 1em;}
  .police_review1 td{
    padding: 1em;
    border-right: 1px solid #fff;
    font-size: 1em;
  }
  .innerPagesbox .policeReview a:hover{color:#006db3;}
  .logos {background-color: rgb(10,92,152);height: 120px;}

  .hkpLogoImage {margin-top: 10px;margin-left: 37px;margin-right: 10px;float: left;}

  div.hkpLogoImage a img {width: 300px;height: 105px;}

  .changeFontSize{
    margin-right: 8px;
    background-color: none;
    border: none;
    text-align: right;}

  .img-resize {
    width: 50px;
    height: 50px;}

  .blockTitle {
    font-size: 1.2em;
    font-weight: bold;
    margin: 15px 0px 15px 0px;
    line-height: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #2F6993;}

.SupportWing{
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  font-size: 1em !important;
  font-weight: bold;
  color: #666 !important;}

  #detail {
    width: 480px;
    min-height: 200px;
    background-color: rgb(212, 226, 255);
    text-align: left;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(61, 77, 109);
    border-image: initial;
}
.STORE{}
/*
.innerPagesbox{
  padding: 40px 32px 80px 32px;
}
.innerPagesbox.launc {
  padding: 35px 34px 125px 34px;
}*/
.alignt hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 3.25rem 0 3.1875rem;
  height: 0;
}
.alignt h2 {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  font-size: 1.5em;
  font-weight: bold;  
}

.alignt p {
 
  line-height: 1.8em;
 
} 

.listing.doors li{
  list-style-type: circle;
}
.alignt ul, .alignt ol {
  font-size: 1em;
} 
.alignt ul li, .alignt ol li {
  
  line-height: 1.5em;
  padding-bottom: 0.2em;
} 
.alignt strong, .alignt b {
  font-weight: bold;
  line-height: inherit;
} 
.alignt h3 {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  font-size: 1.1em;
  font-weight: bold;
  color: #222;
  margin: 25px 0;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}


.alignt ul, .alignt ol, .alignt dl {
 
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit;
}
.alignt .table_01 {
  width: 100%;
  background: #fff;
  font-size: 1em;
  line-height: 1.3em;
}
.alignt .table_01 th {
  padding: 0.5em;
}
.alignt .table_01 td {
  padding: 0.5em;
  border-right: 1px solid #fff;
}
.alignt .table_01 td a {
  color: #2D6A9F; /* WA #006db3; */
  text-decoration: none;
}
.alignt .table_01 tr.even, .table_01 tr.alt, .table_01 tr:nth-of-type(even) {
  background: #D9ECFF;
}

.senior_officers img{
  width: 100%;
  max-width: 240px;
  border: 1px solid #20305f;
}
@media only screen and (max-width:767px) {
  .senior_officers img{
   
    max-width: 160px;
  
  }
}
.innerPagesbox ol{
  font-size: 20px;
}
.innerPagesbox ol li {
  line-height: 1.5em;
  padding-bottom: 0.2em;}
.Renosafe a:hover{color: #ff4400;}
.visitorInformation a:hover{color: #ff4400;}
.PTC a:hover{color: #0078a0!important;}
.SecPRODUCTS a:hover{color:#ff4400;}
table{border-collapse: collapse;width: 100%;}
.alignt h1 {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3em;
  color: #033349;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 0.8em;
}
.small-6 {
  width: 50%;
}
.w-100 {
  width: 100% !important;
}
.small-2 {
  width: 16.66667%;
}
.columns {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  float: left;
}
.spacer{
line-height: 0.5em;
height: 0.5em;
}
.Cinformation ul li p a:hover{
color: #ff4400;
}
li a:hover{color: #D11A00 /* b4 WA #ff4400;*/}
.ntn-page18 .columns.headt{padding-left: 27px;}
.ntn-page18 .columns.headt{padding-left: 32px;}
.large-1 {
  width: 2.33333%;
}
.innerPagesbox  .taxistand{margin-top: 0;}
.innerPagesbox .burglary p{
  margin-bottom: 0;
}


.innerPagesbox ul li p {
  margin: 0 0 10px;
 
}
#reportSubTypeSelect {cursor: pointer;}
.tps a:hover{color: #ff4400;}
.SCUI td{padding: 10px;}
.simple-accordion .panel-heading > a > h3 {
  margin:0;
  font-size: 1em;
  /*font-weight: 600;*/
  padding: 0;
  
}


.small_icon{
  font-size: 14px; 
  letter-spacing: -2px; 
  font-weight: bold;
}
#image-gallery img{height: auto;}
#image-gallery.KowwestNts img{height:unset;}

.table_01 th {
  padding: 1em;
  background: #003498;
  color: #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 1em;
}
.symposium_role, .symposium_role h3, .symposium_role a, .symposium_role a:hover, .symposium_role p, .symposium_role li {
  color: #FFF;
}
.symposium_role .row {
  padding: 1em;
  border-radius: 10px;
  font-size: 16px;
  font-weight: normal;
  width: auto;
  margin: 0 -0.5rem;
}
.row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.large-3 {
  width: 25%;
}

.symposium_role img {
  width: 80%;
  margin: 0 auto;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
.large-9 {
  width: 75%;
}
.symposium_role .name {
  font-size: 1.3em;
  padding-top: 0.4em;
  padding-bottom: 0.2em;
  line-height: 1.2em;
}
.symposium_role .post {
  color: #ccc;
}
.symposium_role a, .symposium_role a:hover {
  text-decoration: underline !important;
}
.symposium_role, .symposium_role h3, .symposium_role a, .symposium_role a:hover, .symposium_role p, .symposium_role li {
  color: #FFF;
}
.role_red {
  background: #b60013;
}
.role_green {
  background: #2f8b40;
}
.role_blue {
  background: #21355e;
}
.symposium_role .cv {
  padding-top: 1em;
  display: none;
}
.alignt .alert {
  line-height: 1.8em;
  background-color: #FFD0D1;
  padding: 1.2em;
  border: 2px solid #ca0000;
  color: #000;
}

.innerPagesbox .truck_details div {
  background: #d4e9fe;
  padding: 1em;
  border: 1px solid #fff;
  font-size: 0.8em;
}
.truck_details {
  line-height: 1.5em;
  text-align: center;}
.AntiDrug a:hover{color: #ff4400;}
.admBTT a{color: #063747;}
@media screen and (min-device-width: 768px) and (max-device-width: 2000px) { 
.truck_details .large-4{width: 33.3333%;}
}
.row .row{margin: 0 -0.5rem;}
.spacer {
  line-height: 0.5em;
  height: 0.5em;
}
.innerPagesbox .compBox{border-bottom: none;}
.innerPagesbox .crime-short-desc {
  padding: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #c7ffff;
  font-size: 16;}
  .innerPagesbox .crime-short-desc:hover{
  background-color: #02cef1;}
/* .......******police message Nirmal..........****** */
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
  }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table;
    }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.75rem !important;}

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
  clear: both; }
  
  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
  .medium-block-grid-3 > li:nth-of-type(1n) {
   clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
   clear: both;}

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none;}
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;}

  @media only screen and (max-width:767px) { 
   .small-block-grid-1 > li {
     width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
     clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
     clear: both; }
    
    .small-block-grid-2 > li {
      width: 50%;
      list-style: none; }
      .small-block-grid-2 > li:nth-of-type(1n) {
       clear: none; }
      .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both; }}
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #FFFFFF;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out;
}
.medium-4{width: 33.3333%;}

/* Sandeep Css Start */
.img_40pc {width:40%;}
.margin_left_1em {margin-left:1em;}
.margin_right_1em {margin-right:1em;}
.warningRedBox {
	background:#ca0000;
	padding:1.2em;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
.highlightRed {
	background:#ba0000;
	color:#FFFFFF;
	padding-left:0.5em;
	padding-right:0.5em;
}
.border {border:1px solid #CCCCCC;}
.video_list {
	width:100%;
	border:0px;
	background-color:#fff;
	
}
.video_list td {padding:2%;}
.video_list .thumb{
  width: 30%;
  max-width: 300px;
}
.video_list .thumb img{
  width: 100%;
  max-width: 300px;
}
.videot{text-align: center;}
.statistics_table caption {
	font-weight:bold;
	color:#222222;
}
.blueNotesBlock {
	background-color:#cdecff;
	padding:30px;
	margin-bottom:30px;
}
.nono_dialog {
	width:100%!important;
	min-width:240px;
	max-width:580px;
	height:auto;
	margin-top:0;
}
.nono_dialog {margin-left:30%;}
#eventList ul li {margin:0!important;}
.alphaList li {list-style:lower-alpha!important;}
.innerListing {padding-left:30px;}
.innerListing li {list-style:circle!important;}
.video_list h4 {
    font-size: 1.2em;
    font-weight: bold;
	color:#666666;
}
.box.listing.number-listing {padding:0;}
.panel-heading a.onlylink:before {display:none;}
.alphaList {padding:20px 0 0 0;}
@media only screen and (max-width:767px) { 
  .video_list .thumb {
    width: 40%;
}
.img_40pc {width:100%;}
.mobileFullCenter {width:100%!important;text-align:center;margin-bottom:10px;}
.mobileFullCenter div {text-align:center;}
.sameHeightImg #image-gallery .img-wrapper img {height:90px;}
.padding_10px.pull-right {margin-top:-4px;}
.sub_icons_new li {width:8em!important;max-width:none!important;min-width:auto!important;}
}
/* Sandeep Css Start End */



.link {
color: #1d64a0 !important;
}

.moreSpacesLinks{
margin-bottom: revert !important;
}

.bellIco {
  margin-top: 15px;
  display: inline-block;
}
.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none;
}
.example-orbit {
  min-height: auto;
  padding-bottom: 1em;
}
.orbit-container .orbit-slides-container{
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
}
.orbit-container .orbit-slides-container li{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%;
}
container .orbit-prev, .orbit-container .orbit-next {
  position: absolute;
  top: 45%;
  margin-top: -25px;
  width: 36px;
  height: 60px;
  line-height: 50px;
  color: white;
  background-color: transparent;
  text-indent: -9999px !important;
  z-index: 10;
}
.orbit-container .orbit-next {
  right: 0;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
  position: absolute;
  top: 45%;
  margin-top: -25px;
  width: 36px;
  height: 60px;
  line-height: 50px;
  color: white;
  background-color: transparent;
  text-indent: -9999px !important;
  z-index: 10;
}
.orbit-container .orbit-timer {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 6px;
  width: 100px;
  z-index: 10;
}
.rsp .panel {
  /*border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;*/
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333;
}
.medium-6 {
  width: 50%;
}
.videot{text-align: center;}
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333;
}
.csmPage.greenBlock  h3 {border: 0; margin: 10px 0;}
.cromod .modal-dialog{
  height: 100%;
}
.cromod .modal-content{
  height: 100%;
}
.cromod .modal-dialog{
  width: 100%;
  margin: 0;
}
.cromod .modal-content {
  outline: 0;
    background: #333333;
    overflow: hidden;
    border: none;
    border-radius: unset;
} 
.cromod .modal-body{
  padding: 0;
}
.alignt.cvc h3{padding-bottom: 0; padding-top: 0; margin: 0 0 10px;}
.secu .innerPagesbox p{margin-bottom: 20px}
#myGallery{height: 100%;}
.cromod #myGallery img{
  max-width: 80%;
  max-height: 90vh;
  width: auto;
  margin: 0 auto;
}
.cromod #myGallery.seti img{
  max-height: 80vh;
}

.clearing-close {
  position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0;
    font-size: 30px;
    opacity: unset;
    line-height: 1;
    color: #CCCCCC;
}
.cromod {padding-right: 0 !important;}
.cromod .carousel-control{
  top: 50%;

}
.cromod .carousel-inner{
  width: 80%;
  margin: auto;
  height: 80vh;
}
  .cromod .carousel-control.left{
    background-image: none;
    background: transparent;
  }
  .cromod .carousel-control.right{
    background-image: none;
    background: transparent;
  }
  .cromod .modal-header {
    
    border-bottom: none;
}
.list-inline li {padding-left: 100px; padding-bottom: 20px !important;}
.css_rn_accordian .panel-heading a:before, .css_2001_2013 .panel-heading a:before, .statistics_csd .panel-heading a:before { margin-top: 0px; }
.css_2001_2013 .contactPage { overflow: auto; }
.submit-csc-btn { padding:6px 20px!important; border: 0; }
.csc-right-file { text-align: right!important; }
.poes_statistics { padding-bottom: 0px!important; }
.tapi_tcpr_2014_table { padding-bottom: 0px!important; }
.unique-table .responsive-table thead .heading td { color:#000!important; }
.unique-table .responsive-table td, .unique-table .responsive-table th { padding: 10px 15px!important; }
.unique-table .responsive-table th { color: #fff !important; text-shadow: 2px 2px 4px #000000; }
.responsive-table th:nth-child(1) { font-size: 18px; }
.pb-zero { padding-bottom: 0px!important; }
.innerPagesbox.unique-table h2 { margin-bottom: 10px; }
.commandant-page .leftrightbox .box.rit { margin-left: 50px; padding: 0; }
blockquote.blockquote-apply { background: #D9ECFF; margin-bottom: 30px; border-left: 5px solid #b5d7fd; }
.mb-50 { margin-bottom: 50px!important; }
.panel-heading a.before-mts-zero:before { margin-top: 0px; }
.gs-bg-light { background:#f2f2f2!important; }
.gs-bg-none { background: none!important; }
.border-radius-none { border-radius: 0px!important; }
.table-p-zero p { margin: 0px!important; }
.text-white-p p { color:#fff!important; }
.tendor-table .td-table-tendor {     display: block!important; }
.tendor-table th, .tendor-table td { white-space: normal!important; }
.img-auto-center { width: auto!important; max-width: 100%; margin: 0 auto; display: block; }
.unique-table .responsive-table th.th-white { color: #fff !important; }
.unique-table .table-more-data .responsive-table td, .unique-table .table-more-data .responsive-table th { padding: 10px!important; }
.tendor-td { border: 0px; }
.simpleTable.tendor-td tbody tr:nth-child(odd) { background-color: #e4e4e4 !important; }
.tendor-table-bg .table_01 tr:nth-of-type(even) { background: #fff; }
.useful_info_aws .box { width: 100%;  padding-right: 30px; }
.useful_info_aws .leftrightbox .box.rit { padding-top: 0px; }
.overflow-auto { overflow: auto; }
.border-left-white { border-left: 1px solid #fff!important; }
.border-bottom-white { border-bottom: 1px solid #fff!important; }
.border-top-white { border-top: 1px solid #fff!important; }
.border-right-white { border-right: 1px solid #fff!important; }
.border-bottom-grey { border-bottom: solid 1px #b1b1b1!important; }
.border-right-grey { border-right: solid 1px #b1b1b1!important; } 

.whiteListing ul.ccd-whiteListing { width: 100%; display: table; }
.whiteListing ul.ccd-whiteListing li span, .whiteListing ul.ccd-whiteListing li div { display: table-cell; }
.whiteListing ul.ccd-whiteListing li .min-width-frst { min-width: 380px; }
.whiteListing ul.ccd-whiteListing li .min-width-sec { min-width: 180px; }
.font-inherit-table.responsive-table td p, .font-inherit-table.responsive-table th p { font-size: inherit; line-height: inherit; margin-bottom: 10px; }
.unique-table .simpleTable .responsive-table { margin-left: -1px; }
#image-gallery .img-wrapper img { cursor: pointer; }
.min-height-inherit { min-height: inherit!important; }
ul.listing[type="circle"] li { list-style: circle; }
/* 11082022*/
.table-nowrap td, .table-nowrap th {  white-space: nowrap!important;}
.min-width-full { min-width: 100%!important; }
.font-weight-normal { font-weight: 400!important; }
.padding-left-zero { padding-left: 0px!important; }
.background-transparent { background: transparent!important; }
.ol-inner-padding ol { padding-left: 15px; }
.list-style-circle li {     list-style: circle!important; }
/* 12082022 */
.td-th-background { background: url(../img/mask.png) left top no-repeat!important; background-size: cover!important; }
.simpleTable .table-border-left td:first-child { border-left: solid 1px #b1b1b1; }
.background-none { background: none!important; }

@media screen and (min-width: 1200px) {
  .image-auto-gallery #overlay  { justify-content: space-between; padding: 0px 20px; }
  .image-auto-gallery #overlay img { width: auto; }
}
#main_content_area {
  min-height: 740px;
  height: auto;
}
.poa {
  background-color: #e2f0d9;
  background-image: url(/info/img/youth/poa/poa_bg.png);
  background-position: 100% 50px;
  background-repeat: no-repeat;
  padding: 1em;
}

.app_letter {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
.h1em {
  height: 1em;
  line-height: 1em;
}
.al_h1_img {
  text-align: left;
  width: 100%;
}
.al_h1_img img {
  display: inline-block;
  vertical-align: top;
}
.applet .row .row:before, .applet .row .row:after {
  content: " ";
  display: table;
}

.app_letter .selected {
  background-color: #00589c !important;
  color: #fff;
  font-size: 2em;
  padding: 0.8em;
  font-style: italic;
}
.app_letter .year {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #eee;
  border: 2px solid #fff;
}
.applet .large-12 {
  width: 100%;
}
.applet .row .row:after {
  clear: both;
}

.applet .row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.app_letter .month_gray {
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: 1.5em;
  background-color: #ccc;
  border: 2px solid #fff;
}
.applet .large-3 {
  width: 25%;
}
.app_letter .month {
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: 1.5em;
  background-color: #cbebf7;
  border: 2px solid #fff;
}
.app_letter .year {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #eee;
  border: 2px solid #fff;
}
.applet .large-4 {
  width: 33.33333%;
}
.al_item {
  background-color: #f3f3f3;
  bottom: -5px;
  font-size: 1em;
  font-weight: bold;
  padding: 1em;
  width: 32%;
  /* margin: 0 auto; */
  margin: 0 4px;
  text-align: center;
  transition: bottom 0.3s;
  border-bottom: 10px solid #fff;
}
.al_item .square {
  position: relative;
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
}
.al_item .title {
  color: #333;
  line-height: 1.4em;
  font-size: 0.9em;
}
.al_item .date {
  font-size: 0.8em;
  color: #999;
}
.list-inline img{
  display: inline-block;
    vertical-align: middle;
    height: auto;
}
.table_01 {
  width: 100%;
  background: #fff;
  font-size: 1em;
  line-height: 1.3em;
}
.al_item .square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.al_container {
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}

.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #FFFFFF;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
  transition: all 200ms ease-out;
}


.fst button.small, .fst .button.small {

  padding-top: 1.875rem;
  padding-right: 1.75rem;
  padding-bottom: 1.938rem;
  padding-left: 1.75rem;
  font-size: 16px;
    background-color: #046289;
    border-color: #007095;
    color: white;
  }

.adt p strong{margin-top: 10px;}
  .fst .large-12 {
    width: 100%;
  }
  .fst .padding_v {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .fst .large-6 {
    width: 50%;
  }
  .fst_item {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .fst_item {
    padding: 0em;
  }
  .fst_item img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
  }
  .fst_item .title {
    width: 100%;
    position: absolute;
    z-index: 50;
    bottom: 0px;
    padding: 10px;
    background: #000;
    color: #fff;
    opacity: 0.85;
    line-height: 1.3em;
  }
  .tag_new {
    padding: 5px;
    color: #fff;
    background: #ff0000;
    font-size: 0.9em;
    display: inline-block;
  }
  .tag_topical_scam {
    padding: 5px;
    color: #fff;
    background: #2b6c94;
    position: absolute;
    top: 10px;
    z-index: 50;
    box-shadow: 1px 1px 8px #333;
  }


  .fst button, .fst .button {
    display: inline-block;
  }
  .fst button, .fst .button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
   
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #008CBA;
    border-color: #007095;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
  }

  .spc-links {
    margin: 5px;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-style: solid;
    border-width: 1px;
    border-color: #00cc99;
    text-align: center;
    background-color: #ceffe9;
    box-shadow: 4px 4px 5px #999999;
    color: #000;
  }
  .spc-text {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    height: 60px;
  }
  /* testing pur */
 
  .img-wrapper {
    position: relative;
    margin-top: 15px;
 }
  
  .img-overlay {
  
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none!important;
    justify-content: center;
    align-items: center;
    opacity: 0;
 }
  .img-overlay i {
    color: #fff;
    font-size: 3em;
 }
  #overlay {
    background: #333;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
  #overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 4%;
    max-height: 90vh;
 }
  @media screen and (min-width: 768px) {
    #overlay img {
      width: 60%;
   }
 }
  @media screen and (min-width: 1200px) {
    #overlay img {
      width: 100%;
   }
 }
  #nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    cursor: pointer;
 }
  #nextButton:hover {
    opacity: 0.7;
 }
  @media screen and (min-width: 768px) {
    #nextButton {
      font-size: 2em;
   }
 }
  #prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    cursor: pointer
 }
  #prevButton:hover {
    opacity: 0.7;
 }
  @media screen and (min-width: 768px) {
    #prevButton {
      font-size: 2em;
   }
 }
  #exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
 }
  #exitButton:hover {
    opacity: 0.7;
 }
  @media screen and (min-width: 768px) {
    #exitButton {
      font-size: 2em;
   }
 }



/** Sub icons: Crime Matter index and Traffic Index **/


.sub_icons {
  width: 100%;
  margin: 0 auto;
}
.alignt .right {
  float: right ;
  margin-left: 15px;
}
.right_img{
  width: 100%;
  max-width: 30%;
}

@media (max-width: 600px) {
	.alignt .right {
    float:none;
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .right_img{
    width: 100%;
    max-width: 100%;
  }
  
 }
.spacer {
  line-height: 0.5em;
  height: 0.5em;
}
.sub_icons li {
  list-style: none;
  display: inline-block;
  width: 100%;
  min-width: 200px;
  max-width: 19%;  
  text-align: center !important;
  padding-top: 0.5em;
  padding-bottom: 2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align: top;
  line-height: 1.1em;
}
.sub_icons li a {
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
}
.sub_icons li img {
  width: 80%;
  border: 0;
  padding-bottom: 1em;
}
@media only screen and (max-width:990px) {	
  .sub_icons li {
    padding: 0.5em;
   padding-bottom: 2em;
    max-width: 31%;  
  }
}

/* 07/09/22 gamestone page css */
.gamstone .col-lg-4 {
  padding-bottom: 1.5em;
}
.margin_bottom_5px {
  margin-bottom: 5px;
}




/** Edited by HKPF **/


/* album poster page css*/
.innerPagesbox.albm-pstr p{
  margin: 0 0 0px;
} 
.innerPagesbox.albm-pstr .row{
  margin-bottom: 20px;
}

.innerPagesbox.albm-pstr .img-wrapper{
  margin-top:0px;
  margin-bottom:15px;
}

.cl{
  clear: both;
  height: 14px;
}
.img_40pc {
  width: 40%;
}
.img_area {
  color: #444;
  line-height: 1.2em;
  font-size: 0.8em;
  background: none;
}
.margin_right_1em {
  margin-right: 1em;
}
.left {
  float: left !important;
}
.history ul{
	padding-left: 25px;
  }
  .pl-12{
	padding-left: 12px;
  }
  .ml-0{
	margin-left: 0;
  }
  .image-set ul li {
	line-height: 33px;
	font-size: 20px;
	list-style-type: disc;
  }
  .pd-l ul {
    padding-left: 22px !important;
}
.circle_icon .columns {
  text-align: center;
}
.innerPages.recruitPages .oversea .table_01 td {
  padding: 1em;
  border-right: 1px solid #fff;
  font-size: 1em;
}
.recruitPages .icon_list .columns {
  padding: 1em;
  padding-bottom: 1.5em;
  float: left !important;
}
.oversea .icon_list img {
    width: 47.4%;
    height: auto;
    display: inline-block;
}
.circle_icon img {
  border-radius: 50%;
  filter: grayscale(30%);
  -webkit-filter: grayscale(30%);
  -moz-filter: grayscale(30%);
  -o-filter: grayscale(30%);
  -ms-filter: grayscale(30%);
 
}
.button{
  padding-right: 0;
  padding-left: 0;
  width: 100%;}
.button.alert {
  background-color: #ca0000;
  border-color: #cf2a0e;
  color: white;
  display: block;
  text-align: center;
}
.margin_bottom_5px {
  margin-bottom: 5px;
}
/* *****10/08/2022***** */
.tableEDC01 tbody tr th{padding: 9px 10px;text-align: left;}
.tableEDC01 tbody tr td{padding: 9px 10px; text-align: left;}
.tableEDC01 td, 
.tableEDC01  tr.even, 
.tableEDC01 tr.alt, 
.tableEDC01  tr:nth-of-type(even)  {background:whitesmoke;;
	padding:0;
	font-size:1em;}
.atag_hover_red:hover{color: #ff4400;}
.Text-Version{color: #063747;}
.Text-Version:hover{color: #0078a0;}
.alert a{
  color: #510000;
  text-decoration: underline; 
}

  .e_platform_icon{text-align: left;}
  .e_platform_icon img{border-radius: 5px;}
  .e_platform_icon a{margin-bottom: 1.25rem; color: #063747; display: inline-block;}

/* ***11/08/2022*** */
.mb-less p {
  margin: 12px 0;
}
.w-25{
  width: 25%;
}

/*11 August 2022*/
.imageWidthText .img-wrapper {
  min-height: 122px;
}
.imagewithnoText .img-wrapper {
  min-height: 80px;
}
.circle ul li{
  list-style: circle;
}
.square ul li{
  list-style: square;
}
/* 12-08-2022 */

.grey tr:nth-child(even) {background: #f9f9f9}
.grey tr:nth-child(odd) {background: #FFF}









/** Break for desktop **/

.hide_for_small{
  display: block;
}
@media (max-width: 990px) {
  .hide_for_small{
    display: none;
  }
}
.show_for_small{
  display: none;
}
@media (max-width: 990px) {
  .show_for_small{
    display: block;
  }
}

/** Accordion **/

#accordion.panel-group .panel, .accordion.panel-group .panel{
  /*box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);*/
  margin-bottom:10px;
  padding:0em;
 
}

#accordion .panel-default .panel-heading, .accordion .panel-default .panel-heading{
  font-size:1em;
 /* padding:1em;
  padding-left: 1em;
  padding-right: 1em;*/ /* sitemap change */
  line-height: 1.3em;
}
#accordion .panel-collapse .panel-body, .accordion .panel-collapse .panel-body{
  padding: 2em 0;
  padding-bottom: 3em;
}
.contactPage #accordion .panel-collapse .panel-body,.contactPage  .accordion .panel-collapse .panel-body{
  padding: 0em 0;
  padding-bottom: 1em;
}
#accordion .panel-collapse, .accordion .panel-collapse{
  padding-left: 1em;
  padding-right: 1em;
}
.listingPage .panel:nth-child(even){

}
#accordion .panel-default .panel-heading .accordianheading, .accordion .panel-default .panel-heading .accordianheading{
  font-size: 1em;
  font-weight:normal;
  color:#333;
  padding-top: 0.3em;
  line-height: 1.5em;
}
.missingPage #accordion .panel-default .panel-heading a, .missingPage .accordion .panel-default .panel-heading a{
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1em;
  font-weight:bold;
  color:#333;
  line-height: 1.5em;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
  border-bottom: 0;
  /*padding: 0.5em;*/
}

#accordion.panel-group .panel{
  box-shadow: none;
  border: 0;
}
.panel-heading a:before{
  margin-top:0;
}
/** Table **/
.simpleTable table{
  min-width: 680px;
}
.simpleTable table thead th{
  padding: 5px 5px;
}
.simpleTable table td{
  padding:10px;
  font-size:0.9em;
  border-right:1px solid #aaa;
  max-width:400px;
  width: auto;

}

/****/
.alignt ul li{
  text-align: left;
}


.fst_item .title {
  z-index: 0;
}

.tag_topical_scam {  
  z-index: 0;
}

/** Nono Dialo box **/
@media only screen and (max-width:767px) { 
  .nono_dialog{
    margin-left: 0;
  }
}






 /* Banner in JPC index page */
 .jpc_banner {
	width:100%;	
	margin-left:0;		
}
.jpc_banner li{
	list-style: none;
	display:inline-block;
	
	width:48%;
	text-align:center;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:0.1em;
	padding-right:0.1em;
	vertical-align:top;
	line-height:1.1em;	
	
	
}
.jpc_banner li img{
	width:100%;
	border:0;
	/*padding-bottom:1em;*/
}
.jpc_banner li a{
	font-size:0.9em;
	text-decoration:none;
	
}
.sub_icons li a:hover{
	text-decoration:none;
	
}
 /* Banner in JPC index page */


 /* PR Search Filter */
 .PRSearchFilter{
  right:0px;
}


/* Album Thumbnail List */

.masonry .brick{
  margin-bottom: 5px;
  overflow: hidden;
  display: inline-block;
  width: 19%;
}


/* Breadcumb and h1 */
.breadCrumb ul li a{
  font-weight:normal;
  text-decoration: none;
}



/* Press Release Cat **/

@media only screen and (max-width: 767px) and (min-width: 300px){
  .fliterSec ul li {
    width:48%;
    margin-right:2%;
    margin-bottom:10px;

  }
}

/* icon_list */
.icon_list{
  text-align: center;
}



/** Start of Contact Us Page **/

/******** Contact Page ************/
.contactPage{padding-bottom:30px; background:#FFFFFF;}
.contactPage .panel-body{padding:10px 0;}
.contactPage .responsive-table {width:100%; }  
.contactPage .responsive-table tr:last-child td{border-bottom: none; }  
.contactPage .table-striped tr{ cursor:auto;}
.contactPage .panel-title{font-size: 1.2em;}
.contactPage .alignt .innerPagesbox h2{margin-bottom: 0;}

.contactPage .innerPages h2{margin:0 0 0 0;}
.contactPage .simpleTable table td:not(:first-child), .responsive-table tbody td:not(:first-child){border-left:1px solid #ddd;}
.sitemapPage .panel-title{ font-weight: 600;}
.spaceInside{display: inline-block; width:150px; font-size: 20px; color: #3d3d3d;}
.spaceInside2{display: inline-block; width:250px; font-size: 20px; color: #3d3d3d;}
.spaceFix1{height:10px; display: block;}
.responsive-table thead {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.contactPage .responsive-table thead{    
  /*background: url(../img/mask.png) left top no-repeat;
  background-size: cover;*/
  background: #033349;
  padding: 15px 26px;
  font-size:18px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  border-radius: 5px;}
.responsive-table td  {
  padding: 15px 10px;
  /* border-bottom: solid 1px #b1b1b1; */
  font-size:18px;
  line-height:26px;
  color: #161717;
  position: relative;
}
.responsive-table tr{
  border-bottom: solid 0px #b1b1b1; /*solid 1px #b1b1b1;*/
}
.responsive-table tr.last{
  border-bottom: none;
}

.responsive-table tbody tr:nth-of-type(even){
  background-color: #fff; /* #f2f2f2;*/
}


@media (max-width:990px) { 
  .contactPage .outerBlock{ width:100%; margin:0 auto;}
  a.component-qd-2-greyText{ display:block; line-height:50px;}
   .responsive-table tbody td{ border-bottom:0px solid #dcddde; /*border-bottom:1px solid #dcddde;*/ padding: 5px 10px; }
  .contactPage .col-lg-6{background:#FFFFFF; width:100%; float:none;}
  .contactPage .firstCol{ margin-right:0;}
  /*
.responsive-table tbody tr:nth-of-type(2n){background-color: #f2f2f2;}
*/
}
  
@media (min-width: 48em) {
  .responsive-table thead {
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;

  }
}
 
 
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
  display: block;
  padding: 0;
  text-align: left;
  white-space: normal;
}
.responsive-table td p,
.responsive-table td ul {
  text-align: left;
  
}
@media (min-width: 48em) {
  .responsive-table tr {
    display: table-row;
  }
}
.responsive-table th,
.responsive-table td {
  vertical-align: middle;
}
 
@media (min-width: 48em) {
  .responsive-table th{display: table-cell; padding: 15px 26px;}
  .responsive-table th:nth-child(1){font-size:22px;}
  .responsive-table th:nth-child(2),
  .responsive-table th:nth-child(3),
  .responsive-table th:nth-child(4),
  .responsive-table th:nth-child(5){
    color: #fff !important; 
    /*text-shadow: 2px 2px 4px #000000; */
    text-shadow: none; 
    white-space: nowrap;
    text-align: center;
  }
  .responsive-table td {
    display: table-cell; 
    padding: 15px 15px;  
    font-size: 1em; /*20px;*/
    line-height: 28px;
    color: #161717;} 
    .responsive-table ul {
      margin-left: 25px;
      padding-top: 20px;
  }
  .responsive-table td:nth-child(2),
  .responsive-table td:nth-child(3),
  .responsive-table td:nth-child(4),
  .responsive-table td:nth-child(5){ white-space: nowrap;}
  .responsive-table tr.last td {border-bottom: none;}
    .responsive-table ul li {
      list-style-type: disc;
      padding-bottom: 6px;
  }
  .borderBox{
    border:solid 0px #000; 
    border-radius: 0; /* 10px;     */
    overflow: hidden;
  }
}


.responsive-table caption {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
}
@media (min-width: 48em) {
  .responsive-table caption {
    font-size: 1.5em;
  }
}
.responsive-table tfoot {
  font-size: .8em;
  font-style: italic;
}

@media (min-width: 48em) {
  .responsive-table tbody {
    display: table-row-group;
  }
}
.responsive-table tbody tr { 
  background:#f2f2f2; /*#fff;*/
}
@media (min-width: 48em) {
  .responsive-table tbody tr {
    display: table-row;
    border-width: 1px;
    border-bottom: 1px solid #eee;
  }
}
.responsive-table tbody tr:last-of-type {
  margin-bottom: 0; border-bottom:none;
}
.responsive-table tbody td:last-of-type {border-right:none;} /* :none; 230307 */
@media (max-width: 767px) {
  /*.responsive-table tbody tr:nth-of-type(even) {
    background-color:#f2f2f2;
  }*/
  .hidden-mobile{
    display: none !important;
  }
  .contactPage .panel-title{font-size: 1em;}
}
.responsive-table tbody th[scope="row"] {
  background-color: #fff;
  color: white;
}
@media (min-width: 48em) {
  .responsive-table tbody th[scope="row"] {
    background-color: transparent;
    color: #5e5d52;
    text-align: left;
  }
}
.responsive-table tbody td {
  text-align: right;
}
@media (min-width: 30em) {
  /* .responsive-table tbody td {
    border-bottom: 1px solid #c9cacc;
  } */
}
@media (min-width: 48em) {
  .responsive-table tbody td {
    text-align: left;
  }
}
/*.responsive-table tbody td[data-type=currency] {
  text-align: right;
}*/
.responsive-table tbody td[data-title]:before {
  content: attr(data-title);
  float: left;
  font-size: .8em;
  color: rgba(94, 93, 82, 0.75);
}
@media (min-width: 30em) {
  .responsive-table tbody td[data-title]:before {
    font-size: .9em;
  }
}
@media (min-width: 48em) {
  .responsive-table tbody td[data-title]:before {
    content: none;
  }
}
@media (max-width:374px) {
 a.component-qd-29-greyText{ display:block; line-height:50px;}
 }
@media (max-width:667px) {
.outerBlock {
    margin: 0 auto;
    width: auto;
}
.imageContainer{float:none; margin:15px auto;}
 }
 
 @media (max-width:767px) {
.imageContainer{float:none; margin:0px auto 40px auto;}
.contactPage .outerBlock{ width:100%; margin:0 auto;}
a.component-qd-2-greyText{ display:block; line-height:50px;}
.contactPage .col-lg-6{background:#FFFFFF; width:100%; float:none;}
.contactPage .firstCol{ margin-right:0;}
/*.responsive-table tbody tr:nth-of-type(2n){background-color: #f2f2f2;}*/
 }

 
.contactPage #accordion.panel-group .panel,
.contactPage .accordion.panel-group .panel {
    box-shadow:none;
    
    /*border-bottom: solid 1px #c4bebe;
    border-bottom: solid 0px #c4bebe;*/
    border:1px solid #e3e3e3;
    margin-bottom:0px;
    border-radius: 8px;
}
.contactPage #accordion .panel-default .panel-heading, 
.contactPage .accordion .panel-default .panel-heading{
  /*font-size:1em;
  padding:1em;
  padding-left: 1em;
  padding-right: 1em;
  line-height: 1.3em;
  border-radius:10px;*/
}
/*
.contactPage #accordion .panel-default .panel-heading,
.contactPage .accordion .panel-default .panel-heading
 {  
    padding-left:0px;
    padding-right:0px;
    border-radius: 0
}*/
.contactPage #accordion .panel-collapse,
.contactPage .accordion .panel-collapse{padding-left: 0; padding-right: 0; ;}
.contactPage .panel-heading a:before{
 /* content: ""; background: url(../img/plus.png) right top no-repeat;   width:14px; height: 14px;*/margin-top:0px;
 color:#999;
}
.contactPage .panel-heading a{
  /*aria-expanded="true"]:before{content: ""; background: url(../img/minus.png) right top no-repeat;*/
  }
.contactPage .sub_cat_bg{
  background-color: #9dc9ff !important; 
}
.tel_btn{
  padding: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #a9ff95;
}
.underCostPage{text-align: center; padding: 40px 0;}
.imageDiv{margin:0px auto;}
.underCostPage p{font-size: 22px; line-height: 28px;}
.grey-color{
  background-color: #f3f3f3 !important;
}
.panel-heading{
  border-bottom: 0;
}
.th_align{
  text-align: center;
}
.td_align{
  text-align: left;
}
.td_align_tel{
  text-align: center;
}
@media only screen and (max-width:767px) {
  .td_align_tel{
    text-align: right;
  }
  .responsive-table tbody tr{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .responsive-table tbody td[data-title]:before{
    font-size: 1em;
    width: 20%;
    text-align: left;
  }
  .simpleTable table td:not(:first-child), .responsive-table tbody td:not(:first-child){
    border-left:0px;
  }
  .contactPage ul{
    padding:0;
    margin-left: 2em;
  }
  
} 
/** End of Contact Us Page **/



/* Map Page ****** 28-08-2022  */
.classMaps{display:inline-block;width: 100%;}

.mapPage .alignRight{text-align:center; font-size:22px;}
.mapPage .alignRight a{text-decoration:underline !important; color:#0f487f;}
.pinSection{/*width:20%; margin-top:150px;float: right;*/ margin: 0 auto; width: 100%;}
.pinSection{
  font-size:1em;
}
/* .pinSection li {
    padding: 10px 0;
    margin-left: 50px;
    font-size: 18px;
} */
.pinSection span{padding-left: 10px;}
.mapCont{position: relative;
        display: inline-block; 
		cursor:pointer;}
.img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0; 
    }
.mapCont.selecMap .img-top {
        display: block; 
    }

.mapPage .compBox{padding-top:0px;}


/*.pinOpacity{color:#d1e2f5;}*/
.pinSection li img{display:inline-block; max-width: 26px;}
.pinSection li img.greyImg{display:none;}
.pinSection li.pinOpacity img{display:none;}
.pinSection li.pinOpacity img.greyImg{display:inline-block;}
.pinOpacity.selecLi{color:#000;}
.pinSection li.pinOpacity.selecLi img{display:inline-block;}
.pinSection li.pinOpacity.selecLi img.greyImg{display:none;}
  

/** 06 Sep 2022 - Map page**/
.table-content-change, .table-content-change1{
  float: right;
  
  font-size: 1em;
  cursor: pointer;
  background-color: #155ee4;
  color:#fff;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  margin-bottom: 10px;
  font-weight: bold;
} 
.table-content-change:hover, .table-content-change1:hover{
  background-color: #60a5ff;
}

.table-content-change1{
  display: none;
} 

.compBox table .forth, .compBox table .fifth{
  display:none;
}

/** 06 Sep 2022**/

.image-not{
  position:relative;
  margin-top: 15px;
}

/* 19 SEP 2022 */

#acc1 li, #acc1 .panel.panel-default{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #c4bebe;
  margin-bottom: 30px;
  border-radius: 4px;
}
#acc1 h3{
  font-size: 1.1em;
  font-weight: 600;
  padding: 15px;
}
#acc1 h3 a{
  color: #033349;
}
#acc1 .panel-heading{
  border-bottom:none;
}
#acc1 .panel-heading h3{
  padding-left:0px;
  color: #033349;
}

/* 22SEP2022*/
.text-right.right{
  float: right;
}

/* New Map Page ****** 25-09-2022  */
.mapCollarge img{width: 100%;} 
.pinOne {
  position: absolute;
  top: 120px;
  left: 288px;
  cursor: pointer;
}
.pinTwo {
  position: absolute;
  right: 101px;
  top: 169px;
  cursor: pointer;
}
.pinThree {
  position: absolute;
  top: 286px;
  left: 394px;
  cursor: pointer;
}
.pinFour {
  position: absolute;
  top: 380px;
  left: 90px;
  cursor: pointer;
}
.pinFive {
  position: absolute;
  top: 374px;
  left: 410px;
  cursor: pointer;
}
.pinSix {
  position: absolute;
  right: 80px;
  top: 456px;
  cursor: pointer;
}
.pinSection li{
  padding: 10px 0 10px 20px;
  margin-left: 10px;
  font-size: 1em;
  position: relative;
  display: inline;  
}
.pinSection li::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  /*background-color: #74c9bb;*/
  top: 14px;
}
.pinSection li{
  width: 100%;
}
.pinSection span {
  padding-left: 28px; 
}

.pinSection li.loc-0-pin::before { 
  background-color: #155ee4;   
}
.pinSection li.loc-1-pin::before { 
  background-color: #64905a; /*#607C4B;  */
}
.pinSection li.loc-2-pin::before { 
  background-color: #9b5a98; /*#C363AD;  */
}
.pinSection li.loc-3-pin::before { 
  background-color: #b39243 /*#AE934F;  */
}
.pinSection li.loc-4-pin::before { 
  background-color: #832d2d; /*#74c9bb;   */
}
.pinSection li.loc-5-pin::before { 
  background-color: #314856; /*#77CDE2;  */
}
.pinSection li.loc-6-pin::before {  
    background-color: transparent; 
    background-image: linear-gradient(135deg, #898191 50%, #bce2f7 50%);
    border: solid 1px #e3e3e3;
}
 
.mapSection{width:80%;float: left; position:relative; min-height: 630px; margin:25px 0 0 50px; max-width: 723px;}

.mapTable{  
  width: 100%;
}
.simpleTable  .mapTable thead{
  background: #155ee4;   
}
.mapTable .first{
  width: 60%;
  max-width:auto;
}
.mapTable .second, .mapTable .third, .mapTable .forth, .mapTable .fifth{
  width: 20%;
  max-width:100px;
  text-align: center;
  margin:0 auto;
}
.mapTable .heading .first, .mapTable .heading .second, .mapTable .heading .third, .mapTable .heading .forth, .mapTable .heading .fifth{
  font-size:1em;
  /*text-shadow: 1px 1px 1px #666;*/
  padding: 10px;
  font-weight: normal;
}

@media only screen and (max-width:900px) { 
  .mapTable{  
    width: 100%;
    max-width:800px;
  }
  .mapTable .first{
    width: auto;
    max-width:300px;
  }
  .mapTable .second, .mapTable .third, .mapTable .forth, .mapTable .fifth{
    width: auto;
    max-width:100px;
   
  }

}

.crime_statistics_in_details {
  list-style: none;
}


/* Desktop Web Share Function */

.setting {}
.setting li {}
.setting > ul > li {
  /*display: inline-block;
  list-style: none;
  margin-left: 0;*/
  padding-left: 10px;
  padding-right: 10px;
  /*position: relative;
  z-index: 210;*/
}

.setting .dropdown ul {  
  position: absolute;  
  display: none;
  width: 100%; 
  background-color:#cee8ff;
}

.setting .sharing ul {    
  width: 240px; 
  margin-left: -160px;
  font-size: 1em;
}

.setting ul .dropdown ul li {
  list-style: none;
  display: inline-block; 
  color: #fff;
  width: 40px;
  padding: 10px; 
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
}

.setting ul .dropdown ul li:hover {
  background: #a8d6ff; 
}

.setting ul .dropdown:hover ul {
  display: block;
}
.sharing ul .fa{
  color:#043b69 !important;
}

/** Multi-language 240618 **/
.multi-lang {}
.multi-lang ul{ }
.setting ul .dropdown .multi-lang{
  margin-left: -50px; ;
}
.setting ul .dropdown .multi-lang  li{
  list-style: none;
  display: inline-block; 
  color: #000 !important;
  width: 240px;
  padding: 10px; 
  text-align: left;
  font-weight: bold;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
}
.setting ul .dropdown .multi-lang li a{
  color: #000 !important;
}



/* Mobile Web Share Function */
#mobi_share{
  display: none;
  z-index:50;
}
@media only screen and (max-width:990px) { 
  #mobi_share{
    display: block;
    position: fixed;
    bottom:0;
    width: 100%;
    max-width: 100%;
    padding-top: 3px;
    padding-bottom: 12px;
    height: 52px;
    background-color:#043b69;
    border-top: 1px solid #2c71ab;
  }
  #mobi_share ul{
    display: inline;
    width: 100%;   
  }
  #mobi_share ul li{
    display: inline;
    width:20%;
    min-width:80px;   
  }
  #mobi_share .fa{
    color:#fff;
    width: 100%;
    min-width: 60px;
    max-width: 70px;
    font: normal normal normal 20px/2 FontAwesome;    
  }
  #mobi_share a:hover{
    text-decoration: none;
  }
 
}
.pr_archives li{
  display: inline-block;
  width: 24%;
  max-width: 180px;
}
@media only screen and (max-width:900px) { 
  .pr_archives li{
    display: inline-block;
    width: 32%;
    max-width: 180px;
  }
}

.pr_img{
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding-right: 2em;
  padding-bottom: 2em;
}
.pr_img img{
  width:auto;   
  height:240px;
  max-height: 240px;
}
.pr_img .addednameatt{
  font-size:0.8em;
  color:#333;
}
@media only screen and (max-width:900px) { 
  .pr_img{
    width: 100%;
    display: block;   
    padding-right: 0em;
   
  }
  .pr_img img{
    width:100%;   
    height:auto;
    max-height:none;
  }
}


/* index - mid banner */

#mid_banner .container{
 padding-left: 0;
 padding-right: 0;
}



   /*  Crime Prevention Publicity Campaigns */
.banner_list {
    list-style: none;
}
.banner_list li{
    display: inline-block;
    width: 49%;
    max-width: 640;
    padding: 0.2em;
}
@media only screen and (max-width:640px) { 
  .banner_list li{
    
    width: 100%;
    max-width: auto;
}
}
.img_border img{
  border: 1px solid #eee;
}


.senior_photo{
  max-width: 200px;
}


.flex_container{
  display: flex;
}
.flex_container .right_items{
  width: 30%;
  max-width: 360px;
 padding-right: 0;
  padding-left: 1em;
}

.flex_container .left_items{
  width: 70%;
}
@media only screen and (max-width:640px) {
  .flex_container{
    display:block;
  } 
  .flex_container .right_items{
    width: 100%;
    max-width: 640px;
   /* max-width: auto;*/
    padding-right: 0;
    padding-left: 0;
    display: block;
    margin: 0 auto;
  }
  
  .flex_container .left_items{
    width: 100%;
    display: block;
  }
}

.margin_ul{
  margin-left: 1em;
}

.pledge_cover li img{
   width: 100%;
   max-width: 220px;
   border: 1px solid #eee;
}



/*Ipad Pro*/
@media only screen and (max-width:1299px){
  .searchFilter{position: inherit; float: right;}
  .fliterSec{padding-top:20px; clear: both;}
  .fliterSec ul{flex-direction:row;  flex-wrap: wrap;  width: 100%;}
  .fliterSec ul li{width: 32.3%; margin-bottom: 10px; margin-right: 1%;}
}
@media only screen and (max-width:1276px) { 
  .header ul.menuTop li {
      padding: 0 12px;
  }
  .header ul.shareIt,
  .header.sticky ul.shareIt {
      padding: 0 0px 0 10px;
  }
  .header ul.shareIt li a,
  .header.sticky ul.shareIt li a{padding-right: 0;}
.hdInner{padding-right: 10px; padding-left: 5px;}
}
@media only screen and (max-width:1140px) { 
  .sMediaBox .contents{padding-left: 16%;}
}
@media screen and (min-width: 1024px) {
  .pressreleasesection.elisp a{
      display: inline-block;
      width: 720px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   .pressreleasesection.elisp a:hover{
    overflow: visible;
    white-space: break-spaces;
    
   }
}

@media only screen and (max-width: 1199px) and (min-width: 991px)  {
  #fbBox .images {
      margin-left: 0;
  }
  .sMediaBox{width: 82%;}
  .submenus{top: 70px; padding-top:20px; } /*61px;29px;*/
  .rightSidebars{padding-top: 83px;}
  .header {
      padding: 10px 0;
  }
  .logo img {
      width: 180px;
  }
  .header ul.shareIt li a {
      font-size: 0.8em; 
  }
  .header ul.menu2 {
      padding-left: 5px;
  }
  .header ul.menu2 li a {
      font-size: 0.8em;
       padding: 0 3px;
  }
  .header ul.menuTop li {
    
      padding-left: 10px;
      padding-right: 10px;
  }
  .header ul.menuTop li a {
      font-size: 1em;
  }

  
  .fullsliderss .slidettext h2 {
      font-size: 50px;
  }
  .leftrightBox h2 {
      font-size: 34px;
  }
  .clientLogos {
      padding: 60px 0 100px 0;
  }
  .msgfourbox .box {
      padding: 26.1px 22px 30.9px;
  }
  .msgfourbox {
      padding: 60px 35px 30px 35px;
  }
  .msgfourbox p {
      font-size: 0.9em;
  }
  .footer h5 {
      font-size: 0.9em;
  }
  .rigthftrs {
      padding-left: 32px;
  }
  .footer ul li {
      font-size: 0.9em;
  }
  .rigthftrs ul li {
      font-size: 0.9em;
  }
  .logosftr img {
     /* height: 40px;*/
      margin: 0 10px;
  }
  .header.sticky {
      padding-right: 50px;
  }
  /*inner Page*/
  .starsPosition {
      width: 22%;
  }
  span.hline {
      width: 408px;
      margin-left: 14%;
  }
  .badge_sac span.vline {
      top: 242px;
  }
  .mvideBx .vbox img {
      width: 160px;
      height: 95px;
  }
  .mvideBx .vbox h5 {
      font-size: 22px;
      padding-left: 10px;
  }
  
  .fliterSec li a{min-width: auto; padding: 0 6px;}

   /****** Web Element ******/ 
   .webElement h2 {
      font-size:40px;
      line-height: 42px; 
  }
  .webElement h1 {
      font-size:50px;
      line-height:55px; 
  }

  }
  @media only screen and (max-width:1024px) {
      #fbBox .images {
          margin-left: 0;
      }

  }

  /*Ipad*/
  

  @media only screen and (max-width:990px) { 
    .grid-item,	
      .album-listing li {width: 50%;}
    
      /*Top Navigation responsive */
      .home .header {
          padding: 10px 0;
          z-index:9;
      }
      .hdInner .logo {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
      }
      .hdInner .logo img {
        padding-top: 5px;
          width: 240px;
          min-width: auto;
      }
      
      .hdInner .logo .clickTogghle img{width: auto;}
      .mobiles.sliderHhome, .header .fotsocial, .clickTogghle, .togglemobile {
          display: block;
      }
      .hdInner .logo .clickTogghle a
      {
          color: #000;
          font-size: 26px;
          margin-left: 10px;
         
      }
      .home .header.sticky .hdInner .logo .clickTogghle a { color: #000;}
      .header a .language,
      .home .header.sticky a .language {
          background: url(../img/globe-black.png) center center no-repeat;
          background-size: 100%;
      
          text-indent: -9999px;
          width: 27px;
          height: 27px;
          display: inline-block;
          vertical-align: middle;
          margin-top:-5px;
      }
      .home .header a .language {
          background: url(../img/globe-white.png) center center no-repeat;
          background-size: 100%;
      
          text-indent: -9999px;
          width: 27px;
          height: 27px;
          display: inline-block;
          vertical-align: middle;
          margin-top:-5px;
      }
   
      .home[data-key-txt-color="black"] .hdInner .logo .clickTogghle a {
          color: #000;
          display: inline-block;
      }
.home .hdInner .logo .clickTogghle a {
  color: #fff;
}
.home[data-key-txt-color="black"] .header a .language {
  background: url(../img/globe-black.png) center center no-repeat;
  background-size: 100%; 
  text-indent: -9999px;
  width: 27px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  margin-top:-5px;
}

body {
  padding-right: 0;
}
/*Mobile menu*/
.nav {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100vh;
  background: #ddd;/*#e3edf3;*/
  z-index: 54;
  display: block;
  overflow: hidden;
  overflow-y: scroll;
}
.nav {
  display: none;
}
.nav.intro{display:block;}
.header ul {
  display: block;
}
/* Circlue Shape for mobile language
.header .langList {
  width: 100%;
 
  text-align: center;
  margin-top: 50px;
}
.header .langList li {
  display: inline-block;
  margin: 0 auto;
  padding: 15px;
  
}

header .langList a{
      width: 60px;
      height: 60px;
      margin: 0 auto;
      border-radius:50%;
      padding: 15px 15px;     
      font-weight: bold;
      font-size: 1em;
      display: block;     
      background-color: #fff;
      color: #09345c;
}
.header .langList li .current{
  background-color: #09345c;
  color: #fff !important;
}*/

.header .langList {
  width: 100%; 
  text-align: center;
  margin-top: 50px;
}
.header .langList li {
      display: block;
      border-bottom: 1px solid #fff;
      text-align: left;
     
}

header .langList a{
      width: 100%;      
      padding: 10px;
      text-align: left;
      font-weight: bold;
      font-size: 1em;
      display: block;     
      color: #09345c !important;
}
.header .langList li .current{
  background-color: #09345c;
  color: #fff !important;
}


.header .nav.myLang{display:block;}
.header .nav.myLang .Searchbar,
.header .nav.myLang ul.menuTop,
.header .nav.myLang .fotsocial, 
.header .nav.myLang .righthdr,
.header .nav.intro .langList  {display:none !important;}

.toplogos{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}
.toplogos img {
  width: 240px;
}
.toplogos a.toggleCose {
  font-size: 32px;
  color: #000;
}

.Searchbar {
  position: relative;
  top: 0;
  background: transparent;
  box-shadow: none;
  display: block;
  padding: 0;
}
.Searchbar .form {
  width: 90%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.Searchbar input {
  border-bottom: 0;
  padding: 10px 15px 5px 10px;
  width: 100%;
  border-radius: 6px;
  font-weight: bold;
}

.toplogos a.toggleCose img {
  width: 21px;
}
.submenus {
  position: relative;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 1;
  padding-top: 0;
  display: none;
  transition: ease 0.5s;
}
.submenus .inrbgs {
  padding: 0;
  display: inline-block;
  width: 100%;
}
.submenus .menuContent {
  display: none;
}
.submenus .subinrmenu {
  width: 100%;
  display:block;
  background-color: #eee; /*#d6e5ef;*/
  overflow: hidden;
}
.submenus .subinrmenu ul {

  display: block;
  width: 100%;
}
.submenus .subinrmenu ul li:before {
  left: 20px;
  top: 20px;
  display: none;
}
.submenus .subinrmenu ul li a{
  font-size: 1em; 
  font-weight: 500;
} 
.header ul.menuTop li a:hover{
  background-color: #a4ddff;
  color:#000;
  text-decoration: none;
}
.header ul.menuTop li a{
  position: relative;
}
.header ul.menuTop> li> a:after{
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  color: #000;
  font-size: 24px;
  position: absolute;
  font-weight: bold;
  right: 20px;
  top: 10px;
}
.header ul.menuTop> li> a:hover:after{
  content: "\f106";
}
.submenus .inrbgs h3{
  display: none;
}
.submenus{
  background-color: #e3edf3;
}
/*
.header ul.menuTop {
  margin: 0;
  background: #e3edf3;
}*/
.righthdr {
  justify-content: flex-start;
  margin-top: 10px;
}
.righthdr ul{
  display: flex;
  align-items: center;

}
.header .fotsocial {
  margin-top: 0;
}
.header .fotsocial h4 {
  font-weight: bold;
  margin-right: 16px;
  color:#000;
}
.header .fotsocial .sbox {
  justify-content: flex-start;
  padding-left: 19px;
}
.header .fotsocial {
  margin-top: 0;
  border-bottom: 1px solid #bcc3c7;
  padding-bottom: 7px;
}
.hideonMobile{
display: none;
}
.rightSidebars{
  display: none;
}
.callmobileRight {
  position: fixed;
  right: -4px;
  top: 160px;
  width: 60px;
  height: 60px;
  padding: 14px 13.9px 13px 16.6px;
  box-shadow: inset -3px -3px 6px 0 rgb(0 0 0 / 16%);
  background-color: #f8f8f8;
  z-index: 8;
  border-radius: 10px 0 0 10px;
}
.hovercontents img,
.callmobileRight a img{
  width: 24px;
}
.hovercontents {
  position: absolute;
  right: 0;
  top: 48px;
  width: 60px;
  height: 60px;
  padding: 14px 13.9px 13px 16.6px;
  box-shadow: inset -3px -3px 6px 0 rgb(0 0 0 / 16%);
  background-color: #f8f8f8;
  z-index: 2;
  border-radius: 0 0 0 10px;
  display: none;
}
.callmobileRight:hover .hovercontents{
  display: block;
}
.hovercontents img {
  margin-top: -7px;
}
.hovercontents a {
  color: #0a589c;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-align: center;
  padding-bottom: 14px;
}
.Searchbar{
  display: block !important;
}
.header ul.shareIt i.fa.fa-search {
  display: none;
}
.callmobileRight{
  display: block; 
}

/**Footer css**/
.rigthftrs {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
  border-bottom: 2px solid #002355;
  margin-bottom: 20px;
  padding-bottom: 7px;
}
.rigthftrs ul li a,
.footer h4 {
  color: #4b4c4d;
}
.footer {
  padding: 34px 0 30px 0;
}
.footer h4 {
  text-align: center;
}
.footer h2 {
  font-size: 29px;
}
.ipadsmt.col-md-2.col-sm-6 {
  width: 100%;
  text-align: center;
}
.footer .col-sm-6 {
  width:100%; float: none;
}
.footer h2{
  position: relative;
}
.footer h2:after{
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  color: #000;
  font-size: 24px;
  position: absolute;
  font-weight: bold;
  right: 20px;
  top: 3px;
}
.footer h2.active:after{
  content: "\f106";
}
.footer {
  text-align: center;
}
.footer ul{
  list-style: none;
}
.footer h5.mb5 {
  margin-top: 23px;
}
.footer h5 {
  margin-top: 15px;
}
.footerbox2,
.footerbox3{
  display: none;
}
.footer h3 {
  margin: 20.2px 0 20.6px 0;
  padding: 0 31px;
}
.fotsocial {
  margin-top: 30px;
}
.fotsocial .sbox {
  justify-content: center;
}

/****** Web Element ******/  
.compBox{padding: 20px 0;}
.compBox h2.heading {
  padding-bottom:20px;
}
.spaceInside { 
width:40px;
font-size: 18px; 
}
.webElement h1 {
  font-size:24px;
  line-height:40px; 
}
.webElement h2 {
  font-size:40px;
  line-height: 42px; 
}
.innerPages .webElement h2 {
  font-size:23px;
  line-height: 32px;
}
.webElement h3 {
font-size:24px;
line-height:30px; 
}
.webElement h4 {
font-size:20px;
line-height:30px; 
}
.webElement h5 {
font-size:18px;
line-height:26px; 
}
.webElement h6 {
font-size:16px;
line-height:22px; 
}
.webElement span.anchor a{font-size: 18px; line-height: 22px;}
.p1 {
font-size:22px;
line-height:28px; 
}
.list ul {
  padding-left: 40px;
}
.list ul li {
  font-size:18px;
  line-height:25px;
  list-style-type: disc;
}
.webElement .newsList h3{ padding: 6px 15px; font-size: 18px; background-size: 100% 100%;}
.webElement .tableResponsive .heading {    
  padding: 6px 15px;
  line-height: 20px;
  font-size:16px; 
  background-size: 100% 100%;
}
.webElement .tableResponsive .heading th {
  line-height: 24px;
  padding: 10px 15px;
  vertical-align: top;
}
.webElement .tableResponsive th:first-child{font-size:18px; width:64%;}
.webElement .tableResponsive td {
  padding: 10px 15px;
  font-size:16px;
}
.webElement .tableResponsive .inside td {
  padding:10px 0px; 
  font-size:16px;
  line-height:20px; 
}
.tabSection a{min-width: auto; font-size: 16px;}
.popupBox{width: auto; padding: 40px 20px 20px 20px;} 
.popupBox p{font-size: 18px;}
.cardList{margin-top: 0; padding: 0;}
.cardList .sliderbox {
  padding: 0 6px;
  width: 100%;
}
.cardList .infobox {
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 16%);
  flex-direction: column;
  width: 100%;
}
  .cardList .infobox img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.cardList .infoContents {
  width: 100%;
  padding: 10px;
}
.cardList .infobox h3 {
  font-size: 14px;
  min-height: 61px;
  margin: 0;
  line-height: 18px;
}
.cardList .infobox p {
  font-size: 11px;
}
.cardList .btmss {
  padding-right: 0;
}
.cardList .btmss span {
  font-size: 14px;
  padding-left: 6px;
}
.cardList .btmss i {
  font-size: 12px;
}
.webElement .greenBlock p{font-size: 18px; line-height: 28px;}
.compBox .notes{font-size: 18px; line-height: 22px;}
.spaceInside2{font-size: 18px;}
.notice{font-size: 18px; line-height: 28px; margin-bottom: 10px;}
.notice:after {
  font-size: 18px;    
  right: 18px;
  top: 19px; 
  font-weight: 600;
}
.webElement .btns{margin-bottom: 20px;}
.compBox .containerDiv .textblock2.leftright{margin-top: 0px;}
.compBox .containerDiv .textblock2.leftright li{margin-bottom: 5px;}
.compBox .textblock2.leftright.rightHeading h3{margin-left: 0;}
.compBox .leftrightbox .box.contentLeft {     width:100%;}
.compBox .leftrightbox .box.rit{    margin-bottom: 10px;}
.compBox .newsList, .compBox .messagePage{margin-top: 20px;}
.compBox .newsList ul{padding: 0 15px;}
.compBox .newsList ul li {
  padding:10px 0px; 
  font-size: 16px;
  line-height: 28px; 
}
.compBox .newsList ul li a:before {
  font-size: 28px;
}
.compBox  #thumbs .owl-dots{display: none;} 
.hight80{height: 40px;}
.compBox .mobileView{display:block;}
.compBox .desktopView{display:none;}
.compBox .infobox.mobileView{box-shadow:none;}
.compBox .greenBlock {
  padding: 20px 10px;
}
.compBox .greenBlock ul li{min-height: 34px; padding: 0;}
.compBox .greenBlock ul li h4 {
  line-height: 24px;
  font-size: 16px; 
  padding: 4px 10px;
  margin: 0;   
}
.compBox .whiteListing ul li { 
  line-height: 24px;
  font-size: 16px; 
}
 }
  
  /*mobile*/
  @media only screen and (max-width: 767px) and (min-width: 300px)  {
      .simpleTable table td p {
          font-size: 20px;
      }
      .mobileta{overflow: scroll;
          height: 412px;}
          .list-inline{
              column-count: 2;
          }
          .small-12 {
              width: 100%;
          }
          .list-inline li{
              padding-left: 0;
          }
          .cromod .carousel-inner {
              width: 100%;
              margin: auto;
              height: auto;
          }
          .cromod .modal-body{
              height: 100%;
          }
          #myGallery{display: flex;}
          .cromod #myGallery img{max-width: 100%;}
          #prevButton{
              position: absolute;
                  top: 48%;
                  left: 0px;
          }
          #nextButton{
              position: absolute;
                  top: 48%;
                  right: 0;
          }
          #overlay img{
              width: 100%;
              padding: 0;
          }
          #image-gallery .col-xs-12 {
              width: 50%;
          }
          .al_item{
              width: 100%;
          }
          .symposium_role div{text-align: center;}
          .symposium_role img {
              width: 50%;
              margin: 0 auto;
          }
          .innerPagesbox.launc {
              padding: 25px 0 0;
          }
          .Kowwest .row {
              column-count: unset;
            }
            #image-gallery.Kowwest .row .col-xs-12 {
              width: 50%;
            }
      .grid-item,	
      .album-listing li {	
          width: 100%;	
      }
      .search-input{
          width: 100%;
      }
      .fliterSec li span{width: 37px}
      .fliterSec li{font-size: 14px;}
  /*body{font-size:16px;}*/
      .container{padding-left: 15px; padding-right: 15px;} /* 221019 */

      #mid_banner .container{padding-left: 0px; padding-right: 0px;}
      .logoLight{display: none;}
  
  body.homebody {
      padding-right: 0;
  }
  .msgfourbox {
      padding: 40px 15px 20px 15px;
      width: 100%;
  }
  .msgfourbox .box {
  /*    padding: 15px 5px;
      width: 100%;
      margin-bottom: 15px; 
      margin-top: 0;
    
      border-radius: 10px;*/
  }
  
  .msgfourbox h2 {
     /* font-size: 15px;
      margin-bottom: 6px;*/
  }
  .msgfourbox p {
    /*  font-size: 12px;
      line-height: 16px;
      padding: 0 10px;*/
  }
  .msginner {
      align-items: initial;
  }
  .socilmediaBtns li {
      margin: 6px 0;
      border-left: 0;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px;
      height: 60px;
      width: 54px;
      font-size: 25px;
  }
  .socilmediaBtns {
      right: -53px;
      top: 16px;
      width: 54px;
    
  }
  
  .socilmediaBtns li a {
      display: inline-block;
      text-align: center;
     
  }

  .socilmediaBtns li a span {
      font-size: 15px;
      padding-left: 0;
      transform: rotate(90deg);
      margin-left: 0;
      margin-top: 15px;
     
     
  }
  .socilmediaBtns li.active, .socilmediaBtns li:hover {
      width: auto;
      height: auto;
      padding-bottom: 35px;
      padding-left: 0;
  
  }
  .socilmediaBtns li a i.fa {
      height: 37px;
  }
  .sMediaBox .inrCntnt {
      padding: 30px 20px;
      flex-direction: column;
      
  }
  #fbBox .images {
      margin-left: 0px;
  }
  
  
      #instaGramBox iframe{
        
          min-width: 231px !important;
      }
  .sMediaBox .inrCntnt> div {
      width: 100%;
      text-align: center;
  }
  .sMediaBox .contents {
      text-align: center;
      padding-left: 0;
  }
  .sMediaBox .contents h2 {
      font-size: 25px;
      line-height: 39px;
      margin-top: 20px;
  }
  .sMediaBox .contents p {
      font-size: 18px;
      margin-top: 21px;
  }
  .sMediaBox .contents .btns {
      margin-top: 30px;
  }
  
  /* .hoverItems ul li:before{
      content: '';
      width: 8px;
      height: 8px;
      background-color: #fff;
      border-radius: 50%;
      position: absolute;
      left: 15px;
      top: 5px;
  }  */
  .scrolltoTop {
      right: 12px;
      bottom: 120px;
      width: 40px;
      height: 40px;
      font-size: 1.5em;
  }
  /*

  .inforsliers .infobox img { 
  object-fit: cover;  
  min-width: 166px;
  margin-left: -8px;
 margin-top:-5px;
}


.inforsliers .infobox h3{ 
min-height: 114px;
max-height: 114px; 
}
.inforsliers .infobox .images {
  height: 160px;
  width: 160px;
  border-radius: 10px; 
}

@media (max-width: 48em) {
  .inforsliers .infobox .images {   
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;  
  }  
}

.inforsliers .infobox h3{
  font-size:1em;
  line-height: 1.5em;
  min-height: 160px;
  max-height:160px
}
  .inforsliers{
   
  }
  .inforsliers .infobox {
      padding: 0;
      width: 200px;
      margin-bottom: 20px;
      box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 16%);
      flex-direction: column;  
      margin-left: 15px;  
          
  }
  #index_pr .sliderbox{

  
   
  }
  .inforsliers .infobox .images {
   
      width: 200px;
      height:200px;     
      border-radius: 10px;
      overflow: hidden; 
      margin-left: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;     
  }
  .inforsliers .infobox img { 
      width: 100%; 
      min-width: 100%;
      max-width: none;
      margin-left: auto;
      margin-right: auto;
      object-fit: cover;
  }
  .inforsliers .sliderbox {
      padding: 0 6px;
      
  }
  .inforsliers .infosliders {
      padding-left: 0;
      width: 130%;
  }
  @media only screen and (max-width:600px) {
    .inforsliers .infosliders {
      padding-left: 0;
     
  }
  }

  .inforsliers .images {
      width: 100%;
      background: #f0f0f0;
      border-radius: 10px;
      text-align: center;
  }
  .infoContents {
      width: 100%;
      padding: 10px;
  }
  .inforsliers .infobox h3 {
      font-size: 0.8em;
      min-height: 120px;
      margin: 0;
      line-height: 1.3em;
  }
  .inforsliers .infobox p {
      font-size: 0.8em;
      min-height: 33px;
      margin-bottom: 0;
  }
  .inforsliers h2 {
      font-size: 1.5em;
      margin-bottom: 20px;
  }
  .inforsliers .owl-nav button span {
      width: 35px;
      height: 35px;
      background-size: 35px;
  }
  .inforsliers .owl-nav {
      top: -86px;
  }
  .buttonsbtm {
      padding-top: 20px;
  }
  .inforsliers {
      padding: 22px 0 50px 0;
      margin-top: 50px;
  }
  .inforsliers .btmss h4 {
      font-size: 12px;
      padding-left: 6px;
  }
  .inforsliers .btmss {
      padding-right: 0;
  }
  .inforsliers .btmss i {
      font-size: 12px;
  }*/
  .fullsliderss .slides img {
      /*height: 210px;*/
  }
  .fullsliderss.heightAuto .slides img {
      height: auto;
  }
  .fullsliderss .slidettext h2 {
      font-size: 25px;
      margin-bottom: 20px;
      margin-top: -20px;
  }
  .fullsliderss .slidettext {
      width: 90%;
  }
  .fullsliderss .owl-dots button {
      width: 10px;
      height: 10px;
      margin: 0 6px;
  }
  .fullsliderss .owl-dots {
      bottom: 25px;
  }

  .leftrightBox {
      display: block;
  }
  .leftrightBox> div {
      width: 100%;
      padding: 30px 20px 40px 20px;
      height: auto;
  }
  .leftrightBox h2 {
      font-size: 29px;
  }
  .leftrightBox p {
      font-size: 12px;
      margin: 16px 0 22px 0;
  }
  .newsbgs h2 {
      font-size: 30px;
      margin-bottom: 21px;
  }
  .newsbgs h2 img {
      top: -1px;
      width: 34px;
  }
  .newsbgs .leftsc {
      width: 26%;
      text-align: center;
      padding: 10px 0;
  }
  .newsbgs h3 {
      font-size: 24px;
  }
  .newsbgs h3 span {
      font-size: 26px;
      top: 17px;
  }
  .newsbgs p {
      font-size: 14px;
      letter-spacing: 2px;
      margin-top: 25px;
  }
  .newsbgs .btns {
      margin-left: 10px;
      font-size: 12px;
      padding: 10px 14px;
  }
  
  .newsbgs .rightsc {
      /*width: 71%;
      padding-right: 10px;*/
  }
  .newsbgs h4 {
      font-size: 12px;
      padding-right: 0;
      line-height: 15px;
  }
  .newsBox {
      max-height: 460px;
  }
  .nwmitems {
      margin-bottom: 15px;
  }
  .newsbgs {
      padding: 18px 0 40px 0;
  }
  .clientSlider {
      width: 115%;
      left: 10px;
  }
  .clientLogos .owl-dots {
      left: 43%;
  }
  .clientLogos .owl-dots button {
      width: 8px;
      height: 8px;
      margin: 0 4px;
  }
  .clientLogos {
      padding: 40px 0 80px 0;
  }
  .clientLogos .owl-dots {
      bottom: -42px;
  }
  .logosftr img {
     /* height: 32px;*/
      margin: 10px;
    
  }
  .inrboxs p {
      font-size: 15px;
      margin-top: 0;
      padding: 12px 15px;
      line-height: 32px;
  }
  .inrboxs p span.cpys {
      display: block;
      font-size: 13px;
  }

  .footerinfo {
      text-align: center;
     
  }
  .footer h3 {
      margin: 20.2px 0 20.6px 0;
      padding: 0 31px;
  }
  .fotsocial {
      margin-top: 30px;
      margin-bottom: 30px;
  }
  .fotsocial .sbox {
      justify-content: center;
  }
  .dsk.sliderHhome{
      display: none;
  }
  .mobiles.sliderHhome{
      display: block;
  }
  .banner .owl-dots {
      left: 16px;
  }
  
  

 
  .mobiles.sliderHhome,
  .header .fotsocial,
  .clickTogghle,
  .togglemobile {
      display: block;
  }

  .header {
      padding: 5px 0;
       min-height:auto;
  }
  .hdInner .logo {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      /*padding: 5px 10px 0 5px;*/
  }
  /*
  .hdInner .logo img {
      width: 240px;
  }*/
  .hdInner .logo .clickTogghle img {
      width: 25px;
      position: relative;
      top: -2px;    
  }
  .hdInner .logo .clickTogghle a {
      color: #000;
      font-size: 26px;
      margin-left: 10px;
  }

  .header.sticky {
      padding-right: 0;
  }
  
  body {
      padding-right: 0;
  }
  .innerPages {
      background-color: #fff;
  }
  .innerPagesbox {
      padding: 25px 15px 0 15px;
      box-shadow: none;
      margin-bottom: 20px;
  }
  .breadCrumb ul li {
      font-size: 0.8em;
  }
  .breadCrumb ul li span{margin: 0 3px 0 5px;}
  .breadCrumb h1 {
      font-size: 1.4em;
      margin-top: 10px;
  }
  /*
  .innerMenus h2 {
      font-size: 0;
      width: 70px;
      justify-content: center;
      padding: 8px 0;
      margin-left: -15px;
      border-top-left-radius: 0;
  }*/
  .innerMenus h2 {
      font-size: 0;
      width: 100%;
      justify-content: left; /*center;*/
      padding: 4px 0;
      padding-left: 15px;
      margin-left: 0px;
      margin-top:0px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;        
      /*background-color: #f7f7f7;*/
      border:1px solid #f3f3f3;
     
  }
  .innerMenus h2 a{
      font-size: 25px;
  }

  .allpositions {
      padding: 0 0 10px 0;
      margin-bottom: 30px;
      margin-top: 18px;
  }
  .allpositions img {
      height: 80px;
  }
  .allpositions h3 {
      font-size: 18px;
      padding-left: 9px;
      line-height: 20px;
  }
  .allBadge,
  .twobox.btmss h6 br,
  span.hline,
  span.vline,
  .hideOnMobile,
  .threeStars.badge_sac,
  .threeStars.badge_sa{
      display: none;
  }
  .imageHdng h5 {
      font-size: 24px;
      width: 100%;
      padding: 7px;
  }
  .mainstars,
  .starsPosition {
      width: 100%;
  }
  .starsPosition {
      padding-bottom: 0;
  }
  .imageHdng {
      width: 90%;
      padding-left: 10%;
      margin-top: 10px;
  }
  .twoStars .imageHdng {	
      width: 100%;	
      padding-left: 0%;	
      margin-top: 10px;	
  }	
  .twoStars .imageHdng h5{	
      padding: 20px;	
      border-radius: 18px;	
      -webkit-border-radius: 18px;	
      -moz-border-radius: 18px;	
      -ms-border-radius: 18px;	
      -o-border-radius: 18px;	
  }	
  .twobox.btmss h6.w-100{	
      margin-left: 0;	
      border-radius: 8px;	
      -webkit-border-radius: 8px;	
      -moz-border-radius: 8px;	
      -ms-border-radius: 8px;	
      -o-border-radius: 8px;	
}	
  .senior_area {	
      width: 100%;	
  }
  .starsPosition img {
      width: 150px;
  }
  .starsPosition h3 {
      font-size: 16px;
      padding-top: 4px;
  }
  .twoStars .tph h2 {
      padding-left: 0;
      font-size: 20px;
      margin-bottom: 0;
      width:100%;	
  margin-left:0;
  }
  .twoStars .tph h2 span{
      display: block;
  }
  .twobox {
      width: 100%;
      float: left;
  }
  .twobox.btmss img {
      margin-top: 5px;
      width: 130px;
  }
  .mainstars> img {
      width: 130px;
      margin-top: -60px;
  }
  .mainstars.mobile-mt-0 > img {	
      margin-top: 0px;	
  }
  .hideOnDesktop{
    display: block;
  }
  .twoStars .starsPosition {
      margin-top: 20px;
  }
  .twoStars .tph.hideOnDesktop {
      margin-top: 0;
      display: inline-block;
      width: 100%;
  }
  .twobox.btmss h6 {
      width: 60%;
      margin-left: 20%;
  }
  .pageHeadings {
      padding: 22px 0 60px 0;
  }
  .mvideBx .vbox {
      width: 100%;
      margin-bottom: 10px;
  }
  .mvideBx .vbox img {
      width: 120px;
      height: 75px;
  }
  .mvideBx .vbox h5 {
      font-size: 18px;
     padding-left: 15px;
  }
  .imagebig h4 {
      font-size: 22px;
  }
  .slideinerPages {
      display: inline-block;
      width: 100%;
  }
  hr.stris {
      margin:20px 0;
  }
  .imagebig h3,
  .imagebig p {
      font-size: 17px;
      line-height: 23px;
      margin: 15px 0;
  }
  .innerPages h2 br{
      display: none;
  }
  .sliderHorizontal {
      width: 100%;
      padding: 30px 80px 30px 0;
      margin: 20px 0;
  }
  .sliderHorizontal .owl-nav, .sliderHorizontal .owl-dots {
      right: -47px;
  }
  .sliderHorizontal .owl-nav button {
      right: -7px;
  }
  .appimg {
      text-align: center;
  }
  .socilwhats img {
      width: 130px;
      margin: 0 10px;
      margin-top: 0;
  }
  .innerMenus ul {
      width: 100%;
      padding: 1px 0;
  }
  .menuInrBox {
      /*padding: 20px;*/
      margin-top: 40px;
  }
  .imagebig.sec2 h3,
  .imagebig.sec2 p {
      line-height: 24px;
      font-size: 16px;
      margin: 0 20px;
  }
  .VideoSection h3 {
      font-size: 17px;
      line-height: 23px;
  }
  .securitySlider .item {
      padding: 0;
  }
  .greenBlock {
      padding: 20px 10px;
  }
  .greenBlock h3 {
      font-size: 20px;
  }
  .greenBlock p {
      font-size: 16px;
      margin: 20px 0;
  }
  .greenBlock ul li {
      padding: 0;
      min-height: 34px;
  }
  .greenBlock ul li h4 {
      line-height: 24px;
      font-size: 16px;
      padding: 4px 10px;
   }
  .textblock2 p {
      line-height: 23px;
      font-size: 16px;
      margin-bottom: 22px;
  }
  .textblock2.lightblue {
      padding: 20px 10px;
  }
  .lightblue h3 {
      font-size: 20px;
      font-weight: bold;
  }
  .lightblue li {
      font-size: 16px; 
      margin-left: 22px;
      margin-bottom: 8px;
  }
  .videsetn h3 {
      font-size: 19px;
      margin-top: 0;
  }
  .textblock2.leftright h3 {
      font-size:16px;
         margin-top: 0;
  }
  .leftrightbox {
      display: inline-block;
      width: 100%;
  }
  .textblock2.leftright li {
      font-size: 16px;
      margin: 8px 20px;
  }
  .textblock2.leftright ul {
      padding: 0;
  }
  .leftrightbox .box.rit {
      width: 100%;
      padding-top: 20px;
  }
  .leftrightbox .box.rit {
      width: 100%;
      padding-top: 20px;
      display: inline-block;
      margin-bottom: 30px;
  }
  .pageHeadings h1{font-size: 2em; }
  /****** Police Listing *********/
  p.rightText{font-size: 12px; margin-top: -15px;}
  #accordion,
.accordion{margin-top: 15px;}
  #accordion .panel-default .panel-heading,
.accordion .panel-default .panel-heading{font-size: 1em;}
  #accordion .panel-default .panel-heading .accordianheading,
.accordion .panel-default .panel-heading .accordianheading{font-size: 1em;}
  #accordion .leftCont p,
.accordion .leftCont p{}
  .panel-heading  a:before { margin-top: 7px; font-size: 1.3em; }
  #accordion.panel-group .panel,
.accordion.panel-group .panel{margin-bottom: 15px;}
  #accordion .panel-default .panel-heading,
  #accordion .panel-collapse,
.accordion .panel-default .panel-heading,
  .accordion .panel-collapse{padding-left: 15px; padding-right: 15px;}
  #accordion .leftCont,
.accordion .leftCont{width: 100%;}
  #accordion .rightImg,
.accordion .rightImg	{margin-left: 2%; width: 30%;}
  
  
  /****** police-message page ******/
  .messagePage p,
  .messagePage h3 {font-size: 16px;} 
  .coverimageforplayer{margin-top: 20px;}
  
  /********Site Map Page ********/
  .mobileView{display: block;}
  .desktopView{display: none;}
  .sitemapPage{padding-bottom: 40px;}
  .sitemapPage h5{font-size: 1em;}
  .sitemapPage ul li{font-size: 1em; line-height: 1.5em; padding-top: 0.5em; padding-bottom: 0.5;  color: #111; }
  .sitemapPage .panel-group .panel{border: none; box-shadow: none;}
  .sitemapPage .panel-default>.panel-heading{    padding: 0;}
  .sitemapPage .panel-title>a, .panel-title>a:active{padding: 0;}
  .sitemapPage #accordion.panel-group,
.sitemapPage .accordion.panel-group{margin-bottom: 0;}
  .sitemapPage #accordion.panel-group .panel,
.sitemapPage .accordion.panel-group .panel{box-shadow:none; border: none; padding:15px;}
  .sitemapPage #accordion .panel-default .panel-heading,
.sitemapPage .accordion .panel-default .panel-heading{padding-left: 0; padding-right: 0;}
  .sitemapPage #accordion .panel-default .panel-heading a,
.sitemapPage .accordion .panel-default .panel-heading a	{font-size: 1em;   font-weight: 600;}
  .sitemapPage #accordion .panel-default .panel-heading a h5,
.sitemapPage .accordion .panel-default .panel-heading a h5{font-size: 1em;     color: #111; font-weight: 600;}
  .sitemapPage .panel-heading a:before{    margin-top: 0;     color: #043b69;}
  .sitemapPage #accordion .panel-collapse,
.sitemapPage .accordion .panel-collapse{padding-left: 0; padding-right: 0; margin-left: 30px; padding-bottom:50px;}
  .sitemapPage #accordion .panel-collapse .panel-body,
.sitemapPage .accordion .panel-collapse .panel-body{border-top: none; padding-top: 10px;}
  /********missing girl Listing ********/
  .bellIco{float:left;}
  .searchFilter{position: inherit; float: right;}
  .fliterSec{padding-top:10px; clear: both; padding-bottom:20px;}
  .fliterSec ul{flex-direction:row;  flex-wrap: wrap;  width: 100%;}
  .fliterSec ul li{width:48%; margin-right: 2%; margin-bottom: 10px;}
  .searchFilter select{width: 120px;}
  .missingPage #accordion .panel-default .panel-heading a,
.missingPage .accordion .panel-default .panel-heading a{font-size: 16px;} 
  .filter_icon{    top: -22px; line-height: 23px;}
  .missingPage #accordion.panel-group .panel,
.missingPage .accordion.panel-group .panel{    margin-bottom: 30px;}
  
  /******* 24 inner page ********/
  .VideoSection p {    line-height: 24px;font-size: 16px; margin:20px 0; padding: 0; }
    .innerPages .VideoSection h3{color: #053b69;}
  
    
  /******* msg listing page ********/
  .msgPage p{ font-size:12px;padding:0px 0px 10px 0px; margin-bottom: 0;} 
  .msgList li{color: #033349; font-size:18px; line-height:22px;  padding: 10px 15px;}
  
  /******* disclosure page  ********/ 
  .disclosurePage p{font-size: 15px; margin: 20px 0; line-height: 24px;}
  .disclosurePage li {font-size: 15px;  line-height: 24px;margin-top:5px; margin-left: 20px;}
  .whiteListing ul li {padding:7px 12px; line-height:24px; font-size:15px; margin-bottom: 5px;}
  .whiteListing ul li:nth-of-type(even) {background-color: #cddcea;}
  
  /****** Category Page *****/
  .categoryNav{padding-bottom: 25px;
      margin-bottom: 0;
      background: none;}
  .categoryNav ul     { display: none; }
  .categoryNav select {
      display: block;
      height: 44px; 
      padding: 2px 13.8px 0.4px 16px;
      border-radius: 5px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      border: solid 1px #c4bebe;
      background-color: #fff;
      width:100%;
  }
  #big .item img {
      height: auto;
      max-width: 300px;
  }
  #thumbs{max-width: 90%;}
  #thumbs .item {
      padding: 0px;
      margin: 5px;
      color: #FFF;
      text-align: center;
      cursor: pointer;
  }
  #thumbs .item img{ height: 50px;}
  #thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev {
      font-size: 23px;
      top: 8px; 
  }
  
  
  /******** police-recruitment page *******/
  .flexDiv.headingText{display: block; overflow: hidden; margin-top:20px;}
  .headingText p { 
      font-size:14px;
      line-height:22px;
  }
  .pdfLink {
      font-size:12px; 
      padding-top:10px;
  }
  .pdfLink a {    
      background: url(../img/pdficon.png) left center no-repeat;
      padding-left:25px;   
      line-height:25px;
      background-size:16px;
      float: right;
  }
  .serviceBlock ul li{margin: 20px;}
  .serviceBlock .text { 
      font-size:16px;
      padding-top:10px;
  }
  .serviceBlock .icon img {
      max-height: 50px; 
  }
  .newsList h3 { 
      font-size:18px; padding: 15px;
  }
  .newsList ul {
      padding: 0 15px;
  }
  .newsList ul li {
      padding:10px 0px; 
      font-size:0.8em; 
  }
  .newsList ul li a:before {
      font-size:20px;
      top: 12px;
  }
  .serviceBlock.fourCol{margin-top: 20px; margin-bottom: 20px; border:none;}
  .serviceBlock.fourCol ul { 
      flex-wrap: wrap;
  }
  .serviceBlock.fourCol ul li {
      width: 50%;
      margin: 0;
      padding: 10px 20px;
  }
  .serviceBlock.fourCol .icon img {
      max-height: 70px;
  }
  
  /**** Home Header *******/ 
  .header a .language{background: url(../img/globe-black.png) center center no-repeat; background-size: 100%; margin-top:-5px;font-size: 0px; text-indent: -9999px; width:27px; height:27px; display: inline-block; vertical-align: middle;}
  
  .home .header{padding: 5px 0;}
  .home .hdInner .logo .clickTogghle a{color: #fff;}
  .home .header a .language{background: url(../img/globe-white.png) center center no-repeat; background-size: 100%; margin-top:-5px; font-size: 0px; text-indent: -9999px; width:27px; height:27px; display: inline-block; vertical-align: middle;}
  
  .home[data-key-txt-color="black"] .hdInner .logo .clickTogghle a{color: #000;
      display: inline-block;
  }
  .home[data-key-txt-color="black"] .header a .language{background: url(../img/globe-black.png)  center center no-repeat; background-size: 100%; font-size: 0px; text-indent: -9999px; width:27px; height:27px; display: inline-block; vertical-align: middle;}
  
  /****** Fixes ******/
  .inersrvc .box h2{margin:0; padding: 0;}
.innerPagesbox p{
  line-height:1.5em;
  font-size:1em;
  margin:20px 0; } 
.listing li {
  font-size:1em; 
  list-style: disc; 
}
.responsive-table tr {
  border-bottom:none;
}


  /****** Web Element ******/   
  .pagination{    font-size: 14px;}		
.list ul li,	
.webElement .greenBlock p,	
.notice{font-size: 16px;}

  /*** Data pages *****/
  .innerPages.pCollege .right{margin-left:10px;}
  .innerPages.pCollege .image_form2 img{width:100%; margin-bottom: 20px;}
  .innerPages.pCollege ul li,
  .innerPages.pCollege ol li {
      line-height: 24px;
      font-size: 16px;
  }
  .innerPages.pCollege .contactPage {
      padding-bottom: 30px;
  }
  /*** Data pages recruitPages *****/
 .innerPages.recruitPages .right{margin-left:10px;}
 .innerPages.recruitPages .image_form2 img{width:100%; margin-bottom: 20px;}
 .innerPages.recruitPages ul li,
 .innerPages.recruitPages ol li {
     line-height: 1.5em;
     font-size: 1em;
 }
 .innerPages.recruitPages .contactPage {
     padding-bottom: 30px;
 }

/** New Table css ***/
.colspanLeft-table td p{margin: 0;}
.responsive-table.colspanLeft-table td p, .responsive-table.colspanLeft-table td ul  {text-align: right;} 
.innerPages.recruitPages ul.listDash li { font-size: 16px;}
.unique-table .responsive-table thead tr+tr{border-top: solid 1px #fff;}

/******* 10 August 2022 **********/ 
.pCollege .simpleTable #newsTable td{font-size: 16px; min-width: 100px; text-align: left;}
.pCollege .simpleTable #newsTable td:first-child{min-width:136px;}
}


/******* 13 August 2022 **********/ 
@media only screen and (max-width:767px) { 
.unique-table .contactPage .responsive-table td{text-align: left;}
.contactPage .responsive-table tbody td[data-title]{border-right:transparent;}
.simpleTable th,
.simpleTable td{font-size: 16px;}
#tableRecruitement.simpleTable table{min-width: 100%;}
 }

@media only screen and (max-width:767px) {
.classMaps{display:inline-block;width: 100%;}
.mapSection{width:100%;}
.pinSection{width:100%;margin-top:15px;}
.pinSection li{padding: 10px;margin-left: 0px;}
.leftPin{float: left; margin-left: 30px;}
.rightPin{text-align: center;}
.pinSection span{padding: 15px;} 
.contactPage .responsive-table thead {
  background: url(../img/mask.png) left top no-repeat; background-size: cover;
  padding: 15px 26px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  border-radius: 5px;}
}
  



/** en 220923 **/

@media only screen and (max-width: 1350px) and (min-width: 991px){	
.header ul.menuTop li a{font-size: 0.8em;}	
.img-width{
  width: 40% !important;
 }		
}

@media only screen and (max-width:990px) { 	
.header ul.menuTop li.main{
      padding-left:0em; 
      padding-right:0em;
      font-size:1.2em;
  }

}
/*
@media only screen and (max-width: 1199px) and (min-width: 991px)  {
.header ul.menuTop li a {	
  font-size: 12px;	
}
.img-width{
  width: 40% !important;
 }		
}*/
@media only screen and (max-width:1199px) { 	
.css_2001_2013 .responsive-table th, .responsive-table td { display: table-cell; }
.css_2001_2013 .responsive-table tr { display: table-row;	}
.css_2001_2013.csc_2013_2014 { overflow: auto; }
.unique-table .contactPage { overflow: auto; }
.css_2001_2013 .responsive-table td, .css_2001_2013 .responsive-table th { padding: 5px 10px!important; }
.unique-table .contactPage .responsive-table tr { display: table-row;}
.unique-table .contactPage .responsive-table th { display: table-cell; }
.unique-table .contactPage .responsive-table td { display: table-cell; }
.img-width{
width: 40% !important;
}		

}


@media only screen and (max-width:767px) {	
.OtherPolice tbody tr td{text-align: left;}
.contactPage.csc_2013_2014 .responsive-table thead, .unique-table .responsive-table thead {  position: relative; clip: inherit; border: 0; height: auto; width: auto; overflow: inherit; display: table-row; padding: 10px 20px; display: table-header-group; }		
.contactPage.csc_2013_2014 .responsive-table tbody, .unique-table .responsive-table tbody {     display: table-row-group; }
.unique-table .responsive-table th, .unique-table .responsive-table thead tr { font-size: 16px; }
.commandant-page .leftrightbox .box.rit { margin:0px; }
.commandant-page .leftrightbox .box.rit img { margin:0px auto; display: block; }
.responsive-table td { display: block; }
.icon_list img {
  width: 80%;
  margin-top: 25px;
}
.icon_list .spacer.h1em {
  display: none;
}
.useful_info_aws .box { padding: 0px; }
.innerPagesbox ol {
  font-size: 1em;
}
.img_40pc, .img_50pc {
  width: 100%;
}

.Kowwest .img-wrapper {
  position: relative;
  margin-bottom: 15px;
  margin-top: 0px;
}
#image-gallery.KowwestNts img{
  width:unset;
  }
  #image-gallery.KowwestNts img{height:unset;}
#image-gallery.Kowwest .row .col-lg-3:nth-of-type(2n+1) {
  clear: both;
}
.padding_10px{margin-top: -15px;}
.Kowwest .Column-Unset{columns: unset; margin-top: 15px;}
.whiteListing ul.ccd-whiteListing li .min-width-frst, .whiteListing ul.ccd-whiteListing li .min-width-sec { min-width: inherit;  }
.image-auto-gallery #image-gallery .row { display: flex; flex-wrap: wrap; }
.image-auto-gallery #image-gallery .row .col-xs-6 { float:none }

   .img-width{
  width: 100% !important;
 }
 .MobilepanelBody{padding: unset; margin-left:-20px;}

 /* 10-08-2022 */
 .image-cell-withCaption.w-40{
  width: 100%;
 }
 .mb-less p {
  line-height: 24px;
  font-size: 16px;
  margin: 13px 0;
}
.mb-less h3 {
  margin-top: 0;
}
/* 11082022 */
.min-width-700 { min-width: 700px!important; }
.ol-inner-padding ol { padding-left: 15px; }

.large-6 {
  width: 100%;
}

}

/******* 13 August 2022 **********/ 
@media only screen and (max-width:910px) { 
  .simpleTable table td{font-size: 0.8em;}
}
@media only screen and (max-width:767px) { 
  .unique-table .contactPage .responsive-table td{text-align: left;}
  .contactPage .responsive-table tbody td[data-title]{border-right:transparent;}
  .simpleTable th,
  .simpleTable td{font-size: 0.8em;}
  #tableRecruitement.simpleTable table{min-width: 100%;}
 
  }
  
  @media only screen and (max-width:767px) {
  .classMaps{display:inline-block;width: 100%;}
  .mapSection{width:100%;}
  .pinSection{width:100%;margin-top:15px;}
  .pinSection li{padding: 10px;margin-left: 0px;}
  .leftPin{float: none; margin-left:0px;}
  .rightPin{text-align: center;}
  .pinSection span {
      padding: 15px 15px 15px 5px;
  }
  .contactPage .responsive-table thead {
      background: url(../img/mask.png) left top no-repeat; background-size: cover;
      padding: 15px 26px;
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      margin: 0;
      border-radius: 5px;}
      
      
  /************* MAP 30 August 2022************/
      .mapPage .alignRight {	
          font-size: 16px;
          position: relative;
          top: -20px;
      }
      .mapCont .pinIco {
          max-width: 14px;
      }
      .mapSection{width: 100%;float: none; min-height: 300px; margin-left:0;}
      .pinSection {
          width:100%;
          margin-top:30px;
          float: none;
          padding-bottom:20px;
          }
      .loc-1 {
          width: 100%;
          max-width: 277px;
          height: auto;
          left: 33px;
      }
      .loc-2 {
          width: 100%;
          max-width: 259px;
          height: auto;
          left: -1px;
          top: 86px;
      }
      .loc-3 {
          width: 100%;
          max-width: 148px;
          height: auto;
          left: 206px;
          top: 57px;
      }
      .loc-4 {
          width: 100%;
          max-width: 96px;
          height: auto;
          left: -123px;
          top: 150px;
      }
      .loc-5 {
          width: 100%;
          max-width: 35px;
          height: auto;
          left: 176px;
          top: 1px;
      }
      .loc-6 {
          width: 100%;
          max-width: 15px;
          height: auto;
          top: 215px;
          left: 317px;
      }
      .loc-1 .pinIco {
          left: 100px;
          top: 62px;
      }
      .loc-2 .pinIco {
          left: 62px;
          top: 90px; 
      }
      .loc-3 .pinIco {
          left: 81px;
          top: 36px; 
      }
      .loc-4 .pinIco {
          left: 28px;
          top: -1px;
      }
      .loc-5 .pinIco {
          left: 14px;
          top: -9px; 
      }
      .loc-6 .pinIco {
          left: 0;
          top: -13px; 
      }
      .pinIco{max-width: 14px;}
      .pinSection { 
          margin-top:0px; 
      }
      .pinSection li {
          margin-left: 14px;
          font-size: 14px;
          width: 44%;
          display: inline-block;
          padding: 5px;
      }
      .pinSection li img{ width: 14px;}
  }
      
  /************* MAP 27 Sept 2022************/
  @media only screen and (max-width:1276px) { 
      .mapSection .loc-1, .mapSection .loc-2, .mapSection .loc-3, .mapSection .loc-4, .mapSection .loc-5, .mapSection .loc-6{width: auto;}
  }
  
  @media only screen and (max-width:1200px) { 
      .mapSection { 
      margin: 25px 0 0 0px; 
      }   
  }
  
  @media only screen and (max-width:1140px) { 
      .mapSection .loc-6 {
          left: auto;
      }
      .pinThree { 
      left: 386px;     
      }
      .pinFive { 
      left: 402px;     
     }
  }
  
  @media only screen and (max-width:1024px) { 
      .mapSection {
          margin: 25px 0 50px 0px;
      }
      .pinSection li::before { 
          top: 8px;
      }
      .pinOne {
      top: 21%; 
      left: 288px;
  
      }
      .pinTwo {
      right: 14%;
      top: 28%;
          left: auto;
      }
      .pinThree {
          top: 51%;
          left: 391px
      }
      .pinFour {
          top: 66%;
          left: 91px; 
      }
      .pinFive {
          top: 65%;
          left: 406px;
      }
      .pinSix {
          top: 80%;
          max-width: initial;
          left: auto;
      }
  }
  @media only screen and (max-width:768px) { 
      .pinFour {
     
          left: 75px;
      }
      .pinThree { 
          left: 342px;
      }
      .pinFive { 
          left: 355px;
      }
  }
  @media only screen and (max-width:767px) { 
  .mapPage h1{    font-size: 24px;  margin: 0;}
      .mapPage .pinSection span {
          padding: 15px 15px 15px 25px;
      }
      .pinOne, .pinTwo, .pinThree, .pinFour, .pinFive, .pinSix { 
          max-width: 14px; z-index:1;
      }
      
      .pinOne {
      top: 21%;
      left: 40%
  }
  
  
  .pinThree {
      left: 55%;
      top: 52%;
  }
  .pinFour {
      top: 68%;
      left: 14%;
  }
  .pinFive {
      top: 66%;
      left: 57%;
  }
  .mapSection .loc-6 {
      left: auto;
      right: 13%;
      top: 80%;
  }
  }
  @media only screen and (max-width:395px) {
      .pinTwo {     
          top: 25%; 
      }
      .pinThree { 
          top: 47%;
      }
      .pinFour {
          top: 62%; 
      }
      .pinFive {
      top: 62%; 
      }
      .mapSection .loc-6 { 
          top: 77%;
      }
   }@media only screen and (max-width:375px) {
      .mapSection .loc-6 {
          top: 73%;
      }
   }
   .menuTop{
      margin-top: 50px;
      margin-right: 20px; 
  }
  /*  .header ul.menuTop li.main{*/
  .header ul.menuTop li{
      padding-left:1em; 
      padding-right:1em;
  }


  .img-width{
      width: 40% !important;
   }		 
 
  @media only screen and (max-width:990px) {	
      .menuTop{
          margin-top:0px ;
          margin-right:0px ; 
      }
      .header ul.menuTop li.main{
          padding-left:0em; 
          padding-right:0em;
      }
      .header ul.menuTop li {
          padding: 0;
          font-weight: normal;
          font-size: 1em;
      }
      .header ul.menuTop li .category{
          font-weight: bold;
      }
      .header ul.menuTop li a{
          padding: 9px 23px;
          border-bottom: 1px solid #fff;
          font-weight: normal;
          font-size: 0.9em;
          display: block;
          color: #000;
      }
      .header ul.menuTop li.main .submenus{display: none;}
      .header ul.menuTop li.main.toggMenu .submenus{display: block;}
      .header ul.menuTop li a{
         /* padding: 9px 23px;
          border-bottom: 1px solid #bcc3c7;
          font-weight: bold;
          font-size: 20px;
          display: block;
          color: #000;*/
      }
      
      .header ul.menuTop> .toggMenu> a:after{
        content: "\f106";
      }
    
     
  }

  
  .logosftr img {
    /* height: 32px;*/
     margin: 10px;
     width: auto;
     max-height:60px;
 }



 /** Whats New **/
.nwmitems{
  justify-content:flex-start;
  min-height:100px;
  height: 100%;
}
.newsbgs .leftsc{
  width: 10%;
  padding: 24px 0;
  min-height:100px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content:center;
}
.newsbgs .rightsc{
  width: 100%;
  padding-right: 1em;
  min-height:100px;
  height: 100%;
  display: flex;
    align-items: center;
}
.nwmitems a{
 text-decoration: none;
}
.newsbgs .rightsc.small{
  font-size:0.8em;
}
@media only screen and (max-width: 767px) and (min-width: 300px){
  .newsbgs .rightsc{
    width: 100%;
    font-size: 1em;
  }
}
@media only screen and (max-width: 990px) {
  .nwmitems{
    display: block;
  }
  .newsbgs .leftsc{
    width: 100%;
    padding: 10px;
    min-height:auto;
    height: 100%;
    display: block;
   text-align: left;
  }
  .newsbgs .rightsc{
    width:100%;
    max-width: 100%;
    padding-top: 15px;
    padding-bottom:15px;
    min-height: auto;
  }
}
/*
.newsbgs h3{
  font-size: 24px; 
  align-self: center; 
}
.newsbgs h3 span{
  font-size: 24px; 
}
.newsbgs h4{
  font-size: 1em;
  line-height: 1.2em;
  padding: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 100%;
}
.newsbgs .btns{
  font-size:1em;
  padding:10px;
  text-align: center;
  width: 150px;
}
*/

.leftrightBox_wrap{
  padding-left: 0;
  padding-right: 0;
}

.index_more{
  padding-left:30px; 
  padding-right:30px; 
  font-size:1.1em;
}



.btn.btn--blue{
  background: #144093;
  color:#fff;
}
.btn.btn--blue:hover{
  background: #1455d0;
  color:#fff;
}
@media only screen and (max-width: 990px) {
    .main-banner__txt .btn{
    display: none;
 
  }
}

.float_right{
  float: right;
}
.float_right_area{
  max-width:400px; 
  width:100%; 
  float: right;  
  margin-left: 20px; 
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .float_right_area{
    max-width:100%; 
    float:none; 
    margin-left: 0; 
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.booklet_list>div{
  padding-bottom: 15px;
}


.home .Searchbar input{
  padding: 1.5em;
 }
 .home .Searchbar button{
  top:10px;
 }

@media only screen and (max-width: 990px) {
  .home .Searchbar input {

    padding: 10px 15px 10px 10px;
  }
  .home .Searchbar button{
    top:10px;
   }
}

.hide_for_display{
  opacity: 0;
  position: absolute;

}


@media only screen and (max-width: 1240px) and (min-width: 990px){ /* handle mid size of screen, hidden the right side bar */
  body{  
    padding-right: 0px;    
  }
  .rightSidebars{
    display: none;;
  }
  .header.sticky {
   
    padding-right: 0px;
  }
  .home .header{
    padding:10px 0px 10px 20px;
  }
  .menuTop{
    margin-right: 10px;
  }
  .righthdr{
    margin-right: 20px;
  }
 
}

/* WA hero image thumbnail and button */

[data-key-txt-color="black"]  .main-banner__pagination .swiper-pagination-bullet{ 
  outline: 4px solid #fff;
  height: 3px;
}

[data-key-txt-color="black"]  .main-banner__slider-pause{
  background-color: #fff;
  padding: 8px;
}

[data-key-txt-color="white"]  .main-banner__pagination .swiper-pagination-bullet{ 
  outline: 4px solid #022953;
  height: 3px;
}
[data-key-txt-color="white"]  .main-banner__slider-pause{
  background-color: #022953;
  padding: 8px;
}

.ui-dialog {
  max-width: 640px;
  margin-top:200px;
 
}


.panel-title{
  font-size: 1em;
  line-height: 1.5em;
}
.panel-group .panel{
  border-radius: 5px;
}

.header_spacer{ 
  height: 140px;
}
@media (max-width:990px) { 

  .header_spacer{ 
    height: 70px;
  }
}
.innerMenus h2 .small{
  font-size:0.8em;  
  color:#111;
  font-weight: bold;
}
@media (max-width:990px) { 
  .innerMenus h2 .small{
   display: none;
  }
 
}

/* Youth Corner Slider additional Pause button by vendor */
.slider-control {
 width: 100%;
 max-width: 670px;
 text-align: right;
 margin: 0 auto;

}
.slider-control a{    
  color: #0a589c;
  position: relative;  
  z-index:50; 
 /* bottom:50px;*/
  right:10px;
 
 
  
}
.slider-control a i{
  
}


/* Five Btn on Mobile Web 2022-12-09 */
#FiveBtnMobile{
  margin-top: -30px;
  z-index: 7;
  position: relative;
}


#FiveBtnMobile > ul > li{ 
  width: 92%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0 auto;
  list-style: none;
  background: rgb(226,226,226);
  background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(249,249,249,1) 34%, rgba(249,249,249,1) 100%);    
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  margin-bottom: 20px;  
  font-weight: bold;
}

#FiveBtnMobile > ul > li a{
  text-decoration: none;  
}
#FiveBtnMobile > ul > li a:hover{
  color:#295f92;
}

#FiveBtnMobile > ul > li img{
  width: 100%;
  max-width: 60px;
}

.FiveBtnMenu{
  margin-top: 10px;
  position: absolute;
  background: #022953;
  border: 2px solid  #022953;
  width: 92%;
  display: none;
  font-weight: normal;
}

.FiveBtnMenu > ul{
   
   list-style: none;
}
.FiveBtnMenu > ul > li{
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding: 10px;
  border-bottom: 1px solid #aaa;
}
.FiveBtnMenu a{
  color:#fff;
}

@media only screen and (min-width:767px) { 
  #FiveBtnMobile > ul > li:hover{ 
    background: #EB1000; /* b4 WA #fd6220;*/
  }
  #FiveBtnMobile > ul > li:hover img{
  filter: brightness(0) invert(1);
  }
  #FiveBtnMobile > ul > li:hover a{
  color: #fff;  
  }  
}

.expanded { 
  background: #EB1000 !important; /* b4 WA #fd6220;*/
}
.expanded  img{
filter: brightness(0) invert(1);
}
.expanded a{
color: #fff;  
} 


/** WA Esc 221223 **/
.home[data-key-txt-color="black"] .header ul.shareIt li a {color: #111; background: none;} /*3d3d3d*/

.header ul.menuTop li a{
  background: none;
}
.open1 .submenus {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top:60px;
  z-index: 9;
  padding-top: 40px;  
  transition: ease 0.5s;
}

@media only screen and (min-width: 991px){ 
  /* ken  hidden*/
 .header ul.menuTop> li:hover .submenus{
  display: block;
  transition: ease 0.5s; 
} 
}

.submenus .menuContent span {
  font-size: 28px;
  font-weight: 600;
  color: #3d3d3d;
  margin-bottom: 25px;
  margin-top: 0;
  line-height: 1.4;
  
}

/** Comments on 2023-01-03 **/


#fbBox .images{
  margin-left: 110px;
}
@media only screen and (max-width: 800px){ 
  #fbBox .images{
    margin-left: 0px;
  }
}

/** New Index 5 Large Icons for WA */

.bnrBtmServices{
  position: relative;
  z-index: 1;
}
/*
@media (max-width:800px) { 
  .bnrBtmServices{
    margin-top: -30px;
  }
}*/
.inersrvc{
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -52px;
  z-index: 1;
  width: 90%;
  margin-left: 5%;
  background: rgb(226,226,226);
  background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(249,249,249,1) 34%, rgba(249,249,249,1) 100%);
  position: relative;
}
@media only screen and (max-width: 1240px) {
  .inersrvc{
    width: 100%;
    margin-left: 0%;
  }
}


.inersrvc .box{
  text-align: center;
  width: 20%;
  height: 164px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: ease 0.1s;
 
}
/*.inersrvc .box> div:after
.box:after  {
    content: '';
    border-right: 1px solid #c3e0eb;
    height: 67px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}*/

.hoverItems::after{border: none !important;}
.inersrvc .li:nth-child(5):after { display: none;
}
.inersrvc .box:hover{
    height: 210px;
    margin: -23px 0;
    background: #EB1000; /* b4 WA #fd6220;*/
}
.inersrvc .box:focus-within{
  height: 210px;
  margin: -23px 0;
  background: #EB1000; /* b4 WA #fd6220;*/
}
.inersrvc .box:focus-within img{
  filter: brightness(0) invert(1);
}
.inersrvc .box:focus-within h2{
  color: #fff;  
}

.inersrvc >li.box:focus-within .hoverItems{
  display: flex;
  transition: ease 0.5s;        

 }

 .inersrvc .box img{
  width: 72px;
}
.inersrvc .box:hover img{
  filter: brightness(0) invert(1);
}
.inersrvc .box:hover h2{
  color: #fff;  
}
.inersrvc .box> div:hover:after{
  display: none;
}
.inersrvc .box h2{
  margin: 10px 0 0 0;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  color: #022953;
  position: relative;
  display: inline-block;
}
.inersrvc .box .hoverItems {
    position: absolute;
    width:100%;
    background-color: #022953;
    top: 187px;
    left:0px;
}
.inersrvc .box>div{
  position: relative;
  width: 100%;
}

.inersrvc .box:hover> div:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -5%;
    bottom: -54px;
    border: 10px solid transparent;
    border-bottom: 10px solid #022953;
}
.inersrvc .box:first-child:hover> div:before {
display: none;
}
.inersrvc .box:hover> div.hoverItems:before {
  display: none;
}

.inersrvc .hoverItems {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 10px 50px;  
  display: none;
}
/*
.five_icon_open{
  display: block;
  transition: ease 0.5s;
}*/
.inersrvc .box:hover .hoverItems {
  display: flex;
}
.hoverItems ul{
  width: 33%;
  text-align: left;
}
@media (max-width:800px) { 
 
  .hoverItems ul{
    min-width: auto;
    width: 100%;
    max-width: 100%;
    text-align: left;
    display: block; 
  } 

}

.hoverItems ul span{

  color: #fff;

  font-size: 0.9em;

  font-weight:bold;

  text-decoration: none;

  margin-left: -1em;

}

@media (max-width:800px) { 

  .hoverItems ul span{

    display: none;

  }



}



.hoverItems ul li{

  font-size: 0.9em;
 
  /*font-weight: bold;*/

  color: #fff;

  list-style: disc;

  margin: 6px 0; 

}

/* .hoverItems ul li:hover{
  background-color: #e5f1fe;
} */
.hoverItems ul li a{
  color: #fff;
  text-decoration: none;
}
.hoverItems ul li:hover a{
  color: #ccc;
  text-decoration: none;
}



.inersrvc .box h2{
  font-size: 18px;
}
.inersrvc .box .hoverItems{
  padding-bottom: 2em;
}
.hoverItems ul li:hover a{
  color: #EB1000; /* b4 WA #fd6220;*/
}
.close_btn{
  display: none;
}
@media only screen and (max-width: 767px) and (min-width: 300px)  {
  .inersrvc {
    background: #fff;
    margin-top: 0;
    flex-direction: column;
    width: 80%; /*100%*/
    margin-left: 0;
    box-shadow: none;
    margin: 0 auto;
}
.inersrvc .box{
    background: rgb(226,226,226);
    background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(249,249,249,1) 34%, rgba(249,249,249,1) 100%);    
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    margin-bottom: 20px;
    width: 100%;
    height: 105px;
    position: relative;
}
.inersrvc .box>div {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inersrvc .box .hoverItems{
    display: none;
}
.inersrvc .box> div:after{
    display: none;
}
.inersrvc .box>div img{
    margin-right: 15px;
}
.inersrvc .box:hover {
    height: 105px;
    margin: 0;
    margin-bottom: 20px;
}
.inersrvc .box:hover .hoverItems {
    display: inline-block;
    z-index: 1;
    padding: 0;   
}
/*.inersrvc .box:hover .close_btn {
  display: inline-block;  
  width: 100%;
  height: 105px;  
  background-color: #ffff00;
  position: absolute;  
  z-index:10; 
}

.close_btn{
  display: block;
  width: 100%;
  height: 105px;
  top:-105px;
  background-color: #ffff00;
  position: absolute;  
}
*/
.inersrvc .box .hoverItems {
     width: 100%;
     top:105px;   
     left: 0;
     z-index:100;
   
}


.inersrvc .box:hover> div:before{
    display: block;
    background-color: #ff0000;
}
.inersrvc .box .hoverItems:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -5%;
    bottom: -30px;
    border: 10px solid transparent;
    border-bottom: 10px solid #022953;
    top: -33px;
    bottom: auto;
    right: auto;   
}
.hoverItems ul li {
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    list-style: disc;
    margin: 8px 0;
    border-bottom: 2px solid #999;
    width: 100%;
    padding-left:25px;
    list-style: none;
    padding-bottom: 7px;
    position: relative;
}

}

/** Hero Image **/
.swiper-notification{
  display: none;
}

/** WA 2nd test Fix **/
.breadCrumb ul li a{
  background-color: #fff;
  padding: 4px;
  color: #000;
}
.breadCrumb ul li a:hover{
 text-decoration: underline;
}

/* Sub-table inside the table 

.sub-table td{
	background: #fff;
  border: 1px solid #333;
}
.sub-table table, .sub-table th, .sub-table td {
  border: 1px solid #333;
}

.sub-table td ul{
	list-style-type: disc;
	margin-left: 1.5em;
}*/
.sub-table{
 
}
.sub-table  td{
  border: 1px solid #333;
}
.scroll_div {
  
  overflow-x: auto;
  width: 100%;
 
}
.responsive-table .sub-table tbody tr{
  background:#fff;
}
.contactPage .simpleTable  .sub-table td:not(:first-child), .responsive-table  .sub-table td:not(:first-child){
  border-left:1px solid #333;
  border-right:1px solid #333;
}
.simpleTable .sub-table  td {
  border-left:1px solid #333;
  border-right:1px solid #333;  
}
@media only screen and (max-width: 767px){
.simpleTable .sub-table  td:not(:first-child), .responsive-table .sub-table  td:not(:first-child) {
  border-left:1px solid #333;
  border-right:1px solid #333;
}
.responsive-table .sub-table td:last-of-type {
  border-left:1px solid #333;
  border-right:1px solid #333;
}
}
.responsive-table .sub-table td:last-of-type{
    border-right:1px solid #333;
}

/* College Award Table */

.award_table{
  min-width: 640px;
  max-width: 1200px;
  width: auto;
  border:1px solid #333;
  border-bottom:0; 
}
.award_table thead tr{
  background: #033349;
  color:#fff;
}
.award_table th{
  padding:15px;
  text-align: center;
}
.award_table td{
  padding:15px;
  text-align: center;
  border-bottom: 1px solid #333;
        
}
.award_table .year{
  border-right:1px solid #333;
  width: auto;
  max-width: 10%;
}
.award_table .item{
  width:auto;			
  max-width: 35%;			
  border-right:1px solid #333;
  font-weight: bold;
}
.award_table .logo{
  width:auto;			
  max-width: 20%;
  text-align: right;			
}
.award_table .logo img{
  width:auto;
  min-width: 60px;
  max-width: 120px;
}
.award_table .title{
  width:auto;			
  max-width: 35%;
}

@media only screen and (max-width: 640px){
  .award_table {
    min-width: auto;
    max-width: auto;
    width: 100%;
    font-size: 14px;
  }
  .award_table th,  .award_table td{
    padding:5px;
  }
  .award_table .year{   
    width: 15%;    
    max-width: auto;
    min-width: auto;
  }
  .award_table .item{
    width:30%;			
    max-width: auto;
    min-width: auto;		   
  }
  .award_table .logo{
    width:15%;		
    max-width: auto;
    min-width: auto;
  }
  .award_table .logo img{
    width:100%;    
    max-width: auto;
    min-width: auto;
  }
  .award_table .title{
    width:30%;    		
    max-width: auto;
    min-width: auto;
  }
}


/** Flex Table for Recruitment Pure **/


.table-container {
  display: flex;
  flex-flow: column nowrap;
  background-color: white;
  width: 90%;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #DADADA;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .08);
}

.table-row {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  border-bottom: 1px solid #dadada;
}
a .table-row{
  border-bottom: 1px solid #dadada;
}
/*
.heading {
  background-color: #ececec;
  color: #3e3e3e;
  font-weight: bold;
}
*/

.row-item {
  display: flex;
  flex: 1;
  font-size: 16px;
  padding: 12px;
  align-items: center;
  transition: all 0.15s ease-in-out;
}
.u_name{
    flex: 3;
}
.e_date{
    flex: 1;  
    margin-right: 0;
}
a .table-row:hover {
  cursor: pointer;
  background-color: #F0F0F0;
}

/*
.table-row:hover {
  cursor: pointer;
  background-color: #F0F0F0;
}
.row-item:hover {
  cursor: pointer;
  background-color: #F0F0F0;
}*/

.row-sub-container {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
}

.row-sub-container .row-item {
  padding: 12px;
  border-bottom: 1px solid #dadada;
}
/*
.table-row:last-child,
.row-sub-container .row-item:last-child {
  border-bottom: 0;
}*/

.greenBox{
  background:#d7ffd6;
  border-color:#22b14c;
}
.blueBox{
  background:#d3e2fa;
  border-color:#02559e  ;
}

/** Print Version @231122*/


@media print {
  
  body{
    padding-right: 0;
    font: 12pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    color:#000;
  }
  .nav , .righthdr{
    display:none;
  } 
  .header{}
  .header.sticky{
    position: relative;
    display: block;
  }
  .header .logo img{width: 200px;}
  header:after {
    content: "www.police.gov.hk";
    }
  .rightSidebars, .footer, .copyright, .innerMenus, .breadCrumb{
    display:none;
  }
  .pageHeadings{padding: 0 0 0 0;}
  .innerPagesbox{padding: 0 0 0 0;}
  .container {padding-left: 0; padding-right: 0;}
  .pageHeadings h1 {margin-top:0; font-size:1.5em; line-height: 1.2em; padding-bottom: 0.5em;}
    h1 {font-size: 24pt;}    
    h2 {font-size: 14pt; margin-top: 25px;} 
    h2 {font-size: 12pt; font-weight:bold; margin-top: 25px;}    
    p {}
    aside h2 {font-size: 18pt;}
    blockquote, ul {margin: 0;}
    li {content: "» ";}
    ul {list-style: none}
    img {border: 0;}
      
    a{text-decoration: underline;}
    p a{text-decoration: underline;}

    a[href]:after {
      content: none !important;
       /*content: " (" attr(href) ")"; Show url */
    }
    table, tr,  th, td{border: 1px solid #000; }
   /* .responsive-table table, .responsive-table th, .responsive-table td{border: 1px solid #000;  border-left: 1px solid #000;}
    */
   
/*
p a[href^="https://"]:after {
  content: " (" attr(href) ")";
  font-size: 90%;
  }*/
}


/** Multi-language hotlines table **/

.ml_table{
  width: 100%;
}
.ml_table td{
  padding: 0.3em;
  border: 1px solid #ccc;
}
.ml_table .items{
 width:50%;
 text-align: left;
}
.ml_table .phone,.ml_table .fax {
  width:25%;
  text-align: center;
 }
 .ml_table .full{
  width:100%;
  text-align: left;
 }
 @media only screen and (max-width:600px) {	
  .ml_table td{
    font-size: 0.7em;
  }
  .ml_table .items{
    width:30%;
   }
   .ml_table .phone,.ml_table .fax {
    width:30%;
   }
}