/* **
 * ========================================
 * Includes Fonts
 * ========================================
 ** */


@font-face {
    font-family: FontAwesome;
    src: url(../fonts/font-awesome/fonts/FontAwesome.otf);
}

@font-face {
    font-family: fontawesome-webfont;
    src: url(../fonts/font-awesome/fonts/fontawesome-webfont.ttf);
}	

	
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'); /* support Internet explorer  */
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* support Internet explorer  */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* support Modern browser  */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), /* support firefox , chrome   */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg');/* Svg form   */
	font-weight: normal; 
	font-style :normal;		 
}	


@font-face {
    font-family: 'open-sans';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');   /* support Internet explorer  */
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* support Internet explorer  */
    url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), /* support Modern browser  */
    url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype'), /* support firefox , chrome   */
    url('') format('svg');
	font-weight: normal;
	font-style :normal ;
}

@font-face {
    font-family: Bariol-R;
    src: url(../fonts/bariol/Bariol_Regular.otf);
}

@font-face {
    font-family: Bariol-B;
    src: url(../fonts/bariol/Bariol_Bold.otf);
}

@font-face {
    font-family: Hind-madurai-R;
    src: url(../fonts/Hind/hind-madurai.ttf);
}	

@font-face {
    font-family: Hind-madurai-B;
    src: url(../fonts/Hind/hind-madurai-bold.ttf);
}

@font-face {
    font-family: Raleway-R;
    src: url(../fonts/raleway/Raleway-Regular.ttf);
}

@font-face {
    font-family: Raleway-BL;
    src: url(../fonts/raleway/Raleway-Black.ttf);
}

@font-face {
    font-family: Raleway-SB;
    src: url(../fonts/raleway/Raleway-SemiBold.ttf);
}

@font-face {
    font-family: Raleway-B;
    src: url(../fonts/raleway/Raleway-Bold.ttf);
}

@font-face {
    font-family: Raleway-L;
    src: url(../fonts/raleway/Raleway-Light.ttf);
}


/*---------------------------------------
   2.2 PRE LOADER              
-----------------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.status {
    width: 129px;
    height: 129px;
    position: absolute;
    left: 47%;
    top: 47%;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px;
}

#html5-watermark{
	display: none !important;
}

header{
	padding: 32px 0;
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 888;
	top: 0;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.39);
}
.modal-dialog { z-index: 9999; }
header.sticky{
	padding: 8px 0;
}

header .topbtns-box{
	padding-top: 32px;
	float: right;
	
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

header.sticky .topbtns-box{
	padding-top: 8px;
}

header .logo{
	height: 100px;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

header.sticky .logo{
	height: 50px;margin-top: 6px;
}

.orange-btn{
	font-family: Raleway-BL;
	font-size: 24px;
	color: #fff;
	background-color: #ffa533;
	padding: 8px 26px;
	border: 2px solid #ffa533;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	text-align: center;
	text-transform: uppercase;
	margin-left: 4px;
	vertical-align: top;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.orange-btn:hover,
.orange-btn:focus,
.orange-btn:visited{
	border: 2px solid #F3A700;
	background-color: #fff;
	color: #F3A700;
}

.grn-btn{
	font-family: Raleway-BL;
	font-size: 24px;
	color: #fff;
	background-color: #609bd0;
	padding: 8px 26px;
	border: 2px solid #609bd0;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	text-align: center;
	text-transform: uppercase;
	margin-left: 4px;
	vertical-align: top;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.grn-btn:hover,
.grn-btn:focus,
.grn-btn:visited{
	border: 2px solid #609bd0;
	background-color: #fff;
	color: #609bd0;
}

header a{
	text-decoration: none !important;
	outline: 0 !important;
}

header h2{
	font-family: Raleway-BL;
	font-size: 26px;
	color: #656565;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	margin-left: 16px;
	padding-left: 16px;
	border-left: 4px solid #7eba02;
	line-height: 27px;
}

header h2 span{
	font-size: 32px;
	display: block;
	color: #656565;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

header h2 span:hover{
	color: #F3A700;
}

/*--------- stickybtn-section -------*/

