@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,500,700);
@CHARSET "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
zoom: 100%;
-moz-transform: scale(1);
}

body {
line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.row {
display: block;
clear: both;
width: 100%;
*zoom: 1;
}
.row:after {
display: block;
clear: both;
content: "";
}
.col, .cols {
display: inline-block;
float: left;
}
.cols { width: 100%; }
.col.one, .cols.one { width: 8.33333%; }
.cols.two { width: 16.66666%; }
.cols.three { width: 25%; }
.cols.four { width: 33.33333%; }
.cols.five { width: 41.66666%; }
.cols.six { width: 50%; max-width: 50%; }
.cols.seven { width: 58.33333%; }
.cols.eight { width: 66.66666%; }
.cols.nine { width: 75%; }
.cols.ten { width: 83.33333%; }
.cols.eleven { width: 91.66666%; }
.cols.twelve { width: 100%; }

.cols.full-width { width: 100%; }
.cols.fixed-width {}
.col.first { clear:left; }
.col.last { clear:right; }

/* Main Menu ----------------------------------------------- */
nav {
position: relative;
z-index: 700;
}

/* horizontal menu */

nav ul {
height: 100%;
width: 100%;
list-style: none;
white-space: nowrap;
text-align: left;
}

nav ul li {
display: inline-block;
position: relative;
vertical-align: top;
}

nav > .cnt-wrapper > ul > li {
/* flex: 1; */
text-align: center;
}

nav li > span, nav li > a, nav li > a:link,
nav li > a:visited, nav li > a:active {
display: block;
height: 100%;
cursor: pointer;
}

/* vertical sub-menus */

nav ul ul {
display: none;
position: absolute;
width: auto;
border: solid 1px #999;
background-color: #eee;
height: auto;
z-index: 899;
}

nav li:hover > ul {
display: block;
}

nav li.last > ul {
right: 0;
}

nav ul ul li {
position: relative;
float: none;
display: block;
width: 100%;
border: none;
}

nav ul ul li > span, nav ul ul li > a,
nav ul ul li > a:link, nav ul ul li > a:visited,
nav ul ul li > a:active {
margin: .2em;
padding: .25em 1.2em;
line-height: 1.2em;
background-color: transparent;
border: none;
color: #000;
font-style: none;
font-weight: 400;
font-size: 1em;
font-family: 'Open Sans';
}

nav ul ul li:hover > span, nav ul ul li:hover > a {
background-color: #fff;
color: #1a1a1a;
}

nav ul ul li:last-child > span, nav ul ul li:last-child > a {
margin-bottom: 1em;
}

nav ul ul li.title {
padding: .3em .3em;
width:100%;
display: block;
}

/* vertical sub-sub-menus */

nav ul ul ul {
/* sub-sub-menu position is relative to its parent */
position: absolute;
top: 4px;
left: 155px;
margin: 0;
}

/* an arrow on the right side of menu's folders */

span.menu-nav:after, a.menu-nav:after {
/* content: "\00BB"; */
float: right;
margin-right: 8px;
}

@media (max-width: 700px) {

}

/* ---- Menu End ----------------------------------------------------------- */

.cnt-wrapper {
z-index:300;
}
.cnt-wrapper nav {
z-index:350;
}
.fl {
float: left;
}
.fr {
float: right;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.clr {
clear:both;
}
.cnt-layers {
position: relative;
}
.layer {
position: absolute;
top: 0;
left: 0;
right: 0;

}
#photo-banner {
height:285px;
}
#lout, #rout {
width:50%;
height:285px;
}
#img-cote {
width: 35%;
height: 285px;
background: url(../backgrounds/noise-blue.png);
padding: 2em;
color: #fff;
box-shadow: 12px 0 8px -8px #333, -9px 0 8px -6px #333;
-moz-box-shadow: 12px 0 8px -8px #333, -9px 0 8px -6px #333;
-webkit-box-shadow: 12px 0 8px -8px #333, -9px 0 8px -6px #333;
position: relative;
z-index: 99;
}
#img-core {
width: 65%;
height: 285px;
border: solid 0px #f00;

