.home-banner
{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	background-position: center center;
	height: 400px;
}

.content-area .desc p
{
	text-align: justify;
}

/*
======================================
Internal Page Sidebar
======================================
*/

.sidebar-parent .sidebar-box{
	background: url(../img/pattern2.png) repeat var(--primary2-color);
	padding-top:15px;
	padding-bottom:15px;
	padding-left: 25px;
	padding-right: 0;
	box-shadow: 0 0 15px rgba(0,0,0,.4);
}

.sidebar-parent .sidebar-box ul li
{
	margin:2px 0;
	border-bottom: 1px solid #0c783f;
}

.sidebar-parent .sidebar-box ul li a{ 
	color:#fff;
	font-family: var(--ralway-Medium);
	display: block;
	padding:5px 10px;
}

.sidebar-parent .sidebar-box ul li.active > a,
.sidebar-parent .sidebar-box ul li:hover > a
{
	background-color: var(--secondary-color);
	color: #000;
}

.sidebar-parent .sidebar-box ul li.active > a,
.sidebar-parent .sidebar-box ul li:hover > a
{
	position:relative;
}

.sidebar-parent .sidebar-box ul li.active > a:before,
.sidebar-parent .sidebar-box ul li:hover > a:before
{
	position: absolute;
	content: '';
	top: 0;
	background-color: var(--secondary-color);
	left: -20px;
	width: 20px;
	border-radius: 15px 0 0 15px;
	height: 100%;
}

.sidebar-parent .sidebar-box ul ol.sub-sidebar
{
	list-style-type: none;
	padding-left:0px;
	margin-left:10px;
}

.sidebar-parent .sidebar-box ul ol.sub-sidebar li a:before
{
	content: '\f046';
	margin-right: 5px;
	font-family: fontawesome;
}

.sidebar-parent .sidebar-box ul ol.sub-sidebar li.active a,
.sidebar-parent .sidebar-box ul ol.sub-sidebar li:hover a
{

}

.sidebar-parent .sidebar-box ul ol.sub-sidebar li.active a:before,
.sidebar-parent .sidebar-box ul ol.sub-sidebar li:hover a:before
{
	background-color: transparent;
}

/*
==========================================
Bread crumbs area
==========================================
*/

.home-banner.banner .page-heading-box
{
	position: absolute;
	right: 30px;
	bottom:60px;
	width: auto;
}

.home-banner.banner .page-heading-box .page-heading
{
	color: #000;
	background-color:var(--secondary-color);
	padding:10px 20px;
	font-size: 20px;
	text-transform: uppercase;
	font-family: var(--ralway-Bold);
}

/*
========================================
Internal Page Right Side Image Thumbnials
========================================
*/

.right-side-img-thumbnail .image-box
{
	position: relative;
	margin-bottom: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	transition: box-shadow .3s linear;
}

.right-side-img-thumbnail .image-box:hover
{
	box-shadow: 0 0 15px rgba(0,0,0,.7);
}

.right-side-img-thumbnail .image-box .overlay
{
	position: absolute;
	top: 0%;
	left:0%;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s linear;
}

.right-side-img-thumbnail .image-box:hover .overlay
{
	opacity: 1;
	visibility: visible;
}

.right-side-img-thumbnail .image-box
{

}


/*
==============================================
picture gallery with popup
==============================================
*/

