@charset "utf-8";
/* -------------------------------------------------------------- 
- Site Name: Amaravani English High School | Vani International Public School
- Version: CSS3 (Feb 2016)
- Site URL: 
- Author: Raghavendra Prasad.K
- Author URL: https://raghuinweb.co.nf/ == https://www.behance.net/raghuinweb/
------------------------------------------------------------- */

/* Global Styles */
@import url("bootstrap.min.css");
html,
body {
    height: 100%;
	}

body {
    padding-top: 0px; overflow-x: hidden; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}


.mr_tp{ margin-top: 8px}
.mr_ctp{margin-top: 2em}
.navbar-inverse{border-top: 30px solid #0870af;height: 145px;}
.carousel{margin-top: 125px}
.anouncement{ clear: both; background: #003981; padding: 0.5em 0; margin: 0; font-size: 1.2em; text-align: right; color: #FFFFFF}
.welcum, .quick_links { float: left; background: #4597d3; width: 50%; color: #FFFFFF;min-height: 55px;}
.welcum, .welcum_fluid{ background: #4597d3;}
.welcum_fluid h4{font-size: 1.8em;  padding: 0em 0 0.1em 0; line-height: 2em;font-weight: 500;margin: 0; color: #FFFFFF}
.quick_links { background: #e1c355; text-align: right; }
.welcum h1{font-size: 1.8em;padding: 0em 0 0.1em 20%;line-height: 2em;font-weight: 500;margin: 0;}
.quick_links h4{font-size: 1.8em;padding: 0em 24% 0.1em 0;line-height: 2em;font-weight: 500;margin: 0; color: #685203}
.pg_cnt{ font-size: 1em; line-height: 1.5em; color: #333333; }
.pg_cnt img{ float: left; margin: 0 1em 0 0}
.quick_links_list{ float: left; }
.quick_links_list ul li{ color: #FFFFFF;background: #a51d33;margin: 0.5em 0;}
.quick_links_list ul li a{ color: #FFFFFF; padding: 0.5em 2.5em;  display: block}
.quick_links_list ul li:first-child{ margin: 0}
.quick_links_list ul li a:hover{background: #4597d3; text-decoration: none}
.fm_bg{background: #c8c8c8;min-height: 323px;}
.fm_bg p{text-align: center; margin: 0.5em 0}
.raghuinweb{text-indent: -10000px}
.galleyr_shape{width: 160px;height: 0px;border-bottom: 50px solid #4597d3;border-left: 40px solid #FFFFFF;color: #FFF;width: 100%;font-size: x-large;padding: 0 0 0 1%;line-height: 2em;}
.galleyr_shape a{ color: #FFFFFF}
.galleyr_shape a:hover{text-decoration: none}
a.navbar-brand { display: block}
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}
header.slide{ height: 30%}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 20px 0 0 0;
}
.ftr{ background: #44494d; color: #FFFFFF; padding: 1em 0}
.ft_links{text-align: center; margin: 0.5em 0 }
.ft_links a{ margin: 0 0.5em ; color: #FFFFFF}
.copy_rits a, .hme_contact a{ color: #FFFFFF}
.hme_contact{background: #1258ad; color: #FFFFFF;padding: 0; }
.hme_contact p{padding: 2em 0 1em 1em;}
.hme_contact{min-height: 100px;background: url(../images/bg.jpg) 200px top no-repeat #1258AF;}

.blue_bg{background: #4597d3; min-height: 100px; padding: 0;width: 75%;margin: 0.2em 0 0 0;}
/* Responsive Styles */
.controls {
    position: relative;
}
.controls ul li{ list-style: none}
p.help-block{ margin: 0; text-align: right; }
.navbar-right{ margin-top: 0.5em}
.thumb {
    margin-bottom: 30px;
}

.principle{ margin: 1em 0; }
.principle img{ float: left}
.facilities strong{font-size: 1.4em;}
.facilities{ text-align: left; line-height: 1.5em; color: #333333;display: block;}
.navbar-header{position: relative; z-index:1}
.faci_txt{ text-align: center; line-height: 1.5em; color: #333333; font-size: 1.4em;}


/***********************************************************	Light box *********************************/
.viewbox-container{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	z-index: 10000;
}
.viewbox-body{
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	overflow: auto;
}
.viewbox-header{
	margin: 10px;
}
.viewbox-content{
	margin: 10px;
	width: 300px;
	height: 300px;
}
.viewbox-footer{
	margin: 10px;
}
.viewbox-content .viewbox-image{
	width: 100%;
	height: 100%;
}

/* buttons */
.viewbox-button-default{
	cursor: pointer;
    height: 64px;
    width: 64px;
}
.viewbox-button-default > svg{
	width: 100%;
	height: 100%;
	background: inherit;
	fill: inherit;
	pointer-events: none;
	transform: translateX(0px);
}
.viewbox-button-default{
	fill: #999;
}
.viewbox-button-default:hover{
    fill: #fff;
}

.viewbox-button-close{
	position:absolute;
	top:10px;
	right: 10px;
	z-index:9;
}
.viewbox-button-next,
.viewbox-button-prev{
	position:absolute;
	top: 50%;
	height: 128px;
    width: 128px;
	margin: -64px 0 0;
	z-index:9;
}
.viewbox-button-next{
	right: 10px;
}
.viewbox-button-prev{
	left: 10px;
}
@media (max-width: 480px) {
	.viewbox-button-close{
		top: 0;
		right: 0;
	}
	.viewbox-button-next,
	.viewbox-button-prev{
		height: 81px;
    	width: 81px;
		margin-top: -40px;
	}
	.viewbox-button-next{
		right:-15px;
	}
	.viewbox-button-prev{
		left:-15px;
	}
}

/* loader */
.viewbox-container .loader{
	widows: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-25px 0 0 -25px;
}
.viewbox-container .loader *{
	margin: 0;
	padding: 0;
}
.viewbox-container .loader .spinner{
	width: 50px;
	height: 50px;
	position: relative;
	margin: 0 auto;
}
.viewbox-container .loader .double-bounce1,
.viewbox-container .loader .double-bounce2{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #999;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.viewbox-container .loader .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce{
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce{
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/***********************************************************	SlideShow *********************************/

#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}


.vui-slider {
	position:relative;
	overflow:hidden;
	width: 100%; height: 350px;
	
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
#slider{ margin: 130px 0 0 0; overflow: hidden; height: 350px; }

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:1023px) {
	#slider{ margin: 130px 0 0 0; overflow: hidden;height: 350px; }
	}

@media(max-width:767px) {
	.quick_links{ display: none}
	.welcum{ float: none; width: 100%;}
	.hme_contact{ background-image: none}
	.blue_bg{ width: 100%}
	.quick_links_list{ float: none}
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

@media(max-width:767px) {
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{top: 64px;}
	#slider{ height: 260px; }
	.welcum h1{ padding: 0; text-align: center; }
	}



@media(max-width:640px) {
	.navbar-brand{padding: 5px 0 0 0}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{top: 65px;}
	#slider{  height: 218px; }
	}

@media(max-width:480px) {
	.navbar-brand{padding: 5px 0 0 0;width: 85%;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ top: 45px; }
	.navbar-inverse{ height: 124px}
	#slider{  height: 164px; }
	}

@media(max-width:375px) {
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ top: 19px; position:relative}
	.navbar-inverse{ border-top : 10px solid #0870af;}
	.navbar-inverse{ height: 150px}
	.navbar-brand{ height:  auto; padding: 0;width: auto;}
	#slider{  height: 128px; }
	}
@media(max-width:320px){
		#slider{ height: 109px;  }
	}