/* CSS */               

body { font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif; font-size: 15px; color: #333; background-color: #fff; transition-duration:.5s }
h2, h3, h4, h5, h6 { color: #0089cd; font-weight: bold; }

/* Home Page CSS */
.top-strip { background: #dfdfdf; color: #333; }
.top-strip a { color: #333; }
.top-strip .social-network a { color: #fff; }
.top-strip .top-menu a { color: #333; padding: 0px 5px; line-height: 25px; }
.top-strip .top-menu a:hover { color: #0c1e3d; }
.top-strip .top-menu { text-align: right; }

.logo .float-right { float: right; }

.span1 { color: #e19703; font-weight: bold; font-size:21px; letter-spacing: 0.5px; }
.span2 { color: #0089cd; font-weight: bold; font-size:30px; padding: 3px 0px; text-transform: uppercase; letter-spacing: 0.5px; }
.span3 { color: #333; font-size:15px; }
.span4 { font-style:italic; padding-top: 5px; font-size:15px; }

.admission-enquiry-btn a { position: fixed; z-index: 99; right: 0%; top: 36%; padding: 6px 0px 6px 0px; }
.btn-pw { background-color: #f7a400!important; padding: 5px 15px !important; border-radius: 15px; font-size: 14px; border: none !important; transition-duration: .5s; }
.btn-pw:hover { background-color: #0089cd!important; }

/* Blink Style CSS */ 
.admission-enquiry { animation: pulse infinite 1s ease-in-out; margin-bottom: 0px; margin-top: 5px; text-align: center; }
.admission-enquiry a { color: #E28D00!important; }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.facebook_icon { background:#3B5998; }
.twitter_icon { background:#1da1f2; }
.linkedin_icon { background:#007bb7; }
.instagram_icon { background:linear-gradient(to bottom right, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.youtube_icon { background:#F00; }
ul.social-icons { padding-top: 5px; margin-bottom: 5px; padding-left: 0px; }
ul.social-icons li { display: inline; margin: 0 1px; border-bottom: none; }
.social-icons a { color:#fff; }
.social-icons a:hover { padding-left:0px; }

.spotlight { background: #F9F9F9; }
.spotlight-bg { padding: 5px 0px 5px 15px; color: #f7a400; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
.blink { animation: blinker 1s step-start infinite; }
@keyframes blinker { 50% { opacity: 0; } }
.carousel-caption { right: 0%; left: 0%; padding-bottom: 0px; position: absolute; bottom: 0px; z-index: 10; color: #fff; text-align: center; padding-top: 0px; text-shadow: none; background-color: #000000d6; opacity: .7; }
.carousel-indicators { display: none; }
.sbpcoad-slider img { width: 100%; }
.sbpcoad-slider a { color:#fff!important; }
/* Carousel-Fade Effect */ 
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; transition-duration: .9s; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }

/* Event Section */ 
.events-section { padding-top:40px; }
.event-box-1 { border-right:3px solid #E28D00; background:#eee; margin-bottom:40px; padding:10px; }
.event-box-1:hover { background:#e6e6e6; transition-duration:.5s }
.events-section h4 { color:#0089cd; font-weight:bold; }
.events-section img { width:200px; height:140px; }

/* Homepage Testimonials Css */
.testimonials-section { padding-top:40px; background: #f5f5f5; }
.testimonials h2 {font: 30px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #2a6496; font-weight:700; margin-bottom: 20px;}
.testm-box {box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); border-radius:10px;}
.testm-box .img-circle {width:83px; height:83px; margin-top:30px;}
.testm-details {padding:30px 15px 5px 15px; text-align: center; min-height:230px;}
.testm-details .space {height: 5px;}
.testm-details .checked {color: orange;}
.testm-details .nochecked {color: gray;}
.testm-details .clr-fb {color: #3b5998;}
.testm-details .clr-in {color: #0077b5;}
.testm-details:hover {background: #e6e6e6; transition: 0.9s;}
.testm-details h5 {font-size: 15px; line-height: 23px; color: #0089cd; margin-bottom:0px; font-weight:bold;}
.testm-details p {font-size: 13px; line-height: 23px; color: #000; margin-bottom:0px;}
.testm-para {height: 120px; overflow: auto; font-size: 13px; text-align: justify; line-height: 23px; color: #000;}
.testm-color-1 {background: #3e5eab; text-align: center; height:80px; border-radius:10px 10px 0px 0px;}
.testm-color-2 {background: #1595cd; text-align: center; height:80px; border-radius:10px 10px 0px 0px;}
.testm-color-3 {background: #61b146; text-align: center; height:80px; border-radius:10px 10px 0px 0px;}
.testm-color-4 {background: #cddd36; text-align: center; height:80px; border-radius:10px 10px 0px 0px;}

@media (min-width: 992px) and (max-width: 1199px) {
	.testm-details {min-height:287px;}
}

/* footer social icons */
ul.social-network { padding-top: 5px; margin-bottom: 5px; padding-left: 0px; }
ul.social-network li { display: inline; margin: 0 1px; border-bottom: none; }
.social-network a.icoYoutube:hover { background-color: #F00; }
.social-network a.icoFacebook:hover { background-color:#3B5998; }
.social-network a.icoInstagram:hover { background:linear-gradient(to bottom right, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.social-network a.icoTwitter:hover { background-color:#1da1f2; }
.social-network a.icoLinkedin:hover { background-color:#007bb7; }
.social-network a.icoYoutube:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoTwitter:hover i { color:#fff; }
a.socialIcon:hover, .socialHoverClass { color:#44BCDD; }
.social-network a:hover { padding-left:0px;  }
.social-network a { background-color: #333; }
.social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 29px; height: 29px; font-size:15px; }
.social-circle li i { margin:0; line-height:30px; text-align: center; }

footer { background: #0089cd; color: #fff; padding-top: 40px; }
footer h3 { border-left:none!important; color:#fff!important; padding-left:0px!important; padding-bottom:20px; }
footer ul { padding-left: 0px; }
footer ul li { list-style:none; text-decoration:none; padding-bottom:5px; }
footer ul li { border-bottom: 1px dotted #fff; }
footer a { color: #fff!important; }
footer a:hover { color: #0c1e3d!important; transition: 0.25s; }
footer .glyphicon { top: 3px; }
footer .sbpcoad_map { margin-top:5px; border:0; border-radius:20px; }
.footer-strip { background: #f7a400; height: 4px; }
.footer_btm { background: #011e2d; color: #fff; padding: 10px 0px; }

/* crunchify top icon */
.crunchify-top { position: fixed; bottom: 1rem; right: 1rem; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; font-size: 1.4rem; color: #fff!important;  background-color: rgb(0, 137, 205); border-radius: 3.2rem; text-align: center; cursor: pointer; display: block; }

/* Social Media Style CSS */
.sbpcoad-sm-bar { position: fixed; top: 46%; right: 0; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 5px 5px 0px 5px; background-color: #f7f7f7d6; border-radius: 10px 0px 0px 10px; }
.sbpcoad-sm-bar a { margin: 10px 0px; }
.sbpcoad-sm-bar img { margin-bottom: 5px; }
.iconspin {-webkit-transition: 0.6s ease-out; -moz-transition:  0.6s ease-out; transition:  0.6s ease-out;}
.iconspin:hover {-webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg); transform: rotateZ(720deg);} 

/* Inner Pages CSS */
.inner-page-banner { background-image: url(../images/inner-page-banner.webp); background-position: center; background-repeat: no-repeat; background-size: cover; height: 300px; }
.page_details { padding: 40px 0px; }
.pageheading { background-color: #0089cd; font-weight: 300; padding: 7px 10px; margin-top: 0px; margin-bottom: 0px; font-size: 26px; color: #fff8f8; }
.page_details h2 { margin-bottom: 10px; font-size: 24px; }
.page_details h3 { margin-bottom: 10px; font-size: 20px; }
.sidebar { background: #0089cd; border-left: 5px solid #f7a400; padding: 10px 0px; margin-bottom: 20px; }
.sidebar h4 { color: #fff; font-weight: bold; padding-left: 20px; }
.sidemenu { list-style: none; padding: 0px; margin: 0 0 30px; text-decoration: none; }
.sidebar ul .active { background: #f7a400; transition-duration: .5s; text-decoration: none; color: #fff; }
.sidemenu li a { list-style: none; padding: 10px 20px; border-bottom: 1px dotted #ccc; color: #fff; display: block; }
.sidemenu li a:hover { background: #f7a400; transition-duration: .5s; text-decoration: none; color: #fff; }
.image-section { border: 2px solid #E28D00; margin-bottom: 20px; }
.nav-tab-section { padding:10px; border:1px solid #dbdbdb; }
.nav-tab-section .tab-content { margin-top: 10px; }
.nav-pills > li.active > a { background: #f7a400 !important; color: #fff; }
.nav-pills > li > a:hover { background: #f7a400 !important; color: #fff; }
.nav-pills > li > a { font-size: 18px; background: #dbdbdb !important; margin-bottom: 5px; margin-right: 3px; color: #333; padding: 7px 12px; font-weight: bold; transition-duration: .5s; }
#accordion .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion0 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion1 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion2 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion3 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion4 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion5 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion6 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion7 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion8 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion9 .panel-title a { color: #0089cd!important; font-size: 21px; }
#accordion10 .panel-title a { color: #0089cd!important; font-size: 21px; }
.btn-submit { background-color: #0089cd; color: #fff !important; padding: 10px 30px; margin: 20px 0px; font-weight: bold; border-radius: 0px; text-decoration: none!important; line-height: 35px; }
.btn-submit:hover { background-color: #f7a400; color: #fff !important; padding: 10px 30px; margin: 20px 0px; font-weight: bold; border-radius: 0px; }

/* Common CSS */
.nopadding { padding: 0px; }
.px-6 { padding-top: 6px; padding-bottom: 6px; }
.px-7 { padding-top: 7px; padding-bottom: 7px; }
.px-10 { padding-top: 10px; padding-bottom: 10px; }
.px-20 { padding-top: 20px; padding-bottom: 20px; }
.ptb { padding-top: 10px; padding-bottom: 20px; font-weight: bold; }
.py-5 { padding-left: 5px; padding-right: 5px; }
.pl-10 { padding-left:10px;  } 
.pl-0 { padding-left:0px;  } 
.pr-0 { padding-right:0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.paddtop5 { padding-top: 5px; }
.tright { text-align: right; }
.tablehead { background-color: #f7a400; color: #fff; height: 30px; }
.home_heading { text-shadow: none; font-size: 24px; font-weight: 600; margin-top: 10px; color: #fff; }
  
/* Media Query */ 
@media (min-width: 320px) and (max-width: 767px) {
	.span1 { font-size:15px; }
	.span2 { font-size:24px; }
	.span3 {font-size:12px; }
	.span4 {font-size:15px; }
	.home_heading { font-size: 16px!important; font-weight: 600; }
	.px-20 { padding-top: 10px; padding-bottom: 10px; }
	.logo .mblcenter img { margin: 0 auto; }
	.logo .mblcenter .float-right { float: none; }
	.logo img { width: 40%; }
	.pl-0 { padding-left:15px;  } 
	.pr-0 { padding-right:15px; }
	.top-strip .top-menu { text-align: left; }
	.top-strip .top-menu a { padding: 0px; }
	.btn-submit { padding: 8px 20px; }
	.tright { text-align: left; }
	.mblhide {display:none}
}
@media only screen 
	  and (min-device-width: 360px) 
	  and (max-device-width: 740px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {		
		.logo img { width: 20%; }
		.top-strip .col-xs-12 { width:50%; }
		.events-section .col-xs-12 { width:50%; }
		.events-section img { height:100px; }
		.event-box-1 { min-height:260px; }
		.event-box-2 { min-height:260px; }
}
@media (min-width: 768px) and (max-width: 991px) { 
	.span1 { font-size:13px; }
	.span2 { font-size:21px; }
	.span3 {font-size:13px; }
	.top-strip span { font-size:13px; }
	.top-strip .top-menu { text-align: left; }
	.social-network { text-align: right; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.span1 { font-size:14px; }
	.span2 { font-size:18px; }
	.span3 {font-size:14px; }
	.top-strip span { font-size:14px; }
	.top-strip .top-menu a { padding: 0px; }
	.spotlight-bg { padding: 8px 0px 5px 1px; font-size: 12px; }
}
 