.p-reduce
{
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

.image-facilities-area .p-reduce .image-area
{
      position: relative;
      background-color: #fff;
      padding: 5px;
      box-shadow:0 0 15px rgba(0,0,0,.3);
}

.image-facilities-area .p-reduce .image-area a.overlay
{
      position:absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(3, 97, 47, .8);
}

.image-facilities-area .p-reduce .image-area a.overlay .fa
{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2em;
  transform: translateX(-50%) translateY(-50%);
  text-shadow: 1px 1px #333;
}

.image-facilities-area .p-reduce .image-area:hover a.overlay .fa
{
  color: #fff;
}



  .image-facilities-area .p-reduce .image-area a.overlay
  {
        opacity: 0;
        transform: perspective( 550px ) rotateX( -90deg );
        transform-origin: top ;
        transition:transform .2s linear,opacity .4s linear;
  }
  .image-facilities-area .p-reduce:hover .image-area a.overlay
  {
        transform: perspective( 550px ) rotateX( 0deg ) !important;
        opacity: 1 !important;
  }




.image-facilities-area .p-reduce .title-area
{
  background-color: var(--primary2-color);
  color: #fff;
  text-align: center;
  padding: 8px;
}

.image-facilities-area .p-reduce .title-area h3
{
  margin:0;
  font-size: 14px;
  font-family: var(--ralway-SemiBold);
  text-transform: capitalize;
}

/*
============================================
Pagination
============================================
*/

.pagination.mypagination li.page-item.first a,
.pagination.mypagination li.page-item.last a
{
	background-color: var(--primary2-color);
	color: #fff;
}

.pagination.mypagination li.page-item a
{
	color: #000;
}

.pagination.mypagination li.page-item:hover a,
.pagination.mypagination li.page-item.active a
{
	background-color: var(--primary2-color);
	color: #fff;
}

.pagination.mypagination li.page-item a.page-link{
	border:1px solid #0c783f;
}

/*
=================================
table
=================================
*/


.fixed-table
{
    position: fixed;
    top: 0;
    width: auto;
    display: none;
}

#no-more-tables table thead
{
	background:url(../img/pattern2.png) repeat var(--primary2-color);
	color: #fff;
	text-align: center;
}

#no-more-tables table tbody td
{
	text-align: center;
}

#no-more-tables table tbody td[data-title="Download File"] a
{
  color: var(--secondary-color);
  background-color: var(--primary2-color);
  padding:5px 10px;
  border-radius: 5px;
}


/*
=====================================
Accordion
=====================================
*/

#accordion .card
{
    margin-bottom: 5px;
}

#accordion .card .card-header
{
    padding:0;
}

#accordion .card .card-header .card-link
{
    display: block;
    padding:8px 10px;
    color:var(--primary2-color);
    text-transform: uppercase;
    background-color: #ededed;
	font-family: var(--ralway-SemiBold);
}

#accordion .card .card-header .card-link.theme-active
{
    background:url(../img/pattern2.png) repeat var(--primary2-color);
    color: var(--secondary-color);
}


#accordion .card .card-header .card-link span
{
    float: right;
    margin-right: 10px;
    margin-top: 8px;
}


#accordion .card div[data-toggle="collapse"] .card-body
{
    padding:10px;
}


#accordion .card .card-body .house-name h3
{
	color: var(--primary2-color);
	font-size: 16px;
	font-family: var(--ralway-Bold);
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 8px;
	position: relative;
	display: inline-block;
}

#accordion .card .card-body .house-name h3:before
{
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: var(--secondary-color);
	left: 0;
	bottom: 0;
}


/*
=========================================
School Cabinet
=========================================
*/

.gallery-box
{
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
    padding:5px;
    box-shadow: 0 0 5px #c5c5c5;
    text-align: center;
    
}

.gallery-box a.transparent-box:before
{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}


.gallery-box .detail
{
    background-color: var(--primary2-color);
}

.gallery-box .detail.detail1 .description
{
  color:#fff;
  line-height: 22px;
}


.gallery-box .gall-title
{
    color: #fff;
    padding:3px;
    font-weight: 500;
}

.gallery-box .gall-title a
{
    color: #fff;
    display: block;
}

.gallery-box .overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    transition: top .4s linear;
    background-color: rgba(157, 66, 31,.7);
}

.gallery-box:hover .overlay
{
    top: 0;
}

.gallery-box .overlay a
{
    display: block;
    width: 100%;
    height: 100%;
}

.gallery-box .overlay a img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 50px;
}

.gallery-box img.showing-image{
    /*height: 224px;*/
    width: auto;
}

.gallery-box .detail
{
    padding:3px 0;
}

.gallery-box .detail .name
{
    font-size: 14px;
    text-transform: capitalize;
    font-family: var(--ralway-SemiBold);
    color: #fff;
    line-height: 22px;
}

.gallery-box .detail .Activity
{
    font-size: 14px;
    text-transform: capitalize;
    font-family: var(--ralway-SemiBold);
    color: #fff;
    line-height: 22px;
}



/*
=================================
Admission
================================
*/


.input-area
{
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    border: 1px solid var(--primary2-color);
    z-index: 1;
    cursor: pointer;
}

.input-area label
{
    position: absolute;
  top: -15px;
  padding: 0 5px;
  left: 10px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  font-family: var(--ralway-SemiBold);
  z-index: -1;
  transition: top .2s linear, left .2s linear;
}

.input-area select.form-control{
  color: #333;
    font-weight: 400;
    font-size: 14px;
    font-family: var(--font1);
}

.input-area .form-control
{
    background-color: transparent;
    border-radius: 0;
    border:0px;
    padding-top: 10px;
}

.input-area .form-control:focus
{
  outline: none;
  box-shadow: none;
}

.btn-submit
{
  background-color: var(--primary-color);
  border-radius: 0;
  color: #fff;
  transition: background-color .3s linear;
  box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.btn-submit:hover
{
  background-color: var(--primary2-color);
}

.btn-reset
{
  background-color: var(--primary2-color);
  border-radius: 0;
  color: #fff;
  transition: background-color .3s linear;
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  margin-left: 8px;
}

.btn-reset:hover
{
  background-color: var(--primary-color);
}

.capacha-admission{
  display: table;
margin-left: auto;
margin-top: 16px;
}

.capacha-admission2
{
  display: table;
margin-right: auto;
margin-top: 16px; 
}

.career-form .form-group
{
  margin-bottom:0px;
}

/*
======================================
Contact page Address
======================================
*/

.address-box
{
  box-shadow:0 0 10px rgba(0,0,0,.2);
  background-color: #F2F2F2;
  padding:20px 15px;
  height: auto;
}

.address-box .address-row{
  clear: both;
  margin-bottom:2px;
}

.address-box .address-row .icon
{
  width: 40px;
  height: 40px;
  background-color: var(--primary2-color);
  display: inline-block;
  float: left;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  margin-right: 10px;
}

.address-box .address-row .icon img
{
  width: 60%;

}

.address-box .address-row .detail .school-name
{
  font-size: 14px;
  font-family: var(--ralway-SemiBold);
  text-transform: uppercase;
}

.address-box .address-row .detail
{
  display: inline-block;
  width: 85%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 3px;
}

.address-box .address-row .detail span.text
{
  font-family: var(--ralway-Medium);
  color: #000;
}

.address-box .address-row .detail strong
{
  font-family: var(--ralway-Medium);
  display:block;
  font-size: 90%;
  text-transform: uppercase;
}