.slider .owl-carousel .item img {width: 100%; margin: auto; background-attachment:fixed;}

body{font-family: 'Open Sans', sans-serif !important; font-size:14px; overflow-x: hidden;}
.nomar{ margin:0;}
.nopadd{ padding:0;}
.header{position:relative; width:100%; background:#35e6e8;}
.header .bc-icon { padding: 10px 0; box-sizing:border-box;}
.header .contact span {color: #031c86; font-size: 16px; display: block; margin: 0px 0 0 30px; position:relative; float: right; font-family: 'Open Sans', sans-serif ; font-weight:600;}
.header .contact span:before {display: block; background: url(images/phone-icon.png); content: ""; width: 28px; height: 27px; position: absolute; left: -32px; top: 7px;}
.header .social-icon ul {margin: 0; padding: 0; list-style: none; float: right;}
.header .social-icon ul > li {float: left; margin: 5px 0 0 7px;}
.header .social-icon ul > li img {-webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.7s ease;  transition: all 0.7s ease;}    
.header .social-icon ul > li img:hover {-webkit-transform: scale(0.8); transform: scale(0.8);}
#bb {
	background-color: #35e6e8;
	border-bottom: #bc3a3e solid 2px;
	color: #333;
	padding: 7px 0 7px 0;
	margin-top: 10px;
}
.enquiry ul {margin: 0; padding: 0; list-style: none;  text-align: center;}
.enquiry ul > li {display: inline-block;}
.enquiry ul > li > a {display: block; color: #fff; font-size: 14px; border: 1px solid #fff; border-radius: 6px;  padding: 10px 0px;
    margin: 5px 0; height: 41px;  background: #4584d8;  font-family: 'Open Sans', sans-serif;
    font-weight: 300;   text-decoration: none;  width: 175px;}
.enquiry ul > li > a:hover {border: 1px solid #4584d8; background: none; color: #333; transition: .5s;}
.header .col-sm-12.enquiry ul > li > a:hover{background: #fff; border: 1px solid #4584d8; transition:ease-in-out .5s; color:#000;}

.enquiry ul>li>a.enquiry{background: url(images/enquiry.png) #4584d8 no-repeat 9px 12px; width:95px;padding-left:20px;}
.enquiry ul>li>a.enquiry:hover {border: 1px solid #4584d8; background: url(images/enquiry1.png) no-repeat 9px 12px;}

.enquiry ul>li>a.rform{background: url(images/registration.png) #4584d8 no-repeat 8px 12px;width:160px;padding-left:20px;}
.enquiry ul>li>a.rform:hover {border: 1px solid #4584d8; background: url(images/registration1.png) no-repeat 8px 12px;}

.enquiry ul>li>a.tc{background: url(images/tc.png) #4584d8 no-repeat 8px 12px;width:170px;padding-left:20px;}
.enquiry ul>li>a.tc:hover {border: 1px solid #4584d8; background: url(images/tc1.png) no-repeat 8px 12px;}

.enquiry ul>li>a.ds{background: url(images/dc.png) #4584d8 no-repeat 9px 12px;width:120px;padding-left:20px;}
.enquiry ul>li>a.ds:hover {border: 1px solid #4584d8; background: url(images/dc1.png) no-repeat 9px 12px;}

.pad{padding-top:10px}

/*.sticky{ position: fixed; width: 100%; background:#e7e7e7; z-index:999; top:0; left:0; }*/
.header .twin {position: absolute; left: 0; width: 141px; top: 0;}



.header .row.padd12 {padding: 12px 0 0 0;}

.menu-cont .navbar-custum {min-height: 0px;margin-bottom: 0px;border: none; margin: 0; padding: 0;}
.menu-cont .w100 {width: 100%; display: table;}
.navbar-nav>li {float: left; display:table-cell !important;  padding: 7px 18px 5px 14px; text-align:center;}
.navbar-nav>li:hover{background:#dddcdc;}
.navbar-nav>li:first-child { text-align:left; padding-left:0;}
.navbar-nav>li:last-child { text-align:right; padding-right:0;}

.navbar-nav>li>a{padding:0 0 2px 35px !important; font-family: 'Open Sans', sans-serif ;font-size:13px;font-weight:bold;}


.navbar-nav>li>a[href="index.aspx"]{background:url(images/home-s.png) 5px 0 no-repeat;}
.navbar-nav>li>a[href="index.aspx"]:hover{background:url(images/home-s.png) no-repeat 5px -22px ;}

.navbar-nav>li>a.about{background:url(images/about-s.png) 5px 0 no-repeat;}
.navbar-nav>li>a.about:hover{background:url(images/about-s.png) no-repeat 5px -22px ;}

.navbar-nav>li>a.prospectus{background:url(images/prospect-s.png) 5px 0 no-repeat;}
.navbar-nav>li>a.prospectus:hover{background:url(images/prospect-s.png) no-repeat 5px -24px ;}

.navbar-nav>li>a.gallery{background:url(images/gallery-s.png) 5px 0 no-repeat;}
.navbar-nav>li>a.gallery:hover{background:url(images/gallery-s.png) no-repeat 5px -24px ;}

.navbar-nav>li>a.bearer{background:url(images/bearers-s.png) 5px 0 no-repeat;}
.navbar-nav>li>a.bearer:hover{background:url(images/bearers-s.png) no-repeat 5px -23px ;}

.navbar-nav>li>a.message{background:url(images/message-s.png) 5px 0 no-repeat;}
.navbar-nav>li>a.message:hover{background:url(images/message-s.png) no-repeat 5px -25px ;}

.navbar-nav>li>a.achievements{background:url(images/achievement-s.png) 5px 0 no-repeat;}
.navbar-nav>li>a.achievements:hover{background:url(images/achievement-s.png) no-repeat 5px -24px ;}

.navbar-nav>li>a.alumni{background:url(images/alumni-s.png) -1px 0 no-repeat;}
.navbar-nav>li>a.alumni:hover{background:url(images/alumni-s.png) no-repeat -1px -23px ;}

.navbar-nav>li>a.contact{background:url(images/contact-s.png) 5px 0 no-repeat;padding-left:25px!important;}
.navbar-nav>li>a.contact:hover{background:url(images/contact-s.png) no-repeat 5px -22px ;}


.navbar-nav>li>a:hover{color: #000;}

.dropdown-menu>li>a {font-size: 13px; font-weight: bold !important;padding: 10px 20px !important; border: none; border-bottom: 1px dashed #ccc; font-family: 'Open Sans', sans-serif ; background: #dddcdc;}
.dropdown-menu{ padding:0 !important;}


.slider{border-top:2px solid #ffffff; position:relative;}
.slider .owl-pagination { display: none;}
.slider .owl-buttons {position: absolute;  width: 100%;  top: 40%;}
.slider .owl-prev { position:absolute; left:0; background:url(images/Right.png) no-repeat; width:65px; height:65px;}
.slider .owl-next { position:absolute; right:0;background:url(images/Left.png) no-repeat; width:65px; height:65px;}
.slider .twin-win { position: absolute; top: 10px;  right: 110px; z-index:999;}
.slider .bc-bulid { position: absolute; right: 184px;  width: 100%; top: 0;}
.slider .item {height: 530px;}
.icon-enquiry {background: #eee; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 9; opacity: 0.9;}

.about .about-cont h2 {font-size: 36px; text-align: center; font-family: 'Volkhov', serif; color: #444;}
.about .about-cont h2:hover { color:#337ab7;}
.about .about-cont p {color: #000; font-size: 14px; line-height: 24px; margin-bottom: 24px; font-weight:300;}
.about .read-more a{width: 130px; border: 1px solid #f2af00; text-align: center; padding: 8px 5px; border-radius: 30px;   margin: 0 auto; display:block; color:#031c86; font-size:15px;}
.about .read-more a:hover{ background:#e7e7e7; color:#000; text-decoration:none; display:block; transition:ease-in-out .5s;}

.about .panels ul {margin: 0; padding: 0; list-style: none;}
.about .panels ul li {float: left; text-align: center; width: 19%; margin: 40px 34px;}
.about .panels ul li a img{opacity: 1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;  box-shadow: 6px 5px 2px rgba(0,0,0,0.25);    -moz-box-shadow: 6px 5px 2px rgba(0,0,0,0.25);}
.about .panels ul li a img:hover{-webkit-transform: translate(20px,-20px); transform: translate(20px,-20px); opacity: 0.4;}



.achiever {background: url(images/acheiver-bg.jpg) no-repeat;  width: 100%; background-attachment: fixed; padding: 20px 0 20px 0;    background-size: cover; box-sizing: border-box;}
.achiever .achiever-content h2 {font-size: 36px;  text-align: center;  border-radius: 10px 10px 0 0;  color: #fff;  padding: 15px 0 15px 0;
    font-family: 'Volkhov', serif;  margin: 0 0 0 0;  background: url(images/bg2.jpg);}
.achiever .achiever-content p { font-family: 'Open Sans', sans-serif ;font-size: 14px; color: #000;  padding-bottom: 15px;}
.achiever p.more-achiever a { background: #031c86; padding: 10px 22px; border-radius: 10px; box-sizing: border-box; color: #fff;  text-align: center;  margin: 40px auto;  display: block; width: 300px; font-family: 'Oxygen', sans-serif; font-size:16px; text-align:center; border:1px solid transparent;}
.achiever .owl-buttons {position: absolute;  width: 100%;  top: 30%;}
.achiever .owl-prev { position:absolute; left:80%; background:url(images/Left-fl2.png) no-repeat; width:16px; height:45px;}
.achiever .owl-next { position:absolute; right:80%;background:url(images/Right-fl2.png) no-repeat; width:16px; height:45px;}
.achiever p.more-achiever a:hover{background:none; border:1px solid #031c86; color:#000; text-decoration:none; display:block; transition:ease-in-out .5s;}
.achiever .owl-carousel .item img {margin: 0 auto;  display: block; width:140px;}
.achiever .achiever-content {background: #eee; box-sizing: border-box;  padding-bottom: 33px;  border-radius: 10px; opacity: 0.9;}

.achiever .achiever-hb h2 {font-size: 36px; text-align: center; border-radius: 10px 10px 0 0;  color: #fff; padding: 15px 0 15px 0;
    font-family: 'Volkhov', serif; margin: 0 0 0 0; background: url(images/bg2.jpg);}
.achiever .achiever-hb p {font-size: 16px;  color: #000;  font-family: 'Open Sans', sans-serif; text-align: center; padding-top: 15px;
    }
.achiever .achiever-hb span {font-size: 16px; color: #757f2e; font-family: 'Open Sans', sans-serif ;  padding-bottom: 15px; display:block; }
.achiever .achiever-hb .owl-buttons { position:absolute; width:100%; top:50%;} 
.achiever .achiever-hb .owl-prev { position:absolute; left:65%; background:url(images/Left-fl2.png) no-repeat; width:16px; height:45px;}
.achiever .achiever-hb .owl-next { position:absolute; right:65%;background:url(images/Right-fl2.png) no-repeat; width:16px; height:45px;}
.achiever .achiever-hb { background: #eee;  box-sizing: border-box; padding-bottom: 33px;  border-radius: 10px;  opacity: 0.9;}


.notice {width: 100%; background: #fff; padding: 33px 0; box-sizing: border-box;}
.notice-content {box-sizing: border-box;border-radius: 10px;  opacity: 0.9;}
.notice .notice-content h2 {font-size: 36px; border-radius: 10px 10px 0 0; color:#444 ; padding: 15px 0 0px 10px; font-family: 'Volkhov', serif;
    margin: 0 0 0 0;}
.notice .notice-content h2:hover {color: #5885c3;}
::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #4383d7;
}

::selection {
    color: #ffffff;
    background: #4383d7;
}
.notice .media {}
.notice .media-left h3 {font-size: 36px; color: #4383d7; font-family: 'Open Sans', sans-serif ; text-align:center;  margin: 0 0 2px 0;}
.notice .media-left span {font-size: 14px; display:block; color: #000; font-family: 'Open Sans', sans-serif ; text-align:center;}
.notice .media-body p {font-size: 14px; color: #000;  font-family: 'Open Sans', sans-serif ;}
.notice .media-body p.read-more a { background: #a2b040;  width: 118px; text-align: center;  padding: 7px 0;  color: #fff;  display: block;  font-size: 14px;  border-radius: 6px; font-family: 'Open Sans', sans-serif ; border:1px solid transparent;}
.notice .media-body p.read-more a:hover{background:none; border:1px solid #a2b040; color:#000; text-decoration:none; display:block; transition:ease-in-out .5s;}
.notice .media-left.width {  width: 16%;}
.notice .custom-news {width: 100%; height: 260px;margin: 0 auto;display: block;border: 1px solid #ccc;border-radius: 10px;}
.link-cont {clear: both;}


.notice .junior-wing-item { box-sizing: border-box;border-radius: 10px; opacity: 0.9;}
.notice .junior-wing-item h2 {font-size: 36px; text-align: center; border-radius: 10px 10px 0 0; color:#444 ; padding: 15px 0 15px 0;
    font-family: 'Volkhov', serif;  margin: 0 0 0 0; }
.notice .junior-wing-item h2:hover { color:#5885c3;}
.notice .junior-wing-item .owl-carousel .item img { margin: 0 auto;  display: block;  width: 330px; }
.notice .junior-wing-item .owl-carousel .item img:hover { }
.notice .junior-wing-item .owl-buttons {position: absolute;  width: 100%;  top: 40%;}
.notice .junior-wing-item .owl-prev { position:absolute; left:95%; background:url(images/Left-fl2.png) no-repeat; width:16px; height:45px;}
.notice .junior-wing-item .owl-next { position:absolute; right:94%;background:url(images/Right-fl2.png) no-repeat; width:16px; height:45px;}
.junior-wing-item div#owl-demo5 {border: 1px solid #ccc; padding: 10px 0px; box-sizing: border-box; border-radius: 10px;}

.notice .j-wing h2 { font-size: 36px; color: #4383d7;  font-family: serif;  padding-bottom: 15px; font-family: 'Volkhov', serif; text-align:center;}
.j-wing-container {background: url(images/junior-wing.png) no-repeat;  height: 332px; margin: 0 auto;}
.j-wing-container .owl-carousel .item img {margin: 0 auto;  display: block; width:160px;  padding-top: 61px;}
.j-wing-container #owl-demo5{ padding-top:25px;}

.gallery {background: url(images/gallery-bg.jpg) no-repeat;  width: 100%; background-attachment: fixed;  padding: 33px 0; background-size: cover; box-sizing: border-box;}
.gallery .gallery-content h2{font-size: 36px; color: #fff; padding-bottom: 20px; font-family: 'Volkhov', serif; text-align:center;}
.gallery .gallery-content p{font-size: 14px; color: #fff; padding-bottom: 40px; font-family: 'Open Sans', sans-serif ; text-align:center;}
.gallery .gallery-content ul { margin: 0; padding: 0; list-style: none;}
.gallery .gallery-content ul li { float: left; margin: 0 20px 30px 0;}
.gallery .gallery-content ul li { margin: 0 11px 30px 0;  width: 24%;}
.gallery .gallery-content ul li img{ -webkit-transform:scale(1.0);transform:scale(1.0);-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
.gallery .gallery-content ul li img:hover{-webkit-transform:scale(0.8);transform:scale(0.8);}
.gallery p.more-achiever a {background: none; padding: 8px 10px; border-radius: 10px;  border: 1px solid #fff;transition:all .5s; color:#fff;   font-family: 'Open Sans', sans-serif ;
font-size: 15px; text-align: center; }
.gallery p.more-achiever a:hover {background: #fff; transition:all .5s; color:#000; border: 1px solid transparent; text-decoration:none;}
	
.getintouch {
	width: 100%;
	background-color: #35e6e8;
	padding: 33px 0 0 0;
	box-sizing: border-box;
}
.getintouch .get-content {padding-left: 20px; box-sizing: border-box;}
.getintouch .f-logo {margin: 50px 0;}
.getintouch .get-content h2{font-size: 36px; color: #444;  font-family: 'Volkhov', serif; }
.getintouch .get-content h2:hover{color: #76a2dc;}
.getintouch .get-content p{font-size: 14px; color: #000; font-weight: 600;  font-family: 'Open Sans', sans-serif ; line-height:24px; }
.getintouch .link-cont h2{font-size: 36px; color: #444;  font-family: 'Volkhov', serif; }
.getintouch .link-cont h2:hover{color: #76a2dc;}
.getintouch .link-cont ul {margin: 0; padding: 0; list-style: none; width: 33%; float: left;}
.getintouch .link-cont ul li a{font-weight: 600; font-size: 14px; color: #000; display:block; margin:4px 0; transition:all .5s;  font-family: 'Open Sans', sans-serif ; text-decoration:none; line-height:24px; padding: 0 0 0 34px;}
.getintouch .link-cont ul li a[href="index.aspx"] {background: url(images/home-s-1.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a[href="index.aspx"]:hover {background: url(images/home-s-1.png) no-repeat 5px -22px; color:#337ab7;}

.getintouch .link-cont ul li a[href="About-School.aspx"] {background: url(images/about-s-1.png) 5px 0 no-repeat; transition:all .5s;}
.getintouch .link-cont ul li a[href="About-School.aspx"]:hover {background: url(images/about-s-1.png) no-repeat 5px -22px; color:#337ab7; transition:all .5s;}

.getintouch .link-cont ul li a[href="Admissions_Withdrawal.aspx"] {background: url(images/prospect-s.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a[href="Admissions_Withdrawal.aspx"]:hover {background: url(images/prospect-s.png) no-repeat 5px -22px; color:#337ab7;}

.getintouch .link-cont ul li a[href="FEE.aspx"] {background: url(images/fee-s.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a[href="FEE.aspx"]:hover {background: url(images/fee-s.png) no-repeat 5px -22px; color:#337ab7;}

.getintouch .link-cont ul li a[href="Principal-Message.aspx"] {background: url(images/message-s.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a[href="Principal-Message.aspx"]:hover {background: url(images/message-s.png) no-repeat 5px -22px; color:#337ab7;}

.getintouch .link-cont ul li a[href="Gallery_Default.aspx"] {background: url(images/gallery-s.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a[href="Gallery_Default.aspx"]:hover {background: url(images/gallery-s.png) no-repeat 5px -22px; color:#337ab7;}

.getintouch .link-cont ul li a[href="Achievement.aspx"] {background: url(images/achievement-s.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a[href="Achievement.aspx"]:hover {background: url(images/achievement-s.png) no-repeat 5px -22px; color:#337ab7;}

.getintouch .link-cont ul li a.login {background: url(images/login-s.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a.login:hover {background: url(images/login-s.png) no-repeat 5px -22px; color:#337ab7;}

.getintouch .link-cont ul li a[href="ContactUs.aspx"] {background: url(images/contact-s.png) 5px 0 no-repeat;}
.getintouch .link-cont ul li a[href="ContactUs.aspx"]:hover {background: url(images/contact-s.png) no-repeat 5px -22px; color:#337ab7;}


ul.social-icons2 {list-style: none; padding-TOP: 16px;}
ul.social-icons2 li { display: inline;}
ul.social-icons2 li img{-webkit-transform:scale(1.0);transform:scale(1.0);-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
ul.social-icons2 li img:hover{-webkit-transform:scale(0.8);transform:scale(0.8);}

.footer {
	background-color: #FF9900;
	padding: 10px 0;
	box-sizing: border-box;
}
.footer .copyright p {font-size: 14px; padding-top: 20px; color: #000; font-family: 'Open Sans', sans-serif ;}

.bredcrum {
	padding: 50px 0;
	box-sizing: border-box;
	background: url(images/bredcrum-bg1.jpg) no-repeat top center;
	width: 100%;
	background-size: cover;
}
.bredcrum .bredcrum-cont h3 { font-size: 42px; text-align: left; color: #fff; font-family: serif; padding-bottom: 15px; font-family: 'Volkhov', serif; text-transform: uppercase;}
.bredcrum .bredcrum-cont ul {margin: 0; padding: 0; list-style: none;}
.bredcrum .bredcrum-cont ul li {float: left;margin: 0 11px 0 0; color:#eee;}
.bredcrum .bredcrum-cont ul li:after {content: "/"; margin: 0 0 0 11px;}
.bredcrum .bredcrum-cont ul li:last-child:after {content: none;}
.bredcrum .bredcrum-cont ul li a {color: #fff;}

.main-container {width: 100%; padding: 30px 0; box-sizing: border-box; background:url(images/page-bg.jpg) repeat;}
.main-container .left-panel ul { margin: 0; padding: 0; list-style: none;}
.main-container .left-panel ul li a {display: block; padding: 10px 10px; background: #e7e7e7; margin: 0 0 5px 0; text-decoration:none; border:1px solid transparent;}
.main-container .left-panel ul li a:hover { transition:ease-in-out .5s; border:1px solid #4383d7; background: none; color:#000;}
.main-container .left-panel ul li a.active { transition:ease-in-out .5s; border:1px solid #4383d7; background: none; color:#000;}


.main-container .right-panel h2 { font-size: 36px; text-align: left; color: #4383d7; font-family: serif;  padding-bottom: 15px;  font-family: 'Volkhov', serif;  margin: 0 0 20px 0;
border-bottom: 1px solid #ccc;}
.main-container .right-panel h3 {font-size: 24px; text-align: left;  color: #000; font-family: 'Volkhov', serif;  margin: 20px 0 5px 0;}
.main-container .right-panel p { color: #000; font-size: 16px; line-height: 24px; margin-bottom: 24px; font-family: 'Oxygen', sans-serif;  font-weight: 300;}
.padleft10{ padding-left:10px;}
.left-panel .gallery-left {margin-top: 6px;}
.left-panel .video-left{margin-top: 6px;}
.slideanim {visibility:hidden;}
.slide { /* The name of the animation */  animation-name: slide;  -webkit-animation-name: slide;  /* The duration of the animation */ animation-duration: 1s;  -webkit-animation-duration: 1s; /* Make the element visible */ visibility: visible; }
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide { 0% {opacity: 0; -webkit-transform: translateY(70%);} 
    100% {opacity: 1; -webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide {
    0% {opacity: 0; -webkit-transform: translateY(70%);} 
    100% {opacity: 1;  -webkit-transform: translateY(0%);}
}
/*-- /sliding animations --*/


.custom-accordian-heading {background: #e7e7e7 none repeat scroll 0 0;  border: 1px solid #ccc;  padding: 10px 10px 10px 30px;  position: relative;  cursor: pointer;}
.custom-accordian-heading::after, .custom-accordian-heading::before { background: #000 none repeat scroll 0 0;  bottom: 0; content: ""; display: block;  height: 10px;
    left: 15px;  margin: auto 0; position: absolute;  top: 0;  width: 2px;  -moz-transition: transform 0.3s linear;  -o-transition: transform 0.3s linear;    -webkit-transition: transform 0.3s linear; transition: transform 0.3s linear;
}
.custom-accordian-heading::after {transform: rotate(90deg);}
.custom-accordian-heading.accordian-open:before{transform: rotate(90deg);}
.custom-accordian-content{border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: none; padding: 10px;}
.accordian:last-child{ border-bottom: 1px solid #ccc;}

/*page 2*/
.main-container1 {background: #e7e7e7;}
.main-container1 .left-panel-2 ul {margin: 0; padding: 0; list-style: none; text-align: center;}
.main-container1 .left-panel-2 ul li { display: inline-block; padding: 15px 30px;}
.main-container1 .left-panel-2 ul li a { display: block; color: #000;  font-size: 16px; line-height: 24px; font-family: 'Open Sans', sans-serif;}
.main-container1 .left-panel-2 ul li a:hover { color:#337ab7; text-decoration:none;}
.main-container1 .left-panel-2 ul li a.active { color:#337ab7;}
.main-container .gallery-left{ margin-top:10px;}
.main-container .video-left{ margin-top:10px;}
.main-container .right-panel-1 {background: #fff; padding: 15px 15px;  box-sizing: border-box; box-shadow: 2px 2px 5px rgba(0,0,0,0.25);}
.main-container .right-panel-1 h2 { font-size: 32px; text-align: left; color: #4383d7; font-family: serif;  padding-bottom: 15px;  font-family: 'Open Sans', sans-serif; font-weight:600;  margin: 0 0 20px 0;border-bottom: 1px solid #ccc;}
.main-container .right-panel-1 h3 {font-size: 18px; text-align: left;  color: #000;  font-family: 'Open Sans', sans-serif; font-weight:600; margin: 0px 0 15px 0;}
.main-container .right-panel-1 p { color: #000; font-size: 14px; line-height: 24px; margin-bottom: 24px;     font-family: 'Open Sans', sans-serif;  font-weight: 300;}
.padleft10{ padding-left:10px;}
.border{ border:0px solid #e7e7e7;}
ul.list-item {margin: 0; padding: 0; list-style: none; margin-bottom: 22px;}

ul.list-item li { font-family: 'Open Sans', sans-serif; background: url(images/news-arrow1.png) no-repeat left center;  padding: 3px 23px;  background-position: 0 9px;  color: #000; font-size: 14px; line-height: 24px;}

table { font-family: 'Oxygen', sans-serif; color: #000; font-size: 14px; line-height: 24px;}
.pdf p { display: block;  text-align: center; color: #ff5f5f !important;}
.pdf span { display: block;  margin: 0 0 5px 0;}
.col-sm-3.pdf {border-right: 1px dashed #ccc; margin-bottom: 10px;}

.col-sm-6.pdf {
    border-right: 1px dashed #ccc;
    margin-bottom: 10px;
}
  .strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: red;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

    .modal-content{
box-shadow: 0 5px 15px rgba(0,0,0,.9)!important;
}
.modal-backdrop.in
{
    opacity: 0.1!important;}
    .modal-content
    {
        
        border-radius: 0px;}
.col-sm-3.pdf:nth-child(4) {border-right: none;}
.col-sm-3.pdf:last-child {border: none;}
.media.border { padding: 4px;  box-sizing: border-box; height: 400px;  margin: 0 0 15px 0;}


.media.border .media-left {display: block; padding-bottom: 15px;}
.media.border .media-left img{width: 100%; display: block; }
.media.border .media-body { width: 100%; display: block; }
.photo-album-details p.read-more a {border: 1px solid #ccc; width: 106px; display: block;  text-align: center;  padding: 5px 3px;
    margin: 20px auto;  text-decoration: none;}

.repeater-detais-media strong {color:#4383d7;}

.Video1 {width: 50px; height: 50px; background-image: url(images/play-but.png); background-repeat: repeat;  -webkit-border-radius: 8px;   -moz-border-radius: 8px;
    position: absolute;  left: 50%;  top: 29%;  transform: translate(-50%,-50%);}
span.album-all-details {color: #4383d7;}
.video-detail p.read-more a { text-decoration:none; width: 105px; border: 1px solid #ccc; padding: 4px 11px;  text-align: center; margin: 20px auto; display: block;}


i.fa.fa-map-marker { font-size: 60px;  display: block;  color: #4383d7;  width: 50%; border: 1px solid #ccc; height: 100px;     border-radius: 10px; padding-top: 20px;}
i.fa.fa-map-marker:hover {color: #ccc;}
i.fa.fa-mobile {font-size: 60px; display: block;  color: #4383d7; width: 50%; border: 1px solid #ccc; height: 100px;     border-radius: 10px; padding-top: 20px;}
i.fa.fa-mobile:hover {color: #ccc;}
i.fa.fa-envelope-o {font-size: 60px; display: block;  color: #4383d7; width: 50%; border: 1px solid #ccc; height: 100px;     border-radius: 10px; padding-top: 20px;}
i.fa.fa-envelope-o:hover {color: #ccc;}
.row.contact-us {display: flex; margin: 0;}
.contact-us .col-sm-4.border {margin: 0 4px 0 0; padding:10px 0; box-sizing:border-box;}
.ra h3 { text-align: center !important; padding: 0 0 5px 0;color: #4383d7 !important;}
.ra img.border { display: block; margin: 0 auto;}
.ra p {text-align: center; margin: 0 0 0 0;}
.white_content1 { display: none; position: fixed; background: #fff;  top: 57px;  right: 193px;  box-shadow: 0 2px 2px 5px rgba(0,0,0,0.15);  width: 215px;
    height: 406px;  z-index: 99999999;}
a.close-item1 { position: absolute;  color: #fff;  right: 10px;  top: 7px;  z-index: 999999999;  font-size: 14px;}
.mobile-form { width: 100%;}
.mobile-form h6 {color: #fff; text-align: center; font-size: 16px; background: #4584d8; padding: 14px 0; margin: 0 0 0 0;}
.mobile-container {background: url(images/mobile-icon-2.png) no-repeat top center;  padding: 0 8px;  box-sizing: border-box;  margin: 10px auto; width: 172px; height: 340px;}
.mobile-container p {font-size: 15px; padding: 60px 0 20px 0;  color: #000;  text-align: center;}
.apps-icon ul {margin: 0; padding: 17px 0 0 0;  list-style: none;}
.apps-icon > ul > li {float: left;  margin: 0 0 0 4px;}
.left-panel-mobile {display: none;}
.mobile-container span {  text-align: center;   display: block;  padding: 4px 0 4px 0;  color: #333;}
.header .social-icon ul ul li img:hover {  -webkit-transform: scale(1);  transform: scale(1);}

.img-circle {box-shadow: 3px 3px 5px #ccc;}
.row.abc { display: flex; padding: 24px 0; box-sizing:border-box;}
.bor-lrft { border-left:1px solid #ccc;}
.form-control2 {padding: 6px 12px; border: 1px solid #ccc; width:100%; height:152px; border-radius:4px;}
.main-link { background: #eee;  width: 100%;padding: 33px 0;   box-sizing: border-box;}
.cnt-map {  width: 53%;  float: left;  color: #fff;  z-index: 1;  padding: 19px 12px 12px 12px;  /* border: 1px solid #0A4694; */
    background-repeat: no-repeat;  background-color: rgb(67, 131, 215); box-sizing: border-box;  padding: 16px;  position: relative;
    /* -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 2px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px; */
    border-radius: 3px; border-style: solid; border-width: 1px;  border-color: rgb(30, 96, 182);
    /* box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 2px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px; */
    -moz-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 2px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    -ms-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 2px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    behavior: url(Stylesheet/PIE.html);
}

.cnt-map { position: absolute;  top: 0px;  background: #fff;  padding: 10px;  box-sizing: border-box;   left: 15px;}
.col-sm-3.animation-2 img {opacity: 1; -webkit-transition: all 0.7s ease;  transition: all 0.7s ease;}
.col-sm-3.animation-2 img:hover {-webkit-transform: translate(20px,-12px); transform: translate(20px,-12px); opacity: 0.4;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #4383d7 !important;
    color:#fff !important;
}

span.media_image {cursor: pointer;}

.connect-icon ul { margin: 0; padding: 0; list-style: none; float: right;}
.connect-icon ul li {display: inline-block;}
.connect-icon ul li a {font-size: 12px; display: block; padding: 12px 0 0 13px; color:#4383d7; text-decoration:none;  font-weight: 600;}
.connect-icon ul li a:hover { color:#000; }
.nav>li>a:focus, .nav>li>a:hover {transition: all .5s;}
.mainform { display: inline-block;  zoom: 1;  border: solid 1px #ccc;  padding: 3px;  background: #e7e7e7;  float: left;  width: 100%; margin:0 0 20px 0;    padding: 5px;}
.Radioall { float: left;  margin: 6px 15px 0 0;}
.album-title { float: left; margin: 6px 15px 0 0;}
.year { float: left; margin: 6px 15px 0 0;}
.date-event { float: left;  margin: 6px 15px 0 0;}
.description { float: left;  margin: 6px 15px 0 0;}
.txttitle  { float: left; margin: 0px 15px 0 0;}
.Button1 { float: left;  margin: 0px 15px 0 0;}
.cd-top { display: inline-block; height: 50px;  width: 50px;  position: fixed;  bottom: 40px;   right: 10px;   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;  text-indent: 100%;  white-space: nowrap; background: url(images/cycle.png) no-repeat center 50%;
    visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {/* the button becomes visible */ visibility: visible;opacity: 1;z-index: 9999999;}
.cd-top.cd-fade-out {/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1; z-index: 999999;}
.no-touch .cd-top:hover {opacity: 1;}
.mobile-container span {text-align: center; display: block; padding: 4px 0 4px 0;  color: #333;}


/*
Darkbox
*/
[data-darkbox]{ /* add cursor to clickable darkbox items */
    cursor:pointer;
    backface-visibility:hidden;
}
#darkbox{
    position:fixed;
    z-index:9999;
    background:rgba(0,0,0,0.8) no-repeat none 50%;
    background-size: contain;
    box-shadow:0 0 0 3000px rgba(0,0,0,0.8);
    opacity:0; 
    visibility:hidden;
}
#darkbox.on{ 
    opacity:1;
    visibility:visible;
    height:90% !important;
    width:90% !important;
    left:5% !important;
    top:5% !important;
}
#darkbox:after{
    position:absolute;
    right:0; top:0;
    font-size:2em;
    content:"\2A2F";
    color:#fff;
    cursor:pointer;
}
/*prev next buttons*/
#darkbox_prev,
#darkbox_next{
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    position:absolute;
    top:50%;
    margin-top:-25px;
    height:50px;
    width:50px;
    -webkit-transition:0.3s;
    transition: 0.3s;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
#darkbox_prev:hover,
#darkbox_next:hover{
    border-color: #09c;
}
#darkbox_prev{
    left: -2px;
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#darkbox_next{
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -2px;
}
#darkbox-description{
    position: absolute;
    width:100%;
    color:#fff;
    bottom:5px;
    text-align:right;
    text-shadow: 0 1px 1px #000;
}
#darkbox-description a{
    color:#fff;
    font-weight:bold;
}
#darkbox sub{font-size:10px;}

 .outer-div-cir { border-bottom: 1px solid #ccc;  width: 95%;  float: left; padding: 20px 0; box-sizing: border-box; margin: 0 10px;}
 .circular-img {width: 25%;float: left; background: url(images/circular.png) no-repeat top center;  height: 80px; padding-left: 29px;}
 .circular-content{width: 70%; float:right;}
 .circular-content h3 {font-size: 16px; margin: 4px 0 8px 0; font-weight: 600; color: #337ab7;}
 .circular-content p{ font-size: 14px;  color: #3f3f3f; margin: 0 0 8px 0;}
 .circular-content p.redmore a { font-size: 13px; text-decoration: none;  float: right;}
 .circular-img h2 { font-size: 35px !important; color: #fff !important; padding: 23px 0 0 8px !important;}
 .circular-img span { font-size: 12px !important; display: block; margin: 5px 0 0 5px;}
 i#nt-example1-prev { position: absolute; right: 54px; top: 32px; transform: rotate(270deg); color:#fff; background: #337ab7; padding: 10px; box-sizing: border-box;
  cursor:pointer;}
 i#nt-example1-next {position: absolute; right: 18px; top: 32px; transform: rotate(270deg); color:#fff; background: #337ab7; padding: 10px; box-sizing: border-box;
 cursor:pointer;}
p.view-all a { font-size: 14px; font-weight: 600; float: right;  text-decoration: none;  margin: 5px 1px 0 0;}

.viewall-news { width: 100%; margin: 0 0 15px 0; border-bottom: 1px dotted #ccc;}
.viewall-news h3 a{ color:#333 !important; text-decoration:none;}
.viewall-news h3 a:hover{ color:#4383d7 !important;}
.viewall-news p{ color:#4383d7 !important;}


@media (min-width: 767px) {
li.dropdown:hover > ul {display: block;}
}

@media (max-width: 1200px){
.gallery .gallery-content ul li {margin: 0 11px 30px 0; width: 32%;}
.about .panels ul li {width: 17%;}

}

@media (max-width: 1024px){
.header .row.padd12 { display: none;}
.navbar-nav>li {padding: 12px 5px; }
.col-sm-6.m-logo { width: 100%;}	
.logo img {display: block; margin: 0 auto;}
.about .panels ul li { margin: 40px 4px;}
.left-panel-2 {display: none;}
.left-panel-mobile {display: block;  padding: 10px 0; cursor:pointer;}
.left-panel-mobile img{display: block; margin:0 auto;}
.main-container1 .left-panel-2 ul li{ width:100%; display:block; padding:7px 10px; text-align:left; border-bottom:1px dashed #ccc;}
.slider .item {height: auto;}
.about .panels ul li {width: 24%;}

}

@media (max-width: 992px){
.about .panels ul li {width: 23%;}
.gallery .gallery-content ul li { width: 48%;}
	}



@media (max-width: 768px){
.navbar-nav>li {padding: 12px 9px;}
.about .panels ul li {margin: 40px 3px; width: 48%;}
.gallery .gallery-content ul li { margin: 0 9px 30px 0;  width: 32%;}
.gallery .gallery-content ul li img { width: 100%;  display: block;}
}



@media (max-width: 767px){

.menu-cont .w100{ display:block;}
.navbar-nav>li {width: 100%; text-align: left; display:block; border-bottom:1px dashed #ccc;}
.navbar-nav>li:first-child { text-align: left; padding-left: 11px;}
.navbar-nav>li:last-child {text-align: left;}
.menu-cont .navbar-custum {position: absolute; width: 100%; top: 14px;  z-index: 9999; /*background: #e7e7e7;*/}
.navbar-collapse {background: #e7e7e7;  margin-top: 25px;}
.main-container .gallery-left {display:none;}
.main-container .video-left {display:none;}
.gallery .gallery-content ul li { margin: 0 9px 30px 0;  width: 31%;}
.logo img { display: block;  margin: 0;}
.row.abc { display: block;}
.about .read-more a {margin-bottom: 20px;}
.twin-win { display:none; }
.col-sm-4.animation-2 img { display: block;  margin: 10px auto 0 auto;}
.col-sm-6.bor {border-right: none; border-bottom: 1px dashed #333;}
.animation-2 img {display: block; margin: 10px auto 0 auto;}
.icon-enquiry { display:none;}
.getintouch .f-logo {margin: 0;}
.getintouch .f-logo img {display: block; margin: 0 auto; padding: 0 0 15px 0;}
.getintouch .get-content h2 { text-align: center;}
.getintouch .link-cont h2 {text-align: center;}
.getintouch .get-content {border-bottom: 1px solid #ccc; display: block; float: left; width: 100%; margin: 0 0 15px 0;}
.getintouch .f-logo {border-bottom: 1px solid #ccc;  padding-bottom: 15x;}
ul.social-icons2 {text-align: center;}

}

@media (max-width: 680px){
img.img-responsive.pull-right.img-thumbnail {
    width: 100%; margin: 0 0 15px 0;}
.icon-enquiry {position: static;}
	
}

@media (max-width: 480px){
.gallery .gallery-content ul li { margin: 0 11px 30px 0;  width: 47%;}
.about .panels ul li { width: 50%;  margin: 0 0 13px 0;}
.logo img {width: 290px;}
.navbar-collapse {margin-top: 0px;}
.navbar-toggle {margin-top: -8px !important;}
.slider .owl-buttons {top: 30%;}
select#ContentPlaceHolder1_DropdownPanel {margin: 0 auto;}
.Button1 {margin: 10px auto;  width: 100%;}

}

@media (max-width: 420px){}
@media (max-width: 375px){
.gallery .gallery-content ul li { margin: 0 11px 30px 0;  width: 100%;}
.about .panels ul li { width: 100%;  margin: 0 0 13px 0;}
.getintouch .link-cont ul li a {font-size: 12px;}
.getintouch .get-content p {font-size: 12px;}

}