/* custom-colors */
.clr-txt-1{color: #0d47a1 !important}
.clr-txt-2{color: white !important}
.clr-txt-3{color: #090c29 !important}
.clr-nav{background-color: #050615 !important}
.clr-btn{background-color: #090c29 !important}
.clr-main{background-color: #111750 !important}
.clr-sec{background-color: #090c29 !important}
.clr-bord{border-color:#111750 !important}
.videotable td, th {
	padding: 9px 10px;}.videotable tr{    border-bottom: 1px solid #cfd8dc;} .video-cat{font-weight: 300;font-size: 22px;padding: 10px 5px;}
/* elements */
html{line-height:1.5;font-family:"Roboto Slab", sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}
.btn-right{float:right}
@media only screen and (max-width: 700px){
.btn-right{float:none;display:block;margin:5px 0px;width:100%}
}

body.noscroll{overflow:hidden}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.default-text{    font-size: 16px;
   }
.default-text strong{font-weight:bold !important}

.seachdivinput-wrap input{
  background: #fff !important;
  border-radius: 0px !important;
  padding: 5px 0px !important;
  font-size: 20px !important;
    border: 2px solid #263238 !important;
  color: black !important;
}


.seachdivinput-wrap input:focus:not([readonly]){
	border-bottom: none !important;
	;
	-webkit-box-shadow: none !important;
	;
	box-shadow: none !important;
	;
	border: 2px solid #20222f !important;
}



textarea {
  height: auto !important;
  border: 2px solid #a5a5a9 !important;
}

::-webkit-input-placeholder {
  color: #8d8d8d;
}
::-moz-placeholder {
  color: #8d8d8d;
}
:-ms-input-placeholder {
  color: #8d8d8d;
}
::-ms-input-placeholder {
  color: #8d8d8d;
}
::placeholder {
  color: #8d8d8d;
}

.scroll strong{font-weight:bold !important}




body {display: flex;min-height: 100vh;flex-direction: column;background: #cfd8dc;}
main {flex: 1 0 auto;}

nav-wrapper ul li.active {background-color: #1b7fcc ;}

nav{position:sticky;top:0px;z-index: 999;}

body{scroll-padding-top: 20px;}
.navbar{background-color: #263238;height: auto;}

.navbar .nav-wrapper{display: flex;justify-content: space-between;flex-wrap:nowrap;}
.nav-logo{display: flex;align-items: center;padding: 0.8em 0px;}
.nav-logo img{    height: 100%;
    min-height: 2.5em;    max-width: 2.5em;object-fit:contain}

nav.scroll{background-color: rgb(38 50 56 / 80%);
    backdrop-filter: blur(10px);}
@media(max-width:800px){
    nav{font-size: 14px;}
}
.nav-logo span{font-size: 1.5em;
    line-height: 1.1em;
    margin-left: 0.5em;}

@supports (gap: 10px) with (display: flex) {
  .nav-logo{gap: 10px;}
	.nav-logo span{margin-left: 0px}
}

.page-nav{margin-top: -1px;margin-bottom:20px !important}
.page-nav-in{flex-wrap: wrap;
    height: auto;
    text-align: center;
    display: flex;gap: 10px;
    justify-content: center;}
.page-nav-in .indicator{display:none}






.page-nav-in a{display: inline-flex;width: fit-content;padding: 10px;}
/* .page-nav-in a.active,.page-nav-in a:hover{background: #263238;color:white !important} */


.page-nav-in a {
  background: linear-gradient(rgb(38 50 56 / 16%), rgb(38 50 56 / 16%) 50%, #263238 50%, #263238);
	color:#263238;
	box-shadow:none;
  background-size: 100% 200%;
  transition: background 0.5s,color 0.3s;
	font-family: 'Roboto',sans-serif;
	text-transform: uppercase;
font-weight: 500;
-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 1px 5px 0 rgb(0 0 0 / 2%), 0 3px 1px -2px rgb(0 0 0 / 10%);
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 1px 5px 0 rgb(0 0 0 / 2%), 0 3px 1px -2px rgb(0 0 0 / 10%);

}



.page-nav-in a.active,.page-nav-in a:hover {
  background-position: 200% -100%;
	color:#fff;
}
.page-nav-in a:hover {
  transition: background 0.2s,color 0.1s;
}
@media(max-width:600px){
	.page-nav-in{ margin-top: 10px;display: flex;gap: 5px;}
    .page-nav-in a{    display: block;width:48%;border-radius: 5px;}
}

@media(min-width:601px){
	.page-nav-in a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 10px 15px;font-size: 17px;

	}
.page-nav-in a.active{transition: background 0.2s,color 0.1s,box-shadow 0.2s;
	-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);}


}
.navbar-right{display: flex;align-items: center;}
.navbar-right a{background: rgb(0 0 0 / 18%);}

.menu-link{padding: 10px;line-height: initial;margin-right: 10px;}


.menu-icon{cursor:pointer;display: flex;
justify-content: center;
align-items: center;padding: 7px;
float: right;border-radius: 100%}
.menu-icon svg{      height: 100%;
    min-height: 2.5em;
    max-width: 2.5em;
    object-fit: contain;}

.menu-event-row{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));grid-auto-rows: 1fr;gap:10px}

.menu-event-box{overflow:hidden;flex-wrap: nowrap;gap: 10px;border: 2px solid #a7b2b7;padding: 0px;background: white;border-radius: 8px;overflow: hidden;position:relative;}

.menu-event-box span{text-align: center;line-height: 18px;font-size:18px;padding: 15px 20px;    border: 1px solid rgb(84 110 122 / 6%);background: rgb(84 110 122 / 16%);color: #202020;-webkit-transition: background .3s ease-in-out;transition: background .3s ease-in-out;}
.menu-event-box span b{display: block;font-size:70%}
.menu-event-box div{line-height: 19px;}
.menu-event-box div b{position: absolute;
		bottom: 0px;    text-align: center;

		width: 100%;
		padding: 5px;}
.menu-event-box div i{position: absolute;
		top: 5px;
		right: 5px;
		font-style: normal;
		background: rgb(255 255 255 / 78%);
		border-radius: 6px;
		padding: 2px 5px;
		font-size: 13px;
		border: 1px solid rgb(0 0 0 / 49%);
		text-transform: uppercase;}
.menu-event-box a,a.menu-event-box{color: black;line-height: 0px;}

.menu-event-row .grid-card-box:hover, .menu-event-row .grid-card-box:focus{background:#003157 !important}



.menu-event-box img{width:100%;object-fit: cover;-webkit-transition: filter .3s ease-in-out;transition: filter .3s ease-in-out;}
.menu-event-box:hover img{    filter: saturate(2);}


@media (max-width:800px){
	.menu-event-row{grid-template-columns: auto auto;grid-auto-rows: auto;}
}
@media (max-width:400px){
	.menu-event-row{grid-template-columns: auto;grid-auto-rows: auto;}
}

.line {
	fill: none;
	stroke: white;
	stroke-width: 6;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
}
.line2 {
	stroke-dasharray: 60 60;
	stroke-width: 6;
}
.line3 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
}
.opened .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
}
.opened .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
	stroke-width: 6;
}
.opened .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
}

.maindropmenu::-webkit-scrollbar-track{background-color:transparent}
.maindropmenu::-webkit-scrollbar{width: 5px;background-color: transparent;}
.maindropmenu::-webkit-scrollbar-thumb{border-radius: 0px;;background-color: #0f1416;}


	.maindropmenu{display:none;
    position: absolute;
		height: 100vh;
overflow: auto;
    z-index: 999;
    width: 100%;
   font-family: 'Anonymous Pro', monospace;
        background: #202b30;


}
.maindropmenu-li,.maindropmenu-body{height: 100%}
	.maindropmenu-li{    width: 100%;}
	.maindropmenu .maindropmenu-body{border-bottom:0px !important;padding: 20px 0px !important;}

	.mainmenu-inner	{padding-bottom: 5em;display: flex;
}
@media (max-width:600px){
	.mainmenu-inner	{ flex-wrap:wrap}
}

	.mainmenu-col{max-width: min-content;}
.mainmenu-col{margin-bottom: 20px}
.mainmenu-col li{line-height: initial;width: 100%;margin-bottom:4px;padding-right: 4em;}
	.mainmenu-col li a{padding: 5px 0px; font-size: 1.7rem;}
.mainmenu-col li:hover a,.mainmenu-col li:focus a{color: grey;}

.mainmenu-col li.active,.mainmenu-col li:hover,.mainmenu-col li:focus,.mainmenu-col li a:hover {    background-color: transparent;}
.mainmenu-col li.active a {background-color: transparent;
    color: #2fa6e2;
}
@media (max-width:600px){
	.mainmenu-col li a{padding: 8px 0px;
        font-size: 1.8rem;    display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;}
    .mainmenu-col {
        max-width: 100%;
    }
}
@media (min-width:601px){
    .mainmenu-col li a{    display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;}

    .mainmenu-col li a svg{margin-right: 5px;}
}

	/* .mainmenu-col li:last-child{margin-left:0px;border-bottom: 0px solid #35464e;} */

	.mainmenu-col-title{font-size:18px;font-weight:100;padding:0;line-height: initial;display: flex;align-items: center;margin-bottom:10px;}

@media (max-width:1200px){
	.mainmenu-col-title{width:100%;margin-bottom:10px}
	.mainmenu-col{flex-wrap: wrap;}
}
@media (max-width:600px){

		.mainmenu-col li:last-child a{border-bottom: 0px}
	.mainmenu-col ul{width: 100%;}
.mainmenu-col li.active {background-color: transparent;font-weight:bold}

    .mainmenu-col li{width: 100%;margin-left:0px;background: rgb(0 0 0 / 0%);    padding-right: 0px;
        border-bottom: 2px solid #263238;}

    .mainmenu-col li:last-child{border-bottom:0px}
}
.mainmenu-col li.active svg{opacity:0.4}

.fisrt{border-top: 2px solid #263238 !important;font-style:bold}
.yt-time-link{padding:10px;border:2px solid #204851;margin:3px}
.yt-time-link i{font-size: 20px;}

ul li:last-child .collapsible-header{    border-top: 0px solid #ddd;}
ul .program:last-child  {    border-bottom: 0px solid #ddd;}

.img-thumb img{object-fit:cover;width: 100%;border: 1px solid #cacaca;padding: 10px;}

.card.horizontal .card-image img{    border-radius: 2px 0 0 2px;
    max-width: 100%;
    object-fit: cover;
    height: 200px;
    width: auto;
}

.textarea strong{font-weight:bold !important}
.dropdown-content li>a, .dropdown-content li>span {
    font-size: 16px;
    color: #263238;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}

blockquote2{width:100%;margin:5px 0px;display:block;border-left: 5px solid #204851  !important;background: #f1f1f1;padding: 14px;}
blockquote {border-left: 5px solid #204851  !important;}
.bx-viewport{    height: auto !important;}
.no-padding{padding:0px}
.no-margin{margin:0px}
.transp{background:transparent !important}
.no-border{border:0px !important}
.collapsible-header.active > i{display:none !important}



.page-gallery{margin-top:20px}




.nGY2 .nGY2GThumbnail {background-color: #fff !important;}
.nGY2 .nGY2GThumbnailLabel {background: rgba(34, 34, 34, 0)  !important;}
.nanogallery_gallerytheme_custom_nanogallery .nGY2GThumbnailAlbumTitle {background-color: #000000b0;    Text-Shadow: none !important;    line-height: 50px;    }
.nGY2GThumbnailAlbumTitle {display:block !important;    bottom: 0px !important;    background-color: #000000c9 !important;border-left: 1px solid white;
    border-right: 1px solid white;    margin: 0px !important;}


.logo-img{width: 65px;padding: 5px;}
.coll-about:hover{background:#eceff1 }
.collapsible-header {    padding: 10px 0px;    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;}
.collapseble-body{border-bottom:0px;border-top:0px;padding:0px !important;}
.collection .collection-item{    padding: 10px 5px;}
.collection .collection-item:hover {background-color: rgba(33, 33, 33, 0.07);}
.collapsible{margin:0px;border:0px;    -webkit-box-shadow: none;box-shadow: none;}

.main-section{color:black;padding-top: 100px;padding-bottom: 100px;background:#1565c0;position:relative}
.btn-menu {font-size:2vw;margin:10px;text-align:left}
.btn-menu span{font-weight:200}
.justify{text-align: justify !important;}
.links {font-size:16px;margin-top:10px;display:block}
.mainl a{color: #090c29 !important;text-decoration: underline;}
.chip{background-color: rgba(0, 0, 0, 0.32)  !important;color:white;margin-top:5px}
.name {display: block;font-size: 15px;color: #f0f0f0;    line-height: 28px;}
.name-h1 {padding-bottom: 10px;color: #fff;font-weight: 500;line-height: 1em;margin: 0px;font-size: 30px;}
h2 {font-size:3.5vw}

.p-custom{line-height: 25px;font-size: 18px;
font-weight: 300;margin:0px;text-align: justify !important;}
p {line-height: 2rem;}
.next{position:absolute;bottom:20px;right:20px;    background: rgba(0, 0, 0, 0.2);}

.btn-floating:hover {background-color: rgba(0, 0, 0, 0.50);}
.btn:hover, .btn-large:hover {background-color: rgba(0, 0, 0, 0.50);}
footer.page-footer {margin: 0;}
.divider1 {
    height: 3px;
    overflow: hidden;
    background-color: transparent;
    border-top: 5px rgba(9, 12, 41, 0.2) dotted;
	margin:20px 0px;
}

.dotted {
	border: 10px dotted rgba(255, 255, 255, 0.57);
    border-style: none none dotted;
    position: absolute;
    width: 100%;
    margin-top: 20px;
}

.inside-row{width:70%}

.sponsors-links{
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  display: grid;
	grid-auto-rows: 1fr;
  grid-gap: 10px;
  margin-top: 10px;}



.sponsors-links a,.links a{
	font-size: 15px;
	    margin-left: 0px;
	    color: #000;
	    font-family: 'Roboto';
	    font-weight: 400;
	    height: 100%;
	    align-items: center;
	    background: rgb(9 12 41 / 4%);
	    text-decoration: none;
	    padding: 5px;
	    border-radius: 3px;
	    display: inline-block;
	    display: flex;
	    justify-content: center;
	    align-self: center;

	}
.sponsors-links a img{width:100%;filter: grayscale(1);opacity:0.9}
.sponsors-links a:hover img,.sponsors-links a:focus img{width:100%;filter: grayscale(0);opacity:1}

.sponsors-links a.sponsor-has-img{background:none}


.collection-item.program span{color: blue;display:block}

.team-section{margin:20px 0px}
	.team1{color:#37474f;margin:0px;font-size:20px;text-align:right}
	.team2{border-left:2px solid #204851 ;padding-left:10px;}


.dropdown-content .subheader{min-height:initial}
.dropdown-content .subheader a{color:white;font-size: 13px;padding: 5px 16px;text-transform: uppercase;}

.dropdown-content li{border-bottom: 1px solid #c3c3c3;}
.dropdown-content li:last-child{border-bottom: 0px solid #c3c3c3;}
/* mobile-elements */
@media only screen and (max-width: 992px){
h2 {font-size:7vw}
.btn-menu {font-size: 5vw;}
.modal {width: 100%;top: 0px !important;height: 100% !important;max-height: 100% !important;}
.custom-tabs li a {width:100% !important}
span.icn-video{display:none}

.btn-gal:last-child{border-left:1px solid white}
.inside-row{width:100%}

}

@media only screen and (max-width: 950px){
.main-player{width: 100% !important;}
}

@media only screen and (max-width: 601px){
.container-hide{width:100% !important}
.logo-img{width: 55px;padding: 5px;}

.dotted{display:none}

.custom-tabs li a {border-radius: 0px  !important;font-size: 15px !important}
.team1{text-align:left !important}
.nav-wrapper a i{line-height: 58px !important;}
}
.srt_btn{ margin:5px}

@media only screen and (max-width: 540px){
.srt_btn{
    width: 49%;
    text-overflow: ellipsis;
    font-size: 12px;
    text-align: center;
    border-radius: 0px;
    margin: 2px 0px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
}
.srt_btn_group2 .right{float:none! important}
.srt_btn2{
    width: 100%;
    text-overflow: ellipsis;
    font-size: 12px;
    text-align: center;
    border-radius: 0px;
    margin: 2px 0px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
}


}

@media only screen and (max-width: 350px){
.nav-wrapper.container > a > span{display:none !important}
}


/* custom-tabs */
.tabs{background: transparent !important}
.tabs .tab a {widthьь: 150px;    position: relative;}

.custom-tabs{position: relative;margin-bottom:20px}
.custom-tabs li a{
	background: white !important;
    border-radius: 30px;
    width:150px;
    margin: 0px auto;
    color: #039be5 !important;
	}
.custom-tabs li a.active{background: #090c29  !important;color: white !important;}


.tabs.comptabs .indicator{display:none}

.tabs.comptabs .tab a{color:#263238;    width: fit-content;padding: 0px 10px;}

.tabs.comptabs a.active,.tabs.comptabs a:hover{background: #263238;color:white !important}
.comptabs{flex-wrap:wrap;height:auto}



@media(min-width:993px){
	.tabs.comptabs .tab a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
}


/* iframe portfolio single */



@media only screen and (min-width: 993px){
.main-vid-row{max-width:950px}
}


.embed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin-bottom:10px;
}

/* Then style the iframe to fit in the container div with full height and width */
.embed-video iframe,.embed-video video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.video-play-title{font-size:20px;color:black;font-weight:bold;text-align: center;margin:20px 0px;border-top: 2px solid #86a1ad;padding-top: 10px;}
.video-play-title:nth-child(1){border-top: 0px solid #86a1ad;padding-top: 0px;}

.video-play-list{display: grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));justify-content: center;align-items: center;align-content: center;    gap: 10px;margin:10px 0px}

.video-play-box{width:100%;max-width:300px;display: flex;justify-content: center;align-items: center;align-content: center;color: black;font-size: 16px;line-height: 17px;margin: 0px auto;padding: 8px;background: white;border-radius: 5px;position: relative;overflow: hidden;}
.video-play-box span{text-align: center;}
.video-play-box svg{width: 30px;position: absolute;bottom: 50%;right: 0px;opacity: 0.3;transform: translate(0px, 50%);}
.video-play-box svg path{fill:#222d33}


.video-play-list a{width:100%;text-align: center;
    margin: 0px auto;}

.video-play-box:hover svg{opacity: 0.8}

.seachdivinput-row{justify-content: center;display: flex;}
.seachdivinput-wrap{position: relative;width: 100%;text-align: center;}
.seachdivinput-wrap:before{content:'';background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAACDElEQVRo3u2Zu0oDQRSGPyOpDBjtJGgnUSxVEDRleht9AX0FL53aaWWh+BDaWHqJEQufIYqFoIhYR7AQjMXsYjy72exmdmZF5ocpzlzO/P+cmdk5LDg4ODhkiT6NsWVgEagCJWDUq38GXoBL4BS4z1qkxAxwBbRilltgPmvSAHngCPhKQN4vX8Ch5yMTDAPXPRCXpQ4M2SafjyB/DqygzsOAV8rAqtfWSYTVSByFkGgACzHGLnh95fgDW+RnCe75OjCYwMegN0aeiWkbAuTEjYTkfRQJRuLSNPlJgqGPs206YY5gNMsmBWwQPLC6kAd7TddhLqKtKuzjFAScdJkjVdyTfrjLwuedSQFNMVkhBZ8F4bOp6zBqC7UMLIqcT3uOKAGvwi6lIGBE2G8mBTwJW+cK9VER9qNJAfJDs5yCgCVh11Lw2RHyxtD9kFVC/E2ZFADBxKWBehYkRRF1Zbb7OjNNHlT2pfuYKxL+mLOWpR0SDH3c53SF4Mq3gH1b5EElH3IF299Hq8AEPwnNBNEJzScwZlMAqDSwk4gk5VPY2zZF5FGZVK9J/b638rLNqghQmVQtAfkzfh/YsD7WRQCMo97zF6hD3QTegQevbp3we377L4noFTJZ8stu1sScCCfCibAsItfdrzXsAZsh9R9ZE0uK9khsdevcnzXbENyi/hzdADtZk3FwcHD45/gGXt0wm+DsVU8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDItMTVUMTI6Mzk6MTUrMDA6MDCtsYkZAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTAyLTE1VDEyOjM5OjE1KzAwOjAw3OwxpQAAAABJRU5ErkJggg==');
background-size:cover;width:20px;height:20px;position:absolute;  top: 50%;transform: translate(10px, -50%);}
#seachdivinput{width:100%;height: 40px;margin: 0px;max-width: 250px;padding: 5px 10px !important;padding-left: 30px !important;font-size: 16px !important;}


/* anim */
.main-menu {border-radius: 50%;box-shadow: 0 0 0 rgba(44, 195, 204, 0.6);animation: pulse 2s infinite;}
.main-menu:hover {animation: none;}





/* SCROLLBAR */

body::-webkit-scrollbar{width: 10px;border:0px;background-color: transparent;}
body::-webkit-scrollbar-thumb{border-radius: 0px;border:0px;background-color: #263238;}

.scroll::-webkit-scrollbar-track{    background-color: transparent;}
.scroll::-webkit-scrollbar{width: 8px;background-color: transparent;}
.scroll::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#263238 }

.scrollbar::-webkit-scrollbar-track{    background-color: transparent;}
.scrollbar::-webkit-scrollbar{width: 8px;background-color: transparent;}
.scrollbar::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#263238 }

.scrollbar{overflow-y: scroll; height: 500px; position: relative; display: block;padding:10px 20px}
@media only screen and (max-width: 980px){
.scrollbar{overflow-y: hidden; height: initial; display: block;padding:10px 20px}
}

/* video */
.main-player{margin: 20px auto !important;font-size: 0px;width: 80%;}

.srt_btn_group a{border-radius: 50px;}
.srt_btn_group2 a{border-radius: 50px;}
.srt_btn_group2 span{    font-size: 20px;line-height: 36px;}

.vid-titile-txt{position:absolute;bottom:0px;width:100%;background:#90a4ae;text-align:center;line-height: 45px;color:black;text-transform:uppercase}
.videolnk_playlist:hover{opacity:0.9}
.srt_btn_group .active{    background: #1b7fcc !important;color: white;}
.srt_btn_group2 .active{    background: #1b7fcc !important;color: white;}

.grid-container--spon {
  grid-template-columns: repeat(auto-fit, minmax(200px));
  display: grid;
  grid-gap: 10px;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
}

.grid-container--fit {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  display: grid;
  grid-gap: 10px;
}

.grid-container--article {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  display: grid;
  grid-gap: 10px;
}

.grid-container--comp {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  display: grid;
  grid-gap: 10px;
}

@media screen and (max-width: 992px) {
  .grid-container {
    grid-template-columns: auto auto;
    justify-content: space-evenly;
  }
}

@media screen and (max-width: 600px) {
  .grid-container {
    grid-template-columns: auto;
    justify-content: space-evenly;
  }
}
.index-container{width:80%;margin:50px auto}
@media (max-width:800px){
    .index-container{width:90%;margin:20px auto}
}
.grid-card-row{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-auto-rows: 1fr;
    gap: 10px;
}
@media (max-width:800px){
    .grid-card-row{grid-template-columns: 50% 50%;}
}
@media (max-width:500px){
    .grid-card-row{grid-template-columns: auto ;}
}

.grid-card-box{font-size: 0px;    background: white;    filter: drop-shadow(0px 0px 1px #263238);-webkit-transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out;border-radius: 8px;overflow: hidden;}
.grid-card-box:hover,.grid-card-box:focus{filter: drop-shadow(0px 0px 10px #263238);}
.grid-card-box-in {}
.grid-card-box-in a{font-size:0px;    line-height: 0px;}
.grid-card-box-in img{width:100%;}

.grid-card-title{font-size:initial;line-height: initial;color:#263238;font-family:"Roboto",sans-serif;padding: 0.6em;text-align: center;}
.grid-card-title span{display:block;font-size: 0.9em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.grid-card-title i{display:block;font-size: 0.8em;}

.grid-card-label{    background: rgb(255 255 255 / 87%);
    backdrop-filter: blur(4px);
    border-radius: 5px;
    padding: 3px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #dc0000;
    color: #dc0000;
    font-size: 13px;
    line-height: 14px;}

.slider-inner-el{position:relative}

.slider-overlay {

    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(127, 127, 127, 0.5);
    background-image: radial-gradient(#263238  33%, transparent 33%);
    background-size: 3px 3px;

    background:linear-gradient(0deg, rgba(32,43,48,0) 0%, rgba(28,45,52,0.6) 34%);
}

.slider-overlay-content{position: absolute;
    top: 50%;
    left: 50%;    transform: translate(-50%, -50%);
    z-index: 999;width:60%}

@media (max-width:992px){
    .slider-overlay-content{width:90%}
}

.slider-title-row{
    text-align: center;
}

.slider-title-row h4 {

    font-family: 'Anonymous Pro';
    font-weight: bolder;
    filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 20px black);
    color: white;font-size: 1.7em;


}
@media (max-width:992px){
    .slider-title-row h4 {font-size: 1.4em;}
}
..onesignal-customlink-container{    text-align: center;
    min-height: auto;
    margin: 20px 0px;}

.onesignal-customlink-container button{    background: rgb(18 72 114 / 70%) !important;border: 2px solid rgb(0 0 0 / 45%) !important;border-radius: 50px !important;}
.slider-btn-row{    text-align: center;}
.slider-link-btn{     width: fit-content;
    margin: 15px auto;
    background: rgb(18 72 114 / 70%);
    backdrop-filter: contrast(2) blur(2px);
    text-shadow: 0px 0px 5px black;
    color: white;
    display: block;
    font-family: 'Roboto',sans-serif;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 1.2em;
    /* filter: drop-shadow(0px 0px 1px #263238); */
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    border: 2px solid rgb(0 0 0 / 45%);}

.slider-link-btn:hover,.slider-link-btn:focus{background:#265381}

.homeslider,.slider-element,.slider-element img,.slider-element video{max-height:600px;}
.slick-next, .slick-prev{display:none !important}
.homeslider{background: linear-gradient(0deg, rgba(32,43,48,0) 0%, rgb(71 83 89) 100%);}
@media (max-width:400px){
   /* .homeslider,.slider-element,.slider-element img,.slider-element video{height: 220px !important;}*/
}



.slider-element .slider-img-contain{object-fit: contain;width: 100%;  }
.slider-element .slider-img-cover{object-fit: cover;width: 100%;}

.slider-element .slider-video-contain{object-fit: contain;width: 100%;}
.slider-element .slider-video-cover{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;        background-position: center center;
    background-size: contain;
    object-fit: cover;
}