body { 
	background: #efecee; 
	line-height: 22px;
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

.text-justify { text-align: justify !important; }
.text-center { text-align: center !important; }
.pad-0 { padding: 0; }

.navbar { background:#2e338a; padding-top: 0;   background-image: linear-gradient(to right,#9a395b, #4e89fd);}
.navbar-brand { padding: 5px 0; }
.navbar-stuck-menu { background-color: #012b79; }
.navbar-light .navbar-nav .nav-link { color: #fff; }
.navbar-light .nav-item.active .nav-link:not(.disabled)>i, .navbar-light .nav-item.show .nav-link:not(.disabled)>i, .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i, .navbar-light .nav-item.active .nav-link:not(.disabled), .navbar-light .nav-item.show .nav-link:not(.disabled), .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) {
	color: #fff;
}
.navbar-light .nav-item:hover .nav-link:not(.disabled), .navbar-light .nav-item:hover .nav-link:not(.disabled)>i { color: #fff; }
.nav-item.priority a { border: 1px solid #db0000; border-radius: 30px; background-color: #db0000; color: #fff !important; }
.widget-list-link { line-height: 16px; margin-bottom: 15px; }

.accordion div button h5 { margin-bottom: 0; }

button.btn { padding: 5px 15px !important; }

.gbk{
box-shadow: 0px 4px 5px rgb(78, 78, 78);  
	background-color: red; /* Green */
  border: none;
  color: white;
	max-height: 55px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
	border-radius: 10px;
}

.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
   
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
  
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}




.diback
{
	background:#EDEDEDAA;
}
.gbk:hover {
    background-color: #089077;
    color: white;

}
.gbk:active {
    background-color: green;
    box-shadow: 0 4px #666;
    transform: translateY(4px);
}

.dial100{
	box-shadow: 0px 1px 2px rgb(78, 78, 78);
	padding: 0% 2%;

	border-radius: 10px;
}

.dial100:hover {

    color: #A8A8A8;
	padding: 0% 3%;


}
.dial100:active {

    transform: translateY(4px);
}

.cab{
box-shadow: 0px 4px 5px rgb(78, 78, 78);
background-color: #C8CCCDB8;
border: none;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
border-radius: 10px;
font-weight: bold;
}
.cab:hover {
    background-color: #E7E4E4;
    color: red;

}
.cab:active {
    background-color: ghostwhite;
    box-shadow: 0 4px #666;
    transform: translateY(4px);
}





		.formdl a { box-shadow: 2px 2px 3px rgb(78, 78, 78); padding: 10px 15px; background: #f7f7f7; border: 1px solid #f7f7f7; margin-bottom: 10px; border-radius: 6px; font-weight: 600; }
		.formdl a:hover{ background-color:#E7E7E7; }
		.formdl a:active { box-shadow: 0 4px #666; transform: translateY(6px);}


	.blink {
  animation: blink 3s steps(1, end) infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



.thead {
        background-color: #1c87c9;
        color: #ffffff;
  position: sticky;
  top: -1px;

}

.options .container { background: #fff; border: 4px solid #b3cbff; border-radius: 10px; }
.options h3 { margin: 0; font-weight: 700; color: #e10e06; }
.options h5 { font-weight: 700; color: #012b79; }
.options div div div:first-child a { color: red; font-weight: 700; }
.options div div div:last-child div { box-shadow: 0 5px 12px 0 rgba(0,0,0,0.25); padding: 10px 10px 0 !important; }
.options div div div:last-child div a { color: #fff; text-align: center; }

.option_item div h3 { font-weight: 700; color: #012b79; margin-bottom: 0; }
.option_items div div { min-height: 170px; padding: 15px 15px 0 15px; border-radius: 10px; }
.option_items div div div a { margin: 15px; border-radius: 10px; }
.option_items div div div:hover { transition: 0.5s; box-shadow: inset 0 0px 40px 0 rgba(0,0,0,0.15), 0 15px 25px 0px rgba(0,0,0,0.35); }
.option_items div div div img { margin-bottom: 10px; }
.option_items div div div h6 { margin-bottom: 0; }
.option_items div div:nth-child(1) div h3 { margin-bottom: 0; }
.option_items div div:nth-child(1) div { background: #F17171; }
.option_items div div:nth-child(2) div { background: #b3cbff; }
.option_items div div:nth-child(3) div { background: #FFD071; }
.option_items div div:nth-child(4) div { background: #B38DFF; }
.option_items div div:nth-child(5) div { background: #A2D471; }
.option_items div div:nth-child(6) div { background: #FF71B7; }
.option_items div div:nth-child(7) div { background: #FFA071; }
.option_items div div:nth-child(8) div { background: #71E2D0; }
.option_items div div:nth-child(9) div { background: #A2ADB8; }

.wing_items div h3 { font-weight: 700; color: #012b79; margin-bottom: 0; }
.wing_items div a { width: 16.5%; display: inline-block; padding: 30px 15px 15px; text-align: center; color: #353535; }
.wing_items div a img { margin-bottom: 15px; }
.wing_items div a:nth-child(2) { width: 16.5%; display: inline-block; background: #c9bacf; }
.wing_items div a:nth-child(3) { width: 16.5%; display: inline-block; background: #d9e0be; }
.wing_items div a:nth-child(4) { width: 16.5%; display: inline-block; background: #a7e6eb; }
.wing_items div a:nth-child(5) { width: 16.5%; display: inline-block; background: #ffd0b5; }
.wing_items div a:nth-child(6) { width: 16.5%; display: inline-block; background: #cdeba6; }
.wing_items div a:nth-child(7) { width: 16.5%; display: inline-block; background: #becfe0; }

.option_item { text-align: center; }
.option_item div a { padding: 15px 20px; border-radius: 10px; max-width: 180px; display: inline-block; margin: 10px 0; }
.option_item div a:hover { transition: 0.5s; box-shadow: inset 0 0px 40px 0 rgba(0,0,0,0.15), 0 15px 25px 0px rgba(0,0,0,0.35); }
.option_item div a img {   }
.option_item div a h6 { margin-bottom: 0; font-size: 16px; padding-top: 5%}
.option_item div a h6 span { padding-top: 1%}
.option_item div a:hover { font-weight: 600; transition: 0.5s; transform: scale(1.05); }
.option_item div div:nth-child(1) a { background: #ff8300 !important; }
.option_item div div:nth-child(2) a { background: #1B9D00; }
.option_item div div:nth-child(3) a { background: #258BF8; }
.option_item div div:nth-child(4) a { background: #ECBC00; }
.option_item div div:nth-child(5) a { background: #EE107E; }
.option_item div div:nth-child(6) a { background: #FF1A45; }

.option_item div div:nth-child(7) a { background:  #FF1A45; }
.option_item div div:nth-child(8) a { background:  #EE107E; }
.option_item div div:nth-child(9) a { background:  #ECBC00; }
.option_item div div:nth-child(10) a { background: #258BF8; }
.option_item div div:nth-child(11) a { background: #1B9D00; }
.option_item div div:nth-child(12) a { background: #ff8300; }


.wings { text-align: center; }
.wings div h3 { font-weight: 700; margin-bottom: 0; color: #012b79; }
.wings div a { min-height: 100px; padding:7px 20px 5px 20px; border-radius: 10px; max-width: 180px; display: inline-block; margin: 10px 0; }
.wings div a:hover { transition: 0.5s; box-shadow: inset 0 0px 40px 0 rgba(0,0,0,0.15), 0 15px 25px 0px rgba(0,0,0,0.35); }
.wings div a img { margin-bottom: 3px; min-height: 72px; width: 47%; }
.wings div a h6 { margin-bottom: 0; font-size: 16px; padding-top: 5%;}
.wings div a:hover { font-weight: 600; transition: 0.5s; transform: scale(1.05); }


.wings div div:nth-child(1) a { background: #1B9D00 !important; }
.wings div div:nth-child(2) a { background: #258BF8; }
.wings div div:nth-child(3) a { background: #b02900; }
.wings div div:nth-child(4) a { background: #001c02; }
.wings div div:nth-child(5) a { background: #0f48a1; }
.wings div div:nth-child(6) a { background: #FF6984; }
.wings div div:nth-child(7) a { background: #08675a; }
.wings div div:nth-child(8) a { background: #906e3e; }
.wings div div:nth-child(9) a { background: #906e3e; }


.narcot{ margin: -5% 0 0 0; padding: 0; font-size: small; }


.gallery { text-align: center; }
.gallery div h3 { font-weight: 700; margin-bottom: 0; color: #012b79; }
.gallery div a { min-height: 150px; padding: 1% 0%; border-radius: 10px; max-width: 180px; display: inline-block; }
.gallery div a { margin: 15px; border-radius: 10px; }
.gallery div a:hover { transition: 0.5s; box-shadow: inset 0 0px 40px 0 rgba(0,0,0,0.15), 0 15px 25px 0px rgba(0,0,0,0.35); }
.gallery div a img { margin-bottom: 3px; min-height: 72px; width: 50%; }
.gallery div a h6 { margin-bottom: 0; font-size: 16px; padding-top: 5%;}
.gallery div a:hover { font-weight: 600; transition: 0.5s; transform: scale(1.05); }
/*.wings div a:nth-child(1) { background: #c9bacf; }*/
.gallery div a:nth-child(2) { background-image: url("../gallery/event1-10042022/01.JPG"); background-size: cover}
.gallery div a:nth-child(3) { background: #ff8300; }
.gallery div a:nth-child(4) { background: #c71669de; }
.gallery div a:nth-child(5) { background: #0f48a1; }
.gallery div a:nth-child(6) { background: #b02900de; }
.gallery div a:nth-child(7) { background: #1f8db8; }


.tab .row button {margin: 1%;}

.twt_feed {
  width: 100%;
  height: auto;
  padding-bottom: 15px;
}
a.u-floatLeft { display: none; }


.visitors p { color: #fff; text-align: right;  border: 1px solid #ffd715; padding: 7px 0 6px; border-radius: 10px; float: right; font-size: 20px; margin-bottom: 0; }
.visitors p span { padding: 7px; }
.visitors p span:nth-child(1) { color: #353535; background: #d9b400; border-radius: 9px 0 0 9px; }
.visitors p span:nth-child(2) { color: #ffd715; background: transparent; }

.marquee_area { background-color: #fff; padding: 30px 0; }
.marquee_area h4 { text-align: center; color: #f1322a; margin: 0px; text-transform: uppercase; font-weight: 700; border-bottom: 1px dashed #A2D471; line-height: 50px; }
.marquee_area marquee div { color: #353535; margin-bottom: 15px; }
.marquee_area marquee div a { 
	color: #353535; 
	text-transform: capitalize; 
	-webkit-animation: color-change 1s infinite;
    -`z-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite; 
}
@-webkit-keyframes color-change {
        0% { color: red; }
		/*25%{ color:green;}*/
        50% { color: blue; }
		/*75% { color:yellow;}*/
        100% { color: red; }
    }
    @-moz-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-ms-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-o-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
.marquee_area marquee div a:hover { color: #0d6efd; }

ul li {
	margin-bottom: 10px;
}
ul li span.sample {
	color: #f51d1d;
}



/* ================== */
/* ====== Modal ===== */
/* ================== */

.modal-header {
	border: 0px;
}
.modal-header .btn-close {
	border-radius: 20px;
	position: initial;
    z-index: 99999;

}
.modal-body h5 { text-align: center; border-bottom: 2px solid #930e00; background: #012b79; color: #fff; line-height: 2; }
.modal-footer { border-top: 0; text-align: center; display: block; }


.crime_officer_details div { margin-bottom: 15px; }
.crime_officer_details div span { width: 30%; display: inline-block; color: #ae564d; }
.crime_officer_details div span span { width: 2%; display: inline-block; float: right; margin-right: 15px; }


.armed_res h2 { text-align: center; border-bottom: 2px solid #930e00; margin-bottom: 20px; line-height: 1.5; margin-top: 0; }
.armed_res div { margin-bottom: 15px; }
.armed_res div span { width: 30%; display: inline-block; color: #ae564d; }
.armed_res div span span { width: 2%; display: inline-block; float: right; margin-right: 15px; }



@media (min-width: 576px) {
	.modal-dialog {
		width: 60% !important;
		max-width: none;
	}
}
@media (min-width: 500px){
	.modal-dialog {
		width: 60% !important;
		max-width: none;
	}
}


.cyber-crime { padding: 40px 30px; background-color: #2c3383; }
.cyber-crime h3 { color: #fff; text-align: center; margin-bottom: 30px; }
.cyber-crime div ul { list-style-type: none; margin-left: -40px; }
.cyber-crime div ul li, .she-team div ul li { margin-bottom: 15px; }
.cyber-crime div ul li a { color: #fff; }

.she-team { padding: 40px 30px; background-color: #FF69B4; }
.she-team h3 { color: #fff; text-align: center;  margin-bottom: 30px; }
.she-team div img { background-color: #FFD700; padding: 15px 0; }
.she-team div ul { list-style-type: none; margin-left: -40px; }
.she-team div ul li a { color: #fff; }

.she-bharosa {}

.emer_contanct { background-color: #db0000; padding: 40px 0px; }
.emer_contanct h3 { text-align: center; color: #fff; margin-bottom: 30px; }
.emer_contanct div { padding: 0 20px; }
.emer_contanct div img { width: 20%; margin-right: 10px; float: left; }
.emer_contanct div h6 { margin-bottom: 0; margin-top: 5px; color: #ffee80; width: auto; display: inline-block;  }
.emer_contanct div h4 { color: #fff; margin-bottom: 0; width: auto; display: inline-block; }

.videos { text-align: center; }
.videos div div { padding: 30px 15px 0; text-align: center; }
.videos div div h4 { margin-bottom: 5px; color: #353535; }
.videos div div h4 span { color: #f1322a;  font-weight: 700; text-transform: uppercase; }
.videos div div img { margin-bottom: 10px; }
.videos div div p a { text-decoration: underline; }
/*.videos div div:nth-child(1) { background: #EC9F7B; }*/
/*.videos div div:nth-child(2) { background: #DAB671; }*/
/*.videos div div:nth-child(3) { background: #C97B7E; }*/
/*.videos div div:nth-child(4) { background: #F59C4C; }*/
/*.videos div div:nth-child(odd) { background: #eee; }
.videos div div:nth-child(even) { background: #ddd; }
*/
.latest_news { padding: 20px 40px 20px 60px; background-color:#df2c0f; }
.latest_news h3 { color: #fff; text-align: center; margin: 0px; border-bottom: 1px dashed #fff; line-height: 40px; font-weight: 700; }
.latest_news div marquee { height: 270px; }
.latest_news div marquee div { margin-bottom: 30px; }
.latest_news div marquee p a { color: #666; }
.latest_news div marquee p a:hover { color: #333; }

.press { padding: 40px 30px 0px; background-color: #f7ffb6; }
.press h3 { color: #333; text-align: center; margin-bottom: 30px; }
.press div marquee p { margin-bottom: 20px; }
.press div marquee p a { color: #666; }
.press div marquee p a:hover { color: #333; }


.other_areas { padding: 20px 30px; background: #D1E7C5; }
.other_areas div h4 { font-weight: 700; }

.hawkeye { padding: 21px 30px 0px 8px; background-color: #0E1379D9; text-align: center; }
.hawkeye h2 { color: #fff; text-align: center; font-weight: 700; }
.hawkeye h5 { color: #fff; text-align: center; font-weight: 700; }
.hawkeye p { color: #fff; }
.hawkeye img { width: 30%; }
.hawkeye span a { margin-bottom: 20px; text-align: center; color: #333 !important; }
.hawkeye span a img { width: 20%; display: inline-block; text-align: center; }
.hawkeye div a:hover p { color: #012b79; }


.social { padding: 50px 30px; background-color: #fff; text-align: center; }
.social div h4 { color: #333; text-align: center; font-weight: 700; }
.social div p { color: #777; }
.social div { text-align: center; width: 20%; display: contents; }
.social div div a { margin: 0 20px; text-align: center; color: #333 !important; }
.social div div a img { border-radius: 30px; }
.social h1 { font-weight: 700; font-size: 34px; margin-top: 30px; background: -webkit-linear-gradient(180deg, #eee, #333); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.social div div:nth-child(1):hover a img { 
	box-shadow: 10px 20px 30px 0 rgba(38,69,201,0.5);
	-webkit-box-shadow: 10px 20px 30px 0 rgba(38,69,201,0.5);
	-o-box-shadow: 10px 20px 30px 0 rgba(38,69,201,0.5);
	-moz-box-shadow: 10px 20px 30px 0 rgba(38,69,201,0.5);
	-oz-box-shadow: 10px 20px 30px 0 rgba(38,69,201,0.5);
	transition: 0.3s;
}
.social div:nth-child(2):hover a img { 
	box-shadow: 10px 20px 30px 0 rgba(51,139,255,0.5);
	-webkit-box-shadow: 10px 20px 30px 0 rgba(51,139,255,0.5);
	-o-box-shadow: 10px 20px 30px 0 rgba(51,139,255,0.5);
	-moz-box-shadow: 10px 20px 30px 0 rgba(51,139,255,0.5);
	-oz-box-shadow: 10px 20px 30px 0 rgba(51,139,255,0.5);
	transition: 0.3s;
}
.social div:nth-child(3):hover a img { 
	box-shadow: 10px 20px 30px 0 rgba(81,202,106,0.5);
	-webkit-box-shadow: 10px 20px 30px 0 rgba(81,202,106,0.5);
	-o-box-shadow: 10px 20px 30px 0 rgba(81,202,106,0.5);
	-moz-box-shadow: 10px 20px 30px 0 rgba(81,202,106,0.5);
	-oz-box-shadow: 10px 20px 30px 0 rgba(81,202,106,0.5);
	transition: 0.3s;
}
.social div:nth-child(4):hover a img { 
	box-shadow: 10px 20px 30px 0 rgba(191,0,0,0.5);
	-webkit-box-shadow: 10px 20px 30px 0 rgba(191,0,0,0.5);
	-o-box-shadow: 10px 20px 30px 0 rgba(191,0,0,0.5);
	-moz-box-shadow: 10px 20px 30px 0 rgba(191,0,0,0.5);
	-oz-box-shadow: 10px 20px 30px 0 rgba(191,0,0,0.5);
	transition: 0.3s;
}
.social div:nth-child(5):hover a img { 
	box-shadow: 10px 20px 30px 0 rgba(227,66,133,0.5);
	-webkit-box-shadow: 10px 20px 30px 0 rgba(227,66,133,0.5);
	-o-box-shadow: 10px 20px 30px 0 rgba(227,66,133,0.5);
	-moz-box-shadow: 10px 20px 30px 0 rgba(227,66,133,0.5);
	-oz-box-shadow: 10px 20px 30px 0 rgba(227,66,133,0.5);
	transition: 0.3s;
}


.emergency { padding: 5px 10px 3px 2px; background-color: #ffed8e; color: #fff; border:2px solid rgba(118,116,116,1.00);border-radius: 15px; }
.emergency h4 { color: #333; text-align: center; font-weight: 700; }
.emergency p { color: #ffd071; }
.emergency div { margin: 1px 0 5px; font-size: 16px; padding: 0; }
.emergency div div:nth-child(odd) { color: #f91f1f; font-weight: 700; padding-left: 10px; }
.emergency div div:nth-child(even) { color: black; font-weight: 700; }



.how-to-reach h2 { text-align: center; color: #db0000; }
.how-to-reach div div.office { padding: 20px 0 20px 40px; }

.freq_links p a { color: #7d879c !important; padding: 0 5px; }
.freq_links p a:hover { color: #012b79 !important; }

.addl_links div h6 { color: #fff; }
.addl_links div p { margin-bottom: 10px !important; }
.addl_links div p a { color: #7d879c !important; }
.addl_links div p a:hover { color: #012b79 !important; }

.station_counts div div table.table-bordered { border: 1px solid #ccc; }
.station_counts div div table thead tr th { text-transform: uppercase; font-size: 20px; }
.station_counts div div:first-child table thead tr th { background-color: #ff0081; color: #fff !important; }
.station_counts div div:nth-child(2) table thead tr th { background-color: #0344d7; color: #fff !important; }
.station_counts div div:nth-child(3) table thead tr th { background-color: #db5406; color: #fff !important; }
.station_counts div div:nth-child(4) table thead tr th { background-color: #c11818; color: #fff !important; }

.notifications div a { color: #333; }
.notifications div a:hover { color: #012b79; }

.office_info table thead tr th { background-color: #6569db; color: #fff !important; font-size: 18px; text-align: center; }

.report_a_crime h2 { text-align: center; }
.report_a_crime h3 { background-color: #ff0000; color: #fff; padding: 15px; font-size: 21px; }

.crime_wing h2 { text-align: center; }
.crime_wing div { text-align: center; }
.crime_wing div a { font-size: 20px; padding: 20px !important; width: 100%; text-align: center !important; border-radius: 50px; display: grid; }
.crime_wing div:nth-child(2) a { background-color: #ff0081; color: #fff !important; }
.crime_wing div:nth-child(3) a { background-color: #0344d7; color: #fff !important; }
.crime_wing div:nth-child(4) a { background-color: #db5406; color: #fff !important; }
.crime_wing div:nth-child(5) a { background-color: #c11818; color: #fff !important; }
.crime_wing div:nth-child(6) a { background-color: #ff0000; color: #fff !important; }
.crime_wing div:hover a{ opacity: 0.75; }

.wing_official_info h2 { text-align: center; margin-bottom: 0px; }
.wing_official_info h4 { text-align: center; color: #ff0000; }
.wing_official_info div img { width: 100%; max-height: 300px; border: 1px solid #ccc; border-radius: 10px; }
.wing_official_info div.details { font-size: 18px; }
.wing_official_info div.details span span { width: 25%; display: inline-block; margin: 10px 0 10px; }
.wing_official_info div.details > span { border-bottom: 1px solid #fff; width: 100%; display: block; }
.wing_official_info div.details > span:hover { border-bottom: 1px solid #c11818; width: 100%; display: block; color: #c11818; }

.higher_lead div div a { padding: 30px 20px; color: #fff !important; width: 100%; display: block; }
.higher_lead div div:first-child a { background-color: #E02F14; }
.higher_lead div div:nth-child(2) a { background-color: #3E1FE0; }
.higher_lead div div:nth-child(3) a { background-color: #E0432B; }
.higher_lead div div:nth-child(4) a { background-color: #14E083; }
.higher_lead div div:hover { opacity: 0.75; }

.other_ps div div:first-child table thead tr th { background: #ff0081; }
.other_ps div div:nth-child(2) table thead tr th { background: #c11818; }
.other_ps div div:nth-child(3) table thead tr th { background: #db5406; }
.other_ps div div table thead tr th a { color: #fff !important; }
.other_ps div div table thead tr th a:hover { color: #333 !important; }
.other_ps div div table tbody tr td a { color: #333 !important; }
.other_ps div div table tbody tr td a:hover { color: #012b79 !important; }
.other_ps div div table thead tr th h5 { color: #fff !important; margin-bottom: 0; }


.office_details div div:first-child table thead tr th { background: #ff0081; }
.office_details div div:nth-child(2) table thead tr th { background: #c11818; }
.office_details div div:nth-child(3) table thead tr th { background: #db5406; }
.office_details div div:nth-child(4) table thead tr th { background: #5281E6; }

.OfficerBtn {display: inline}
/*.office_details div div table thead tr th, .table:not(.table-dark) thead th, .table:not(.table-dark) tbody th { color: #fff !important; }*/

.fields {
	background: #edf4ff;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px dashed #9cbdf1;
}
.fields ~ span {
	padding: 5px;
	margin-bottom: 5px;
}
.fields span:nth-child(odd) {
	width: 35%; 
	display: inline-block;
	vertical-align: top;
	color: #e35b0b;
	font-weight: 700;
}
.fields span:nth-child(even) {
	width: 63.3%; 
	display: inline-block;
	vertical-align: top;
}
.fields span>span { 
	float: right;
	width: 15px !important;
	margin-bottom: 10px;
}

table thead tr th { padding: 10px !important; }
table tbody tr td { padding: 5px 10px !important; }



table thead  {
	color: #FFF;font-weight: 700;background: #9b4085;background: -moz-linear-gradient(-45deg, #9b4085 0%, #4e89fd 100%);background: -webkit-linear-gradient(-45deg, #9b4085 0%,#4e89fd 100%);
background: linear-gradient(135deg, #9b4085 0%,#4e89fd 100%); white-space: nowrap; 
}
table thead tr {
	color: white;
}

table tbody tr td { vertical-align: middle; }

.official_desc span { width: 25%; display: inline-block; margin-bottom: 15px; }
.official_desc span span { float: right; }

.person_details { background: #f4fff1; border: 1px solid #dff3da; border-radius: 10px; padding: 15px; }
.person_details div div:last-child { padding: 0; }

.emer_call div { padding: 20px; }
.emer_call div img { float: left; margin-right: 15px; }
.emer_call div span:first-child { color: #5c5e55 !important; margin-top: 20px 0 0 0; }
.emer_call div span:last-child { font-size: 20px; color: #ff0000 !important; }

.btn-scroll-top { background: #fff; border: 1px solid #ccc; }
.btn-scroll-top:hover { background: #f5f5f5; opacity: 0.85; }
.btn-scroll-top img { transform: rotate(90deg); padding: 10px; }

.twitter-btn {
	background: #1d9bf0; 
	color: #fff; 
	font-size: 12px;
	padding: 5px 10px; 
	border-radius: 15px;
	margin-bottom: 5px;
	display: block;
}
.twitter-timeline {
	margin-top: 10px !important;
}

.gen_div {
	background: #fff;
	padding: 20px;
	margin: 5px auto 15px;
	border-radius: 10px;
	min-height: 350px;
}

.org { 
	background: #4C489C;
	padding: 20px;
	border-radius: 10px;
}
.org h3 {
	color: #edde2e;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}
.org h3::after {
	content: '';
	position: absolute;
	width: 100px;
	height: 2px;
	background: #fff;
	left: 45%;
	top: 40px;
	text-align: center;
}

.comm_msg {

}

.crime_dept {
	text-align: center;
}

.crime_dept h2 { text-align: center; }
.crime_dept div a { width: 100%; display: block; }
.crime_dept div a { padding: 10px 15px; background: #f7f7f7; border: 1px solid #f7f7f7; margin-bottom: 10px; border-radius: 6px; font-weight: 600; }
.crime_dept div:hover a { border: 1px solid #ddd; transition: 0.3s; /*transform: scaleX(1.03);*/ }

.officer_info { padding: 30px 15px; border: 3px solid #c8eeff; background: #d9f3ff; border-radius: 20px; box-shadow: 0 9px 15px 0 rgba(155,185,210,0.5); }
.officer_info img { margin-left: 20%;  margin-bottom: 20px; width: 60%; }
.officer_info h4 { text-align:center; color: #012b79; margin-bottom: 0px; }
.officer_info h6 { text-align:center;color: #353535; margin-bottom: 15px; }
.officer_info div div span:first-child { text-align: center; width: 20%; display: inline-block;  vertical-align: top; color: #0d7aad; }
.officer_info div div span:nth-child(2) { width: 5%; display: inline-block; vertical-align: top; }
.officer_info div div span:last-child { width: 75%; display: inline-block; text-align:left; }

.kyps div:nth-child(2) div div { border: 1px solid #b3cbff;  }
.kyps div:nth-child(2) div h4 { background:#b3cbff; padding: 5px 15px; margin-bottom: 0; }
.kyps div:nth-child(2) div div div { border: none; }
.kyps div:nth-child(2) div div div { padding: 5px 10px !important; }
.kyps div:nth-child(2) div div div a { width: 100%; display: block; margin-bottom: 5px; color: #353535; }
.kyps div:nth-child(2) div div div a:hover { color:#fe3638; text-decoration:none; font-weight: bold;}


.kyps div:last-child div div { border: 1px solid #b3cbff;  }
.kyps div:last-child div h4 {  background-image: -webkit-linear-gradient(left, #00588d, #4e89fd);  background-image: -o-linear-gradient(left, #00588d, #4e89fd);  background-image: linear-gradient(to right, #00588d, #4e89fd);   padding: 5px 15px; margin-bottom: 0; }
.kyps div:last-child div h4 a {
	color: white;
}
.kyps div:last-child div div div { border: none; }
.kyps div:last-child div div div { padding: 5px 11px; }
.kyps div:last-child div div div a { width: 100%; display: block; margin-bottom: 5px; color: #353535;}
.kyps div:last-child div div div a:hover { color:#fe3638; text-decoration:none; font-weight: bold;}

.col_area { margin-bottom: 15px; }
.col_area h4 { text-align: center; }




.addl_cp_info { background: #edf4ff; margin-bottom: 15px; }
.addl_cp_info div:first-child img {  padding: 2px !important; }
.addl_cp_info div:last-child {  padding: 5px 0 !important; }
.addl_cp_info div:last-child div span { font-weight: 600; }
.addl_cp_info div:last-child span:first-child { text-align: left; width: 30%; display: inline-block;  vertical-align: top; color: #0d7aad; }
.addl_cp_info div:last-child span:nth-child(2) { width: 5%; display: inline-block; vertical-align: top; }
.addl_cp_info div:last-child span:last-child { width: 65%; display: inline-block; text-align: left; }


.details div { font-weight: 600; }
.details div span { color: #012b79; font-size: 14px; font-weight: 600; }
.details div p { font-weight: 500; }

.areas div div h6 { background: #b3cbff; padding: 5px 15px; margin-bottom: 0; }
.areas div div div { border: 1px solid #b3cbff;  min-height: 150px;}
.areas div div div a { margin: 5px 15px; display: block; }

.jurisd { margin-bottom: 10px; }

.bound_details h6, .strength_details h6 { color:white;background: #0d5098;
padding: 5px 15px;
margin-bottom: 0;
box-shadow: green;
border-radius: 6px 6px 0 0; }
.bound_details div { border: 1px solid #b3cbff; padding: 15px 15px 0; min-height: 308px; border-radius: 0 0 6px 6px; }
.strength_details>div { border: 1px solid #b3cbff; padding: 15px 15px 0; min-height: 308px;  }

.strength_details>div div span:first-child { text-align: left; width: 64%; display: inline-block;  vertical-align: top; color: #019af3; margin-bottom: 5px; }
.strength_details>div span>span { width: 5%; display: inline-block; vertical-align: top; float: right; }
.strength_details>div span:last-child { width: 50%; display: inline-block; text-align: left; }

.map img { width: 100%; border: 1px solid #b3cbff; background: #d9f3ff; } 

.div_details {
  margin-bottom: 20px; 
}
.div_details h6 { background: #0d5098;color:white;padding: 5px 15px; margin-bottom: 0; border-radius: 6px 6px 0 0; }
.div_details div {  border-radius: 0 0 6px 6px; }
.div_details div div { padding: 15px; border: 1px solid #b3cbff;  }
.div_details div div div { padding: 0px 15px; border: none; margin-bottom: 15px; }
.div_details div div div span { font-weight: 600; }
.div_details div div div p { margin-bottom: 0; }
.div_details div div div div p:nth-child(2) { color: #cf4242; font-weight: 600; }




.navsmu {
    position: fixed;
    width: 30px;
    margin-top: 12%;
    transition: all 0.3s linear;
    z-index: 999;
}
.navsmu li {
    height: 30px;
    position: relative;
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
    margin-bottom: 5px;
}
.navsmu li a {
    color: white;
    display: inline-block;
	position: absolute;
    height: 100%;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid rgba(0,0,0,.4);
    transition: all .3s linear;
}
.navsmu li:nth-child(1) a {
    background: red;
}
.navsmu li:nth-child(2) a {
    background: #bc2a8d;
}
.navsmu li:nth-child(3) a {
    background: #4267B2;
    ;
}
.navsmu li:nth-child(4) a {
    background: #1DA1F2;
}
.navsmu li:nth-child(5) a {
    background: #0EC93F;
}
.navsmu li:nth-child(6) a {
    background: #8e436a;
}
.navsmu li:nth-child(7) a {
    background: red;
}
.navsmu li a i {
  position: absolute;
  top: 10px;
  left: 8px;
  font-size: 12px;
  color: white;
}
.navsmu ul li a span {
    display: none;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: white;
    padding-bottom: -8px;
}
.navsmu a:hover {
    z-index: 1;
    width: 200px;
}
.navsmu ul li:hover a span {
    padding-left: 24%;
    display: inline-block;
    padding-top: -10px;
}

.navsmu li:last-child {
  display: none;
}


.latest_news {
    background-color: #066675;
}
.hawkeye {
    background-color: #0f3139;
}
.option_item div a {
    height: 130px;
    /*padding: 7px 20px 5px 20px;*/
    width: 100%;
}
.option_item div a h6 span {
    font-weight: 700;
    font-size: 12.99px;
}
.option_item div a img {
    margin-bottom: 10px;
    width: auto;
}
.wings div a {
    min-height: 100px;
    padding: 7px 20px 5px 20px;
}
.wings div a h6 span {
    font-weight: 700;
    font-size: 12.99px;
}
.wings div a img {
    margin-bottom: -14px;
}

.ot_view {
  padding: 0px 50px 20px;
}


/*


@media only screen and (min-width: 980px) and (max-width: 1280px){

}


@media only screen and (min-width: 981px) and (max-width: 1024px){
	.navbar-brand  div div h1 { font-size:  22px; }
}


@media only screen and (max-width:980px) {
	.navbar-brand  div div h1 { font-size:  30px; }

}


@media only screen and (min-width: 768px) and (max-width: 989px){
	.navbar-sticky {
		box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);
	}
}



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

	.navbar-light .nav-item { background: none; color: #555 !important; }
	.navbar-nav .nav-link { padding: 0; }
	.navbar-light .nav-item.active .nav-link:not(.disabled)>i, .navbar-light .nav-item.show .nav-link:not(.disabled)>i, .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i, .navbar-light .nav-item.active .nav-link:not(.disabled), .navbar-light .nav-item.show .nav-link:not(.disabled), .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) { color: #4b566b !important; }
	.navbar-light .navbar-nav .nav-link { color: #555 !important; }
	.official_desc span { width: 25%; display: inline-block; margin-bottom: 0px; }
	.official_desc span span { width: 5%; display: inline-block; margin-bottom: 15px; }
}


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

}


@media only screen and (min-width: 481px) and (max-width: 767px){

}



@media only screen and (max-width: 480px){
	.navbar-brand div div img { width: 50px; }
	.navbar-brand div div h1 { font-size: 22px; }
	.navbar-brand div div h3 { font-size: 18px; }
	.gadwal_logo { display: none; }
	.addl_links div { text-align: center; }
	.options div div div { text-align: justify; }
	.options div div div:nth-child(1) { text-align: center; }
	.options div div div:nth-child(1) img { width: 50%; }
	.emer_contanct div div { margin-bottom: 20px; }
	.emer_contanct div div:last-child { margin-bottom: 0px; }
	.option_items div div a img { width: 25%; }
	.videos div div h4 { margin-bottom: 10px; }
	.videos div div a h6 { margin-bottom: 30px; }
	.social { padding-bottom: 0; }
	.official_desc span { width: 100%; margin-bottom: 0; margin-top: 15px; color: #acacac; }
	.official_desc span span { display: none; }
}


*/


@media only screen and (min-width: 320px) and (max-width: 526px) {
	
	.mob { width:100%;	}

}


@media only screen and (min-width: 540px) and (max-width: 766px) {
	
	.mob { width:50%;	}

}






@media only screen and (min-width: 981px) and (max-width: 1024px){
	.navbar-brand  div div h1 { font-size:  22px; }
}


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

	.navbar-brand  div div h1 { font-size:  30px; }
	.option_item div a { margin: 15px 5px; max-width: 190px; }
	/*.wings div a { margin: 15px 5px; min-width: 190px; }*/
  .options>div { padding: 15px;}
}

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

	.dial100{ margin-left: 5%; margin-top: 3%;}

}


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

	.option_item div a { margin: 15px 5px; max-width: 190px; }
	/*.wings div a { margin: 15px 5px; min-width: 190px; }*/
	.card-body div ul { margin-left: -5%; }

}

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

	.option_item div a { margin: 5px 0; }
	.wings div a { margin: 5px 0; }
	.card-body div ul { margin-left: -20%; }
	.wings div a { margin-left: 0%; }
  .option_item div a h6 { padding-top: 0px; }	

}




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

	.navbar-sticky { box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);}
	.gbk {display:none; }
	.navsmu { margin-top: 15% !important; }
  .navbar-light .navbar-toggler { background: #fff; }
  .navbar-light .nav-item { background: transparent; margin-bottom: 0; }
  .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item { color: #fff; padding-left: 50px; }
  .navsmu li:last-child { display: block; }
}



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

	.navbar-light .nav-item { background: none; color: #555 !important; }
	.navbar-nav .nav-link { padding: 0; }
	.navbar-light .nav-item.active .nav-link:not(.disabled)>i, .navbar-light .nav-item.show .nav-link:not(.disabled)>i, .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i, .navbar-light .nav-item.active .nav-link:not(.disabled), .navbar-light .nav-item.show .nav-link:not(.disabled), .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) { color: #E0E0E0 !important; }
	.navbar-light .navbar-nav .nav-link { color: #555 !important; }
	.official_desc span { width: 25%; display: inline-block; margin-bottom: 0px; }
	.official_desc span span { width: 5%; display: inline-block; margin-bottom: 15px; }
	.gadwal_logo { display: none; }
	.navsmu { margin-top: 20% !important;}
	.gbk {display:none; }

}





@media only screen and (min-width: 481px) and (max-width: 767px){
	
	.gadwal_logo { display: none; }
	.navsmu { margin-top: 20% !important; }
	.gbk {display:none; }
	.map iframe {padding-top: 15px;height: 320px;}
	
}



@media only screen and (max-width: 480px){
	
	.map iframe {		
	  padding-top: 15px;
		height: 320px;			
	}

	.navbar-brand div div img { width: 100%; }
	.navbar-light .navbar-toggler { background: #fff; }
	.navbar-light .navbar-nav .nav-link { color: #fff !important; padding: 2px 10px; border-radius: 6	px; }
	.navbar-light .nav-item.active .nav-link:not(.disabled) { background: #fff; color: #353535; margin-top: 5px; }
	.navbar-brand div div h1 { font-size: 22px; }
	.navbar-brand div div h3 { font-size: 18px; }
	.gadwal_logo { display: none; }
	.addl_links div { text-align: center; }
	.options div div div { text-align: justify;padding-left: calc(var(--bs-gutter-x) * 1.5); }
	.options div div div:nth-child(1) { text-align: center; }
	.options div div div h5:nth-child(1) { text-align: right; }
	
	.options div div div:nth-child(2) { text-align: center; }
	.options div div div:nth-child(3) { text-align: center; }
	.options div div div:nth-child(1) img { width: 50% !important;}
	.options div div div:nth-child(2) img { width: 50% !important;}
	.options div div div:nth-child(3) img { width: 50% !important;}
	.emer_contanct div div { margin-bottom: 20px; }
	.emer_contanct div div:last-child { margin-bottom: 0px; }
	.option_items div div a img { width: 25%; }
	.videos div div h4 { margin-bottom: 10px; }
	.videos div div a h6 { margin-bottom: 30px; }
	.social { padding-bottom: 0; }
	.official_desc span { width: 100%; margin-bottom: 0; margin-top: 15px; color: #acacac; }
	.official_desc span span { display: none; }
	
	.navsmu { margin-top: 50% !important; }
	
	.option_item div a { max-width: 80%; }
	
	/*
	.firimg{ width: 40% !important; }
	.meesevaimg{ width: 74%; margin-top: -20%; }
	.challanimg{ width: 45% !important; }
	.permssnimg{ width: 52%!important; }
	.actsimg { width: 53%!important; }*/
	.navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
    color: #fff;
    padding-left: 30px;
  }
  
  .navsmu li:last-child {
    display: block;
  }

}

@media only screen and (min-width:391) and (max-width: 480px){
	.wings div a { margin-left: 7%; }
	
	
	
}


@media only screen and (max-width: 960px) {
	
	.emergency div { font-size: 14px; }
	
	.options p { font-size:12px; }
	
	.options h5{ font-weight: 500; text-align: left !important; } 
	
	.options div div div:last-child div {	height: auto;	}
	
	#twitter-widget-0	{ min-height: 0px; }
	
  .ot_view { padding: 0 40px; }
	
}


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

  /*.row > * { padding-left: calc(var(--bs-gutter-x) * 1.2); }*/

}



@media only screen and (max-width: 576px) {
	  
	.cab{ padding-top:14.2px; }

}



@media only screen and (max-width: 370px) {
	
	.org h3::after { left: 35%; top: 55px; }

}

@media only screen and (max-width: 992px) {
	
  .gbk { display:none; }
	
}


@media only screen and (min-width:1400px) and (max-width: 1850px){
	.cpgal { width: 16.66666667%; }
}

/*
@media only screen and (max-width: 376px) 
{
.options div div div:last-child div
{
	
	padding-left: 18px;
}
	
	
	.row > *
	{
		padding-left: calc(var(--bs-gutter-x) * .99);
		
		padding-right: calc(var(--bs-gutter-x) * .5);
		
	}
}

*/