box-shadow: 12px 0 8px -8px #333 , -9px 0 8px -6px #333;
-moz-box-shadow: 12px 0 8px -8px #333 , -9px 0 8px -6px #333;
-webkit-box-shadow: 12px 0 8px -8px #333 , -9px 0 8px -6px #333;
}
#img-core > img {
width:100%;
max-height: 285px;
}

.new-tag {
position: absolute;
top:0;
left:0;
height: 100px;
width: 100px;
z-index:999;
color:#fff;
font-size: 1.7em;
line-height: 2em;
vertical-align: middle;
padding-left:20px;

display: none;
}

.bottom-text {
position:absolute;
bottom:26px;
font-size:1.2em;
height: auto!important;
width: 296px!important;
color:#fff;
}

/* ----- Quick button ---------------------------------------------------- */
#cnt-quick-links li {
display:inline-block;
float:left;
list-style: none;
margin: 2px 8px !important;
padding: 0;
}
#cnt-quick-links li > span, #cnt-quick-links li > a, #cnt-quick-links li > a:link,
#cnt-quick-links li > a:visited, #cnt-quick-links li > a:active {
display: block;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#cnt-quick-links > .btn > a {
min-width: 48px;
height:40px;
padding-top: 36px;
text-align: center;
font: .9em;
font-weight: 600;
color: #333;
}

/* ------ Flash images --------------------------------------------------- */
#lout, #img-core {
background: #333 right no-repeat;
}
#rout {
background: #333 left no-repeat;
}

.cover {
display: grid;
min-height: 100%;
position: relative;
}

.slider {
display: grid;
grid-template-columns: 1fr 1200px 1fr;
grid-template-areas: "left-slide center-slide right-slide";
}
.slide.left {
grid-area: left-slide;
}
.slide.right {
grid-area: right-slide;
}
.slide.center {
grid-area: center-slide;
width: 100% !important;
}

.na-grid {
display: grid;
grid-template-columns: 1fr max-content 1fr;
gap: 4rem;
}
.ilhi-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 4rem;
}
.s-ab {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 10px;
}
.scroll-cnt {
width: 100%;
overflow: auto;
}

/*
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);
*/
html,body {
font: 14px 'Raleway', 'Roboto', 'Open Sans', 'sans-serif';
position: relative;
width: 100%;
height: 100%;
overflow: auto;
margin: 0;
}

body {
background: url(../backgrounds/bg.png);
}

h1,h2,h3 {
color: #9b0101;
font-weight: normal;
}

h1 {
padding: 10px 0 16px 0;
font-size: 1.3em;
}

h2 {
padding: 12px 0 10px 0;
font-size: 1.15em;
}

h3 {
padding: 12px 0 10px 0;
font-size: 1.05em;
}

h4 {
padding: 5px 0 5px 0;
font-size: .9em;
font-style: italic;
}

a,a:LINK,a:VISITED,a:ACTIVE {
text-decoration: none;
color: #000;
}

a:HOVER {
color: #900;
text-decoration: underline;
cursor: pointer;
}

ul {
padding: 3px 0 0 0;
}

li {
margin: 0 0 0 8px;
padding: 2px 0 2px 5px;
line-height: 1.45em;
}

li,ul.square>li {
list-style-type: none;
background: url(../images/bullet.square.png) transparent left 10px no-repeat;
padding-left: 20px;
}

ol>li {
list-style: decimal;
background: none;
padding-left: 10px;
margin-left: 20px;
}

header {
background: #fff url(../backgrounds/swash.png) no-repeat center top;
padding: 6px 0;
}

header h1 {
padding: 10px 0 0 0;
}

nav#page-top {
background: url(../backgrounds/nav_bg.png) center top;
border-top: solid 5px #9b0101; /* Ubuntu orange #dd4814 */
height: 46px;
}

