/*----------- Preloader ----------
#preloader{
position: fixed;
width: 100%;
height: 100vh;
margin-top:-20px;
background :url('https://freefrontend.com/assets/img/css-loaders/cube-flipping-loader.gif');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
z-index:99999;
}
/*----------- Preloader ----------*/


/*----------- Preloader ----------*/
.no-scroll
{
	margin: 0;
	height: 100%;
	overflow: hidden;
}
body
{
	position: relative;
}

.spinner-ctn
{
	position: absolute;
	/*background: linear-gradient(to bottom, #42a5f5, #86c9ff);*/
	background :url('https://freefrontend.com/assets/img/css-loaders/cube-flipping-loader.gif');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 999999;
	/*padding-top: 200PX;*/
}
/*
.spinner-ctn h1
{
	color: #fff !important;
}
.spinner
{
	height: 40PX;
	width: 50PX;
	margin: 50PX auto;
}
.spinner > div
{
	height: 100%;
	display: inline-block;
	width: 6PX;
	background-color: #fff !important;
	animation: animeDiv 1.2s infinite ease-in-out;
}
@keyframes animeDiv
{
	0%, 40%, 100%
	{
		transform: scaleY(0.4);
	}
	20%
	{
		transform: scaleY(1);
	}
}
.spinner .rectangle2
{
	animation-delay: -1.1s;
}
.spinner .rectangle3
{
	animation-delay: -1.0s;
}
.spinner .rectangle4
{
	animation-delay: -0.9s;
}
.spinner .rectangle5
{
	animation-delay: -0.8s;
}
/*----------- Preloader ----------*/



*
{
	margin: 0;
	padding: 0;
}
/**
Fixing bootstrap columns for safari
 */
.row:before, .row:after{
 display: inline-block !important;
}
.rowfafari
{ 
	display: -webkit-box; 
	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-flex-wrap: wrap; 
	-ms-flex-wrap: wrap; 
	flex-wrap: wrap; 
}
p
{
	font-size: 17px;
}
/*----------- UpperBar ----------
#upper-bar
{
	background-color: #2e8ece !important;
	height: auto;
	position: sticky;
	color: #fff !important;
}
#upper-bar .fa
{
	float: left;
	font-size: 17px;
	color: #ffc107 !important;
	padding-right: 10PX;
	padding-top: 17PX;
}
#upper-bar h6
{
	padding-top: 7PX;
	font-size: 15PX;
}
@media only screen and (max-width: 767px)
{
	.hide-on-mobile
	{
		visibility: hidden;
		display: none;
	}
}
/*----------- UpperBar ----------*/



/*--------- Slider ---------
.slider-size {
  height: 200px; 
}
/*--------- Slider ---------*/



/*---------- Fixed Image ------------*/
#fixed-image
{
	width: 100%;
	height: 300px;
}
/*---------- Fixed Image ------------*/



/*----------- Section 1 ----------*/
.prodct-avatar > img 
{
    float: left;
    width: 365PX;
}
.prodct-avatar 
{
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    top: -20PX;
}
.prod-info 
{
    bottom: 0;
    color: #fff !important;
    font-weight: bold;
    left: 0;
    letter-spacing: 0.2px;
    padding: 16px 50px;
    position: absolute;
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background-color: #484b4c !important;
    width: 365PX;
    margin-left: 15PX;
}
.prod-info:hover
{
    padding: 135px 100px;
    background-color: #12121399 !important;
    transition: 1.3s;
    height: 238PX;
    font-size: 17px;
}


@media only screen and (max-width: 767px)
{
	.prodct-avatar 
	{
	    top: 20PX;
	    margin: 15px auto;
	    right: 8px;

	}
}
/*----------- Section 1 ----------*/



//*----------- About --------------*/
#about
{
	padding: 50PX;
	margin: 20px;
}
#about h1::after
{
	content: '';
	background: #777 !important;
	display: block;
	height: 3px;
	width: 100%;
	margin: 2px auto 5px;
}
#about p
{
	color: #000;
}
@media only screen and (max-width: 767px)
{
	#about
	{
		margin-top: 40px;
	}
}
/*----------- About --------------*/



