@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff2') format('woff2'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Conv_roboto-condensed.light';
	src: url('../fonts/roboto-condensed.light.eot');
	src: local('☺'), url('../fonts/roboto-condensed.light.woff') format('woff'), 
	url('../fonts/roboto-condensed.light.ttf') format('truetype'), url('../fonts/roboto-condensed.light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_RobotoCondensed-Regular';
	src: url('../fonts/RobotoCondensed-Regular.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
	 url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
	  url('../fonts/RobotoCondensed-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'Conv_roboto-condensed.light';}
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }


.container_section h3{font-family: 'Conv_RobotoCondensed-Regular'; display:inline-block; position:relative; MARGIN-TOP:4PX}

.container_section_1 h3{font-family: 'Conv_RobotoCondensed-Regular'; display:inline-block; position:relative; MARGIN-TOP:4PX}


.photoBox{border-radius: 50%; height: 115px; width: 115px; overflow: hidden; border: 1px solid #ccc;}
.message_img_container.col-md-2{ width: 18%; float:left;}
.message_container .owl-nav{ display:none}


.collapse.navbar-collapse.navigation_bar .navbar-nav{ margin-top:10px;}
.collapse.navbar-collapse.navigation_bar, .navbar-default.navigation_default{ background:NONE; border:none; font-family: 'robotolight';margin-bottom:0px;}
.navbar-default.navigation_default .navbar-nav>li>a, .dropdown-menu>li>a{ color:#000;    font-size: 15px; font-family: 'Conv_roboto-condensed.light';
  padding: 6px 9px;
  font-weight: bold;
letter-spacing: 0.3px;}
  .navbar-default.navigation_default .navbar-nav>li>a:hover{    background: #c10000;
    color: #fff;
    border-radius: 6px;}



<!--slider-->
.jk-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

.header{ position:relative;}
.navigation{ width:100%; display:block; position:absolute; top:0; left:0; margin:0 auto; padding:10px; background:#ffffffe6; padding-bottom:0px; }
.new_logo{ width:70px; height:81px; float:left; display:inline-block; background:url(../images/Untitled-1.png) no-repeat; background-size:cover; }

.tittle_logo{ 
    
font-family: 'roboto_condensedbold';

color: #d31016;

font-size: 32px;
/*              
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.34);
 */
margin-bottom: 0;

padding-left: 1%;
}
.metro_msg p
{
    text-align:justify;
}

.my_nav
{
    margin-left: 13% !important;
}



.container_section{ width:100%; float:left; position:relative}
.container_section a
{
   padding: 1% 3% !important;
display: inline-block;
border: 1px solid #c01d1d !important;
border-radius: 6px;
margin: 30px;
color: #c01d1d;
background: white; 
}
.container_section a:hover{ background: #a20000 !important; text-decoration:none; color:#fff !important;}

.container_section_1{ width:100%; float:left; position:relative;margin-top:15%;}
.container_section_1 a{padding: 10px 30px; display: inline-block; border: 1px solid #a20000; border-radius: 6px; margin: 30px; color: #a20000;}
.container_section_1 a:hover{ background: #a20000; text-decoration:none; color:#fff}

.carousel-inner>.item>a>img{}
.message_container{ width:80%; position:absolute; left:0; right:0; margin:0 auto; background:#fff;top: -20px; padding: 20px 0; 
-webkit-box-shadow: 0px 0px 48px 0px rgba(201,201,201,1);
-moz-box-shadow: 0px 0px 48px 0px rgba(201,201,201,1);
box-shadow: 0px 0px 48px 0px rgba(201,201,201,1);}
.message_text a{ margin:0; padding:0; border:none}
.message_text a:hover{ background:#fff; color:#a20000}
.owl-dot { background: #a0a0a0 !important; z-index: 999;height: 12px; border-radius: 50%; width: 12px; margin-right:5px;}
.owl-dot.active{background:#c10000 !important}
.content_section{ padding-top:8%}
.top_icons li{     font-size: 46px; margin: 0 10px; float: left; list-style: none; color: #ccc;}
.top_icons li a{ margin:0 !important; padding:0 !important; border:none !important; color:#ccc !important}
.top_icons li a:hover{ color:#a20000; background:none}
 h2{position:relative;	font-family: 'Conv_roboto-condensed.light' !important; display:inline-block; font-size:25px !important; text-transform:uppercase;}
/* h2:after{width:12px; height:39px; position:absolute; content:"";right:-12px; top:-6px; background:url(../images/right_bracket.png) no-repeat}
 h2:before{
	 width:12px; height:39px; position:absolute; content:"";left:-12px; top:-6px; background:url(../images/left_bracket.png) no-repeat
	 }*/
.paragraph_style{letter-spacing: 1px; line-height: 25px; width: 90%; margin:18px auto 0 auto;}
.upcoming_events{ width:100%; float:left; background:url(../images/upcomming_bg.png) no-repeat; min-height:100px;    background-size: cover;   padding: 30px 0 40px 0;}
.date{ height:95px; width:95px; float:left; background:url(../images/date.png) no-repeat}

.white_tittle{display:block; text-align:center; padding-bottom:2%;}
.white_tittle h2{position:relative; color:#fff;	font-family: 'Conv_roboto-condensed.light' !important; display:inline-block; font-size:26px !important; text-transform:uppercase;}
.events_cotainer{ width: 100%;float: left;color: #000; padding: 20px; margin-bottom: 20px;background: #fff;min-height: 250px;border-radius: 7px;}
.events_cotainer:hover{box-shadow: -2px 2px 7px -1px #5f5f5f;}
.date span:first-child{color: #fff;padding: 8px 0 0;display: block; text-align: center;}
.date span:nth-child(2){color:#000; display:block; text-align:center; font-family: 'roboto_condensedbold'; font-size:40px;}
h4{font-family: 'Conv_roboto-condensed.light' !important; color:#a20000 !important; font-size:20px !important; margin: 0 0 5px 0!important;}

.main_tittle{ width:100%; text-align:center; margin: 30px 0;}
.news_updates{ width:70%; margin:0 auto;}
.news_updates .owl-dots{ display:none;}
.nws_container{ width:80%; float:left; float:right; margin-right: 35px;}
.nws_container figure{ width:100%; float:left; max-height:230px; margin-bottom: 40px;}
.news_date_span{ width:127px; height:75px; background:#fff; border:1px solid #a20000; float:left; position:absolute;top: 42%; left:25px;}
.news_date_span span:first-child{ width:50%; display:block; float:left; font-family: 'roboto_condensedbold'; font-size:48px; text-align:center; color:#a20000}
.news_date_span span:nth-child(2){ width:45%;padding-top: 9px; display:block; float:left; text-align:center;}
.news_month, .news_date{font-family: 'Conv_RobotoCondensed-Regular'; margin:0; color:#a20000; display:block !important; text-align:center !important; font-size:20px !important; width:100% !important;}
.owl-prev{position: absolute;left: -41px; color:#fff; top: 43%; width:34px; height:72px; background:url(../images/arrowss.png) !important; background-position:0 0 !important}
.owl-next{position: absolute;right: -41px; color:#fff; top: 43%; width:34px; height:72px; background:url(../images/arrowss.png) !important; background-position:100% 100% !important}
.owl-prev span{color:#fff}
.owl-next span{color:#fff}
.owl-nav button:focus{outline:none}
.footer_home{ width:100%; float:left;    margin-top: 25px; position:relative;  padding: 30px 0; background:url(../images/footer_home.png) no-repeat; background-size:cover; min-height:200px}


.footer_home .form-control{background-color: #fff0; background-image: none; color: #fff; 
    border: 2px solid #fff !important; height:45px; }
.footerbtn {
    background: rgba(255, 255, 255, 0);
    color: #fff;
    border: 2px solid #fff !important;
    padding: 8px 20px !important;
    color: #fff !important;
}
.gallery_section{ padding-top:10px;}
.gallery_thumb {
    width: 44%;
    float: left;
    height: 100px;
	overflow:hidden;
    background: #fff;
    margin: 7px;
}
.footer_home .white_tittle{ text-align:left !important;}
.footer_home  ul{ padding:0;}
.footer_adrs p{ text-align:left; color:#fff;}
.footer_adrs ul li{list-style-type:none; list-style:none; text-align:left; color:#fff}
textarea.form-control {
    height: auto !important;
}
.social_media li{
	text-align: center;
	float:left;
	margin-left:10px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 5px;
	text-align:center !important;
    font-size: 20px;}
	.copy_right{    width: auto;
    position: absolute;
    right: 11%;
    bottom: 10%;
	color:#fff;}
	
.social_media i:hover
{
color: #fffef7;
text-shadow: 2px 2px #ff2930;
}

.footer_adrs{ width:100%; float:left;}	
.gallery_thumb img{ width:100%}


.my_heading
{
color:#000;
letter-spacing:3px;
background:url(../images/qwe.png);
background-repeat: no-repeat;
background-size: contain;
padding: 3%;
  }
.my_heading:hover
{
 color:#9e0b0f;
 font-weight:bold;

  }

.my_heading2
{
color:efefef;
letter-spacing:3px;
  }
.my_heading2:hover
{
 color:white;
 font-weight:bold;
  }








@media screen and (max-width: 768px) {
	.message_img_container.col-md-2 {
    width: 24%;
    float: left;
}
.gallery_thumb {
    width: 44%;
    height: 53px;
    margin: 3px;
}
.white_tittle h2{ font-size: 22px !important;}
}
@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; }     
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
	.news_date_span{ top:32%}
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
.collapse.navbar-collapse.navigation_bar .navbar-nav{ background:#FFF;
}
.photoBox{ height:80px; width:80px;}
.message_container{position: relative;}
.top_icons li{font-size: 16px;}
.content_section {
    padding-top: 28%;
}
.gallery_thumb{ height:79px;}
.copy_right{position:static; padding:16px;}
.mobile_clear{clear:both;}
.container_section h3{font-size:15px;} 
.container_section_1 h3{font-size:15px;} 
}
@media screen and (max-width: 530px)
{
	h2
	{
		font-size:18px !important;
		font-weight:bold !important;
	}
}
.logo_a:hover
{
    text-decoration:none;
}



@media screen and (max-width: 650px)
{
    .tittle_logo
    {
        font-size: 20px;
        text-shadow: none;
        padding-top: 0%;
    }
    .new_logo {
    width: 52px;
    height: 60px;
    }
    .navigation
    {
        position: absolute !important;
    }
    .main_name
    {
        float:none !important;
    }
    .other_pg_banner {

    margin-top: 20% !important;

    }
}



.slider_contain
{
    padding-top:9%;
}
.navigation_bar
{
overflow: scroll;

max-height: 350px;
}

@media screen and (max-width: 1199px)
{
    .my_nav 
    {
    margin-left: 0% !important;
    }
}



$duration: 5s;
$text-color: rgba(255, 255, 255, 0.3);
$bgr-color: #333;

.shine, .chrome {
	font-size: 3em;
	margin: 0 auto;
	margin-bottom: 1em;
	font-weight: bold;
}

.shine {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	-webkit-background-size: 150px;
	color: $text-color;
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: $duration;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

.chrome {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
	-webkit-background-size: 200px;
	color: $text-color;
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: $duration;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes shine {
	0%, 10% {
		background-position: -1000px;
	}
	20% {
		background-position: top left;
	}
	90% {
		background-position: top right;
	}
	100% {
		background-position: 1000px;
	}
}


.top_logo
{
    padding-left:5% !important;
}


.logo_shine {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.logo_shine:hover
{
    color:#a50505;
    text-decoration: none;
}
@keyframes shine {
  from { -webkit-mask-position: 150%; }
  to { -webkit-mask-position: -50%; }
}

.main_name
{
    float: left;

padding-top: 6.1%;

margin-bottom: 0px;
padding-left: 5px;
font-family: 'roboto_condensedbold' !important;
}
.logo_shine img
{
float: left;
}
.books
{
border: 2px solid #FFFFFF;

background: #fff;

border-radius: 43px;

position: fixed;

right: 0;

top: 3%;

z-index: 999999;

border-radius: 42px !important;

margin-right: 0px !important;

box-shadow: -1px 2px 5px -2px #a4a1a1;

font-size: 15px;
}


      
  .awesome {
      
      -webkit-animation:colorchange 2s infinite alternate;
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: #9e150b;
      }
      
     
      
      50% {
        
        color: #f3ca3a;
      }
      
     
      
      100% {
        
        color: #de5757;
      }
    }
    
    
    
    .home_floating_btn
    {
display: inline-block;
border: 1px solid #a20000;
border-radius: 17px !important;
color: #fff !important;
background: #a20000;
position: fixed;
margin: 0px !important;
padding: 4px 26px !important;
z-index: 99;
right: 0px;
    }
    .home_floating_btn:hover
    {
color: #a20000 !important;
background: #fff !important;
    }
    .home_floating_btn_position1
    {
top: 240px;
    }
    .home_floating_btn_position2
    {
top: 275px;
    }
    .home_floating_btn_position3
    {
top: 310px;
    }
    .home_floating_btn_position4
    {
top: 345px;
    }
    .home_floating_btn_position5
    {
top: 380px;
    }