nav > .cnt-wrapper > ul {
display: flex;
justify-content: space-between;
}
nav ul,nav li {
margin: 0;
padding: 0;
background-image: none;
}

nav ul>li.last {
padding-left: 6px;
}

nav li>span,nav li>a,nav li>a:LINK,nav li>a:VISITED,nav li>a:ACTIVE {
padding: 0 6px;
line-height: 40px;
vertical-align: middle;
text-decoration: none;
color: #ddd;
font-size: 1.05em;
font-weight: 500;
color: #333;
}

nav li:HOVER>span,nav li:HOVER>a {
color: #fff;
background: #9b0101;
}

nav ul ul {
min-width: 30px;
border: solid 1px #999;
background-color: #eee;
-webkit-box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.56);
-moz-box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.56);
box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.56);
z-index: 999;
}

nav ul ul li.title {
background: #e6e6e6;
color: #9b0101;
font-size: 1.15em;
font-weight: normal;
font-family: 'Raleway';
cursor: default;
border-bottom: solid 1px #d6d6d6;
}

h1.pgtitle {
margin-top: .3em;
font-size: 1.7em;
font-weight: 500;
color: #9b0101;
line-height: 130%;
}

h2.pgtitle {
padding-top: 0;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #1a1a1a;
}

#snb-logo {
width: 64px;
height: 90px;
}

header>section {
padding: .5em 0;
}

.x-small {
font-size: 90%;
}

.cnt-snb-logo {
padding: 0 1em;
}

#hdrr {
float: right;
}

.cnt-wrapper {
margin: 0 auto;
width: 100%;
max-width: 1200px;
}

/* ----- QA Buttons -------------------------------------------------- */
.qa-btn {
margin: 0 .4em;
float: left;
min-width: 4em;
text-align: center;
font-size: .9em;
font-weight: 600;
}

#cnt-quick-links {
margin-bottom: 6px;
}

#cnt-quick-links>.btn>a {
font-size: .9em;
font-weight: 600;
}

#img-cote h1 {
color: #fff;
font-size: 2em;
font-weight: 400;
}

/* .pgcnt {
padding-top: 3px;
} */

#cnt-pgmain {
padding: 10px 0 20px 0;
/*
background: #f6f6f6;
border-left: solid 1px #8E9291;
border-right: solid 1px #8E9291;
*/
}

#cnt-pgmain .cols {
padding: 12px;
word-wrap: break-word;
}

#cnt-pgmain p,#cnt-pgmain a {
line-height: 1.45em;
text-align: justify;
padding: 4px 0 10px 0;
}

.cols.light-yellow {
background: #ffe;
}

.br,.blr,.bdr {
border-right: solid 1px #ccc;
}

.bl,.blr,.bdr {
border-left: solid 1px #ccc;
}

.bt,.btb,.bdr {
border-top: solid 1px #ccc;
}

.bb,.btb,.bdr {
border-bottom: solid 1px #ccc;
}

.rbdr {
border: solid 1px #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.text-center {
text-align: center;
}

.text-right {
text-align: right;
}

.footer-gap {
height: 72px;
}

footer {
position: absolute;
bottom: 0px;
background: #ccc;
border-top: solid 1px #999;
color: #1a1a1a;
height: 86px;
width: 100%;
}

footer .cnt-wrapper {
padding: 10px;
}

footer .copy {
margin-top: 10px;
text-align: center;
font-size: 80%;
}

sup {
vertical-align: super;
font-size: 85%;
}

sub {
vertical-align: sub;
font-size: 85%;
}

strong {
font-weight: 600;
}

#rout div {
z-index: 500;
}

.new-tag {
background: url(../backgrounds/new-tag-bg.png) no-repeat left top;
min-width: 120px;
height: 46px;
}