/*---------- News ------------*/
.news
{
	padding-top: 10px;
	padding-bottom: 5px;
	color: #fff;
	border-radius: 5px;
}
.news-content
{
	font-size: 17px;
	width: 90%;
}
.news h2
{
	color: #fff;
	height: 40px;
	margin-top: -5px;
}
@media only screen and (max-width: 767px)
{
	.news
	{
		margin-right: 7PX;
		margin-left: 7PX;
	}
}
/*---------- News ------------*/



/*----------- Global About --------------*/
#rest-page-about
{
	padding: 50PX;
}
#rest-page-about h1::after
{
	content: '';
	background: #777 !important;
	display: block;
	height: 3px;
	width: 100px;
	margin: 2px auto 5px;
}
#rest-page-about p
{
	text-align: justify;
}
#rest-page-about img
{
	height: auto;
	width: 100%;
}
/*----------- Global About --------------*/




/*----------- Number Bar --------------*/
#number-bar
{
	padding-bottom: 50PX;
	padding-top: 50PX;
	color: #fff !important;
	margin-top: 20px; 
}
#number-bar .col-md-3
{
	border-right: 1px solid #fff !important;
}
#number-bar .fa
{
	font-size: 100PX;
}
.count
{
  line-height: 30px;
  margin-left:30px;
  font-size:50px;
}
@media only screen and (max-width: 767px)
{
	#number-bar
	{
		margin-top: 20px;
	}
	#number-bar .col-md-3
	{
		border-right: 0px solid #fff;
	}
}
/*----------- Number Bar --------------*/



/*----------- News & Events --------------*/
#news-area
{
	background-color: #fff !important;
	min-height: 500px;
    position: relative;
    padding: 50px 0;
}
#news-area h1
{
	margin-bottom: 30px;
}
.news-single-box {
    background: rgba(46, 142, 206, 0.66) !important;
}
.news-img-box {
    overflow: hidden;
    height: auto;
}
.news-img-box img {
    width: 100%;
    height: 100%
}
.news-content {
    padding: 20px 23px 30px;
}
.news-content h3 {
    margin: 0;
    padding-bottom: 10px;
    color: #fff;
}
.news-content p {
    margin: 0;
    color: #fff !important;
}
.news-content h3 a {
    margin: 0;
    color: #fff !important;
    text-decoration: none;
}
.news-content h3 a:hover
{
    margin: 0;
    color: #1e5880 !important;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.news-single-box:hover
{
    transition: all 0.7s ease-in-out;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.news-single-box:hover img
{
    transition: all 0.7s ease-in-out;
    width: 102%;
    height: 102%;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
@media only screen and (max-width: 767px)
{
	.news-single-box
	{
		margin-top: 20px;
	}
}
/*----------- News & Events --------------*/



/*----------- Holistic Approach --------*/
#holistic
{
	padding:50px;
	color:#FFFFFF;
}
#holistic h1:after
{
	content: '';
	background: #efd30e !important;
	display: block;
	height: 2px;
	width: 15%;
	margin: 2px auto 5px;
}
#holistic p
{
	font-size:16px;
	word-spacing:2px;
	color:#FFFFFF;
}
#holistic .fa
{
	font-size:80px;
	vertical-align:middle;
	margin-bottom:50px;
}
#holistic .fa-shield
{
	margin:50px;
}
#holistic .fa-handshake-o
{
	margin:50px;
}
#holistic .fa-balance-scale
{
	margin:50px;
}
#holistic .fa-futbol-o
{
	margin:50px;
}
#holistic .fa-lightbulb-o
{
	margin:50px;
}
#holistic .fa-users
{
	margin:50px;
}
#holistic .fa-american-sign-language-interpreting
{
	margin:50px;
}
#holistic .fa-hand-paper-o
{
	margin:50px;
}
#holistic .fa-language
{
	margin:50px;
}
.gems-img img
{
	margin-left: 30px;
	margin-bottom: 10px;
}
.overlay 
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	cursor:pointer;
	width: 100%;
	opacity: 0;
  	transition: .5s ease;
  	/*background-color: #008CBA;*/
  	background: #42a5f5;
}

.icon-academic{
border-right:1px solid #bebebe;
}
.icon-academic:hover .overlay {
  opacity: 1;
}

.icon-personality{
border-right:1px solid #bebebe;
}

.icon-personality:hover .overlay {
  opacity: 1;
}

.icon-values:hover .overlay {
  opacity: 1;
}

.icon-sports{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;

} 

.icon-sports:hover .overlay {
  opacity: 1;
}

.icon-creativity{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;
} 

.icon-creativity:hover .overlay {
  opacity: 1;
}

.icon-community{
 border-top:1px solid #bebebe;
}

.icon-community:hover .overlay {
  opacity: 1;
}

.icon-visual{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;
}

.icon-visual:hover .overlay {
  opacity: 1;
}

.icon-leadership{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;
}

.icon-leadership:hover .overlay {
  opacity: 1;
}

.icon-skill{
 border-top:1px solid #bebebe;
}

.icon-skill:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/*Holistic*/



@media only screen and (max-width: 480px)
{

/*Holistic*/

.icon-academic
{
	border-top:1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

.icon-personality
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	border-right:none;
}

.icon-values
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-left:none;	
}
.icon-sports
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	border-right:none;
} 

.icon-creativity
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-left:none;
} 

