/* Template Name: Bornomala Theme */

*{box-sizing:border-box}
img{max-width:100%!important;background-color:#FFF;}
table{width:100%}
th{color:#B1EFA2}
td{color:#fff;padding:6px}
caption{color:#fff}

.col-md-12{padding:0}
.logo_area{}
.logo_area img {
}

.header_top_section_wrapper{margin:5px 0}
.banner_area img{width:100%;height:100%}

/*Another Menu */

ul{list-style:none}

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu {
    width: 100%;
    margin: auto;
    border: 1px solid #fff;
    background-color: #6BAB3B;
    /*background-image: linear-gradient(#00E640, #00E640);*/
    border-radius: 6px;
    box-shadow: 0 1px 1px #fff;
}
#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}
#menu li {
    float: left;
    box-shadow: 1px 0 0 #fff;
    position: relative;
}

#menu a {
    float: left;
    padding: 18px 13px;
    color: #fff;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
    color: #fafafa;
}

html #menu li a:hover { /* IE6 only */
    color: #fafafa;
}
#menu ul {
    width:250px;
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;    
    background: #6BAB3B;
    /*box-shadow: 0 -1px 0 rgba(255,255,255,.3);  */
    border-radius: 3px;
    transition: all .2s ease-in-out;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#menu ul ul {
    top: 0;
    
    left: 130px;
    margin: 0 0 0 10px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);      
}

#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    box-shadow: 0 1px 0 #fff, 0 2px 0 #ccc;
}

#menu ul li:last-child {   
    box-shadow: none;    
}

#menu ul a {    
    padding: 15px;
    width: 100%;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu ul a:hover {
    background-color: #0186ba;
    background-image: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;   
}