@media (max-width : 1234px) {
html,body {
font-size: 13px;
}
.cnt-wrapper {
margin: 0 auto;
width: 1000px;
}
nav li>span,nav li>a,nav li>a:LINK,nav li>a:VISITED,nav li>a:ACTIVE {
padding: 0 3px 0 4px;
}
.new-tag {
background: url(../backgrounds/new-tag-bg-r.png) no-repeat left top;
min-width: 80px;
padding-left: 35px;
}
.new-tag {
left: auto;
right: 0;
}
#lout,#rout {
display: none;
}
}

@media ( max-width : 1014px) {
.new-tag {
display: none;
}
nav li>span,nav li>a,nav li>a:LINK,nav li>a:VISITED,nav li>a:ACTIVE {
padding: 0 15px 0 14px;
}
}
/*
@media (max-width: 640px) {
html, body {
font-size: 9px;
}
.cnt-wrapper {
margin: 0 auto;
width:630px;
}
}
@media (max-width: 480px) {
html, body {
font-size: 9px;
}
header nav {
height: 8em;
}
.cnt-wrapper {
margin: 0 auto;
width:476px;
}
#hdrr {
display:block;
float:left;
clear:both;
}
.qa-btn {
width:3.462em;
height:3.462em;
background: url(../images/32x32/Circle.png) no-repeat;
background-size: 100% 100%;
line-height: 3.462em;
text-align: center;
vertical-align: middle;
}
}
*/
input.searchvalue {
border: 1px solid #bbb;
border-left: 4px solid #bbb;
height: 28px;
line-height: 28px;
float: left;
width: 265px;
padding: 0 5px;
color: #333;
}

button.searchbtn {
margin: 0;
background: rgb(96, 187, 205) url(../backgrounds/noise-blue.png);
border: 0;
height: 28px;
width: 67px;
float: left;
color: #fff;
font-weight: bold;
line-height: 28px;
cursor: pointer;
}

.btn>a:hover {
background-position: 2px center
}

.btn.home {
background: url(../icons/32x32/circle-red.png) no-repeat center top;
}

.btn.home>a {
background: url(../icons/20x20/home.png) no-repeat center 6px;
}

.btn.email {
background: url(../icons/32x32/circle-yellow.png) no-repeat center top;
}

.btn.email>a {
background: url(../icons/20x20/email.png) no-repeat center 6px;
}

.btn.calendar {
background: url(../icons/32x32/circle-green.png) no-repeat center top;
}

.btn.calendar>a {
background: url(../icons/20x20/calendar.png) no-repeat center 6px;
}

.btn.contacts {
background: url(../icons/32x32/circle-blue.png) no-repeat center top;
}

.btn.contacts>a {
background: url(../icons/20x20/contacts.png) no-repeat center 6px;
}

.btn.intranet {
background: url(../icons/32x32/circle-black.png) no-repeat center top;
}

.btn.intranet>a {
background: url(../icons/20x20/intranet.png) no-repeat center 6px;
}

.btn.reachus {
background: url(../icons/32x32/circle-black.png) no-repeat center top;
}

.btn.reachus>a {
background: url(../icons/20x20/map_pin_fill.png) no-repeat center 6px;
}

#cnt-search {
float: right;
margin: 6px 0 2px 0;
}

#lout,#img-core,#rout {
border-top: solid 1px #999;
border-bottom: solid 1px #999;
}

/*
.slider {
background: url(../backgrounds/slider-bg.png) center top;
min-width: 1000px;
}
*/

.slider>.cnt-wrapper {
position: relative;
box-shadow: 9px 0 8px -6px #333;
-moz-box-shadow: 9px 0 8px -6px #333;
-webkit-box-shadow: 9px 0 8px -6px #333;
behavior: url(PIE.htc);
}