.icon-community
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	border-right:none;
}

.icon-visual
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-left:none;
}

.icon-leadership
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	border-right:none;
}

.icon-skill
{
	border-top:none;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-left:none;
}
/*Holistic*/
}
/*------------Holistic Approach ------*/


/*----------- News Scroll --------------
#news-scroll
{
	padding: 30px 5px;
	background-color: #011929 !important;
	color: #fab51a !important;
}
/*----------- News Scroll --------------*/



/*----------- House --------------*/
#house
{
	padding: 30px 0px;
}
.house img
{
	height: 100%;
	width: 100%;
}
.house img:hover
{
	transition: all 0.7s ease-in-out;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}
.video-frame iframe
{
	height: 300px;
	width: 100%;
}
/*----------- House --------------*/



/*----------- Promo --------------*/
#promo
{
	padding: 150px 0px;
	color: #fff !important;
}
#promo h1
{
	font-size: 50px;
}
#promo p
{
	font-size: 30px;
	color: #fff;
}
#promo a
{
	font-size: 20px;
	padding: 10px 60px;
}
/*----------- Promo --------------*/




/*----------- Global Gallery --------------*/
#every-page-gallery
{
	padding: 50px 0px;
}
#every-page-gallery img
{
	height: 100%;
	width: 100%;
}
#every-page-gallery img:hover
{
	transition: all 0.7s ease-in-out;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}
@media only screen and (max-width: 767px)
{
	#every-page-gallery
	{
		margin-top: 20px;
	}
}
/*----------- Global Gallery --------------*/



/*----------- Video Gallery --------------*/
#video
{
	padding: 50PX;
}
#video h2
{
	padding-bottom: 30PX;
}
#video .col-md-6
{
	padding-bottom: 30PX;
}
/*----------- Video Gallery --------------*/



