@media ( min-width : 1200px) {
	.container {
		width: 1170px;
	}
}
a:hover
{
    text-decoration: none;
    color: #fff;
}
ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
h3, h4
{
    margin-top: 0;
}
body
{
    font-family: 'El Messiri', sans-serif;
    letter-spacing: 1px;
}
/* ====================full_wrapper====================== */
.top_wrapper .top_lft ul li a i, .top_wrapper .top_lft ul li a i:hover, .btn-style-five, .btn-style-five:hover, .gkTabsWrap.vertical ol li, .btn, .btn:hover,
.gkTabsWrap.horizontal ol li, .gkTabsWrap.vertical ol li:hover, .apply a, .apply a:hover, .foot1 ul li a, .foot1 ul li a:hover, .bt-row .bt-inner, .bt-row:hover .bt-inner,
.gkTabsWrap.horizontal ol li:hover, .foot1 ul li a i, .foot1 ul li a:hover i, .footer a, .footer:hover a, .inner_menu ul li a, .inner_menu ul li a:hover, .address, .address:hover
{
    transition: all 0.5s ease-in 0s;
}
.white_txt
{
    color: #fff;
}
/* ====================top_wrapper====================== */
.top_wrapper 
{
    background: #192F59;
}
.top_lft
{
    padding-top: 20px;
}
.top_wrapper .top_lft ul li
{
    float: left;
    padding-right: 15px;
}
.top_wrapper .top_lft ul li a i
{
    color: #ffd101;
    font-size: 17px;
}
.top_wrapper .top_lft ul li a i:hover
{
    color: #d1d3d4;
}
.top_ryt
{
    float: right !important;
}
.button {
  
  background-color: #CC0F16;
  border: none;
  color: #85FF00;
  text-align: center;
  font-size: 15px;
  padding: 20px 25px;
  width: 230px;
  transition: all 0.5s;
  cursor: pointer;float: right;font-weight: bold;
}
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button span:after {
  content: '\f2f6';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #FFD101;
}
.button:hover span {
  padding-right: 25px;
}
.button:hover span:after {
  opacity: 1;
  right: 0;
}
/* ====================menu_wrapper====================== */
.menu_wrapper
{
    background: #fff;
    font-family: 'Josefin Sans', sans-serif;
    padding: 10px 0;
    color: #fff;
    overflow: hidden;
    position: relative; 
}

    @media (min-width: 1200px){
.menu_wrapper .container {
    width: 1464px;
}
}
.menu_wrapper::before 
{
    content: "";
    background: #e0e0e0;
    transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    height: 100%;
    width: 100%;
    left: 35%;
    top: 0;
    position: absolute;
    box-shadow: 10px 10px 30px 5px grey;
}
.logo img
{
    width: 80%;
}
/* ====================slide_wrapper====================== */
.slide_wrapper
{
    position: relative;
    z-index: 1;
}
/* ====================goal_wrapper====================== */
.goal_wrapper
{
    
}
.goal_wrapper .container
{
	position: relative;
	margin-top: -50px;
	z-index: 10;
    padding-bottom: 70px;
}