.slide {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.slide,.slide>div {
float: left;
height: 285px;
width: 100%;
}

.slide.left, .slide.left>div,.slide.center>div {
background-position: right;
background-repeat: no-repeat;
}

.slide.right, .slide.right>div {
background-position: left;
background-repeat: no-repeat;
}

.slide.left, .slide.right {
background-repeat: repeat;
}

.slide.title {
width: 350px;
padding: 26px;
position: relative;
box-shadow: 9px 0 8px -6px #333, -9px 0 8px -6px #333;
-moz-box-shadow: 9px 0 8px -6px #333, -9px 0 8px -6px #333;
-webkit-box-shadow: 9px 0 8px -6px #333, -9px 0 8px -6px #333;
behavior: url(PIE.htc);
}

.slide.center,.slide.right {
float: right;
}

.slider h1 {
color: #fff;
font-size: 2em;
}

.big {
font-size: 1.15em;
}

.xx-small {
font-size: 80%;
}

.email {

}

.email>span {
display: none;
width: auto;
}

.console {
margin: 10px;
padding: 20px;
background: #fff;
color: #333;
border: solid 1px #999;
font-family: "Courier New", Courier, monospace;
font-size: 1.1em;
}

.console .comment {
color: #999;
font-style: italic;
}

.cell-code {
font-family: "Courier New", Courier, monospace;
color: #3b0b0b;
}

.photo {
border: solid 1px #999;
-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
behavior: url(PIE.htc);
}

.people {
display: block;
clear: both;
padding: 10px 0 0 0;
border-top: solid 0px #dedede;
cursor: pointer;
min-height: 140px;
}

.people.odd {
background: #fefefe;
}

.people.even {
border: solid 2px #fefefe;
}

.people:HOVER {
background: #dbe3db;
cursor: pointer;
}

.people>div {
display: inline-block;
cursor: pointer;
}

.people>div>h2 {
font-weight: bold;
font-size: 1.1em;
color: #000;
padding: 0 0 6px 0;
margin: 0;
cursor: pointer;
}

.people>.photo {
border: solid 1px #333;
width: 120px;
height: 120px;
display: inline-block;
float: left;
margin: 0 16px 0 10px;
background: #fff url("../icons/man.png") no-repeat center center;
cursor: pointer;
}

.people img {
padding: 2px;
height: 118px;
width: 118px;
}

a .people {
color: #000;
}

ol.publications>li {
margin-bottom: 6px;
}

.publications .journal {
font-weight: 500;
font-style: italic;
}

#cnt-pgmain {
min-height: 400px;
}

.center {
text-align: center;
}

.data-tbl {
border: solid 1px #ccc;
}

.data-tbl>div {
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}

.data-tbl .cols {
padding: 6px 10px !important;
}

.data-tbl .row.odd {
background: #fefefe;
}

.data-tbl ul li {
padding: 0 6px 6px 12px !important;
line-height: 1em;
background: url(../images/bullet.square.png) transparent left 4px
no-repeat;
}

.head,.row.head {
font-weight: 600;
background: #5aa02c;
color: #fff;
}

.data-tbl .caption {
text-align: center;
font-size: 90%;
background: #d3bc5f;
padding: 6px 0;
}

.data-tbl p {
text-align: left !important;
}

.colhead,.col.head,.cols.head {
font-weight: 500;
background: transparent;
color: #000;
}

.pgcnthead {
border: solid 0px #ccc;
color: #9b0101;
font-size: 1.65em;
text-align: left;
}

.pgmtop h1 {
background: #9B0101 url(../backgrounds/default-pg-top-bg.png) no-repeat 28px 4px;
padding: 6px 6px 6px 80px;
font-size: 2em;
color: #fff; /* #668000; */
/* border-bottom: solid 1px #668000; */
border-left: solid 1px #8E9291;
border-right: solid 1px #8E9291;
}

/* .pgmtop h1:first-letter {
color: #333;
} */

.fig {
margin: 10px;
padding: 4px;
border: solid 1px #999;
}

.pic-grid .fig {
margin: 0 !important;
}

.fig img {
width: 100%;
}

.fig .caption {
text-align: center;
padding: 10px 0;
font-weight: 500;
background: #c4c8b7;
color: #000;
}

