/*=========================================
 **************INNER CSS START CSS********
==========================================*/
.inner-banner img{width:100%;}
.all-inner-pages{background: #f5f5f5 url(../images/back-logo.png) no-repeat center center;background-attachment: fixed;}
.content-box{box-shadow:2px 3px 8px rgba(0, 0, 0, 0.36); -webkit-box-shadow:2px 3px 8px rgba(0, 0, 0, 0.36); -moz-box-shadow:2px 3px 8px rgba(0, 0, 0, 0.36); background:rgba(255, 255, 255, 0.64); -webkit-background:rgba(255, 255, 255, 0.64); -moz-background:rgba(255, 255, 255, 0.64); padding:20px;}
.quick-menu h4 {
background: -moz-linear-gradient(45deg, #1F2650 0%, #008080 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #1F2650), color-stop(100%, #008080)); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, #1F2650 0%, #008080 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, #1F2650 0%, #008080 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, #1F2650 0%, #008080 100%); /* ie10+ */
background: linear-gradient(45deg, #1F2650 0%, #008080 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#1F2650',GradientType=1 ); /* ie6-9 */
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
margin-bottom:0px;
padding: 5px 5px;
border-radius: 0px 9px 0px 0px;
color: #fff;
border-bottom: 2px solid #DA251C;
}

.quick-menu{ margin-bottom:11px;}

.quick-menu ul {
    background: #f3f3f3;
}

ul.side_nav li a:before
{
    content: '\f04b';
    font-family: FontAwesome;
    color: #333;
    margin-right: 5px;
    font-size: 12px;
}


.quick-menu li {
display: block;
margin: 0;
padding: 0;
background: rgb(238,238,238);
background: -moz-linear-gradient(45deg, rgba(238,238,238,1) 0%, rgba(248,248,248,1) 50%, rgba(238,238,238,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(100%,rgba(238,238,238,1)));
background: -webkit-linear-gradient(45deg, rgba(238,238,238,1) 0%,rgba(248,248,248,1) 50%,rgba(238,238,238,1) 100%);
background: -o-linear-gradient(45deg, rgba(238,238,238,1) 0%,rgba(248,248,248,1) 50%,rgba(238,238,238,1) 100%);
background: -ms-linear-gradient(45deg, rgba(238,238,238,1) 0%,rgba(248,248,248,1) 50%,rgba(238,238,238,1) 100%);
background: linear-gradient(45deg, rgba(238,238,238,1) 0%,rgba(248,248,248,1) 50%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );

}
.quick-menu li:hover {
    background: #fff;
    }
.quick-menu li a:hover{ color:#DA251C; transition:all 0.5s ease; background:#fff;}
.quick-menu li a {
    color: #333;
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 10px;
	background: -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
   background:  -ms-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
   background:  -o-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    background: -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    margin-bottom: 1px;
    background: none;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
}
h3.all-heading.heading{
text-transform: uppercase;
text-align: left;
margin-bottom: 10px;
width: 100%;
height: auto;
font-size: 24px;
font-weight: bold;
color: #031322;
float: left;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
padding-bottom: 8px;
margin-top:10px;
}

h3.all-heading {
    margin-bottom: 11px; padding-bottom:15px;  font-weight:700; font-size:20px; position: relative; border-bottom: 1px solid #ccc;
}
h3.all-heading:before
{
   content:''; position: absolute; width: 100px; height: 3px; background: #D49418; bottom: 0px;
}

.no-padding{padding-left:0px;}



.all-table td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px; 
}

.all-table tr:nth-child(even) {
    background-color:#ececec;
}
.all-table th {
background: -moz-linear-gradient(45deg, rgba(31,38,80,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(31,38,80,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(31,38,80,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(31,38,80,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(31,38,80,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(31,38,80,1) 0%, rgba(0,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#1F2650',GradientType=1 ); /* ie6-9 */
    color: #fff;
}
.all-table .fa {
    background: #ddd;
    padding: 3px;
    color: #1F2650;
    border: 1px solid #b3b3b3;
}






























/*=============================================
 *************** INNER CSS END CSS HER ***********
=============================================*/



/****** Theme Reset Style ******/
body{ background: #fff; font-size: 15px; color: #333; font-family: Arial;}
body h1, body h2, body h3, body h4, body h5, body h6{ color: #484848; margin: 0 0 20px; font-family: Arial;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #1b1b1b;}

p a{ color: #555;}
p a:hover{ text-decoration:underline; outline: none;}
p{ letter-spacing: normal;
margin-bottom: 10px;
line-height: 21px;
font-size: 15px;
color: #1b1b1b;
text-align: justify;
font-family: arial;}

a{ color: #555; text-decoration: none; outline: none; display: block;}
a:hover, a:focus, a:active { outline: none; text-decoration: none; color:#000;}

.row.no-gutters{ margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}

img{ max-width: 100%;}
iframe{ border: 0; width: 100%;}
.content-achieve h4 {
    font-weight: bold;
    font-size: 15px;
    margin:4px 0px;
}
.pattern {
display: block;
background: url(../images/bg.jpg) repeat;
}
.notebook_bg{ background:url(../images/notebook.png) no-repeat;}
.pattern_bg{ background:url(../images/pattern-1.png) no-repeat;}
.pattern_bg2{ background:url(../images/pattern-2.png) no-repeat;}
.pattern_bg3{ background:url(../images/pattern-3.png) no-repeat;}
.red_gr {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D */
background: rgb(98,125,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
}
.green_bg{background: #39B54A;}
.my-poppup .modal-dialog{ width: 800px !important; margin:30px auto;}
.my-poppup .modal-header .close{ margin-top:-5px; opacity:5; color:#a2261f; font-size:25px;}
.my-poppup .modal-header { padding:2px 8px;}
.modal-body{padding:0;}
.song .ui360{background-position:6px 0%;}
.song {
    position: absolute;
    top: -4%;
    right: 4%;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color: #D82F2F;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/*--main banner--*/

		#back_to_camera {
			clear: both;
			display: block;
			height: 100px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width: 1000px;
			width: 100%;
		}
.camera_bar_cont {
    display: none;
}
/*==roted icon==*/


.rotate {
-webkit-transform: rotate(0deg) translate3d( 0, 0, 0);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
border-radius:70px;
text-align:center;
cursor:pointer;
float:left;
margin-bottom: 7px;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

.digree-icons a:hover .rotate {
-webkit-transform: rotate(-360deg) translate3d( 0, 0, 0);
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.f-b img{ width:30px; }

.social-icon {
    display: block;
    text-align: center;
    height: 23px; line-height: 23px;
}



.digree-icons a {
    background: #1F2650;
    color: #fff;
    width: 130px;
    height: 130px;
    border-radius: 51%;
    padding-top: 27px;
    margin: 0 auto;
    border: 5px solid #1F2650;
    box-shadow: 0px 8px 6px 0px #ddd;
}

.digree-icons a:hover{
    background:#335FA5;
    border:5px solid #335FA5; 

}

.title-tour {
    font-weight: bold;
font-size: 10px;
text-align: center;
margin-top: 10px !important;
font-family: arial;
}

.digree-icons .rotate {
    display: inline-block;
    width: 100%;
}

.digree-icons {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}



.digree-icons h3 {
    color: #fff;
    margin-bottom: 0px;
    font-size: 28px;
    font-weight: 700;
}
.digree-icons .fa {
    font-size: 33px;
}


/*============================================================
							inner css
============================================================*/
.bg-camera{ background: url(../images/pattern.png) repeat #fff;}
.cameraCont, .cameraContents{ border-bottom-color:5px solid #FCFCFC;}
.camara-container{ width: 1170px;}
.cameraCont .imgLoaded {
    width: 1350px !important;
    margin: 0 auto !important;
    height: auto !important;
}


.toppersss .topper-top {
    display: block;
    width: 38px;
    height: 38px;
    background:#C48C20;
    color: #fff;
    font-size: 19px;
    border-radius: 54%;
    vertical-align: middle;
    text-align: center;
    line-height: 38px;
    margin: 0px auto 14px;
}
.topper-bg{ background:url() center center no-repeat; display: inline-block; width: 100%; position: relative;}
.birht-bg{ background:url() no-repeat center center; width: 100%; display: inline-block; position: relative;}
.toper-images {position: absolute;left: 40%;top: -17%;}
.slider-back{padding-top:55px;}
.student-corner .item {
    text-align: center;
}
.pay-online p {
    background: #d82f2f;
    color: #fff;
   padding: 9px 0px;
    text-align: center;
    font-size: 19px; margin-bottom: 0;
}
.pay-online p:hover{ background:#333; transition:0.5s;}
.pay-online a {
    display: block;
}
.pay-online a:hover{ text-decoration: none;}


.toppersss .owl-next i, .birthday i {
    background: transparent !important;
      color: #DA251C !important;
    font-size: 20px !important;
}

.toper-images img {
    width: 115px; height: 114px;
    margin:0 auto;
}
.toppersss .owl-prev i, .birthday i {
    background: transparent !important;
    color: #DA251C !important;
    font-size: 20px !important;
}



.birthday .birth-day {
    background:#1d99db;
    color: #fff;
    display: block;
    font-size: 16px;
    width: 126px;
    margin: 0 auto;
    border-radius: 7px;
    margin-bottom: 14px;
    text-align: center;
    height: 34px;
    line-height: 34px;
}
.student-corner.birthday{ border:none;}
.student-corner.toppersss{ border:none;}

.student-corner .arrow-demo3{ position: absolute; top: 0; right: 0;}
.student-corner{ position: relative;}
.student-boxes p {
    margin-bottom: 2px;
    text-align: center;
}

.student-boxes p {
    margin-bottom: 2px;
    text-align: center;
    color: #888;
    font-style:italic;
}

.student-boxes span {
    color: #292929;
}
.student-corner {
    position: relative;
    border: 1px solid #DA251C;
    padding-bottom: 5px;
}

.student-corner .owl-controls.clickable {
    margin: 0;
}
.student-boxes h2 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 7px 0px;
}

#owl-demo5 .student-boxes h2, #owl-demo5 .student-boxes p, #owl-demo5 .student-boxes span,
#owl-demo4 .student-boxes h2, #owl-demo4 .student-boxes p, #owl-demo4 .student-boxes span,
#owl-demo6 .student-boxes h2, #owl-demo6 .student-boxes p, #owl-demo6 .student-boxes span,
#owl-demo7 .student-boxes h2, #owl-demo7 .student-boxes p, #owl-demo7 .student-boxes span 

{ color:#000;}

.student-corner{ position:relative;}
.student-corner .owl-prev i{ position: absolute; top:35%; left: 0; background:#fff; color: #DA251C; font-size:23px; padding: 8px 5px 8px 5px;} 
.student-corner .owl-next i {
    position: absolute;
    top: 35%;
    right: 0;
    background: #fff;
    color: #DA251C;
    font-size: 23px;
    padding: 8px 5px 8px 5px;
}
.about-backround{ background:url(../images/back-logo.png) no-repeat center center;}
.school-title img{ width:645px;}
.top-headerss{ background:url(../images/header.png) repeat center center; position: relative; float: left; width: 100%;}
.ma-nopadding {
    padding-right: 0;
}
.hot_news h3{ margin-bottom: 0; font-size:14px; color:#B12923;display: inline-block; margin: 0;}
.hot_news h3 span{ background:#ddd; color:#000; width:15px; height:15px; line-height:15px; vertical-align: middle; border-radius:90%; float: left; text-align: center; margin-right: 8px;}
.marquee-top h2 {
    font-size: 15px;
    background: #1F2650;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    height: 24px;
    line-height: 24px;
}


.widthdrow li {
    background: url(../images/li-bg.png) no-repeat left top 14px;
    padding: 8px 0 8px 20px;
    font-size: 17px;
    font-style: italic;
}

.admission-content h2 {
    font-weight: bold;
    font-size: 20px;
    color: #1F2650;
    margin-bottom: 0;
}
.facity-content p {
  	 font-size: 15px;
    font-weight: bold;
    border-left: 3px solid #1F2650;
    padding-left: 11px;
}
.saliet-fuater h1 {
    font-size:22px;
    font-weight: bold;
    color: #1F2650;
    margin-bottom: 15px;
}
.saliet-fuater li { background:url(../images/li-bg.png) no-repeat left top 18px; padding: 10px 0 10px 24px; font-size:16px;}
.council-box { padding:0; margin: 0; }

.council-box li {
    padding-left: 22px;
    background: url(../images/li-bg.png) no-repeat left center;
    padding: 5px 25px;
    display: inline-block;
    font-size: 18px;
}

.curriculam p {
    font-size: 19px;
    font-style: italic;
    padding: 36px 0px;
}
.inner-all img{ width: 100%;}
.notice-board p {
    font-size: 15px;
    margin-bottom: 9px;
}
.notice-board span {
    font-size: 16px;
    color: #1F2650;
    font-style:italic;
    
}
.notice-board {
    border-bottom:1px solid #1F2650;
    padding-bottom: 8px; border-radius:12px; margin-bottom: 15px;
}
.nopadding { padding: 0;}
.curr-content {
    padding: 26px 0px;
}
.curriculam-one {
    display: inline-block;
    width: 100%;
    color: #fff;
    background: #F3F3F3 url(../images/banner-shadow.png) no-repeat bottom center; padding-bottom:15px; margin-bottom:11px;
}

.contact-fomrs .btn {
    padding: 0;
    height:42px;
    line-height:42px;
}
.video-gallery iframe {
    width: 100%;
    height: 142px;
    border: 1px solid #1F2650;
    padding: 5px;
}

.head-girl-boy h2 {
    border: 1px solid #ededed;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 5px;
    background: #f3f3f3;
}
.head-title {
    text-align: center;
    background: #1F2650;
    padding: 5px 0px;
    margin-bottom: 14px;
}
.head-title p {
    margin: 0;
    text-align: center;
    color: #fff;
    font-style: italic;
}
.house-boxes {
    padding: 6px;
    margin-bottom: 11px;
}
.house-boxes p{ margin-bottom: 0; padding:	5px 0; }
.head-title span {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    margin-bottom: 2px;
    padding: 3px 0px;
}

.staff-list span {
    display: block;
    height: 31px;
    line-height: 31px;
    background: #f3f3f3;
    margin-bottom: 5px;
    color: #000;
    text-align: left;
    font-size: 15px;
    margin-top: 5px;
}

.staff-list{ margin-bottom:22px;}

.staff-list .fa {
    background: #1F2650;
    color: #fff;
    height: 31px;
    width: 31px;
    text-align: center;
    line-height: 31px;
    float: left;
    margin-right: 9px;
}

.head-girl-boy {
    display: inline-block;
    width: 100%;
}

.head-girl-boy img {
    height: 150px;
    width: 100%;
}

.panel-group a {
    display: block;
    padding: 12px 18px;
    background: none repeat scroll 0% 0% rgba(80, 135, 6, 0.46);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.panel-heading {
    padding: 0;
}
.video-titile {
    border-bottom: 1px solid #1F2650;
    display: block;
    color: #000;
    font-size: 16px;
    text-align: left;
    padding: 3px 0px; margin-bottom: 15px;
}
.career-form .btn {
    padding: 0px;
    height: 40px;
    line-height: 40px;
    width: 63%;
    margin-top: 11px;
}
.butn-caree{ text-align: center; display: inline-block;}
.career-form input {
    width: 100%;
    padding:9px 6px;
    border: 1px solid #ddd;
    color: #000; margin-bottom: 13px;
    background:#f9f9f9;
}
.career-form .car-start {
    color: #F31515;
}
.career-form label {
    color: #000;
    font-size: 15px;
}
.career-title h2 {
    font-weight: bold;
    color: #1F2650; font-size:22px;
}
.career h1 {
    font-weight: bold;
    font-size:17px;
    margin-bottom: 0;
    border-bottom: 1px solid #1F2650;
    padding: 0px 0px 4px;
    margin-bottom: 5px;
}

.career p {
    margin-bottom: 0; color: #000;
}

.career h4 {
    font-size: 14px;
}

.career {
    background: #f2f2f2;
    padding: 8px; margin-bottom:18px;
}
.career-title span{ display: block; font-size:15px; color: #000;}
.contact-address .fa { font-size:22px; color:#fff;  position: absolute; left:0; background:#1F2650;height: 35px; width: 35px; text-align: center; line-height:35px;}
.contact-address ul li {position: relative; padding:8px 0 8px 45px; margin: 0px 0px 10px}
.contact-fomrs img {
    margin-top: 9px;
}
.mapss iframe{ height:320px; margin-top:22px; border:1px solid #1F2650;}
.contact-fomrs input, .contact-fomrs textarea {
    border:1px solid #E0E0E0;
    padding: 11px 7px;
    margin: 5px 0px;
}
.contact-fomrs textarea{ height: 120px;}
.contact-fomrs input, .contact-fomrs textarea{ width: 100%;}
.demo img {
    height: 163px;
    width: 100%;
}
/*------imghvr-hinge-up-----*/
.imghvr-hinge-up img {
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.nav-list li.active a{ background:#D82F2F; color:#fff;}
.nav-list .drop li.active a{ background:#D82F2F; color:#fff;}
.nav-list .drop li a{ background:#fff; color:#1F2650;}
.side_nav li.active a{ background:#fff; color:#000;}
    #owl-demo1 .item img{
        display: block;
        width: 100%;
        height: auto;
        
    }

	#owl-demo2 .item{
      margin: 3px;
    }
    #owl-demo2 .item img{
      display: block;
      width: 100%;
      height: auto;
    }

    #owl-demo8 .item{
      margin: 3px;
    }
    #owl-demo8 .item img{
      display: block;
      width: 100%;
      height: auto;
    }
    
    #owl-demo2 .heading, #owl-demo8 .heading, #owl-demo9 .heading {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 13px;
    border-left: 3px solid #1F2650;
    padding: 3px 0px;
	color:#fff;
}


.inner-all { position: relative;}
.inner-all .inner-top {
    position: absolute;
    bottom: 25%;
    left: 6%;
    background: #1F2650;
}
.inner-all .inner-top h1 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 8px 25px;
    color: #fff;
    border-bottom: 6px solid #1d99db;
}
.events ul{ left:-148px !important;}
.our-missions p {
    margin-top: 30px;
    font-size: 20px;
    text-align: center;
    font-style: italic;
}
.vison { background: #000 url(../images/union_back.jpg) no-repeat center bottom /cover fixed;margin:12px 0px; padding:20px 0px;}
.vison p{ color: #fff;}
.sub-footer p{ text-align: center; padding-top: 9px;}
.notice-event .post.hm {
    display: inline-block;
    width: 100%;
    
}

/*.notice-event li:nth-child(even){ background-color:#dddddd;}
.notice-event li{ background-color:#eef0f2;}*/


.notice-event #example ul li {
    padding: 0px 0px !important;
    height: 35px !important;
    width: 100% !important;
    margin-bottom: 7px !important;
}
.notice-event #example ul { padding:8px 0px !important; width: 100% !important; }
.notice-event #example ul a { color: #000; font-size: 15px;}
.notice-event .post_date {
    float: left;
    margin-right: 8px;
    position: relative;
    text-align: center; width: 60px;
}


.notice-event .post_date span {
    display: block;
}

.notice-event .day {
    background:#1F2650;
    color: #FFF;
    font-size: 15px;
    font-weight: normal;
    padding: 5px 10px;
}

.notice-event .month {
    background:#3b64a7;
    color: #FFF;
    padding: 2px 13px 4px;
}
.notice-event .post.no_images .post_content {
   /* float: left;*/
    padding-top: 13px;
    text-align: left;
}
.notice-event #example {
    height:288px !important;
}
.notice-event {
    margin-bottom:22px;
}

.notice-event .post{  position: relative;}
.notice-event .notice-arrow{ position: absolute; top: 0; right: 0;}
.notice-event .post_meta h2 {
    margin-top: 0px;
}

.notice-event .post_meta h2 a {
    font-size:16px;
    font-weight: normal;
    color: #555;
    text-transform: capitalize;
    display: block;
}


.line-quickss {
    display: inline-block;
    width: 100%;
    background:url(../images/quick.jpg)repeat center center;
    padding: 10px 0px;
    margin-bottom: 22px;
    border-bottom:1px solid #1F2650;
}

.contact-fomrs label {
    display: block;
}

#best-sellers {
    display: inline-block;
    width: 100%;
    margin-top: 1px;
}
.nav-holder.smaller {
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 999;
   transition:0.8s;
}

.cbse-table th {
    background:#1F2650;
    color: #fff;
}
.left-nabaar .just-left li {
    padding-left: 14px;
}

 .pagination li a{ padding: 12px 15px;}
.pagination li.active a{ background:#1F2650; color: #fff;}
.pagination li a{ color:#1F2650;}
.pagination{margin: 0 auto;}
.pag-nation {text-align: center; display: inline-block; width: 100%;}
.gallery-names {
    margin-bottom: 21px;
}
.gallery-event.inr{ margin-bottom: 21px;}
.gallery-names p {
    text-align: left;
    border-bottom:1px solid #1F2650;
    padding: 5px 0px; margin: 0;
    
}

.gallery-event img {
    border: 1px solid #ddd;
    padding: 3px;
    max-width: 100%;
    width: 100%;
    height: 157px;
}

.cbse-table tr:nth-child(2n) {
    background-color: #dddddd ;
}

.cbse-infro select {
    width: 100%;
    background: #f2f2f2;
    border: 1px solid #cbcbcb;
    height: 46px;
    font-weight: bold;
    margin-bottom: 11px;
    max-width: 100%;
}

.left-nabaar {
    background: #f3f3f3;
    margin-bottom: 22px;
}

 

 table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.cbse-table td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    text-align: center;
}


.cbse-table .fa {
    background:#1F2650;
    color: #fff;
    padding: 5px;
}

.left-nabaar h4 {
    margin-bottom: 0;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    background:#1F2650;
    padding:13px 7px;
}

.admis-register h4 {
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 15px;
    font-style:italic;
}
.admis-register .admiss-ul li {
    background: url(../images/right-check.png) no-repeat left top 7px;
    padding-left: 24px;
    padding-bottom: 17px;
    color: #1b1b1b;
    font-size: 15px;
}
.left-nabaar ul {
    padding: 5px;
}
.left-nabaar ul li {
    padding: 8px 0px;
    border-bottom: 1px solid #ddd;
}
.left-nabaar ul li:last-child{ border-bottom: none;}

.left-nabaar ul li.active  a {
    color: #1F2650;
}

.left-nabaar ul li a:hover{
    color:#1F2650;
}

.left-nabaar ul li a{
    color: #000; font-size:16px;
}

	

.left-nabaar ul li a:focus{
    color:#000;
}


.achieve-ment.infra p{ padding: 0;}
.achieve-ment p {
    
    background: #f9f9f9;
    padding:39px 7px;
    font-size: 18px;
}
.achieve-ment img {
    border: 1px solid #ddd;
    padding: 5px;
}
.achiee-troph span img{ border:none;}
.achiee-troph span {
    display: block;
    background: #f2f2f2;
    padding: 5px 9px;
    font-size: 17px;
    color: #000;
    margin-bottom: 20px;
    font-weight: bold;
    border-radius: 5px;
    font-style:italic;
}
.line-quickss li {
    float: left;
    margin-right:9px;
}

.every-used.tow {
    width: 212px;
}

.achieve-ment {
    margin-top: 22px; display: inline-block; width: 100%;
}
.about-content p {
    font-size: 15px;
    text-align: justify;
    margin-top: 10px;
    position: relative;
    margin-left:14px;
    margin-top:0;
}

.about-eruo-name h4 {
    margin: 0;
    background: #1F2650;
    color: #fff;
    padding: 8px 0px;
    text-align: center;
    box-shadow: 5px 4px #000;
    font-style: italic;
    font-size: 18px;
    margin-bottom: 11px;
}
.about-eruo-name {
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    width: 264px;
    margin: 0 auto;
}
.about-sects{ position: relative;}
.about-content big {
    display: inline-block;
    width: 100%;
    margin-left: 42px;
    margin-top: 11px;
}
.about-content p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/left-quotes-sign.png) no-repeat;
    height: 33px;
    width: 37px;
    
}

.about-content p::after {
    content: "";
    position: absolute;
    bottom: -16px;
    right:52px;
    background: url(../images/right-quotes-symbol.png) no-repeat;
    height: 33px;
    width: 37px;
}

.about-content span {
    color: #007ac3;
    
}
.line-quickss ul li.active a {
    color:#1F2650;
}

.line-quickss ul li a {
    color: #333;
    font-size: 16px;
    font-weight:400;
}

.about-sects img{ border:1px solid #ddd; padding: 5px;}

.about-content h3 {
    color: #007ac3;
    font-weight: bold;
    margin-bottom: 0;
}

.chair-intro h3{  color: #007ac3;font-weight: bold;margin-bottom: 0; font-size:19px;}
.chaier-names {
    text-align: center;
    background: #f3f3f3;
    padding: 8px 0px;
}

.chaier-names p {
    margin-bottom: 0;
    font-size: 16px;
    color: #1F2650;
    font-weight: bold;
    text-align: center;
    font-style: italic;
}

.chair-intro p{ margin-left:16px;}

.chair-intro .chai-lines {
    color: #007ac3;
    font-style: italic;
}

.chaier-names span {
    font-style: italic; color: #000;
}
.every-used {
    margin-top:2px;
    margin-left:0px;
    margin-bottom: 9px;
    margin-right: 0px;
    width: 150px;
    border: 2px solid #ddd;
}



/*============================================================
							end css
============================================================*/
.marquee-top {
    background: rgba(255, 255, 255, 0.86);
    height: 24px;
    display: inline-block;
    width: 100%;
    line-height: 24px;
    float: left;
}
.marquee-top .container{ width:100%;}

#camera_wrap_1{ height: 510px !important;}

.logo-top img{ max-width:100%; width: 140px;}

.affi-non {
    color: #fff;
    margin-top:10px;
    display: block;
    float: left;
}

.achie-reds {
    text-align: center;
    background: #fff;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 7px;
    display: inline-block;
    width: 100%;
}



.topbar-left {
float: left;
position: absolute;
right: 1px;
top: 20%;
}

.topbar-right .school-title {
    margin: 0;
    font-size: 39px;
    color: #1F2650; font-weight:bold;
}

.topbar-right .top-left {
    color: #fff;
    margin-bottom: 5px;
    display: block;
}


.topbar-right .right-bottom {
    font-size: 15px;
    float: right;
    margin-top: 2px;
    color: #fff;
}



.exp-left.main-head {
    margin-bottom: 22px;
}


.exp-left.main-head h4 {
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase; font-size:18px; color:#000;
    
}

#best-sellers h2 {
    font-weight: 800;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    background-color:#1F2650;
    padding-left: 11px;
    margin-bottom: 22px;
}


.new_alert {
    margin: 0px;
    background:#1F2650 url(../images/quick.jpg) repeat;
    min-height:92px;
    padding:10px 30px 0px;
    text-align: center;
    position: relative;
}


.right-news {
    position: absolute;
    right: 20px;
    top: 7px;
    font-size: 50px;
    color:#1F2650;
}

.left-news {
    position: absolute;
    left: 20px;
    top:7px;
    font-size: 50px;
    color:#1F2650;
}

[data-slide="prev"] {
    margin-right: 10px;
}


.new_alert h1 {
    font-size:22px;
    color: #000;
    font-weight: bold; 
}

.new_alert h1 span {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    display: block;
}



.new_alert p {
    font-size:18px;
    color: #000;
    line-height:29px;
    text-align: center;
}
.news_date {
    border-right: 1px solid #CAC8C8; padding: 5px;
}

.flexslider {
   
    border-left:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
}
.achie-reds a{
   height: 22px; line-height: 22px;
}


.flexslider{ margin-bottom: 0px !important;}
.content-achieve { text-align: center; padding: 14px 0; border-bottom:1px solid #ddd;}
button{ background: none;}

blockquote{ padding: 0; border: 0;}



.form-control::-moz-placeholder{}
.form-control::-webkit-input-placeholder{}
/****** Global Elements ******/
h2{ font-size: 30px;}
h5{ font-weight: bold;}

.btn{ 
height: 39px;
line-height: 36px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 0px 20px;
font-family: "Lato",sans-serif;
border-radius: 0px !important;
border-width: 1px 0px;
border-style: solid none;
border-color: -moz-use-text-color;
position: relative;
background-color: #1F2650;
color: #fff !important;

}
.btn.full-width{ width: 100%!important;}
.btn:hover{ color: #fff!important;}
.btn:hover::before{ height: 100%;}
.btn:hover::after{ height: 100%;}
.btn::before,
.btn::after{ content: ""; position: absolute; height: 21px; border-left: 1px solid;}
.prinnn .btn::after{ border:none;}
.btn::before{ left: 0; top: 0;}
.btn::after{ right: 0; bottom: 0;}
.btn.white{ background: #C48C20; color: #454545;}
.btn.orange{ background: #f8b239; color: #fff; border: 0;} 
.btn.orange::before,
.btn.orange::after{ display: none;}
.btn.orange i{ margin: 0 0 0 10px;}
.topbar-left a {float: right;color:#fff; font-size:13px;}

.main-heading{ display: inline-block;}

.main-heading h2 {
    font-weight: 800;
    text-align: center;
    font-size: 18px;
    color: #000;
    background: #f1f2f2;
    padding: 7px 0px;
    position: relative;
}

.main-heading h2 em{ font-style: normal; z-index: 2; position: relative; font-weight:bold;font-size:23px;}
.main-heading.gray-color span{ color: #e4e4e4;}
.main-heading h2 span{ position: absolute; left: 50%; font-size: 70px; color: #eee; text-transform: uppercase; z-index: 1; font-weight: bold;
margin: 0 0 0 -20px; top: -2px;}
.main-heading p:last-child{ margin: 0;}
.sperater i{ height: 9px; width: 9px; display: inline-block; margin: 0 0 0 6px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);}
.sperater{ position: relative; width: 170px; display: inline-block; margin: 0 0 40px;}
.sperater i:first-child{ margin: 0;}
.sperater .active{ border: 1px solid; background: none; height: 12px; width: 12px;}
.sperater::before,
.sperater::after{ content: ""; position: absolute; width: 27%; top: 50%; border: 1px solid;}
.sperater::before{ left: 0;}
.sperater::after{ right: 0;}
.main-heading.white-heading h2{ color: #fff;}
.main-heading.white-heading h2 span{ color: #272551;}
.main-heading.white-heading .sperater i{ border-color: #fff; background: #fff;}
.main-heading.white-heading .sperater::before,
.main-heading.white-heading .sperater::after{ border-color: #fff;}
.main-heading.left-heading{ padding: 0;}
.main-heading.left-heading .h2{ float: left;}
.main-heading.left-heading .sperater{ float: left;}



.main-content:before{ content: ""; position: absolute; height: 100%; width: 100%; background:rgba(255, 255, 255, 0.86);}


.background-layer{ background:#fff; width: 100%; padding: 10px;}

a {
    color: #428bca;
    text-decoration: none;
    transition: 0.2s;
}

.bx-next {
    position: absolute;
    right: 30px;
    top: 40%;
    background: url(../images/arrows.png) right top no-repeat;
    width: 29px;
    height: 29px;
    text-indent: -9999px; display: none;
}
#best-sellers .gallery-events {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}

.click img {
    border: 1px solid #ddd;
    padding: 6px;
}

#best-sellers .bx-viewport {height: 100%;}
#best-sellers a { color: #333}
.bx-prev {
    position: absolute;
    left: 25px;
    top: 40%;
    background: url(../images/arrows.png) left top no-repeat;
    width: 29px;
    height: 29px;
    text-indent: -9999px; display: none;
}
.heading-notice h4 {
    font-weight: bold;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background-color:#1F2650;
    padding: 9px 0px;
	font-family: "Times New Roman", Georgia, Serif;
}
.heading-manager h4 {
    font-weight: bold;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background-color:#1F2650;
    padding: 9px 0px;
	font-family: "Times New Roman", Georgia, Serif;
}
.heading-md h4 {
    font-weight: bold;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background-color:#DA251C;
    padding: 9px 0px;
	font-family: "Times New Roman", Georgia, Serif;
}
.heading-principal h4 {
    font-weight: bold;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background-color:#C48C20;
    padding: 9px 0px;
	font-family: "Times New Roman", Georgia, Serif;
}
.heading-topss h4 {
    font-weight: bold;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background-color:#DA251C;
    padding: 9px 0px;
	font-family: "Times New Roman", Georgia, Serif;
}
.courses-detail.achiever h5 {
    margin-top: 11px;
}
.heading-topss .fa {
    color: #fff;
    font-size: 22px;
    float: left;
    padding-left: 11px;
}
#best-sellers .fa {
    color: #fff;
    margin-right: 9px;
    font-size: 19px;
}
.courses-detail.achiever .btn {
    height: 31px;
    line-height: 31px;
}

.main-heading-holder{ text-align: center; }
.main-heading{ display: inline-block; padding: 0 0 0; position: relative; margin-top: 15px;}
.main-heading .heading-icon{ width: 250px; display: inline-block; position: relative;}
.main-heading .heading-icon::before,
.main-heading .heading-icon::after{ content: ""; position: absolute; bottom: 3px; border-bottom: 1px solid; width: 43%;}
.main-heading .heading-icon::before{ left: 0;}
.main-heading .heading-icon::after{ right: 0;}

.pagination-holder{ line-height: 0; text-align: center; position: relative; border-bottom: 2px solid #eee;}
.pagination-holder ul{ margin: 0; text-align: center;}
.pagination-holder ul li{ margin: 0 0 0 5px; float: left;}
.pagination-holder ul li:first-child{ margin: 0;}
.pagination-holder ul li a{ color: #444; font-weight: 600; padding: 10px; border: 0; position: relative;}
.pagination-holder ul li a:hover{ background: none!important;}
.pagination-holder ul li a.active::before,
.pagination-holder ul li a:hover::before{ content: ""; position: absolute; border-bottom: 4px solid; width: 100%; bottom: -3px; left: 0; z-index: 1;}
.pagination-holder ul li:first-child a,
.pagination-holder ul li:last-child a{ padding: 10px 0;}
.pagination-holder ul li:first-child,
.pagination-holder ul li:last-child{ position: absolute;}
.pagination-holder ul li:first-child{ left: 0;}
.pagination-holder ul li:last-child{ right: 0;}

.tc-breadcrumb ul{ display: inline-block;}
.tc-breadcrumb li{ float: left; color: #656565; font-family: 'Lato', sans-serif;}
.tc-breadcrumb li a{ float: left; font-weight: bold;}
.tc-breadcrumb li::before{ float: left; line-height: 22px; content: "\f111"; font-family: fontawesome; margin: 0 10px; font-size: 7px;}
.tc-breadcrumb li:first-child::before{ display: none; margin: 0;}

.social-icons{ overflow: hidden; margin: 0 0 40px;}
.social-icons ul li{ float: left; margin: 0 0 0 20px;}
.social-icons ul li:first-child{ margin: 0;}
.social-icons ul li a{ height: 34px; line-height: 34px; text-align: center; width: 34px; border-radius: 100%; color: #3b3970;
border: 1px solid #dadada; border-radius: 100%;}
.social-icons ul li a:hover{ color: #fff; background: #f8b239; border-color: #f8b239;}

.rating-stars li{ float: left; margin: 0 0 0 7px;}
.rating-stars li:first-child{ margin: 0}
.rating-stars li i{ color: #f0bf2d;}

.tags-list,
.meta-post{ overflow: hidden; margin: 0 0 20px;}
.tags-list li
.meta-post li{ float: left; margin: 0 0 0 10px; color: #8f8f8f; font-family: 'Lato', sans-serif;}
.tags-list li,
.meta-post li{ float: left; margin: 0 0 0 10px;}
.tags-list li:first-child,
.meta-post li:first-child{margin: 0;}
.tags-list li i,
.meta-post li i{ margin: 0 10px 0 0; color: #8f8f8f;}
.meta-post li,
.meta-post li i{ color: #b6b6b6;}

.overlay-blue,
.overlay-red,
.overlay-gray{ position: relative;}
.overlay-dark::before,
.overlay-red::before,
.overlay-gray::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
background: rgba(0,0,0,0.8); z-index: 1;}

.position-center-center{ left: 50%; position: absolute; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.position-center-x{ position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.position-center-y{ left: 50%; position: absolute;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.p-absolute{ position: absolute;}
.p-relative{ position: relative;}

.z-index-2{ z-index: 2;}

.font-italic{ font-style: italic}
.font-lato{ font-family: 'Lato', sans-serif;}
.font-pt-serif{font-family: Arial;}

.white-bg{ background: #fff;}
.gray-bg{ background: #f2f2f2;}
.text-white{ color: #fff;}
.font-bold{ font-weight: bold;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.d-inline-block{ display: inline-block;}
.d-block{ display: block;}
.h-white h1,
.h-white h2,
.h-white h3,
.h-white h4,
.h-white h5,
.h-white h6{ color: #fff;}
.p-white p{ color: #fff;}
.h-m-0 h1,
.h-m-0 h2,
.h-m-0 h3,
.h-m-0 h4,
.h-m-0 h5,
.h-m-0 h6{ margin: 0;}
.p-m-0 p{ margin: 0;}
.h-white h1 a,
.h-white h2 a,
.h-white h3 a,
.h-white h4 a,
.h-white h5 a,
.h-white h6 a{ color: #fff;}
.p-white p{ color: #fff;}
.h-m-0 h1 a,
.h-m-0 h2 a,
.h-m-0 h3 a,
.h-m-0 h4 a,
.h-m-0 h5 a,
.h-m-0 h6 a{ margin: 0;}
.p-m-0 p a{ margin: 0;}

.navbar-brand{ height: auto; width: auto; padding: 0;}

.tc-margin{ margin: 100px 0;}

.countdown{ list-style: none; margin: 0; padding: 0; display: block; text-align: center; overflow: hidden;}
.countdown li{ text-align: center; float: left; margin: 0 0 0 20px;}
.countdown li:first-child{ margin: 0;}
.countdown li{ background: #fff; color: #1e181c; border-radius: 2px; font-size: 30px; padding: 5px 20px; display: block; border: 1px solid; overflow: hidden;}
.countdown li p{ margin: 0; font-size: 14px; text-transform: uppercase; color: #9b756c;}

.btn-list{ margin: 0; padding: 0; list-style: none;}
.btn-list li{ float: left; margin: 0 0 0 30px;}
.btn-list li:first-child{ margin: 0;}

.overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
ul{ margin: 0; padding: 0; list-style: none;}

.m-0{ margin: 0!important;}
.p-0{ padding: 0!important;}
.border-0{ border: 0!important;}
.m-lef-0{ margin-left: 0;} 
.m-right-0{  margin-right: 0;}

.width-100-pre{ width: 100%;}

.hash-layout{ float: left; width: 100%;}
.f-bold{ font-weight: bold;}
/****** Home Page 1 ***********************************************************
*********************************************************** Home Page 1 ******/
.wrapper{ overflow: hidden; }

/****** Header ******/
header{ position: relative;}

#thought {
    margin: 0;
    padding: 0;
    background:#1F2650;
    height: 50px;
}

.thought_hd {
    display: block;
    padding: 0;
    background:#3A6303;
    height: 100%;
    overflow: hidden;
}

.thought_hd h3 {
    display: block;
    padding: 0;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.marquee1 {
    width: 100%;
    overflow: hidden;
    border: none;
    line-height: 59px;
    color: #fff;
}

.marquee1 p {
    font-size: 18px;
    float: left; margin-bottom: 0px;
    color: #fff;
}


/* Top-Bar */
.logo-top {
    position: absolute;
    top:-27%;
    z-index: 999;
    left:0;
}
.logo-reli{ position: relative;}


.topbar-left ul li{ float: left; margin: 0 0 0 22px; color: #1F2650; font-family: 'Roboto', sans-serif; font-weight:normal; font-size:13px;}

.topbar-left ul li i{ margin: 0 20px 0 0;}

.topbar-right {
    float: left;
    margin-left:170px;
    padding:23px 0px;
}

.topbar-right ul li{ float: left; margin: 0 0 0 35px;}
.topbar-right ul li:first-child{ margin: 0;} 
.search-bar{ width: 170px; position: relative;}
.search-bar .form-control{ height: auto; line-height: 0; background: none; padding-left: 30px; color: #fff;}
.search-bar a{ position: absolute; left: 0; top: 0; color: #fff;}
.search-bar .form-control::-moz-placeholder{ color: #fff;}
.search-bar .form-control::-webkit-input-placeholder{ color: #fff;}
.cart a{ float: left; margin: 0 10px 0 0; font-size: 20px; color: #fff;}
.number-cart{ float: left; height: 20px; width: 20px; line-height: 18px; text-align: center; border-radius: 100%; background: #f8b239; display: block;
color: #fff;}

/* Nav */
.nav-holder{ background: #1F2650; text-align: center;}
.nav-list{ margin-left: 120px;}
.nav-list > ul > li{ float: left; position: relative;}
.nav-list > ul > li > a{ font-size:12px; padding:8px 9px; font-family: 'Lato', sans-serif; font-weight:normal; text-transform: uppercase; position: relative; color: #fff; border-right:1px solid #fff;}

.nav-list > ul > li > a::before{ content: ""; position: absolute; left: 50%; width: 0; border-bottom: 5px solid; height: 100%; bottom: 0; visibility: hidden;
opacity: 0;}  
.nav-list > ul > li > a:hover::before{ visibility: visible; opacity: 1; left: 0; width: 100%;}

.navbar-btn{ display: none;}

/* Dropdown */
.nav-list li > ul{ list-style: none; margin: 0; padding: 0; top: 80%; border-radius: 0; position: absolute; width: 180px; 
visibility: hidden; opacity: 0; background: #fff; z-index: 100;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);}
.nav-list li ul li{ position: relative; float: none; border-bottom: 1px solid #e1e1e1; margin: 0!important;}
.nav-list li ul li:last-child{ border: 0;}
.nav-list li ul li a{ width: 100%; position: relative; color: #888; padding: 10px; text-transform: capitalize; font-family: 'Lato', sans-serif; text-align: left;} 
.nav-list li ul li a:hover{ color: #fff;}
.nav-list li ul li a i{ color: #666; position: absolute; right: 10px; top: 50%; margin: -7px 0 0;}
.nav-list li:hover > ul{ visibility: visible; opacity: 1; top: 100%;}
/* Sub Menu */
.nav-list li > ul li ul{ left: 110%; top: 0!important;}
.nav-list li ul li:hover > ul{ visibility: visible; opacity: 1; left: 100%;}

/* Logo */
.logo a{ top: 0;}
.logo .position-center-y{ left:46%; transform: translate(-50%, 0px); z-index:999;}

/* Banner 1 */
.home-banner.style-1{ margin: -5px 0 0; position: relative;}
.caption.style-1{ z-index: -1;}
.caption.style-1 h1{ text-align: center; font-size: 45px;}
.caption.style-1 h1 span{ display: block; font-size: 50px; color: #f8b239; text-align: center;}
.banner .bx-controls.bx-has-pager.bx-has-controls-direction {
    display: none;
}

.banner img { width: 100%;}

#best-sellers .bx-pager.bx-default-pager {
    display: none;
}

/* Banner 2 */
#animated-sldier{ margin: -5px 0 0 0; }
#animated-sldier .item  > img{ width: 100%;}
.caption h1{ font-size: 65px; font-weight: bold;}
.caption h1 span{ display: block; color: #f8b239;}
.caption p{ font-size: 16px;}

/****** Main Content ******/

/* Courses */
.courses-slider .item{ background:#fff;}
.g-margin .owl-controls{ width: 30%; margin: 60px auto 0; overflow: hidden;}
.owl-prev,
.owl-next{ font-family: Flaticon; cursor: pointer; font-weight: bold; color: #cfcfcf;}

.owl-dot{ float: left; margin: 0 0 0 8px; height: 6px; width: 6px; border-radius: 100%; background: #d1d1d1;}
.owl-dots{ position: absolute; left: 50%; margin: 0 0 0 -20px;}
.owl-dot.active{ height: 10px; width: 10px; margin: -2.1px 0 0 8px; cursor: pointer;}

.courses-column{ overflow: hidden; position: relative;}
.courses-detail{ text-align: center; border: 1px solid #eaeaea; padding: 0 0 12px;}
.courses-detail h5{ margin: 0; line-height: 20px;}
.courses-detail span {
    display: block;
    margin: 0 0 4px;
    font-weight: bold;
    color: #000;
    padding-top: 11px;
    font-style: italic;
    font-size: 15px;
}
.teacher-img{ overflow: hidden; border: 1px solid; height: 150px; width: 150px; display: inline-block!important; margin: -40px 0 5px;
}

.course-btm{ overflow: hidden; padding: 10px 20px; background: #f1f1f1; border: 1px solid #d1d1d1; border-top: 0;}
.course-btm li{ float: left; margin: 0 0 0 30px; color: #8c8c8c; font-size: 16px;}
.course-btm li:first-child{ margin: 0;}
.course-btm li i{ margin: 0 10px 0 0; color: #8c8c8c;}
.teacher-fee{ color: #ff0000; font-size: 16px;}
 
.courses-column:hover{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.53);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.53);
box-shadow:	0px 0px 5px 0px rgba(50, 50, 50, 0.53);}
.courses-column:hover .on-hover{ opacity: 1; visibility: visible; top: 0; transform: scale(1);}

.on-hover{ position: absolute; top: 138px; height: 100%; width: 100%; background: #1F2650; padding: 28px 20px; opacity: 0; visibility: hidden;
transform: scale(0.5);}
.on-hover .teacher-img{ margin-top: 0;}
.on-hover .courses-detail{ border: 0; padding: 0;}
.on-hover .courses-detail p{ line-height: 25px; color: #fff;}
.on-hover .courses-detail h5{ margin: 0 0 20px;}
.on-hover .courses-detail h5 a{ color: #fff;}
.on-hover .teacher-name{ color: #fff;}

/* Upcpmming Event */
.event-names ul li{ margin: 0 0 60px;  position: relative;}
.event-names ul li:last-child{ margin: 0;}
.dates{ height: 70px; width: 70px; position: absolute; padding: 9px 0; text-align: center; border-radius: 100%; background: #f8b239; display: block;}
.dates span{ display: block; color: #fff; line-height: 25px; font-family: 'Lato', sans-serif;}
.dates span:first-child{ font-size: 30px;}
.dates span:last-child{ font-size: 18px;}
.event-address i{ margin: 0 10px 0 0;}
.event-names.style-1 ul li{ padding: 0 100px 0 0; text-align: right;}
.event-names.style-1 ul li .dates{ right: 0;}
.event-names.style-2 ul li{ padding: 0 0 0 100px;}
.event-names.style-2 ul li .dates{ left: 0;}
.dates::before{ visibility: hidden; opacity: 0; border: 1px solid #f7be5c; border-radius: 100%; content: "";
position: absolute; top: -7px; left: -7px; width: 85px; height: 85px;}
.event-names ul li:hover .dates::before{ visibility: visible; opacity: 1;}
.event-names ul li:hover .dates{
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.17);}

.datepicker{ padding: 30px; width: 100%;}
.datepicker table{ width: 100%;}
.datepicker table thead tr th,
.datepicker table tbody tr td{ padding: 22.3px 0; color: #fff;}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover{ background: #f8b239;}
.datepicker table tr td:hover{ background: none!important; color: #f8b239!important;}
.datepicker table tr th:hover{ background: none!important; color: #f8b239!important;}

.btn-holder{ text-align: center;}
.btn-holder .btn{ margin: 60px 0 0;}

/* Our Featured Courses */
.cirlec-slider{ padding: 200px 177px; position: relative;}
.cirlec-slider-bg{ height: 760px;}

/* modification code H hash **************************************************/
.cirlec-slider-bg{ position: relative; background-size: 100% 100%!important}
.cirlec-slider-bg .f-courses{ cursor: pointer; position: absolute; top: 50%; left: 50%; transition: transform 1.1s ease-out;}
.name-tag.style-1{ top: -25px;} 
.name-tag.style-2{ bottom: 40px; right: -25px; top: auto;}
.name-tag.style-3{ bottom: -25px;}
.name-tag.style-4{ left: -25px;}

.f-courses-img{ border: 50px solid #f3f3f3; border-radius: 100%; overflow: hidden;}  
.f-courses-img img{ border: 8px solid #dbdbdb; border-radius: 100%;}
.f-courses .name-tag{ height: 127px; width: 127px; border-radius: 100%; font-size: 21px; display: block; color: #fff;
text-align: center; padding: 35px 0; position: absolute; background: #f8b239;}

.f-courses.active .name-tag{ top: -25px; left: auto; right: auto; bottom: auto; left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);}

.f-courses.active .f-courses-img{ border-color: #f8b239;}
.f-courses.active .f-courses-img img{ border-color: #da951f;}
.f-courses.active .f-courses-detail{ opacity: 1; visibility: visible;}
.f-courses-detail{ position: absolute; top: 170px; z-index: -1; text-align: center; padding: 200px 30px 80px; opacity: 0; visibility: hidden;}
.f-courses-detail .angle-bg{ left: 0; position: absolute; bottom: 0; width: 100%;}
.f-courses-detail .btn{ border-color: #fff; color: #fff;}
.f-courses-detail .btn::before,
.f-courses-detail .btn::after{ border-color: #fff;}
.f-courses-detail::before,
.f-courses-detail::after{ content: ""; height: 12px; width: 31px; position: absolute; top: 0;}
.f-courses-detail::before{ background: url(../images/left-stand.png) no-repeat; right: 100%;}
.f-courses-detail::after{ background: url(../images/right-stand.png) no-repeat; left: 100%;}
/* modification code Hash **************************************************/

/* Testimonial */
.testimonial{ padding: 30px 55px; border: 1px solid #d1d1d1; background: #fff; overflow: hidden;}
.testimonial p{ font-size: 12px;}
.client-rank{ overflow: hidden; margin: 0 0 30px;}
.client-rank h5{ font-size: 14px; text-transform: capitalize; float: left; margin: 0 10px 0 0;}
.client-rank ul{ float: left; margin: -2px 0 0 0;}
.client-rank ul li i{ font-size: 12px;}

.clien-name{ position: relative; float: right; padding: 12px 70px 12px 0;}
.clien-name h6{ font-weight: bold; text-transform: capitalize; margin: 0;}
.clien-name img{ right: 0; position: absolute; top: 0;}

.testimonial-slider .owl-stage{ padding: 45px 0; }
.testimonial-slider .owl-item.active.center{ transform: scale(1.3, 1.1); z-index: 1;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.53);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.53);
box-shadow:	0px 0px 5px 0px rgba(50, 50, 50, 0.53);}

/* Facts Section */
.facts-lsit ul li{ float: left; text-align: center; padding: 0 44px; border-left: 1px solid #e1e1e1;}
.facts-lsit ul li:first-child{ border: 0;}
.facts-lsit ul li strong{ font-size: 57px; margin: 0 0 10px; display: block; color: #f8b239;}
.facts-lsit ul li h4{ font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase;}
.facts-section .btn{ position: relative; z-index: 1;}

/* Our Lecturers */
.o-lecturers{ padding: 100px 0 0; position: relative;}
.o-lecturers-bg{ height: 750px; width: 100%;}
.o-teacher-img{ border-radius: 100%; overflow: hidden; border: 30px solid #f3f3f3; display: inline-block;}
.o-teacher-img img{ border-radius: 100%; border: 5px solid #dbdbdb;}
.o-lecturers-teacher.style-2{ left: 185px;}
.o-lecturers-teacher.style-2,
.o-lecturers-teacher.style-4{ top: 15%;
-webkit-transform: translate(0, -15%);
-moz-transform: translate(0, -15%);
-ms-transform: translate(0, -15%);
transform: translate(0, -15%);}
.o-lecturers-teacher.style-4{ right: 185px;}
.o-lecturers-teacher.style-5{ right: 0;}
/*Modification hash*/
.o-lecturers-teacher.style-3{ top: 25px;}
/*Modification hash End*/
.o-lecturers-teacher.active .o-teacher-img{ transform: scale(1.3); border: 25px solid #f8b239;}
.o-lecturers-teacher.active .o-teacher-img img{ border-color: #da951f;}

.o-teacher-detail{ position: absolute; bottom: 0; width: 60%;}
.detail-teacher-img{ float: left; width: 45%; margin: 0 50px 0 0;}
.teacher-detail{ float: left; width: 45%; padding: 140px 0 0 0;}
.teacher-detail h3 span{ display: block; font-size: 14px; font-style: italic; color: #252525; margin: 20px 0 0;}
.teacher-detail .social-icons{ margin: 0 0 30px;}

/* Latest News */
.news-column{ border: 1px solid #d8d8d8;}
.news-img{ position: relative; overflow: hidden;}
.news-img .dates{ z-index: 1; position: absolute; bottom: 0; right: 0; border-radius: 0; font-family: 'Lato', sans-serif;}
.news-img .dates span{ font-size: 18px;}
.news-img .overlay{ background: rgba( 248,178,57, 0.9); visibility: hidden; opacity: 0; left: 50%; top: 50%; height: 0; width: 0;}
.news-img .overlay a{ color: #fff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 0;}
.news-column:hover .news-img .overlay{ top: 0; left: 0; width: 100%; height: 100%; visibility: visible; opacity: 1;}
.news-column:hover .dates{ bottom: 50%; margin: 0 0 -30px;}
.news-column:hover .overlay a{ font-size: 18px;}

.news-detail{ padding: 30px; background: #fff; overflow: hidden;}
.news-detail h5{ font-size: 16px; text-transform: capitalize;}
.news-detail .meta-post{ margin: 0;}

/****** Footer ******/
.footer{margin-top: 4px; background: url(../images/111.jpg) center bottom fixed;  padding: 22px 0;}
/*.footer{margin-top: 46px; background: url(../images/kids.png) center bottom fixed;  padding: 22px 0;}*/
/* Footer widgets */

.social ul li {
    display: inline-block;
    margin: 0px 3px;
}
.social ul li img {
    width: 48px;
}

.visiter {
    text-align: right;
}
.social {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.logo-widget img{ margin: 0 0 30px;}
.logo-widget .social-icons ul li a{ background: #fff;}
.logo-widget .social-icons ul li a:hover{ color: #fff; background: #f8b239; border-color: #f8b239;}
.address-list a {
    color: #fff;
}
.footer-c-widget h3{ font-size: 18px; font-weight: bold; margin: 0 0 15px;}
.list-widget ul li{ margin: 0 0 12px;}
.list-widget ul li:hover{padding-left: 5px; transition:0.5s;}
.list-widget ul li:last-child{ margin: 0;}
.list-widget ul li a{ font-family: 'Lato', sans-serif; color:#fff; font-size: 15px;}

.address-list ul li{ color: #fff; margin: 0 0 15px; font-size: 15px; position: relative; padding: 0 0 0 35px;}
.address-list ul li:last-child{ margin: 0;}
.address-list ul li i{ position: absolute; left: 0; color: #fff; font-size: 20px;}
.list-widget .fa {
    
    margin-right: 5px;
}


.our-missions {
    position: relative; margin-top:2px;
}

.our-missions h4 {
    font-weight: 800;
    text-align: center;
    font-size: 18px;
    color: #1F2650;
    background: #fff;
    padding: 9px 0px;
    width: 16%;
    margin: 0 auto;
}
.newslatter-holder{ position: relative; width: 70%; margin: 0 auto;}
.newslatter-holder h5{ position: absolute; left: 0; line-height: 48px;}
.newslatter{ width: 100%; padding: 0 0 0 125px; position: relative;}
.newslatter .form-control{ background: rgba(255,255,255,0.1); color: #fff;}
.newslatter a{ text-align: center; line-height: 48px; color: #f8b239; position: absolute; top: 0; right: 0; height: 100%; width: 40px;}

/* Footer Gallery */
.footer-gallery{ position: relative;}
.gallery-batch{ padding: 10px 20px; z-index: 1; background: #f8b239; color: #fff; display: block; bottom: 0;}
.gallery-batch i{ margin: 0 10px 0 0;}

/* Sub Footer */
.sub-footer{ padding:8px 0; background:#1F2650;}
.sub-footer p:Last-child{ margin: 0; font-family: 'Lato', sans-serif; font-size:15px;}

/****** Home Page 2 ***********************************************************
*********************************************************** Home Page 2 ******/

/* Search Courses Form */
.search-course-form{ z-index: 1; position: relative; padding: 30px; margin: -82px 0 0; overflow: hidden; background: url(../images/form-bg.jpg) no-repeat; background-size: cover;}
.search-course-form ul li{ width: 15%; float: left; margin: 0 0 0 21.6px;}
.search-course-form ul li:first-child{ margin: 0;}
.search-course-form .form-group{ margin: 0;}

/* Our Features Style 2 */
.feature-column{ text-align: center;}
.feature-column .feature-icon{ margin: 50px 0 70px; display: inline-block; height: 180px; width: 180px; line-height: 180px; position: relative;
-ms-transform: rotate(47deg);
-webkit-transform: rotate(47deg);
transform: rotate(47deg);}
.feature-column .feature-icon img{
-ms-transform: rotate(-47deg);
-webkit-transform: rotate(-47deg);
transform: rotate(-47deg);}
.feature-column .feature-icon::before,
.feature-column .feature-icon::after{ content: ""; height: 50px; width: 50px; position: absolute; opacity: 0.8;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);}
.feature-column .feature-icon::before{ right: -11px; top: -11px;}
.feature-column .feature-icon::after{ left: -11px; bottom: -11px;}
.our-features.style-2 .feature-column:hover .feature-icon::before,
.our-features.style-2 .feature-column:hover .feature-icon::after{ opacity: 1;
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);}

.feature-column h5{ text-transform: capitalize;}
.feature-column h3{ font-weight: bold; font-size: 28px; color: #f8b239;}
.feature-column p{ padding: 0 30px; font-size: 14px;}
.feature-column .btn:hover{ background: #f8b239;}

.most-f-course-detail{ padding: 60px 30px 30px; position: relative; background: #3b3970;}
.most-f-course-detail p:last-child{ margin: 0;}
.most-f-course-btm{ padding: 20px 30px; overflow: hidden;}
.user-rank li{ float: left; margin: 0 0 0 10px; color: #8d8bc0;} 
.user-rank li:first-child{ margin: 0;}
.user-rank li i{ margin: 0 10px 0 0;}
.course-rate-batch{ height: 80px; width: 80px; text-align: center; line-height: 80px; border-radius: 100%; background: #f8b239; color: #fff;
display: block; position: absolute; top: -40px; font-size: 24px; text-transform: capitalize;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.53);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.53);
box-shadow:	0px 0px 5px 0px rgba(50, 50, 50, 0.53); z-index: 2;}
.most-f-course-btm .rating-stars li{ margin: 0 0 0 2px;}

/* About Section */
.about-section{ position: relative;}
.about-story{ padding: 131px 50px; background: #e7e7e7;} 
.about-story p{ font-size: 14px;}
.about-principal{ background: #f8b239; padding: 100px 70px;}
.about-principal p{ font-size: 14px;}
.principal-photo{ position: relative; padding: 16px 0 16px 100px; overflow: hidden; margin: 0 0 30px;}
.principal-photo img{ border-radius: 100%; overflow: hidden; position: absolute; left: 0; top: 0;}
.principal-photo h3{font-size: 18px; margin: 0;}
.principal-photo h3 span{ display: block; margin: 10px 0 0 0; font-size: 14px;}
.play-icon{ height: 90px; width: 90px; text-align: center; width: 90px; line-height: 90px; font-size: 30px; 
background: rgba(255,255,255,0.2); color: #fff; border: 1px solid #fff;}

/* Upcomming Events */
.event-column{ position: relative;}
.event-detail.style-2{ padding: 0 30px;}
.event-detail.style-2 p:last-child{ margin: 0;}
.event-detail.style-2 span{ margin: 0 0 20px; font-weight: bold; color: #fff; display: block; text-transform: uppercase;}
.event-column.no-bg-img .overlay{ background: #f0f0f0!important;}
.event-column.no-bg-img .overlay h5,
.event-column.no-bg-img .overlay span,
.event-column.no-bg-img .overlay p{ color: #6b6b6b;}
.event-column:hover{ transform: scale(1.2); z-index: 2;
-webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.3);}
.event-column:hover .overlay{ background: #f8b239!important;}
.event-column:hover .overlay p,
.event-column:hover .overlay span,
.event-column:hover .overlay h5{ color: #fff;}

/* Testimonial 2 */
.testimonial-2-inner{ position: relative; height: 300px;}
.people-say{ width: 51%; position: absolute;}
.people-say.style-1{ position: absolute; left: 0;}
.people-say.style-2{ position: absolute; right: 0; top: 30px;}

.people-say.style-1 blockquote::before,
.people-say.style-2 blockquote::before{ content: ""; height: 18px; width: 33px; position: absolute; top: 100%;}
.people-say.style-1 blockquote::before{ background: url(../images/b-angel-1.png) no-repeat; left: 100px;}
.people-say.style-2 blockquote::before{ background: url(../images/b-angel-2.png) no-repeat; right: 100px;}
.people-say blockquote{ border-radius: 10px; padding: 40px 30px; background: rgba( 248, 178, 57,0.9); font-size: 14px; color: #fff;
margin: 0 0 30px; position: relative;}
.people-say .principal-photo{ float: left; margin: 0 0 0 30px;}
.people-say.style-2 .principal-photo{ padding: 16px 100px 16px 0; float: right;}
.people-say.style-2 .principal-photo img{ right: 0; left: auto;}

/* Lectures Style-2 */
.lecture-about p{ margin: 0 0 50px;}
.lectures-list{ margin: 0 0 0 -15px;}
.lectures-list::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.lectures-list li{ position: relative; float: left; margin: 0 0 0 15px;}
.lectures-list li:first-child{ margin: 0;}
.lectures-list li .overlay{ text-align: center; visibility: hidden; opacity: 0;}
.lectures-list li .overlay h5{ color: #fff; display: inline-block;}
.lectures-list li .overlay.social-icons{ margin: 0;}
.lectures-list li .overlay.social-icons ul{ display: inline-block;}
.lectures-list li .overlay.social-icons ul li{ margin: 0 0 0 5px;}
.lectures-list li .overlay.social-icons ul li:first-child{ margin: 0;}
.lectures-list li .overlay.social-icons ul li a{ background: #fff;}
.lectures-list li .overlay.social-icons ul li a:hover{ background: #f8b239; color: #fff;}
.lectures-list.style-2 li{ margin: 15px 0 0;}
.lectures-list.style-3 li{ margin: 15px 0 15px;}
.lectures-list li:hover{ transform: scale(1.3); z-index: 2;
-webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.5);
box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.5);}
.lectures-list li:hover .overlay{ visibility: visible; opacity: 1;}
.aristotle-heading{ text-align: center;}
.aristotle-heading h2{ font-size: 50px; margin: 0 0 10px;}
.aristotle-heading span{ font-size: 18px;} 

/* Lates News Style 2 */
.news-column.style-2{ border: 0; margin: 0 0 30px;}
.news-column.style-2 .news-detail{ padding: 0; background: none;}
.news-column.style-2 .meta-post{ margin: 0 0 20px;}

/****** Home Page 3 ***********************************************************
*********************************************************** Home Page 3 ******/

/***** Header 2 *****/
/* Top Bar */
.top-bar.style-2{ background: #fff;}

/* Nav */
.nav-holder.style-2{ background: none; position: absolute; width: 100%; z-index:  10;}
.nav-holder.style-2 .nav-list{ float: right;}
.nav-holder.style-2 .nav-list li{ margin: 0!important;}
.nav-holder.style-2 .nav-list li a{ color: #fff;}
.nav-holder.style-2 .nav-list li a:hover{ color: #f8b239;}
.nav-holder.style-2 .logo{ float: left;}
.nav-holder.style-2 .nav-list li ul li a:hover{ color: #fff;}
/***** Main Content *****/

/* servises */
.featuers-services{ position: absolute; width: 100%; bottom: 0; z-index: 1;}
.feature-service{ padding: 55px 40px 80px; background: #3b3970; min-height: 300px;}
.feature-service .features-ser-icon{ margin: 0 0 30px; display: block;}
.feature-service h3{ font-size: 18px;}
.feature-service p{ font-size: 14px; margin: 0;}
.plus-icon{ height: 58px; width: 58px; line-height: 54px; color: #fff; background: #f8b239; text-align: center; 
font-size: 50px; border-radius: 100%; bottom: -25px;
-webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.5);
box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.5);}
.plus-icon:hover{ color: #fff;}
.feature-service.with-angle{ border-top: 14px solid #3b3970; margin: -14px 0 0; min-height: 315px;}
.feature-service.with-angle::before,
.feature-service.with-angle::after{ content: ""; position: absolute; top: 0; height: 310px; width: 25px; z-index: 2}
.feature-service.with-angle::before{ background: url(../images/long-angel-left.png) no-repeat; right: 100%;}
.feature-service.with-angle::after{ background: url(../images/long-angel-right.png) no-repeat; left: 100%;}
.feature-service:hover .plus-icon{ color: #f8b239;}

/* Lectures Style 2 */
.lectures-column img{ width: 100%;}
.lectures-column:hover .overlay{ opacity: 1; visibility: visible;}
.lectures-detail{ height: 475.4px; background: #24233f; position: relative;}
.lectures-detail div{ padding: 0 30px;}
.lectures-detail h2{ color: #f8b239;}
.lectures-detail p{ color: #fff;}
.lectures-detail .btn{ color: #fff; border-color: #fff;}
.lectures-detail .btn::before,
.lectures-detail .btn::after{ border-color: #fff;}
.lectures-column .overlay{  background: rgba( 248,178,57, 0.92); opacity: 0; visibility: hidden;}
.lectures-column .overlay div{ width: 100%; text-align: center;}
.lectures-column .overlay h3{ color: #fff; }
.lectures-column .overlay h3 span{ display: block; font-size: 18px; font-style: italic; margin: 10px 0 0; display: block;}
.lectures-column .overlay .social-icons{ margin: 0;}
.lectures-column .overlay .social-icons ul{ display: inline-block;}
.lectures-column .overlay .social-icons ul li a{ background: #fff;}
.lectures-column .overlay .social-icons ul li a:hover{ color: #fff;}

/* Lates News Style 3 */
.event-img-2{ position: relative;}
.event-deta-2{ padding: 20px 0 0;}
.event-deta-2 h5{ font-weight: bold; }
.event-deta-2 p:last-child{ margin: 0;}

.long-batch{ width: 100%; position: absolute; bottom: 0; padding: 15px 0; left: 0; text-align: center; color: #fff;
text-transform: uppercase;}
.event-column-2:hover .long-batch{ background: #f8b239;}

/* Lates News Style 3 */
.news-column.style-3{ border: 0;}
.news-column.style-3 .news-detail{ padding: 30px 0 0; background: none;}
.news-column.style-3 .meta-post{ margin: 0;}

/****** Home Page 4 ***********************************************************
*********************************************************** Home Page 4 ******/
.caption-holder{ width: 100%; position: absolute; height: 100%; width: 100%; left: 0; top:0;}
.caption.style-3{ position: absolute; top: 400px; z-index: 1;}
.caption-img{ right: 0; position: absolute; top: 120px;}

.profile-section{ position: relative; margin: -150px 0 0;}

.event-slider-holder{ background: #4b4980; padding: 30px;}
.event-slider-holder{ overflow: hidden; }
.event-slider-holder h5{ color: #f8b239; font-weight: bold;}
.event-slider-holder h6{ font-size: 14px; color: #fff; font-weight: bold;}
.event-slider-holder p{ color: #fff;}
.event-slider-holder span{ color: #fff; float: right;}
.event-slider .owl-nav{ width: 40px; float: right; margin: 30px 0 0;}
.event-slider .owl-prev::before,
.event-slider .owl-next::before{ font-family: fontawesome; font-size: 20px; color: #f8b239;}
.event-slider .owl-prev::before{ content: "\f104";}
.event-slider .owl-next::before{ content: "\f105";}

.calendar.style-2 .datepicker{ border-radius: 0; background: #3b3970;}
.calendar.style-2 .datepicker table thead tr th, .calendar.style-2 .datepicker table tbody tr td{ padding: 7.8px 0;}

.testimonial.style-2{ position: absolute; top: -271px;}
.testimonial.style-2{ padding: 30px; background: #2c2a5c; border:0; text-align: center;}
.testimonial-aurthor{ margin: 0 0 30px; border-radius: 100%; overflow: hidden;}
.testimonial.style-2 p{ text-align: left; color: #fff; font-size: 16px;}
.signature{ float: left; margin: 30px 0 0;} 

.lecturers-column.style-3{ position: relative; text-align: center; border-radius: 4px; border: 1px solid #d9d9d9; overflow: hidden;} 
.lecturers-column.style-3:hover .overlay{ background: rgba( 45, 43, 94, 0.8)!important;}
.lecturers-column.style-3:hover .lectures-name{ background: #f8b239;}
.lecturers-column.style-3:hover img{ transform: scale(1.1);}
.lecturers-column.style-3 .overlay{ padding: 0 20px; background: none!important;}
.lecturers-column.style-3 .lectures-detail{ background: none; position: absolute; height: auto; bottom: 20px; left: 50%; margin: 0 0 0 -110px;}
.lecturers-column.style-3 .lectures-name{ padding: 20px; background: #3b3970;}
.lecturers-column.style-3 .lectures-name h5{ margin: 0; }
.lecturers-column.style-3 .lectures-name h5 i{ display: block; margin: 10px 0 0;}
.lecturers-column.style-3 .social-icons{ background: #fff; padding: 20px;}
.lecturers-column.style-3 .social-icons ul li{ margin: 0 0 0 15px;}
.lecturers-column.style-3 .social-icons ul li:first-child{ margin: 0;}

/* Gallery H0lder */
.filter-tags-holder{ text-align: center; margin: 0 0 40px;} 
.filter-tags-holder ul{ margin: 0 0 -4px; padding: 0; list-style: none; display: inline-block;}
.filter-tags-holder ul li{ float: left; margin: 0 0 0 20px;}
.filter-tags-holder ul li:first-child{ margin: 0;}
.filter-tags-holder ul li a{ color: #141414; font-size: 18px; text-transform: uppercase;
padding: 10px 15px; border-bottom: 2px solid transparent; font-family: 'Lato', sans-serif;}
.filter-tags-holder ul li a.selected{ border-bottom: 2px solid #f8b239;}

.masonry-grid{ overflow: hidden;}
.gallery-figure{ overflow: hidden; position: relative;}
.gallery-figure img{ width: 100%;}
.gallery-figure .overlay{ visibility: hidden; opacity: 0; top: -100%;} 
.gallery-figure:hover .overlay{ visibility: visible; opacity: 1; top: 0;}
.gallery-figure .overlay a{ color: #f8b239; height: 50px; width: 50px; line-height: 50px; text-align: center; border: 1px solid #fff;}

/****** Event With Sidebar ***********************************************************
*********************************************************** Event With Sidebar ******/
/* Inner Banner */
.inner-banner{ margin: -5px 0 0; padding: 70px 0 20px;}

/* Event Grid */
.event-grid{ border: 1px solid #cdcdcd; margin: 0 0 30px;}
.event-grid-detail{ padding: 30px 10px;}
.event-grid-detail ul{ margin: 0 0 40px;}
.event-grid-detail ul li{ margin: 0 0 20px; font-size: 13px;}
.event-grid-detail ul li:last-child{ margin: 0;}
.event-grid-detail ul li i{ padding: 5px; color: #e4e4eb; border-radius: 100%; height: 25px; width: 25px; line-height: 15px; text-align: center;
margin: 0 10px 0 0;}

/* Aside */
.aside-widget{ margin: 0 0 30px;}
.aside-widget h3{ font-size: 18px; font-weight: bold;}

.aside-search{ position: relative;}
.aside-search .form-control{ background: #ebebeb; border-radius: 30px;}
.aside-search a{ position: absolute; right: 0; top: 18px; color: #828282; padding: 0 15px; height: 100%;}

.aside-post ul li{ position: relative; padding: 0 0 0 135px; margin: 0 0 30px; min-height: 100px;}
.aside-post ul li:last-child{ margin: 0;}
.aside-post ul li h5{ font-size: 16px; text-transform: capitalize;}
.aside-post-img{ position: absolute; left: 0;}
.aside-post-img .dates{ position: absolute; top: 0; left: 0; border-radius: 0; height: 50px; width: 50px;}
.aside-post-img .dates span{ font-size: 16px; text-transform: capitalize; line-height: 17px;}

/****** Event Masonry Grid ***********************************************************
*********************************************************** Event Masonry Grid ******/
.simple-masonry .simple-masonry-grid{ margin: 0 0 30px;}

/****** Courses Grid ***********************************************************
*********************************************************** Courses Grid ******/
.courses-grid-holder .most-f-course{ margin: 0 0 30px;}

/****** Blog Masonary ***********************************************************
*********************************************************** Blog Masonary ******/
.video-post iframe{ width: 100%; height: 210px;}
.blockquote-grid{ position: relative; border: 1px solid #d8d8d8; padding: 30px;}
.blockquote-grid blockquote{ font-size: 30px; font-style: italic;}
.blockquote-grid .meta-post{ margin: 0;}
.blockquote-grid .dates{ position: absolute; right: 0; bottom: 0; border-radius: 0;}

/****** Blog Detail ***********************************************************
*********************************************************** Blog Detail ******/
.blog-detail-img{ position: relative; margin: 0 0 60px;}
.blog-detail-img .dates{ bottom: -40px; padding: 18px 0; height: 80px; width: 80px; border-radius: 0;}
.blog-detail-img .dates span{ font-size: 16px; text-transform: uppercase;}

.post-times-likes{ overflow: hidden;}
.post-times-likes span{ font-size: 16px; color: #3c3c3c;}
.post-times-likes ul li{ float: left; margin: 0 0 0 10px;}
.post-times-likes ul li:first-child{ margin: 0;}
.post-times-likes ul li i{ margin: 0 10px 0 0; color: #3c3c3c;}

.blog-article{ overflow: hidden; padding:  30px 0;}

.realted-tags{ width: 50%;}
.realted-tags li i{ float: left; line-height: 30px;}
.realted-tags li a{ float: left; font-size: 10px; margin: 0 0 0 10px; border: 1px solid #2c2c2c; height: 30px; line-height: 30px;
padding: 0 20px; border-radius: 20px;}
.social-icons{ margin: 0;} 
.tags-nd-social{ overflow: hidden;}

.comments-holder ul li{ position: relative; padding: 30px 0;}
.comments-holder ul li::before{ content: ""; position: absolute; bottom: 0; width: 70%; border-bottom: 1px solid #c5c5c5;}
.comments-holder ul li img{ border-radius: 100%; position: absolute; left: 0;}
.comment-text{ padding: 0 0 0 100px;}
.comment-text h5{ margin: 0 0 10px;}
.comment-text p:last-child{ margin: 0;}

.connect-with{ overflow: hidden;}
.connect-with li{ float: left; margin: 0 20px 0 0; text-transform: uppercase; color: #959595;}
.connect-with li a{ color: #959595;}

.leave-reply-form{ padding: 30px 0; overflow: hidden;}
.leave-reply-form .form-control{ padding: 0; border-bottom: 1px solid #e9e9e9; }
.leave-reply-form .form-group{ position: relative;}
.leave-reply-form .form-group i{ position: absolute; right: 0; top: 20px; color: #a3a3a3;}
.leave-reply-form .form-group.textarea-group i{ top: 30px;}
.leave-reply-form .btn{ margin: 40px 0 0;}

.aside-search.no-radius .form-control{ border-radius: 0;}

.Category-list ul li{ overflow: hidden; margin: 0 0 15px;}
.Category-list ul li:last-child{ margin: 0;}
.Category-list ul li a{ float: left; line-height: 30px; font-size: 16px; font-family: 'Lato', sans-serif; color: #252525;}
.Category-list ul li span{ float: right; padding: 5px; color: #fff;}
.Category-list ul li:hover a{ color: #f8b239;} 
.Category-list ul li:hover span{ background: #f8b239;} 

/****** Blog Listing ***********************************************************
*********************************************************** Blog Listing ******/
.blog-listing-widget{ margin: 0 0 30px;}
.listing-detail{ padding:  0 30px;}

/****** Course Detail ***********************************************************
*********************************************************** Course Detail ******/
.course-detail h2{ font-weight: bold;}
.course-detail-text{ padding: 0 0 60px;}
.course-detail-text p:last-child{ margin: 0;}

.curriculum-shedule{ margin: 0 0 30px;}
.curriculum-shedule:last-child{ margin: 0;}
.curriculum-shedule > ul{ border: 1px solid #000;}
.curriculum-shedule > ul > li{ overflow: hidden; padding: 15px; border-bottom: 1px solid #000;}
.curriculum-shedule > ul > li:last-child{ border: 0;}
.curriculum-shedule > ul li > span{ float: right; line-height: 30px; font-family: 'Lato', sans-serif; color: #3c3c3c;}
.curriculum-shedule ul li ul{ float: left;}
.curriculum-shedule ul li ul li{ float: left; margin: 0 0 0 20px; line-height: 30px;} 
.curriculum-shedule ul li ul li:first-child{ margin: 0;}
.sec-nu{ padding: 0 11px; line-height: 30px; height: 30px; font-weight: bold; border-radius: 100%; color: #fff!important; display: block;}

.course-reviews{ padding: 30px;}
.course-reviews .rating-stars{ overflow: hidden; margin: 0 0 30px;}
.course-reviews .rating-stars li:last-child{ color: #8d8bc0;}

.course-pro-detail li{ color: #fff; margin: 0 0 30px; font-size: 16px;} 
.course-pro-detail li:last-child{ margin: 0;}
.course-pro-detail li i{ margin: 0 10px 0 0; font-size: 20px;}
.course-pro-detail li span{ color: #f8b239;}

.featured-courses > ul > li{ position: relative; margin: 0 0 30px;}
.featured-courses > ul > li:last-child{ margin: 0;}
.featured-courses ul li img{ position: absolute; left: 0;}
.featured-courses ul li div{ padding: 0 0 0 135px;}
.featured-courses ul li div h5{ font-size: 13px; margin: 0 0 5px;}
.a-free-batch{ padding: 25px; line-height: 25px; padding: 0 30px; color: #fff; background: #f8b239; 
display: inline-block; text-transform: uppercase;}

.featured-courses ul li div .rating-stars{ overflow: hidden; margin: 0 0 7px;}

/****** Teacher Detail ***********************************************************
*********************************************************** Teacher Detail ******/
.lecturers-column.style-4{ overflow: visible;}
.lecturers-column.style-4 .lectures-detail{ bottom: -30px;}
.lecturers-column.style-4 .social-icons{ padding: 10px; background: #f2f2f2;}
.lecturers-column.style-4 .social-icons li a{ background: #fff;}
.lecturers-column.style-4 .overlay{ padding: 0 25px;}

/* Progress Bar */
.tc-skillgroup h4{ margin: 0;}
.tc-skillgroup{ float: left; width: 100%;}
.tc-skill{ float: left; width: 100%; margin: 0 0 30px;}
.tc-skill:last-child{ margin: 0;}
.tc-skillname{ display: block; font-size: 14px; font-weight: 600; line-height: 17px; padding: 0 0 10px;}
.tc-skillholder{ float: left; width: 100%; position: relative; background: #ececec;}
.tc-skillbar{ height: 25px; float: left; transition: none; position: relative; background: #f8b239;}
.tc-per{ right: -22px; top: -38px; height: 30px; width: 45px; color: #fff; font-size: 16px; font-weight: 600;
position: absolute; text-align: center; line-height: 30px;}
.tc-per::before{  content: ""; position: absolute;  top: 100%; left: 50%; margin: 0 0 0 -5px; width: 0px;
height: 0px; border-style: solid; border-width: 5px 5px 0 5px;}

.related-courses-tabs{}
.tc-tab-nav{ overflow: hidden; border-bottom: 3px solid; margin: 0 0 30px;}
.tc-tab-nav li{ float: left;}
.tc-tab-nav li a{ height: 48px; display: block; background: #f5f5f5; line-height: 48px; color: #333; text-transform: uppercase; 
font-family: 'Lato', sans-serif; padding: 0 30px;}
.tc-tab-nav li.active a{ color: #fff;}

/****** Event Detail ***********************************************************
*********************************************************** Event Detail ******/
.event-detail-img h2{ text-transform: capitalize; padding: 0 0 30px; margin: 0 0 30px; position: relative;}
.event-detail-img h2::before{ content: ""; position: absolute; bottom: 0; border-bottom: 2px solid; width: 70px;}

.event-profile{ padding: 45px 0;}

.event-profile-widget span{ display: block;}
.icon-heading h4{ line-height: 30px; color: #252525;}
.icon-heading h4 i{ color: #fff; margin: 0 10px 0 0; height: 25px; width: 25px; line-height: 25px; border-radius: 100%; text-align: center; 
font-size: 14px;}
.event-price span{ display: block; color: #f5a720; font-size: 18px; margin: 0 0 15px 50px;}

.event-speakers{ padding: 0 0 50px;}
.speakers-column{ padding: 30px; text-align: center; background: #f1f1f1;}
.speakers-column .teacher-img{ margin: 20px 0 30px;}
.speakers-column h3{ font-weight: bold; font-size: 25px; text-transform: capitalize;}
.speakers-column h3 i{ font-size: 14px; display: block; margin: 10px 0 0;}

.event-speakers-timings{ padding: 20px 0 0;}
.event-speakers-timings li{ margin: 0 0 30px; color: #252525; font-family: 'Lato', sans-serif;}
.event-speakers-timings li:last-child{ margin: 0;}
.event-speakers-timings li span{ display: block;}
.event-speakers-timings li span:first-child{ font-weight: bold;}

.description{ padding: 0 0 50px;}
.description p:last-child{ margin: 0;}

.event-loaction-map{ margin: 0 0 30px;}
.description h4,
.event-loaction-map h4,
.event-gallery h4{ font-weight: bold;}

.event-map{ height: 240px; }

.event-gallery .gallery-figure{ margin: 0 0 30px;}

.aside-post.style-2 ul li{ padding-left: 100px;}
.aside-post.style-2 ul li h5{ text-transform: lowercase; font-size: 14px; margin: 0 0 10px; padding: 8px 0 0;}
.aside-post.style-2 ul li h5 span{ font-style: italic; color: #959595; font-size: 12px;}

/****** Contact ***********************************************************
*********************************************************** Contact ******/
.contact-holder{ position: relative;}
.contact-map{ height: 700px;}
.contact-form-holder{ position: absolute; height: 100%; right: 0;}

.leave-reply-form.style-2{ padding: 1px 0 0;}
.leave-reply-form.style-2 .form-control{ border: 1px solid #959595; padding: 0 20px;}
.leave-reply-form.style-2 .form-group i{ right: 10px; }
.leave-reply-form.style-2 .textarea-group i{ top: 15px; right: 10px; }
.contact-form p{ font-size: 18px; color: #959595;}
.contact-form .btn{ margin: 0;}

.contact-info{ padding: 40px; left: -170px; font-family: 'Lato', sans-serif;}


.address-list li:last-child{ margin: 0;}
.address-list li i{ margin: 0 10px 0 0;}
.footer-links h3 {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.social-icon-2 li{ float: left; margin: 0 0 0 20px;}
.social-icon-2 li:first-child{ margin: 0;}
.social-icon-2 li a{ font-size: 18px; color: #fff;}
.social-icon-2 li a:hover{ color: #f8b239;}	

/****** Teachers Grid ***********************************************************
*********************************************************** Teachers Grid ******/
.teachers-grid .lecturers-column.style-3{ margin: 0 0 30px;}

/****** Gallery ***********************************************************
*********************************************************** Gallery ******/

.iconi
{
    border: 2px solid #fff;
padding: 6px;
border-radius: 50%;
margin-right: 10px;
}


/*=============================accordion===========================*/

/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #fff;
        font-weight: bold;
font-size: 20px;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
       /* border-top-color: #EEEEEE;*/
        border: 1px solid #bdbbbb;
    }

/* ----- v CAN BE DELETED v ----- */


.demo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel-body p
{
    font-weight: 500;
}
table.all-table th
{
    color: #fff !important;
    text-align: center !important;
}
table.all-table th,table.all-table tr
{
    letter-spacing: normal;
margin-bottom: 10px;
line-height: 21px;
font-size: 13px;
color: #1b1b1b;
text-align: justify;
font-family: arial;
}

/*-==========================*/

    .principla_img
{
    float: left !important;
     margin-bottom: 10px;

}

.about_imgage
{
    border: 5px solid #D4D6D8; margin-bottom: 10px;
}

.prayerss p
{
    color: #000;
padding: 0px;
text-align: center;
font-style: italic;
line-height: 31px;
font-weight: 700;
font-family: arial;
}

.custom-accordion
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pone
{
    width: 100%;
    background: url(../images/paryer.png);
    height: 100%;
    background-repeat: no-repeat;
}
.flag
{
    background-image: url(../images/indian_national_anthem.jpg);
    min-height: 350px;
    background-size: 100%;
}
.anthem-national
{
    background-image: url(../images/indian_national_anthem.jpg);
    min-height: 450px;
    background-size: 100%;
}
.anthem-national p.gap
{
    padding-top: 80px;
}
.anthem-national p.pray
{
    padding:0 5px;
}

.ptwo
{
   width: 100%;
background: url(../images/prayer/2.png);
height: auto;
background-repeat: no-repeat;
text-align: center;
background-position: center;
}
.pthree
{
    width: 100%;
    background: url(../images/prayer/3.png);
    height: auto;
}
.pfour
{
    width: 100%;
    background: url(../images/prayer/4.png);
height: auto;
background-repeat: no-repeat;
text-align: center;
background-position: center;
}


/*================================*/
.font-12
{
    font-size: 13px;
}
.p-0
{
    padding: 0 !important;
}
.mb-5
{
    margin-bottom: 5px !important
}
.m-0
{
    margin: 0 !important;
}
.m-5
{
    margin: 5px !important;
}

.pt-10
{
    padding-top: 10px !important
}

.pt-20
{
    padding-top: 20px !important
}

.pt-30
{
    padding-top: 30px !important
}

.mt-10
{
    margin-top:10px !important 
}

.mt-20
{
    margin-top:20px !important 
}

.pb-10
{
    padding-bottom: 10px !important
}

.pb-20
{
    padding-bottom: 20px !important
}

.pb-30
{
    padding-bottom: 30px !important
}

.mytabl tr th, .mytabl tr td
{
    text-align: center;
}

.gallery_detail{
    color: #fff;
    font-size: 16px;
    padding: 5px 8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#355fa6+0,427ece+50,355fa6+51,427ece+100 */
background: #355fa6; /* Old browsers */
background: -moz-linear-gradient(top, #355fa6 0%, #427ece 50%, #355fa6 51%, #427ece 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #355fa6 0%,#427ece 50%,#355fa6 51%,#427ece 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #355fa6 0%,#427ece 50%,#355fa6 51%,#427ece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355fa6', endColorstr='#427ece',GradientType=0 ); /* IE6-9 */
}

a.overlays
{
    position: relative;
}

a.overlays:hover:before
{
    content: '\f0c1';
    font-family: FontAwesome;
    padding: 100px;
    font-size: 30px;
    color: #fff;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
}

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

.media-pagination li a
{
padding: 3px 9px !important;
border-radius: 50% !important;
margin: 2px !important;
}

.font-weight-600
{
    font-weight: 600 !important
}
table.media-table tr th
{
    background:#B0C4E7;
    font-size: 12px;
font-family: Verdana;
padding:2%;
}
table.media-table tr td
{
    font-size: 13px;
    padding: 2%;
border: 1px solid #B7B8BA;
margin-bottom: 5px;
}


.media-box{
    padding: 5px;
background: #fff;
border: 1px solid #ccc;

}

.media-box a.red
{
    color: #C4302B;
    font-weight: 600;
    font-size: 12px;
}

.width-48per
{
    width: 48% !important
}


@media screen and (max-width: 767px){
.width-48per
{
    width: 100% !important
}
.media-box
{
    padding: 15px;
}

}

table.mytable9 td
{
    width: 50%;
    border:1px solid #333 !important;
    margin-left: 20px !important;
}

@media screen and (max-width: 767px)
{
 table.mytable9 td
    {
    width: 50%;
    border:1px solid #333 !important;
    margin-left: 20px !important;
}
.td-left
{
    text-align: left !important;
}
.schoool-name
{
    padding-left: 5% !important
}

}

.img-thumbnail
{
border: 1px solid #ccc;
padding: 3px;
border-radius: 3px;
margin-bottom: 10px;
}

.panel-group a
{
    background:#1F2650;
}

.text-style
{
   font-weight: 500 !important;
   color: #000 !important;
}

.panel-blue
{
    background-color:#335FA5 !important;
    color: #fff;

}

.panel-light
{
    background-color: #fff; 
	padding: 5px;
}

.panel_effect
{
    position: relative;
}

.font-13
{
    font-size: 13px !important;
    margin-bottom: 5px !important
}

.voice-box{
    background-color: #CCC;
padding-top: 7px;
border-radius: 8px;
padding-left: 12px;
padding-right: 12px;
margin:5px;
}

.main-overlay
{
    position: relative;
}

.main-overlay a .overlay
{
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    transform: scale(0);
    background-color: rgba(0,0,0,.6);
    transition: all ease-out .3s;
    z-index: 999;
}

.main-overlay a .overlay p.video-title
{
padding: 75px 0;
text-align: center;
font-size: 14px;
color: #fff;
}

.main-overlay:hover > a > .overlay
{
    transform: scale(1);

}