/*#2196f3*/
*{
	margin: 	0;
}
@font-face {
  font-family: 'gotham-book-webfont';
  src: url('../fonts/gotham-book-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'gotham-bold-webfont';
  src: url('../fonts/gotham-bold-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'gotham-black-webfont';
  src: url('../fonts/gotham-black-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'gotham-medium-webfont';
  src: url('../fonts/gotham-medium-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Gotham-Rounded-Bold';
  src: url('../fonts/Gotham-Rounded-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Gotham-Rounded-Medium';
  src: url('../fonts/Gotham-Rounded-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'gotham-book-italic';
  src: url('../fonts/gotham-book-italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Gotham Ultra';
  src: url('../fonts/Gotham Ultra.otf') format('opentype');
}
body{
  font-family: 'gotham-book-webfont';
}
header{
  border-bottom: 1px solid #eee;  
  position: fixed;
  width: 100%;
  z-index: 99;
  /*background: rgb(0 0 0 / 28%);*/
  background: #3b5998;
}
nav{
  padding: 0;
}
nav img{
  width: 100px;
}
.navbar-light .navbar-nav .nav-link{
  font-size: 16px;
  color:#fff;
  padding: 0 20px;
  font-weight: bolder;
  text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link:hover{
  color: #2196f3;
}
main .carousel {
  position: relative;
  
  padding-top:87px;
}
main .carousel .carousel-inner img{
  height: 100vh;
  object-fit: cover;
   /* background-image: linear-gradient(120deg, #eaee44, #33d0ff);*/
}
main .carousel .carousel-inner .carousel-item::before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*
	background-image: linear-gradient(120deg, #eaee44, #33d0ff);
    xbackground-color: #33d0ff;
    opacity: .7;
	*/
}
.form-sec h3{
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'gotham-bold-webfont';
}
.form-sec{
  position: absolute;
  left:  10rem;
  top:13rem;
  background: #fff;
  padding: 2rem 2rem;
  border-radius: .3rem;
  width: 26%;
  border: 3px solid #2196f3;
}
.btn{
  background: #2196f3;
  padding: 10px 50px;
  width: 100%;
  color: #fff;
}
.form-sec .form-control{
  border: none;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid #2196f3;
}
.header h1, .title-section{
  margin: 2rem ;
  font-size: 30px;
  font-family: 'gotham-bold-webfont';
  text-align: center;
  color: #2196f3;
}
.games .games-content{
  border: 2px solid #2196f3;  
  margin: 1.4rem 0;
  background: #f6f6f6;
}
.games .games-content img{
  width: 100%;
  object-fit: cover;
  object-position:  center;
  height: 300px;
}
.games .games-content .gc{
  padding: 20px;
  text-align: center;
}
.games .games-content h2{
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
footer{
  background: #000;
  padding: 4rem 0 0;
  
}
footer ul li{
  list-style-type: none;
  color: #fff;
}
footer ul{
  padding: 0;
}
footer  h2{
  font-size: 20px;
  color: #fff;
}
footer ul li a{
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}

footer .footer-end{
	font-size: 13px;
	background-color: #232323;
	color: #fff;
	padding: 8px;
	display: flex;
	text-align: center;
	justify-content: center;
}
footer .footer-end p{
	margin: 0;
	text-align: center;
	padding: 0 10px;
}
footer .footer-end a{
	color: #fff;
	padding:0 5px;
	display: inline-block;
}

.innerpagesection {
    padding-top: 100px;
    padding-bottom: 200px;
}

.innerpagesection2 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.events .events-section {
	border-radius: .5rem;
	background-repeat: #fff;
	webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    margin: 1.4rem 0;
    border: 2px solid #F05825;
}
.events .events-section a:hover{
	box-shadow: 2px 4px 6px 0 rgba(82, 82, 82, 0.65);
}
.events .events-section  a{
	text-decoration: none;
	color: #000;
}
.events .events-section 
.event-date{
	position: absolute;
	background:#fff;
	color: #0E0F59;
	font-weight: bold;
	text-transform: uppercase;
	padding:5px;
	top: 5px;
	left:5px;
	font-size: 15px;
	text-align: center;
}	
.events .events-section 
.event-date p{
	margin: 0;
}
.events .events-section img{
	max-width: 100%;
	border-radius: .5rem .5rem 0 0;
}
.events .events-section .event-content{
	padding: 1rem;
	background:#fff;
	font-size: 15px;
	border-radius:0 0 .5rem .5rem ;
	min-height: 230px;
}
.events .events-section .event-content h2{
	font-size: 18px;
	color: #F05825;
	font-weight: bold;
}
.events .events-section .event-content  p{
	font-size: 14px;
}
.events .events-section .event-content
.event-clock{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.events .events-section .event-content
.event-clock p{
	margin: 0;
	padding: 0 0 0 10px;
}

.lbltitle {
	font-size:20px;
	font-weight:bold;
	text-align:left;
	float:left;
}

.errmsg {
	color:#FF0000;
}

/*
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}


.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a{margin:0;padding:0;line-height:normal;list-style:none;display:block;position:relative}
.nav-menu ul{opacity:0;position:absolute;top:100%;left:-9999px;z-index:999;-webkit-transition:opacity .3s;transition:opacity .3s}
.nav-menu li:hover>ul{left:0;opacity:1;z-index:1000}
.nav-menu ul li:hover>ul{top:0;left:100%}
.nav-menu li{cursor:default;float:left;white-space:nowrap}
.nav-menu ul li{float:none}
.nav-menu ul{min-width:12em;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.25);box-shadow:2px 2px 2px rgba(0,0,0,.25)}
.nav-center{float:right;right:50%}
.nav-center>li{left:50%}
.nav-menu a{padding:0 20px;color:#fff;font-weight:bolder;font-size:12px;line-height:40px;text-decoration:none;text-transform:uppercase;}
.nav-menu>li>.nav-active{background-color:rgba(0,0,0,.05)}
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a{background:#555;color:#2196f3}
.nav-menu li li a,.nav-menu li:hover li a{padding:8px 10px;background:#555;color:#fff;font-size:12px;line-height:normal}
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a{background:#444}
.nav-menu li:hover li:hover li a{background:#444}
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a{background:#333}
.nav-menu li:hover li:hover li:hover li a{background:#333}
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus{background:#222}
.nav-vertical{max-width:220px}
.nav-vertical ul{top:0;left:-9999px}
.nav-vertical li{width:100%;float:none}
.nav-vertical li:hover>ul{left:100%}

.nav-menu a.arrow-down:after{
	content: '';
    border: 4px solid transparent;
    border-top: 4px solid white;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}

.nav-menu a.arrow-right:after{
	content: '';
    border: 4px solid transparent;
    border-left: 4px solid white;
    display: inline-block;
    vertical-align: middle;
	margin-left:4px;
}
*/

.featured-box {
	background:#efefef;
	border: 1px solid #222;
	border-radius:5px;
	padding:5px;
}

.featured-box  h4{
	font-size:1.4rem;
}


.site-top-contact {
	z-index:9999;
}

.site-top-contact ul {
	list-style-type:none;
	float:right;
	padding-top:5px;
}

.site-top-contact ul li{
	float:left;
	padding-left:10px;
}

.site-top-contact ul li a{
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
}

.site-top-contact img {
	width:20px;
}

.topheaderlang {
	font-size:12px;
}

.top-logo img {
	max-width:80px;
	padding-top:5px;
}

.contact_box {
    padding: 0px;
    border: 1px solid #222;
	border-radius:10px 10px 0px 0px;
    margin-right: 4%;
    margin-bottom: 20px;
	min-height:200px;
}

.contact_name_title {
	padding:10px;
	background-color:#efefef;
	border-bottom: 1px solid #222;
	border-radius:10px 10px 0px 0px;
	color:#222;
	font-weight:bold;
	margin-bottom:5px;
}

.contact_box_photo {
	float:left;
	width:105px;
	padding:2px;
	background-color:#222;
	margin-left:10px;
	margin-right:10px;
}

.contact_designation {
	font-weight:bold;
	margin-bottom:5px;
}

.contact_mobile {
	font-size:12px;
	margin-bottom:5px;
}

.contact_email {
	font-size:12px;
	margin-bottom:5px;
}

.contact_address {
	font-size:12px;
}


.set_color_blue{
  background: #3b5998 !important;
}

.set_text_color_blue{
  color: #fff !important;
}

.set_color_yellow{
  background: #ffff00 !important;
}

.set_text_color_yellow{
  color: #222 !important;
}

.set_color_orange{
  background: #ffc542 !important;
}

.set_text_color_orange{
  color: #222 !important;
}

.top_color_box_blue {
	background: #3b5998 !important;
	color: #3b5998 !important;
	width:15px;
	height:15px;
	border:1px solid #222;
	margin-top:5px;
}

.top_color_box_yellow {
	background: #ffff00 !important;
	color: #ffff00 !important;
	width:15px;
	height:15px;
	border:1px solid #222;
	margin-top:5px;
}

.top_color_box_orange {
	background: #ffc542 !important;
	color: #ffc542 !important;
	width:15px;
	height:15px;
	border:1px solid #222;
	margin-top:5px;
}



/*Bootstrap Reset*/
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
	border: 0px !important;
}
.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}
.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);	
	border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}
/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu > li > a {padding: 16px 15px 16px 25px;
}
.header_bottom { background: #0071ba }
.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    padding: 16px 15px;
	font-family: 'Roboto', sans-serif;
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #0071ba;
    background: #54c6d4;
    outline: 0;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #54c6d4;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #CBEAF0;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #CBEAF0;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#98D7E1;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#0a1464}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#e4eeb8}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li{position:relative;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}


.hm-box {
    border: 1px solid #222;
    background-color: #efefef;
    padding: 10px;
    min-height: 150px;
    margin-bottom: 20px;
}

.hm-box-pg {
    border: 1px solid #222;
    background-color: #efefef;
    padding: 8px;
    min-height: 55px;
    margin-bottom: 20px;
}

.hm-box-pg a.pg-title {
    font-size:12px;
	padding-left: 10px;
}



.pg-link-heading {
	font-size:18px;
	font-weight:bold;
	color: #ffffff;	
	margin-top:10px;
	margin-bottom:10px;
}

.pg-link-box {
	border: 1px solid #222;
	background-color: #9c8787;
	
}

.pg-link-amt {
	text-align: center;
    font-size: 36px;
    font-weight: bold;
}