.fig .cols,.pic-grid .cols {
padding: 0 !important;
}

.ol-a li {
list-style: lower-alpha;
}

ul#techeqipnav li {
display: inline-block;
float: left;
list-style: none;
}

ul#techeqipnav li.clr {
float: none;
clear: both;
}

.sf {
font-size: .95em;
font-style: italic;;
}

.new {
display: inline-block;
background: url(../images/new-red.png) no-repeat right center;
height: 16px;
width: 46px;
}

.new.p0 {
background: url(../images/new-red-0.png) no-repeat right center;
}

.new.p1 {
background: url(../images/new-red-1.png) no-repeat right center;
}

.new.p2 {
background: url(../images/new-red-2.png) no-repeat right center;
}

.new.p3 {
background: url(../images/new-red-3.png) no-repeat right center;
}

.imp {
height: 100%;
}

.imp.p0 {
background: #f00;
color: #fff;
}

.imp.p1 {
background: #f55;
}

.imp.p2 {
background: #ff8080;
}

.imp.p3 {
background: #faa;
}

.imp.p4 {
background: #ffd5d5;
}

.tr {
text-align: right;
}

.tc {
text-align: center;
}

.tl {
text-align: left;
}

.tj {
text-align: justify;
}

.ucframe h1 {
text-align: center;
font-size: 3em;
}

.ucframe h2 {
text-align: center;
font-size: 1.7em;
}

.page-links-only ul {
text-align: center;
padding: 0 100px;
white-space: normal;
}

.page-links-only ul li {
background: url(../backgrounds/link-bg.png) no-repeat center top;
min-width: 90px !important;
width: 125px;
text-align: center;
padding: 0 10px;
}

.page-links-only ul li:HOVER {
background: url(../backgrounds/link-hover-bg.png) no-repeat center top;
color: #9b0101;
}

.page-links-only ul li a {
padding: 85px 0 0 0 !important;
margin-bottom: 30px;
font-size: 1.15em;
text-align: center !important;
width: 100%;
}

.page-links-only ul li:HOVER a {
color: #9b0101;
background: transparent;
}

h1.tc {
border-top: dashed 1px #999;
padding-top: 10px;
}

.focus {
font-weight: 600;
color: #216778;
}

.data-list .cols {
padding: 0 ! important;
text-align: justify;
}

.data-list li {
padding-bottom: 12px;
}

.dprt {
text-decoration: line-through;
color: #888;
}

input {
border: solid 1px #666;
width: 100%;
padding: 3px 6px;
}

input[type=radio],input[type=checkbox] {
width: auto;
padding: 0;
}

form .cols {
padding-top: 2px !important;
padding-bottom: 2px !important;
}

h1>a.small {
font-size: 75%;
}

.datecal {
background: url(../images/Calender-top.png) no-repeat top center;
margin: 10px 18px 3px 18px;
padding-top: 6px;
width: 46px;
}

.pub-month {
display: block;
font-size: .8em;
margin: 0;
color: #000;
background: #f6ffff;
border: 1px outset #bbb;
border-bottom: 0;
border-top: solid 2px #222;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
padding: 3px 0 0 0;
text-align: center;
width: 46px;
}

.pub-date {
display: block;
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0 2px;
background: #f6ffff;
border: 1px outset #bbb;
border-top: 0;
padding: 0 0 4px 0;
text-align: center;
width: 46px;
}

.pub-day {
display: block;
font-size: .8em;
font-weight: bold;
margin: 0;
padding: 4px 3px;
background: #2ba6cb;
color: #fff;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
padding: 3px 0;
text-align: center;
width: 46px;
}

.pub-time,.mpo {
display: block;
padding: 3px 6px;
line-height: 1em;
font-size: 1em;
font-weight: bold;
background: #668000;
color: #fff;
border: 1px outset #bbb;
text-align: center;
width: 80px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
}

.data-tbl .row.talk .cols {
padding: 4px 10px !important;
}