.sticky-btn{
	position: fixed;
	float: none;
	z-index: 9999;
	right: -150px;
	left: auto;
	top: 45%;
	background-color: #d4614a;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-family: Raleway-B;
	text-transform: uppercase;
	font-size: 24px;
	padding: 10px 40px 50px;
	display: block;
	letter-spacing: 1px;
	text-align: center;
	outline: 0 !important;
	
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
	-webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform: rotate(-90deg);
    white-space:nowrap;
}

.sticky-btn:hover{
	background-color: #609bd0;
	right: -130px;
}

.sticky-btn:focus{
	background-color: #609bd0;
}

.sticky-btn:visited{
	background-color: #609bd0;
}

/*------- banner-section --------*/

.banner-section{
	background-image: url("../images/banner.jpg");
	height: 782px;
	background-position: top left;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.banner-container .banner-content h1{
	font-family: Raleway-BL;
	font-size: 58px;
	color: #fff;
	text-transform: uppercase;
	width: 73%;
	display: block;
	margin: 0 auto;
	text-align: center;
	float: none;
	padding-top: 35px;	
}
.banner-content .black{
	background-color: rgba(32, 32, 32, .6);
	width: 85%;
margin: 22% auto;padding-bottom:50px;}

/*-------- content-section --------*/
.video-show{ position:relative; z-index: 1000; }
.content-heading{
	font-family: Raleway-BL;
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 20px;
	display: block;
}

.content-heading span.wh-line{
	width: 80px;
	border-top: 1px solid #fff;
	height: 1px;
	display: block;
	margin-top: 7px;
}

p.para1{
	font-family: Raleway-R;
	font-size: 24px;
	color: #fff;
	line-height: 34px;
}

.form-container .form-content-box{
	width: 90%;
	margin: -100px auto 40px;
	position: relative;
	z-index: 100;
	
	background-color: rgba(0, 0, 0, .7);
	overflow: hidden;
}

.form-container p.para1{
	margin: 15px 0 5px;
}

.form-container .orange-btn{
	margin: 42px 0 6px;
	border-radius: 3px;
	background-color:#609bd0;
	border-color:#609bd0;
    color: white;
}
.form-container .orange-btn:hover{
	color:#609bd0;
	background-color:#609bd0;
	background-color:#fff;
}
.form-container .orange-btn:focus{
	color:#609bd0;
	background-color:#609bd0;
	background-color:#fff;
}

.form-container .form-content-box .about-box{
	width: 55%;
	display: inline-block;
	vertical-align: top;
	padding: 19px 45px;
}

.form-container .form-content-box .form-box{
	width: 44%;
	display: inline-block;
	vertical-align: top;
	float: right;
}

.form-container .form-content-box .form-box h3{
	font-family: Raleway-B;
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 15px;
}

.form-container .form-content-box .form-box h3 span.wh-line{
	width: 80px;
	border-top: 1px solid #fff;
	height: 1px;
	display: block;
	margin-top: 7px;
}

.form-box{
	background-color: #F3A700;
	padding: 42px 40px;
	width: 100%;
	display: block;
	position: relative;
	z-index: 300;
	width: 100%;
	/* float: right ;*/
}

.form-box .frm-input{
	width: 100%;
	margin-top: 4px;
	border-radius: 25px;
	padding: 12px 30px;
	display: block;
	
	border: 1px solid #fff;
	box-shadow: none;
	outline: 0;
	
	font-family: Raleway-L;
	font-size: 16px;
	color: #a1a1a1;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.form-box .frm-input.frm-txtarea{
	height: 176px;
}

.form-box .frm-input:focus{
	background-color: #fefbcb;
}

.form-box .submit-btn{
	background-color: #d4614a;
	border: 2px solid #d4614a;
	color: #fff;
	font-family: Raleway-B;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	border-radius: 3px;
	margin: 30px 0 5px;
	outline: 0;
	box-shadow: none;
	padding: 5px 30px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.form-box .submit-btn:hover{
	color: #d4614a;
	border: 2px solid #d4614a;
	background-color: #fff;
}

/*--------- advantage-section ----------*/

.advantage-section{
	background-image: url("../images/blue-bk.jpg");
	height: 446px;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	padding: 45px 0;
}

.advantage-container a{
	text-decoration: none !important;
	outline: 0 !important;
}

.advantage-container .content-heading{
	text-align: center;
	margin: 0 auto 25px;
	float: none;
	display: block;
}

p.para2{
	font-family: Raleway-R;
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	margin-bottom: 35px;
}

.advantage-container p.para2{
	text-align: center;
	display: block;
}

.advantage-container .orange-btn{
	margin: 0 auto;
	display: block;
}

/*---------- grnbar-section ----------*/

.grnbar-section{
	background-color: #d4614a;
	padding: 50px 0;
	width: 100%;
}

.grnbar-container h2{
	font-family: Raleway-B;
	font-size: 30px;
	color: #fff;
	text-align: center;
	display: block;
	margin: 0 auto;
	float: none;
	text-transform: uppercase;
	line-height: 34px;
}

/*---------- classroom-section -----------*/

.classroom-section{
	padding: 70px 0;
}

.classroom-container .content-heading{
	color: #2a2a2a;
	text-align: center;
	float: none;
	display: block;
	margin: 0 auto;
	font-size: 36px;
}

.classroom-container .classpics-div{
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 20px;
}

.classroom-container .classpics-div .img-box{
	display: inline-block;
	width: 31%;
	margin: 15px 3px;
	vertical-align: top;
	overflow: hidden;
}

.classroom-container .classpics-div .img-box img{
	width: 100%;
	
	-webkit-transition: all .7s ease; /* Safari and Chrome */
    -moz-transition: all .7s ease; /* Firefox */
    -ms-transition: all .7s ease; /* IE 9 */
    -o-transition: all .7s ease; /* Opera */
    transition: all .7s ease;
}

.classroom-container .classpics-div .img-box img:hover{
	 -webkit-transform:scale(1.09); /* Safari and Chrome */
    -moz-transform:scale(1.09); /* Firefox */
    -ms-transform:scale(1.09); /* IE 9 */
    -o-transform:scale(1.09); /* Opera */
     transform:scale(1.09);
}

/*------------ testi-section ----------*/

.testi-section{
	background-image: url("../images/testi-bk.jpg");
	height: 529px;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	padding: 70px 0;
}

.testi-container .content-heading{
	text-align: center;
	margin: 0 auto 60px;
	display: block;
	font-size: 48px;	
}

.testi-container .testi-box{
	width: 32.5%;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #fff;
}

.testi-container .testi-box.no-bdr{
	border: none;
}

.testi-container .testi-box .testi-qbox{
	display: inline-block;
	vertical-align: top;
	width: 18%;
	text-align: center;
}

.testi-container .testi-box .testi-qbox h2{
	font-family: Raleway-B;
	font-size: 150px;
	color: #fff;
	margin: 0;
}

.testi-container .testi-box .testi-contentbox{
	display: inline-block;
	width: 78%;
	vertical-align: top;
	padding-right: 8px;
}

.testi-container .testi-box .testi-contentbox p{
	font-family: Raleway-R;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
}

.testi-container .testi-box .testi-contentbox h4{
	font-family: Raleway-SB;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
}

/*--------- about-section --------*/
.about-section{
	padding: 100px 0;
}

.about-container .content-heading{
	text-align: center;
	color: #2a2a2a;
	font-size: 48px;
}

.about-container .content-heading img{
	vertical-align: top;
	margin-left: 10px;
	margin-top: 5px;
}

.about-container p{
	font-family: Raleway-R;
	font-size: 18px;
	color: #515151;
	text-align: center;
	display: block;
	margin: 35px auto 0;
	width: 82%;
}

.cnt-box{
	background-color: #f3a700;
	width: 74%;
	display: block;
	margin: -130px auto 54px;
	padding: 24px;
	position: relative;
	z-index: 100;
}

.cnt-box .left-box{
	width: 75%;
	display: inline-block;
	vertical-align: top;
	border-right: 4px solid #fff;
}

.cnt-box h2{
	font-family: Raleway-BL;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
}

.cnt-box h3{
	font-family: Raleway-SB;
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
	margin: 0;
}

.cnt-box .right-box{
	width: 24%;
	display: inline-block;
	vertical-align: top;
}

.cnt-box h4{
	font-family: Raleway-BL;
	font-size: 24px;
	color: #2a2a2a;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	padding-top: 11px;
}

.about-container a,
.addr-container a{
	text-decoration: none !important;
	outline: 0 !important;
}

/*--------- addr-section -----------*/

.addr-section{
	background-color: #ebebeb;
	padding: 80px 0 30px;
}

.addr-container .addr-div{
	text-align: center;
}

.addr-container .addr-box{
	width: 33%;
	display: inline-block;
	margin-bottom: 25px;
	vertical-align: top;
}

.addr-container .addr-box .icon-box{
	width: 14%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.addr-container .addr-box .icon-box .fa{
	color: #373737;
	font-size: 32px;
	text-align: left;
	margin: 4px 0px 0px 9px;
}

.addr-container .addr-box .content-box{
	width: 61%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.addr-container .addr-box .content-box h3{
	font-family: Hind-madurai-B;
	font-size: 38px;
	color: #122c4b;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 5px;	
	text-align: left;
}

.addr-container .addr-box .content-box h4{
	font-family: Hind-madurai-R;
	font-size: 16px;
	color: #545454;
	display: block;
	margin: 0;
	line-height: 22px;
	text-align: left;
}

.addr-container .addr-box .content-box a{
	color: #545454;
	text-decoration: none !important;
	outline: 0 !important;
}

.addr-container .addr-box .content-box h4 a:hover{
	color: #000;
}

/*------- jump to Top --------*/

#moveup .fa{
	width: 35px;
	height: 40px;
	text-align: center;
	position: fixed;
	right: 30px;
	left: auto;
	bottom: 50px;
	color: #fff;
	font-size: 35px;
	background-color: #F3A700;
	z-index: 9999;
}

.jumper.j1 {
	opacity: 0;
	
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.jumper.j1.showup{
	opacity: 1;
}

/*------- footer ---------*/

footer{
	background-color: #1e140a;
	width: 100%;
	padding: 12px 0;
}

footer h6{
	font-family: Bariol-R;
	font-size: 15px;
	color: #fff;
	display: inline-block;
	margin: 0;
	font-weight: 300;
	display: block;
	line-height: 25px;
}

footer h6 img{
	margin-left: 21px;
}
/*============== thanku-page =============*/

.err-msg {
    color: #000;
    display: block;
    font-family: open-sans;
	font-weight: 300;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    text-align: left;
	padding-left: 20px;
}

.thanku-container {
	padding-top: 170px;
}

.thanku-container .thanku-box{
	width: 50%;
	margin: 50px auto;
	text-align: center;
	float: none;
	display: block;
}

.thanku-section{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#35416b+0,b7deed+50,9a7080+100 */
background: #35416b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #35416b 0%, #b7deed 50%, #9a7080 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #35416b 0%,#b7deed 50%,#9a7080 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #35416b 0%,#b7deed 50%,#9a7080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35416b', endColorstr='#9a7080',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.thanku-container .thanku-box .blue-box{
	background-color: #4b6daa;
	padding: 70px 0;
}

.thanku-container a{
	text-decoration: none !important;
	outline: 0 !important;
}

.thanku-container .thanku-box .blue-box .thumb-box{
	background-color: #fff;
	width: 158px;
	height: 158px;
	border-radius: 158px;
	text-align: center;
	margin: 0 auto;
	display: block;
	vertical-align: middle;
}

.thanku-container .thanku-box .blue-box .thumb-box img{
	vertical-align: middle;
	text-align: center;
	margin-top: 30px;
}

.thanku-container .thanku-box .white-box{
	background-color: #fff;
	padding: 30px 0 50px;
}

.thanku-container .thanku-box .white-box h2{
	font-family: open-sans;
	font-size: 32px;
	color: #4b6daa;
	text-align: center;
	text-transform: capitalize;
}

.thanku-container .thanku-box .white-box p{
	color: #adadad;
    display: block;
    font-family: open-sans;
    font-size: 16px;
    line-height: 18px;
    margin: 30px auto 10px;
    text-align: center;
    width: 70%;
}

.thanku-container .thanku-box .back-btn {
    background-color: #4b6daa;
    border: 2px solid #4b6daa;
    box-shadow: none;
    color: #fff;
    display: block;
    float: none;
    font-family: open-sans;
    font-size: 14px;
    margin: 5px auto;
    outline: 0 none;
    padding: 5px 25px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.thanku-container .thanku-box .back-btn:hover {
    background-color: #fff;
    color: #4b6daa;
}