#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}
.current-menu-item{background-color:#D91E19;color:#fff}







.news_ticker_section_wrapper{}

.news_ticker_area {
	background-color: #D91E19;
}
.news_ticker_area a{color: #fff;font-size:15px;}
.news_ticker_area marquee{
	
	line-height: 36px;
	font-size: 13px;

}
.news_ticker_area span{margin-right:8px}

.slider_section_wrapper{}
.slider_section_wrapper .slider_area{}
.slider_section_wrapper .slider_area img{width:100%;}

.social_counter {
	background: #1C63A3;
    text-align: center;
    border-right: 1px solid #999;
    margin-bottom: 7px;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

.social_counter i{font-size:27px;}
.social_counter i{
	-webkit-transition: transform 0.6s;
	-o-transition: transform 0.6s;
	-moz-transition: transform 0.6s;
	transition: transform 0.6s;	
}
.social_counter:hover i{
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}

.social_counter h4 {
	color: #fff;
	text-shadow: 0px 0px 1px #999;
}
.social_counter h6 {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-size: 14px;
}
.social_counter_section_wrapper.social_counter{text-align: center}
.social_counter_section_wrapper.social_counter h2{color:red;font-size:25px}
.social_counter_section_wrapper.social_counter h5, .social_counter i{color:#fff}
.social_counter_section_wrapper.social_counter i{font-size:30px}



.mission_vission_section {
	background-color: #F0F0F0;
	margin: 8px;
	padding: 10px;
	text-align: center;
	color: #666;
	border: 6px solid #fff;
	height: 250px;
}
.our_vission_mission_section_wrapper h3{text-align:center;color:#666;margin-top:40px}
.our_vission_mission_section_wrapper .section_logo{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #fff;
	margin: auto;
	font-size: 39px;
	border: 1px solid #ccc;
}
.our_vission_mission_section_wrapper .section_logo img{width:57px;height:57px;border-radius:50%}
.our_vission_mission_section_wrapper .section_caption h4 {
	color: #222;
	font-size: 17px;
}
.our_vission_mission_section_wrapper .section_details p {
	text-align: justify;
	font-size: 13px;
}





.featured_video_section_wrapper{margin:4px 0}
.featured_video_section_wrapper .featured_video_area {margin:20px auto}
.featured_video_area iframe{width:100%}

.our_program_section_wrapper {
    margin-bottom: 15px;
    padding-bottom: 26px;
}
.our_program_area {
	border: 1px solid #ddd;
	margin: 12px;
	padding: 12px;
	background: #fff;
	box-shadow: 0 0 17px #555;
	height:330px;
	overflow:hidden;
}
.our_program_section_wrapper .section_logo {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fff;
	margin: auto;
	line-height: 80px;
	font-size: 39px;
	border: 2px solid #ccc;
	text-align: center;
}
.our_program_section_wrapper .section_logo img{
	width: 81px;
	height: 81px;
	border-radius: 50%;
}
.our_program_section_wrapper .section_caption h4 {
	color: #222;
	font-size: 17px;
}
.our_program_section_wrapper  .section_details {
	margin: 14px 0;
}
.our_program_section_wrapper .section_details p {
	text-align: justify;
	font-size: 13px;
}


/*Recent Activities*/
.our_recent_activities_area{margin:88px auto!important}



#my-slide {
	color: #FFF;
	font-size: 60px;
	text-shadow:2px 2px 2px #000
}

.our_recent_activities_area #demos> h2{
	text-align:center;
	color:#fff;
	margin-bottom:50px;	
		
}

.owl-carousel{position:relative;color:#fff;}
.owl-carousel h4{
	font-size: 13px;
    line-height: 19px;}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 179px;
	border:2px solid #ddd;
}
.owl-carousel a{
	color:#fff;
	text-decoration:none;
}
.owl-nav{
	top: -26px;
    right: 0;
    position: absolute;
	
}
.owl-prev{
	width: 21px;
    float: left;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    height: 17px;
    line-height: 15px;
    margin-right: 5px;
}
.owl-next{
	width: 21px;
    float: left;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    height: 17px;
    line-height: 15px;
}


.our_other_institutes_wrapper{margin:58px 0}

.single_institute{
    max-width: 100%;
    height: 128px;

}

/* entire container, keeps perspective */
.flip-container {
	perspective: 100%;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 120px;
	text-align:center;
	
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back{
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
	padding:37px 15px;
	color:#fff;
	font-size:22px;
}
.front a, .back a{
	color:#fff;
	font-size:22px;
	text-decoration:none;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	background-color:#6BAB3C;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	background-color:#f14332;
}
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
	transform: rotateY(180deg);
}
.vertical.flip-container {
	position: relative;
}

.vertical .back {
	transform: rotateX(180deg);
}

.vertical.flip-container .flipper {
	transform-origin: 100% 213.5px; /* half of height */
}

.vertical.flip-container:hover .flipper {
	transform: rotateX(-180deg);
}


/*Flip Ends*/
.footer_top_section_wrapper{}
#founder_section{background-color:#6BAB3C;margin-bottom:8px}




.footer_top_section_wrapper{background-color:#262626;padding:21px 0;border-top:5px solid rgb(0,175,2)}


.single_widget_area{
	width: 100%;
	font-size:13px;
    overflow: hidden;
	padding:4px;
	color:#fff;
	
}
.single_widget_area a{text-decoration:none;}
.single_widget_area ul{margin:0 2px;padding:0;list-style:none}
.single_widget_area ul li{
	    color: #fff;
    margin-bottom: 8px;
    background: #f14332;
    padding: 4px 17px;
}
.single_widget_area .widget-sidebar ul li a{color:#fff;font-size:12px;text-decoration:none;display: block;}
.single_widget_area h1,.single_widget_area h2,.single_widget_area h3,.single_widget_area h4{font-size:17px;color:#B1EFA2;text-transform:uppercase;margin-top:0;padding-top:2px}
.footer_section_wrapper{background-color:green;color:#fff;font-size:13px;padding-top:7px}
.footer_right_area{text-align:right}
.developer_section a {color:#fff}

.popmake-content .popmake-close a{color:#fff !important}
#default-loop-page-visit-counter{display:none}

.header_top_area{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;align-content:stretch}
.logo_area{flex:1}
.banner_area{flex:8}
.slider_section_wrapper p{text-align:justify!important;}