.Postponed {
background: #e7f8fe !important;
}

.Cancelled {
background: #f8e0e0 !important;
}
.Postponed div, .Cancelled div {
text-decoration: line-through;
}

.mpo {
background: #df0101;
color: #fff;
font-size: 0.70em !important;
}
.Postponed .mpo {
background: #045fb4;
}

div.highlight,span.highlight {
background: #F5DA81 !important;
transition: background-color 3s;
-moz-transition: background-color 3s; /* Firefox 4 */
-webkit-transition: background-color 3s; /* Safari and Chrome */
-o-transition: background-color 3s; /* Opera */
}

.focus-anime.spl {
font-weight: bold;
}
.focus-anime.spl div.highlight,.focus-anime.spl span.highlight {
background: rgba(139, 195, 74, 0.62) !important;
transition: background-color 3s;
-moz-transition: background-color 3s; /* Firefox 4 */
-webkit-transition: background-color 3s; /* Safari and Chrome */
-o-transition: background-color 3s; /* Opera */
}

#frm-visit-stat {
display: inline-block;
margin-left: 50px;
color: #220a29 !important;
}

.btn.download {
display: inline-block;
background: url("../icons/20x20/download.png") no-repeat center;
min-width: 20px;
min-height: 20px;
}

.btn.download:HOVER {
background: url("../icons/20x20/download-hover.png") no-repeat center;
}

.paging {
text-align: center;
background: #c4c8b7;
border: solid 1px #aaa;
}

.paging .caption {
font-weight: 400;
background: none;
font-size: 1.3em;
}

.paging a,.paging span.link {
padding: 0 !important;
display: inline-block;
height: 28px;
width: 28px;
line-height: 28px;
font-size: 1.1em !important;
text-align: center !important;
vertical-align: middle;
background: #CDD0C4;
margin: 4px 1px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: solid 1px #B4B7A7;
color: #000;
text-decoration: none;
}

.paging a:HOVER {
background: #C0C4B5;
}

.paging span.link {
background: #fff;
color: #9b0101;
height: 36px;
width: 36px;
line-height: 36px;
font-size: 1.6em !important;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
a.bullet {
background: url("../images/bullet.square.png") no-repeat 0px 8px;
display: block;
padding: 0 0 0 10px !important;
margin: 0 !important;
}
.align-left {
text-align: left !important;
}

.grop-head {
padding: 6px 0px 6px 90px;
font-weight: 600;
color: #000;
background-color: #fc6;
}
.group-identifier {
border-left: solid 4px #fc6;
}

/* Google & language translation */
.btn.lang {
padding: 4px 10px 4px 24px;
display: inline-block;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background: #fff url("../icons/16x16/circle-english.png") no-repeat 4px
center;
margin-right: 4px;
}

.btn.lang.lang-hindi {
background: #fff url("../icons/16x16/circle-hindi.png") no-repeat 4px
center;
}

.goog-te-banner-frame,.goog-tooltip {
display: none !important;
}

.goog-text-highlight {
background: inherit !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

body {
top: 0px !important
}
/* End google translate */

/*
@media screen and (min-width: 1367px) {
.pgcnt {
background: #f8f7f9 url(../backgrounds/big-back.png) repeat-x;
}
}
*/

/*
@media (max-width: 999px) {
nav li>span, nav li>a, nav li>a:link, nav li>a:visited, nav li>a:active {
padding: 0 11px 0 10px;
}
.cover {
min-width:1000px;
}
#cnt-search {
margin-right: 12px;
}
}
*/

.cnt-mnubtn {
display: none;
}
@media all and (max-width: 1200px) {
.slider {
grid-template-columns: 1fr;
grid-template-areas: "center-slide"
}
.slide.left, .slide.right {
display:none;
}
.slider>.cnt-wrapper {
width: 100vw !important;
padding: 0;
}
}

@media (max-width: 768px) {
body.mnu-active {
height: 100vh;
overflow: hidden;
}
.cnt-wrapper {
width: 100%;
max-width: 100vw;
}
nav#page-top {
visibility: hidden;
background: transparent;
background-image: none;
position: absolute;
top:0;
left: 100%;
height: 100vh;
transition: all 0.5s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
overflow: auto;
}
nav#page-top > .cnt-wrapper {
width: fit-content;
margin-left: auto;
margin-right: 0;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
padding-block-end: 1em;
}
nav#page-top.active {
left: 0;
visibility: visible;
background: #0000005c;
}
nav#page-top > .cnt-wrapper > ul {
flex-direction: column
}
nav#page-top > .cnt-wrapper > ul > li > a {
font-size: 1.35em;
}
nav ul ul {
position: relative;
display: block;
box-shadow: none;
}
nav ul ul li a {
overflow: hidden;
}