/*----------- Contact --------------*/
#contact-wrapper
{
	text-align: center;
	padding: 80PX;
}
.contact-title
{
	color: #fff;
	text-transform: uppercase;
	transition: all 4s ease-in-out;
}
.contact-title h1
{
	font-size: 32PX;
	line-height: 20PX;
}
.contact-title h2
{
	font-size: 16PX;
}
form
{
	margin-top: 50PX;
	transition: all 4s ease-in-out;
}
.form-controll
{
	width: 600PX;
	background: transparent;
	border: none;
	outline: none;
	border-bottom: 1PX solid #fff;
	color: #fff;
	font-size: 18PX;
	margin-bottom: 16PX;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
input
{
	height: 45PX;
}
form .submit
{
	background: #ff5722;
	border-color: transparent;
	color: #fff;
	font-size: 20PX;
	font-weight: bold;
	letter-spacing: 2PX;
	height: 50PX;
	margin-top: 20PX;
	border-radius: 25px;
}
form .submit:hover
{
	background: #f44336;
	cursor: pointer;
}

@media only screen and (max-width: 767px)
{
	.form-controll
	{
		width: 100%;
		font-size: 15PX;
		margin: 0 auto 16PX;
	}
	form .submit
	{
		font-size: 17PX;
		font-weight: bold;
		height: 50PX;
		margin: 17PX auto 0;
	}
}

@media only screen and (max-width: 440px)
{
	.form-controll
	{
		width: 100%;
		font-size: 15PX;
		margin: 0 auto 16PX;
	}
	form .submit
	{
		font-size: 17PX;
		font-weight: bold;
		height: 50PX;
		margin: 17PX auto 0;
	}
}
/*----------- Contact --------------*/




/*------------ Footer ------------*/
#footer-area
{
	background: #011929 !important;
	color: #fff !important;
	padding: 30px;
}
.footer-logo span
{
	color: #ffc107 !important;
	font-size: 22px;
}
.container span>a
{
	color: #ffc107 !important;
	text-decoration: none;
}
.container span>a:hover
{
	color: #2e8ece !important;
	transform: 0.5s ease-in-out;
}
.container hr
{
	border: 0.5px solid #ffc107 !important;
	margin-top: -40px;
}
#footer-area h4
{
	font-size: 22px;
	font-weight: bold;
	margin-top: 15px;
	color: #fff !important;
}
#footer-area p
{
	font-size: 15px;
	margin-top: 20px;
	color: #ccc !important; 
	text-align: justify;
}
.footer-search
{
	margin-top: -60px;
}
.footer-search input[type=text]
{
  	/*padding: 6px;
  	margin-top: 8px;
  	margin-right: 16px;
  	font-size: 17px;*/

  	border:none;
	border-bottom: 1PX solid #fff;
	background: transparent;
	outline: none;
	height: 35PX;
	color: #fff;
	font-size: 15PX;
}
.footer-search input[type=submit]
{
	background: red;
	cursor: pointer;
	height: 35PX;
	color: #fff;
	font-size: 15PX;
	border-radius: 25PX;
	border:none;
	outline: none;
	padding: 0 30px;
	/*margin: 15PX auto 0; */
}
#footer-area ul
{
	float: center;
}
#footer-area ul li
{
	padding: 2px;
	display: block;
	font-size: 14px;
	color: #ccc !important;
}
#footer-area:hover ul li
{
	color: #ffc107 !important;
	cursor: pointer;
}
#footer-area ul, #footer-area ul li
{
	transition: 0.5s;
}
.footer-contacts .fa
{
	float: left;
	font-size: 20px;
	color: #ffc107 !important;
}
#footer-area b
{
	color: #ffc107 !important;
	font-size: 16px;
}
.flicker-img
{
	margin-top: -40px;
	margin-bottom: 0px;
}
.flicker-img img
{
	height: auto;
	width: 100%;
	float:left;
}

@media only screen and (max-width: 767px)
{
	.footer-logo img
	{
		height: auto;
		width: 50%;
	}
	.footer-search
{
	margin-top: -60px;
}
.footer-search input[type=text]
{
  	/*padding: 6px;
  	margin-top: 8px;
  	margin-right: 16px;
  	font-size: 17px;*/

  	border:none;
	border-bottom: 1PX solid #fff;
	background: transparent;
	outline: none;
	height: 35PX;
	color: #fff;
	font-size: 15PX;
}
.footer-search input[type=submit]
{
	background: red;
	cursor: pointer;
	height: 35PX;
	color: #fff;
	font-size: 15PX;
	border-radius: 25PX;
	border:none;
	outline: none;
	padding: 0 10px;
	/*margin: 15PX auto 0; */
}
}
/*------------ Footer ------------*/




#backgroundPopup{display:none;background:#FFFFFF;z-index:9999;position:fixed;left:1px; width: 100%;  height: 100%;
  min-height: 100%;   top:1px;}