.services-block{
	position: relative;
	margin-bottom: 30px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block .inner-box{
	position: relative;
	display:block;
	padding: 50px 45px 5px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	background-color: #ffffff;
	box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
}

.services-block .inner-box:before{
	position: absolute;
	content: '';
	left:0;
	top:0;
	right:0;
	bottom:0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	background: #ffffff;
}

.services-block:hover .inner-box:before{
	bottom:-40px;
	background: #192F59;	
}

.services-block.alternate:hover .inner-box:before{
	background: #ee2d50;	
}

.services-block:hover{
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}

.services-block .inner-box h3{
	position: relative;
	color:#222222;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 28px;
}

.services-block .inner-box h3 a{
	position: relative;
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block .inner-box .icon-box{
	position: relative;
	font-size: 82px;
	line-height: 1em;
	color:#ee2d50;
	margin-bottom: 25px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block .inner-box .text{
	position: relative;
	color:#555555;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom:25px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block .inner-box:hover .text{
	
}

.services-block .inner-box .more-link{
	position:relative;
	display:block;
	margin-right:-45px;
	overflow:hidden;	
}

.services-block .inner-box .read-more{
	position: relative;
	color:#ee2d50;
	font-size: 13px;
	text-transform: uppercase;
	padding-right: 25px;
	font-weight: 700;
	opacity: 0;
	visibility: hidden;
	display: inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block .inner-box .read-more .fa{
	padding-right:5px;	
}

.services-block .inner-box .read-more:after{
	position: absolute;
	content: '';
	left: 100%;
	top: 11px;
	width: 300%;
	height: 1px;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(255,255,255,0.50);
}

.services-block .inner-box:hover .read-more{
	opacity: 1;
	visibility: visible;
}

.services-block .inner-box:hover .read-more:after{
	opacity: 1;
	visibility: visible;
}

.services-block .inner-box:hover{
	background-color: #443986;
}

.services-block .inner-box:hover .text,
.services-block .inner-box:hover h3 a,
.services-block .inner-box:hover .icon-box{
	color:#ffffff;
}

.services-block.alternate .inner-box .icon-box{
	color:#443986;
}

.services-block.alternate .inner-box:hover{
	background-color:#ee2d50;
}

.services-block.alternate .inner-box .read-more,
.services-block.alternate .inner-box:hover .icon-box{
	color:#ffffff;
}
/* ====================abt_wrapper====================== */
.abt_wrapper{
	position: relative;
	padding: 70px 0px;
}

.abt_wrapper:before{
	position:absolute;
	content: '';
	left: 0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
	background-color: #192F59;
}

.abt_wrapper .title-column{
	position: relative;
}

.abt_wrapper .title-column .sec-title{
	margin-bottom:20px;
}

.abt_wrapper .title-column .inner-column{
	position: relative;
	padding-top: 30px;
	margin-bottom:45px;
}

.abt_wrapper .title-column .text{
	position: relative;
	color:#A6A6A6;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 45px;
}
.video-box{
	position:relative;box-shadow: 0px 0px 5px 0px grey;
}

.video-box .image{
	position:relative;
	overflow:hidden;
}

.video-box .image img{
	position:relative;
	width:100%;
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 80px;
	background:rgba(68,57,120,0.08);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.video-box .overlay-box:hover{
	background:rgba(68,57,120,0.20);
}

.video-box .overlay-box span{
	position: relative;
	width:80px;
	height: 80px;
    top: 45%;
	z-index:99;
	color: #222222;
	font-weight:400;
	font-size:60px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -40px;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-left: 25px;
    padding-top: 7px;
}

.video-box .overlay-box:hover span{
	transform: rotate(360deg);
	-moz-transition:rotate(360deg);
	-webkit-transition:rotate(360deg);
	-ms-transition:rotate(360deg);
	-o-transition:rotate(360deg);
}
.sec-title h2{
	position:relative;
	font-size:48px;
	font-weight:600;
	line-height:1.3em;
	margin-bottom: 8px;
	text-transform:capitalize;
}

.sec-title .title-text{
	position:relative;
	color: #CC0F16;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 500;
	margin-top: 0px;
}
.btn-style-five {

    position: relative;
    padding: 13px 32px 13px;
    line-height: 24px;
    background: #ee2d50;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 3px;
    letter-spacing: 1px;
    border: 2px solid #ee2d50;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;

}
.btn-style-five:hover{
	background:none;
	color:#ee2d50;
}
/* ====================tab_wrapper====================== */
.gkTabsWrap.horizontal > ol 
{
    background: rgba(0, 0, 0, 0) url("../images/tab_bg.jpg") no-repeat;
}
.txt_tab h3
{
    color: red;
    font-family: 'Righteous', cursive;
    font-size: 35px;
    padding: 70px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.tab_p p
{
    padding-top: 30px;
    line-height: 28px;
    font-size: 15px;
    text-align: justify;
    font-family: 'Aref Ruqaa', serif;
}
/* ====================online_wrapper====================== */
.online_wrapper
{
    background: #000;
    padding: 35px 0;
}
.apply a
{
    width: 100%;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    border-radius: 5px;
}
.apply a:hover
{
    background: #4C4C4D;
}
.apply1 a
{
    background: #CC0F16;
}
.apply2 a
{
    background: #00AEF0;
}
.apply3 a
{
    background: #F37221;
}
/* ====================manage_wrapper====================== */
.teamWrap{position:relative; overflow:hidden; border-radius:5px; cursor:pointer; box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
.team_Wrap img{transition:all 0.25s ease-in-out;}
.team_Wrap::before{position:absolute; content:""; width:150px; left:-250px;	height:30px; background-color:#f6ba18; transform:skew(30deg); z-index:4; box-shadow:-50px 10px 0px 10px rgba(0,0,0,0.5); -webkit-transition:all 0.4s; transition:all 0.4s; -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.team_Wrap::after{position:absolute; content:""; right:-300px; bottom:20px;	padding:30px; width:250px; background-color:#f6ba18; opacity:0.9; transform:skew(30deg); box-shadow:-25px 40px 0px 20px rgba(0,0,0,0.5); transition:all 0.25s ease-in-out; transition-delay:0.2s;}
.team_Wrap .card-name{top:calc(40%); left:0px; right:0px; text-align:center; color:#FFF; font-weight:bold; font-size:21px;	padding:10px 0px; background-color:rgba(0,0,0,0.2);	transform:scale(0, 0); transition:all 0.25s ease-in-out; transition-delay:0.2s;}
.card-icons, .card-name{position:absolute;}
.team_Wrap .card-icons{bottom:40px; right:20px; z-index:7; transform:scale(0, 0); transition:all 0.25s ease-in-out; transition-delay:0.4s;}
.team_Wrap .card-icons .fa, .team_Wrap .card-icons .fab{margin:0px 10px; color:#fff;}
.team_Wrap:hover img{filter:blur(2px) brightness(70%);	transform:scale(1.1, 1.1);}
.team_Wrap:hover::before{left:-20px;}
.team_Wrap:hover::after{right:-50px;}
.team_Wrap:hover .card-name{transform:scale(1, 1);}
.team_Wrap:hover .card-icons{transform:scale(1, 1);}
.manage_wrapper
{
    padding: 100px 0;
}
.head
{
    font-size: 40px;
    padding-bottom: 30px;
    position: relative;
}
/* ====================gallery_wrapper====================== */
.gallery_wrapper, .news_wrapper
{
    background: #192F59;
    padding: 40px 0;
}
.gallery_wrapper h3, .news_wrapper h3
{
    font-size: 35px;
}
/* ====================events_wrapper====================== */
.events_wrapper
{
    padding: 30px 0;
}
/* ====================gal_wrapper====================== */
.sec-title 
{
    position: relative;
    margin-bottom: 40px;
}
.sec-title .text 
{
    position: relative;
    font-size: 17px;
    line-height: 26px;
    color: #777777;
    font-weight: 300;
    padding-top: 20px;
}
.sec-title.text-center h3::before 
{
    right: 0;
    margin: 0 auto;
}
.sec-title h3::before 
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 74px;
    height: 7px;
    background-image: url(../images/devider.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    top: 60px;
    overflow-x: hidden;
}
.sec-title h3 
{
    display: block;
    font-size: 40px;
    line-height: 1.2em;
    color: #232323;
    font-weight: 700;
    letter-spacing: -0.02em;
    padding-bottom: 16px;
}
/* ====================foot_wrapper====================== */
.foot_wrapper
{
    background: #000E38;
    padding-top: 60px;
}
.foot1, .foot_contact
{
    padding-bottom: 40px;
}
.foot1 p, .foot1 ul li a, .foot_contact p
{
    font-family: 'Ruluko', sans-serif;
}
.foot1 p, .foot_contact p
{
    line-height: 30px;
}
.foot1 ul li a
{
    line-height: 34px;
    color: #fff;
}
.foot1 ul li
{
    list-style: none;
}
.foot1 ul li a i, .foot_contact p
{
    color: #999999;
}
.foot1 ul li a:hover
{
    color: #00ACED;
    padding-left: 10px;
}
.foot2
{
    padding-left:50px;
}
.foot1 ul li a:hover i
{
    color: #FFD101;
}
.foot_contact ul li
{
    background: #0D234D;
    margin-bottom: 5px;height: 10%;
}
.foot_contact ul li .icons
{
    width: 35%;
    padding:35px 0 20px 0px;
    background: #5F6062;
    height: 100%;
    text-align: center
}
.foot_contact ul li a i
{
    font-size: 30px;color: #fff;
}
.txt
{
    padding-right: 20px;
}
.foot1 h3, .foot_contact h3
{
    padding-bottom: 20px;
}
.foot_border
{
    border-top: 1px solid #464748;
    padding: 20px 0;
    color: #fff
}
.footer a
{
    color: #CC0F16;
    font-weight: bold;
}
.footer:hover p a
{
    color: #FBAC19;
}
.social_icons
{
    float: right;
}
.social_icons li
{
    float: left;
}
.social_icons
{
  position:relative;
}
.social_icons a{
    position: relative;
    display: inline-block;
    font-family: "icomoon";
    font-size: 1.2em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: white;
    border-radius: 50%;
    text-align: center;
    margin-right: 30px;
    font-smoothing: antialiased;
}
.social_icons .fb{
    background: #46629E;
}
.social_icons .fb:before,
.social_icons .fb:after{
    border-color: #46629E;
}

.social_icons .tw{
    background: #00ACEE;
}
.social_icons .tw:before,
.social_icons .tw:after{
    border-color: #00ACEE;
}

.social_icons .gp{
    background: #DD4B39;
}
.social_icons .gp:before,
.social_icons .gp:after
{
    border-color: #DD4B39;
}
.social_icons .yt{
    background: #CC0F16;
}
.social_icons .yt:before,
.social_icons .yt:after
{
    border-color: #CC0F16;
}
.social_icons a:before,
.social_icons a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 50%;
    transition: .3s all;
    border: 3px solid;
}
.social_icons a:hover:after{
   -webkit-transform: scale(1.5);
}
.social_icons a:hover:before{
    -webkit-transform: scale(2);
    transition: .3s all;
    opacity: 0;
}
.social_icons li a i
{
    padding-top: 10px;
    padding-left: 5px;
}
/* ====================breadcrumb_wrapper====================== */
.breadcrumb_wrapper
{
    background-image: url(../images/bg.jpg);
    padding: 40px 0 0px 0;
    background-size: cover;
    background-position: center center;
}
.breadcrumb
{
    background: transparent !important;
    float: right;
}
.breadcrumb h3
{
    font-family: 'Oleo Script', cursive;
    color: #cccccc;
    font-size: 35px;
}
.breadcrumb > li + li::before 
{
    content: none !important;
}
.breadcrumb > li
{
    font-size: 17px;
    font-weight: bold;
}
.breadcrumb > li a
{
    color: #fff;
}
.breadcrumb > li.active
{
    color: #CC0F16;
}
/* ====================inner_wrapper====================== */
.inner_wrapper
{
    padding: 50px 0;
}
.inner_menu h3
{
    font-family: 'Aclonica', sans-serif;
    font-size: 30px;
}
.text-theme-colored2 
{
    color: #9BBE2A !important;
}
.line-bottom-double-line-centered {
  position: relative;
  margin-bottom: 7px;
  padding-bottom: 15px;
}
.line-bottom-double-line-centered:after {
  bottom: 8px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  width: 45px;
}
.line-bottom-double-line-centered:before {
  bottom: 3px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  width: 20px;
}
.line-bottom-double-line-centered::before, .line-bottom-double-line-centered::after
{
    background: #00BDFD;
}
.inner_menu ul li
{
    margin-bottom: 10px;
}
.inner_menu ul li a
{
    padding: 30px 10px 30px 20px;
    background: #000;
    padding-left: 80px;
    font-size: 16px;
    color: #fff;
}
.inner_menu ul li a::before 
{
    content: "\f560";
    color: #fff;
    padding-right: 60px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.inner_menu ul li a:hover
{
    background: #000;
    color: #00AFEF;
    padding-left: 100px;
}
.hdr h4
{
    font-size: 40px;
    text-align: center;
    padding-top: 30px;
}
.hdr_img img
{
    float: right;
}
.para p
{
    line-height: 30px;
}
.para p i
{
    color: #01C9FF;
    padding-right: 10px;
}
.inner_content
{
    margin-top: 3%
}
/* ====================contact_wrapper====================== */
.form-horizontal .control-label 
{
    display: none !important;
}
.form-horizontal .controls 
{
    margin-left: 0px !important;
}
.inner_contactform
{
    padding: 0;
}
input[type="text"], input[type="email"]
{
    height: 50px !important;letter-spacing: 1px;
}
.help-block 
{
    margin-bottom: 25px !important;
}
.input-80
{
    padding-left: 35px;
    font-size: 17px;
    font-family: 'Aladin', cursive;
}
#inputMessage
{
    padding-top: 20px;
}
.btn
{
    font-size: 16px !important;
    padding: 10px 25px;
    border-radius: 0 !important;
    background: #192F59;
    color: #fff;
}
.btn:hover
{
    background: #192F59;
    color: #E0E0E0 !important;
}
/* ====================contactadd_wrapper====================== */
.inner_contactmap
{
    margin-top: 20px;
}
.add_inner
{
    background: #00194C;
    padding: 20px 30px;
}
.address
{
    background: #0E275A;
    padding: 10px;
    cursor: pointer;
    border-right: 4px solid grey;
}
.address:hover
{
    border-right: 4px solid #01C9FF;
}
.icons_add
{
    float: left;
    height: 7%;
    background: #495366;
    width: 25%;
    text-align: center;
}
.icons_add a i
{
    font-size: 35px;
    padding-top: 17px;
    color: #fff;
    padding-left: 10px;
}
.txt_add
{
    float: right;
    color: #CCCCCC;
    padding:5px 10px 0 0;
}
/* ====================staffdetails_wrapper====================== */
.staff_head {

    margin: 20px 0 10px 0;
    font-weight: 900;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    text-transform: capitalize !important;
}

.staff_head p {
    margin: 20px 0 5px 0;
}
.staff_hd
{
    font-weight: 900;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    color: #00AFEF;
}

/* Table Layout */

table.datas {
    margin: 20px 0 0 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: #212121;
    color: #fff;
}

table.datas th, table.datas td {
    text-align: center;
}

table.datas thead {
    line-height: 12px;
    background: rgba(214, 110, 110, 0.35);
    text-transform: uppercase;
    line-height: 25px;
}

table.datas thead th {
    color: #fff;
    padding: 10px;
    letter-spacing: 1px;
    vertical-align: bottom;
}

table.datas thead th:nth-child(1) {
    
    text-align: left;
    padding-left: 20px;
}

table.datas thead th:nth-child(2) {
    width: 30%;
}

table.datas thead th:nth-child(3) {
    width: 35%;
}

table.datas thead th:nth-child(4) {
    width: 15%;
}

table.datas tbody {
    font-size: 15px;
    line-height: 15px;
}

table.datas tbody tr {
    border-top: 2px solid rgba(214, 110, 110, 0.8);
    transition: background 0.6s, color 0.6s;
}

table.datas tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.2);
}

table.datas tbody tr:hover {
    color: #000;
    background: rgba(255, 255, 255, 0.7);
}

table.datas tbody td {
    padding: 12px;line-height: 27px;
}

table.datas tbody tr:hover td:first-child {
    background: rgba(0,0,0,0);
}

table.datas tbody td:first-child {
    text-align: center;
    font-weight: 700;
    background: rgba(214, 110, 110, 0.35);
    transition: background 0.6s;
}

table.datas tfoot {
    font-size: 0.8em;
}

table.datas tfoot tr {
    border-top: 2px solid #CC0F16;
}

table.datas tfoot td {
    color: rgba(255,255,215,0.6);
    text-align: left;
    line-height: 15px;
    padding: 15px 20px;
}
table.datas tbody tr.last_child
{
    transition: none!important;
}
table.datas tbody tr:hover .last_child
{

  background: #000!important;

}

/* Mobile Layout */

@media screen and (max-width: 400px) {
    h1 {
        font-size: 34px;
        line-height: 36px;
        padding-left: 15px;
    }

    article {
        margin: 10px 15px;
    }

    table.datas {
        font-size: 0.8em;
    }
}
.students, #racetimes, #racetimes th, #racetimes td
{ 
    text-align: center; 
    color: #fff;
}
.stud
{
    font-size: 20px;
    padding-bottom: 20px;
    font-family: 'Josefin Sans', sans-serif;
    padding-top:30px;
}
#racetimes {border-collapse: collapse;  width: 100%; table-layout: fixed;}

#racetimes th, #racetimes td { padding: 1.5rem; font-size: 1.3rem; }

#racetimes tr {background: hsla(215.8, 21%, 51%, 1); }

#racetimes tr, td { transition: .4s ease-in; } 

#racetimes tr:first-child {background: hsl(167, 70%, 40%); }

#racetimes tr:nth-child(even) { background: hsla(220, 23%, 25%, .7); }

#racetimes td:empty {background: hsla(222, 23%, 22%, .7); }

#racetimes tr:hover:not(#firstrow), #racetimes tr:hover td:empty {background: #000; pointer-events: visible;}
#racetimes tr:hover:not(#firstrow) { transform: scale(1.2); font-weight: 700; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);}


.button .online
{
		animation: blink 1s linear infinite;
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


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

.facilitytab .gkTabsWrap.horizontal
{
    border: 1px solid #eee;
}
.txt_tab p
{
    text-align: justify;
    line-height: 30px;
}