.cover {
overflow-x: hidden;
}
.cover > header .cnt-wrapper {
display: grid;
grid-template-columns: max-content 1fr max-content;
grid-template-rows: max-content 1fr;
grid-template-areas: "logo cnt-title mnubtn" "logo hdrr mnubtn";
gap: 1vh 2vw;
justify-items: center;
align-items: center;
}
.cnt-snb-logo {
grid-area: logo;
}
.cnt-title {
grid-area: cnt-title;
}
#cnt-search {
display: none;
}
#hdrr {
grid-area: hdrr;
}
.cnt-mnubtn {
grid-area: mnubtn;

position: relative;
display: block;
width: clamp(16px, 6vw, 24px);
height: clamp(16px, 6vw, 24px);
}
.mnubtn {
width: clamp(16px, 6vw, 24px);
height: clamp(16px, 6vw, 24px);
background-image: url('../icons/hamburger.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 999;
cursor: pointer;
}
.mnubtn.active {
background-image: url('../icons/xmark.svg');
position: absolute;
top: -50px;
}
.na-grid {
grid-template-columns: auto;
gap: 1vh;
}
.hlist-container {
justify-content: space-between !important;
}
.cnt-wrapper {
padding-inline: 2vw;
}
.s-ab > * {
width: 100%;
}
}

@media (max-width: 425px) {
#cnt-pgmain {
padding-block-start: 0;
border-top: 10px solid #fff;
}
.cols.six, .cols.three, .cols.nine {
width: 100%;
max-width: 100%;
}
.data-tbl .cols.six {
width: 50%;
max-width: 50%;
}
.data-tbl .cols.three {
width: 25%;
max-width: 25%;
}
.data-tbl .cols.nine {
width: 75%;
max-width: 75%;
}
.cover > header {
padding-block-start: 0;
}
.cover > header .cnt-wrapper {
grid-template-areas: "hdrr hdrr hdrr" "logo cnt-title mnubtn";
}
h1.pgtitle {
line-height: 1.1;
margin-block-end: 0.35em !important;
}
h2.pgtitle {
font-size: 0.8em !important;
}
#snb-logo {
width: 51px;
height: 72px;
}
.cnt-snb-logo {
padding: 0;
}
#hdrr {
background: #fff;
border-radius: 0 0 6px 6px;
border: 1px solid #999;
border-top: 0;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#cnt-quick-links li {
margin: 0;
line-height: 1;
}
#cnt-quick-links>.btn {
transform: scale(0.8);
}
.banner-image {
--banner-height: 200px;
}
.yt-container {
padding-inline: 1rem;
grid-template-columns: 1fr !important;
}
.d-sd-block {
display: block !important;
}
.ra-sm-layout > a {
width: 100%;
text-align: center !important;
}
.ilhi-grid {
grid-template-columns: 1fr;
}
h2.g-header {
text-align: center;
}
footer {
height: auto;
}
.footer-gap {
height: 150px;
}
.mnubtn.active {
top: -83px;
}
.lg-table {
min-width: 500px;
}
.pgmtop h1 {
background-image: none;
padding: 10px;
font-size: 1.35em;
}
}