/*@font-face { font-family: 'Lato'; src: url('../fonts/lato-bold_0-webfont.eot'); src: url('../fonts/lato-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold_0-webfont.woff2') format('woff2'), url('../fonts/lato-bold_0-webfont.woff') format('woff'), url('../fonts/lato-bold_0-webfont.ttf') format('truetype'), url('../fonts/lato-bold_0-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: 700; } @font-face { font-family: 'Lato'; src: url('../fonts/lato-regular_0-webfont.eot'); src: url('../fonts/lato-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular_0-webfont.woff2') format('woff2'), url('../fonts/lato-regular_0-webfont.woff') format('woff'), url('../fonts/lato-regular_0-webfont.ttf') format('truetype'), url('../fonts/lato-regular_0-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; }*/ @import url('https://fonts.googleapis.com/css?family=Lato'); html, body { height: 100%; padding: 0; font-family: 'Lato',Helvetica,Arial,sans-serif; position: relative; } body.home { background: url(../images/bg-pattern.jpg) repeat !important; } h1,h2,h3,h4,h5,h6 { margin: 0 0 10px; font-family: 'Lato',Helvetica,Arial,sans-serif; color: #333; font-weight: normal;} p { margin: 0 0 10px; font-size: 15px; line-height: 24px; color: #343434} a, i, button { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} a:hover, a:focus { text-decoration: none; color: #11505d;} ul, li { list-style: none; padding: 0} textarea:focus, input:focus { outline: 0;} header { } .top-bar { background: url(../images/header-bg.jpg); } .top-right { float: right; margin: 30px 0 0 } .vistor-count { float: left; margin: 8px 22px 0 0 } .vistor-count .title, .vistor-count .value { float: left } .vistor-count .title { color: #f15922; font-size: 16px; font-weight: 700; margin: 4px 10px 0 0 } .vistor-count .value { border: 2px solid #ff7264; color: #f15922; padding: 4px 5px; line-height: 20px; font-size: 22px; font-weight: 700 } ul.main-carausel li { position: relative;} ul.main-carausel li .caption{ position: absolute; width: 450px; display: inline-block; background: rgba(23,114,74,.8); bottom: 20px; left: 20px; color: #fff; padding: 20px} ul.main-carausel li .caption .title { font-size: 24px; font-weight: 700; line-height: 28px; text-shadow: 2px 2px 2px rgba(0,0,0,.5); } ul.main-carausel li .caption .text { font-size: 15px; margin: 7px 0 5px 0; line-height: 20px} ul.main-carausel li .caption .caption-in { max-height: 128px; overflow: hidden; } .carousel .bx-controls { position: absolute; width: 100%; top: 52%; z-index: 666;} .carousel .bx-wrapper { margin: 0} .carousel .bx-wrapper .bx-pager { bottom: 20px; text-align: right; right: 20px} .carousel .bx-wrapper .bx-pager.bx-default-pager a { border-radius: 0; background: #fff; height: 14px; width: 14px;} .carousel .bx-wrapper .bx-pager.bx-default-pager a:hover, .carousel .bx-wrapper .bx-pager.bx-default-pager a.active, .carousel .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #31a675} .carousel .bx-wrapper .bx-controls-direction a { border-radius: 100%; height: 30px; width: 30px; border: 2px solid rgba(255,255,255,.5) } .carousel .bx-wrapper .bx-prev { background: url(../images/sprite.png) 0px -140px rgba(2, 22, 59, 0.5); left:10px } .carousel .bx-wrapper .bx-prev:hover, .carousel .bx-wrapper .bx-prev:focus { background: url(../images/sprite.png) 0px -140px rgba(2, 22, 59, 0.8); } .carousel .bx-wrapper .bx-next { background: url(../images/sprite.png) -20px -140px rgba(2, 22, 59, 0.5); right: 10px } .carousel .bx-wrapper .bx-next:hover, .carousel .bx-wrapper .bx-next:focus { background: url(../images/sprite.png) -20px -140px rgba(2, 22, 59, 0.8); } .navbar { min-height: 20px; border-radius: 0; margin: 0; border: 0; position: relative; z-index: 112; position: absolute; background: rgba(11,63,116,.8); width: 100%} .navbar-nav>li>a { color: #fff; padding: 12px 14px; font-size: 15px; text-align: center; font-weight: 700; position: relative; overflow: hidden; } @-moz-document url-prefix() { .navbar-nav>li>a { color: #fff; padding: 12px 10px;} } .navbar-nav>li>a:after { content: ""; position: absolute; display: inline-block; width: 100%; height: 4px; background: #ff6c21; bottom: -4px; left: 0 } .navbar-nav>li>a:hover:after, .navbar-nav>li>a:focus:after, .navbar-nav>li.active>a:after, .nav .open>a:after, .nav .open>a:hover:after, .nav .open>a:focus:after { bottom: 0} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { color: #fff; background: transparent; } .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.active>a { background: transparent; } .navbar-collapse { padding: 0} .nav-bottom .nav { padding: 10px 0} .dropdown-menu { background: #021a3c; border: 0; border-radius: 0; padding: 0} .dropdown-menu>li>a { color: #fff; padding: 8px 15px } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: #f9622b; color: #fff} .navbar-nav>li ul.dropdown-menu2 li { display: inline-block; width: 100% !important;} .dropdown-submenu { position: relative;} .dropdown-submenu>.dropdown-menu{ top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu { display: block;} .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;} .dropdown-submenu:hover>a:after { border-left-color: #fff;} .dropdown-submenu.pull-left { float: none;} .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;} .navbar-nav .dropdown-menu > li > a.highlighted { background: #f9622b; } .navbar-brand { height: auto; padding: 15px 0 } .brand-logo { float: left; width: 135px;} .brand-logo img { max-width: 100%; display: inline-block;} ul.social { display: inline-block; margin: 0; padding: 4px 0 0 0; position: relative; float: left; height: 37px; } ul.social li { position: relative; z-index: 2; } ul.social li, ul.social li a { display: inline-block; } ul.social li a i { border: 2px solid #ff7264; width: 34px; height: 34px; display: inline-block; border-radius: 100%; background: url(../images/sprite.png); margin: 0 3px; position: relative; top: 3px} ul.social li a i:hover, ul.social li a i:focus { background: url(../images/sprite.png) #ff7264; } ul.social li.facebook a i { background-position: -1px 0px } ul.social li.facebook a i:hover, ul.social li.facebook a i:focus { background-position: -1px -32px } ul.social li.twitter a i { background-position: -33px 1px } ul.social li.twitter a i:hover, ul.social li.twitter a i:focus { background-position: -33px -30px } ul.social li.google a i { background-position: -65px 0px } ul.social li.google a i:hover, ul.social li.google a i:focus { background-position: -65px -32px } ul.social li.youtube a i { background-position: -99px 0px } ul.social li.youtube a i:hover, ul.social li.youtube a i:focus { background-position: -99px -32px } ul.top-nav { float: left; background: #000; height: 40px; position: relative; margin: 0} ul.top-nav:before { content: ""; display: inline-block; width: 0; top: 0; position: absolute; left: -30px; height: 0; border-top: 40px solid #000; border-left: 30px solid transparent; } ul.top-nav:after { content: ""; display: inline-block; width: 0; top: 0; position: absolute; right: -30px; height: 0; border-top: 40px solid #000; border-right: 30px solid transparent; } ul.top-nav li { display: inline-block; } ul.top-nav li a { color: #fff; padding: 8px 15px; display: inline-block; } .carousel { z-index: 111;} .carausel-wrap .main-carausel li img { width: 100% } .flash-news-row { margin: -25px 0 20px 0; position: relative; z-index: 111 } .flash-news-row .title { float: left; background: #2369b3; height: 43px; width: 140px; font-size: 18px; font-weight: 700; line-height: 42px; text-align: center; color: #fff } .home .flash-news-row .title{ background: #f15922; position: relative; } .home .flash-news-row .title:before{ content: "";width: 0; height: 0; border-bottom: 10px solid #f15922; border-right: 140px solid transparent; position: absolute; top: -10px; left: 0 } .home .flash-news-row .title:after{ content: "";width: 0; height: 0; border-top: 10px solid #f15922; border-right: 140px solid transparent; position: absolute; bottom: -10px; left: 0 } .flash-news-row .marquee { margin: 0 0 0 140px; background: #000; padding: 0; height: 43px; overflow: hidden;} .flash-news-row .marquee p { display: inline-block; padding-right: 35px; margin: 5px 0 0 0 } .flash-news-row .marquee p a { color: #fff; padding: 5px 0 4px 0; display: inline-block; } .flash-news-row .marquee p a:hover, .flash-news-row .marquee p a:focus { color: #f15922 } .home-left { width: 70% } .home-right { width: 30% } .events-slider-row { position: absolute; bottom: 43px; width: 100% } .events-slider-wrap { background: rgba(0,0,0,.7); padding: 10px 10px 2px; max-width: 410px; display: inline-block; } ul.events-slider li { position: relative; display: inline-block; width: 100%; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } ul.events-slider li:hover, ul.events-slider li:focus { background: rgba(0,0,0,.2); } ul.events-slider li .date-box { float: left; width: 68px; height: 68px; overflow: hidden; margin: 0 10px 0 0; border: 2px solid #fff; border-radius: 100%; text-align: center; } ul.events-slider li .date-box span { float: left; width: 100% } ul.events-slider li .date-box .month { font-size: 14px; color: #b6b6b6; line-height: 16px; margin: 5px 0 0 } ul.events-slider li .date-box .date { font-size: 26px; color: #f15922; line-height: 20px; font-weight: 700 } ul.events-slider li .date-box .year { font-size: 13px; color: #b6b6b6; line-height: 20px; } ul.events-slider li p { margin: 0; height: 67px; line-height: 21px; overflow: hidden; font-size: 15px; color: #fff; line-height: 21px; } ul.events-slider li a.read-more { position: absolute; width: 100%; text-indent: -99999px; height: 100%; top: 0; left: 0; } .events-slider-wrap a.read-more { color: #fff; float: right; } .events-slider-wrap a.read-more:hover, .events-slider-wrap a.read-more:focus { color: #f15922 } ul.content-slider li { margin-bottom: 10px; padding: 0 } .content-slider .content-box .content { background: #fff; margin-bottom: 10px; padding: 0 10px 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(0,0,0,.1); } .content-slider .content-box .content .img { margin: 0 0 5px; height: 135px; overflow: hidden;} .content-slider .content-box .content .img img { width: 100%; height: auto; min-height: 135px; } .content-slider .content-box .content h5 { border-bottom: 1px solid #eee; margin: 0 -10px 10px; padding: 7px 5px; text-align: center; color: #4e4d4d; font-size: 16px; text-transform: uppercase; font-weight: 700 } .content-slider .content-box .content p { color: #828181; line-height: 22px; font-size: 15px; margin-bottom: 5px; max-height: 45px; overflow: hidden; } .content-slider .content-box .content a.read-more { color: #b5b5b5; font-size: 14px; } .content-slider .content-box .content a.read-more:hover, .content-slider .content-box .content a.read-more:focus { color: #f15922} .content-slider-row .bx-wrapper .bx-controls-direction a { width: 20px; height: 20px; } .content-slider-row .bx-wrapper .bx-prev { left: -25px; background: url(../images/sprite.png) no-repeat -126px 0px;} .content-slider-row .bx-wrapper .bx-next { right: -25px; background: url(../images/sprite.png) no-repeat -146px 0px;} .career-row .vison-left { width: 38.5%; padding: 0 25px 0 15px } .career-row .career-right { width: 61.5% } .career-row { background: url(../images/career-bg.jpg) center; background-attachment: fixed; padding: 25px 0; margin: 17px 0 35px 0; color: #fff } .career-row p { color: #fff; font-size: 15px; line-height: 22px; margin: 0 0 20px } .career-row h2 { color: #fff; font-size: 28px; margin: 0 0 20px } .career-row h4 { color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 5px } .career-row a.read-more { color: #fff; text-decoration: underline; padding: 5px 0; font-size: 12px } .career-row a.read-more:hover, .career-row a.read-more:focus { color: #f15922 } .vison-box { display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1) } .vison-box .icon-box { float: left; width: 90px; height: 90px; border-radius: 100%; border: 2px solid #fff; text-align: center;} .vison-box i { display: inline-block; width: 55px; height: 55px; background: url(../images/sprite.png); margin: 15px 0 0 } .vison-box i.i-vision { background-position: 0px -60px } .vison-box i.i-mission { background-position: -55px -64px } .vison-box i.i-goal { background-position: -109px -61px } .vison-box .content { margin: 0 0 0 105px; } .vison-box .content p { font-size: 14px; line-height: 22px; margin: 0 0 3px 0} .career-row .career-right a.read-more { display: inline-block; border: 2px solid #fff; padding: 10px 40px; text-decoration: none; position: relative; overflow: hidden; } .career-row .career-right a.read-more span { position: relative; z-index: 2 } .career-row .career-right a.read-more:after { content: ""; display: inline-block; position: absolute; width: 100%; height: 100%; left: 0; background: #f15922; bottom: -100%; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .career-row .career-right a.read-more:hover { color: #fff; border: 2px solid #f15922; } .career-row .career-right a.read-more:hover:after { bottom: 0 } .about-row { padding: 10px 0 } .about-row .about-box { text-align: center; border: 1px solid transparent; padding: 30px 0;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .about-row .about-box:hover { background: #fff; background: rgba(255,255,255,.5); border: 1px solid #eee; } .about-box .icon-box { display: inline-block; width: 185px; height: 185px; border-radius: 100px; border: 8px solid #e0460f; background: #f15922; position: relative; } .about-box .icon-box:after { content: ""; position: absolute; left: -4px; top: -4px; display: inline-block; width: 178px; height: 178px; border-radius: 100px; border: 1px dashed #f9794c; } .about-box .icon-box i { display: inline-block; width: 130px; height: 130px; background: url(../images/sprite.png); margin: 15px 0 0 } .about-box .icon-box i.i-about { background-position: -167px 0px } .about-box .icon-box i.i-hostel { background-position: -297px 0px } .about-box .icon-box i.i-academic { background-position: -427px 0px } .about-row .about-box p { font-size: 17px; color: #515151; text-transform: uppercase; font-weight: 700; margin: 10px 0 0 } .about-row .about-box a.read-more { position: absolute; text-indent: -9999px; height: 100%; width: 100%; left: 0; top: 0 } .home-gallery-row { background: url(../images/gallery-bg.jpg) center; background-attachment: fixed; padding: 40px 0; margin: 35px 0 0; color: #fff } .home-gallery-row h3 { color: #fff; margin: 0 0 20px 0 } .home-gallery { width: 55%; padding: 0 35px 0 15px} .home-video-wrapper { max-height: 250px; overflow: hidden; width: 100%; display: inline-block; } .home-video { width: 45%;} .home-video-box-wrap { margin: 0 0 14px 0; max-height: 235px } .home-video-box { position: relative; margin: 0 0 14px 0; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .home-video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 235px } .home-gallery-row a.read-more { display: inline-block; padding: 3px 35px; border: 2px solid #fff; color: #fff; text-decoration: none; position: relative; overflow: hidden; } .home-gallery-row a.read-more span { position: relative; z-index: 2 } .home-gallery-row a.read-more:after { content: ""; display: inline-block; position: absolute; width: 100%; height: 100%; left: 0; background: #f15922; bottom: -100%; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .home-gallery-row a.read-more:hover { color: #fff; border: 2px solid #f15922; } .home-gallery-row a.read-more:hover:after { bottom: 0 } .gallery-box-wrap { display: inline-block; width: 100% } ul.gallery-box { display: block; margin: 0 -7px; } ul.gallery-box li { float: left; padding: 0 7px; width: 25%; margin: 0 0 14px 0; height: 110px; overflow: hidden; } ul.gallery-box li img { width: 100%; height: auto; min-height: 100% } .home-btn-row { background: #f15922; padding: 40px 0; color: #fff } .home-btn-row .btn-row { margin: 10px -5px } .home-btn-row .btn-row .btn-box { padding: 0 5px } .home-btn-row .btn-row a { width: 100%; padding: 12px 15px; line-height: 55px; color: #fff; background: #a43c17; display: inline-block; text-align: center; font-size: 20px; font-weight: 700; border: 3px solid #ff7f2d } .home-btn-row .btn-row a:hover, .home-btn-row .btn-row a:focus { background: #a92d01; border: 3px solid #fff } .img img { width: 100%; height: auto; } /* Footer Styles */ footer { } footer .container { padding: 0 25px } footer .logo { float: left; } footer .address { float: left; margin: 5px 0 0 15px } footer p { color: #777; font-size: 14px; line-height: 26px; margin: 7px 0 } footer .weberge { float: right; margin: 0 } .top-footer { background: #f2f2f2; padding: 30px 0 } .top-footer .title { color: #000; font-size: 20px; margin: 0 0 10px} .bottom-footer { background: #fff; padding: 15px 0 } ul.footer-menu li { width: } ul.footer-menu li a { color: #777; font-size: 14px; padding: 3px 0; display: inline-block; } ul.footer-menu li a:hover, ul.footer-menu li a:focus { color: #d94d1a;} .social-footer ul.social-btm { display: inline-block; margin: 0; padding: 4px 30px 0 0; position: relative; float: left; } .social-footer ul.social-btm li { position: relative; z-index: 2; width: 100% } .social-footer ul.social-btm li, .social-footer ul.social-btm li a { display: inline-block; margin: 0 0 5px 0; color: #777 } .social-footer ul.social-btm li a i { width: 20px; height: 20px; display: inline-block; background: url(../images/sprite.png); margin: 0 10px 0 0; position: relative; top: 3px} .social-footer ul.social-btm li a:hover, .social-footer ul.social-btm li a:focus { color: #000 } .social-footer ul.social-btm li.facebook a i { background-position: 0px -115px } .social-footer ul.social-btm li.facebook a:hover i, .social-footer ul.social-btm li.facebook a:focus i { background-position: -20px -115px } .social-footer ul.social-btm li.twitter a i { background-position: -40px -115px } .social-footer ul.social-btm li.twitter a:hover i, .social-footer ul.social-btm li.twitter a:focus i { background-position: -60px -115px } .social-footer ul.social-btm li.google a i { background-position: -80px -115px } .social-footer ul.social-btm li.google a:hover i, .social-footer ul.social-btm li.google a:focus i { background-position: -100px -115px } .social-footer ul.social-btm li.youtube a i { background-position: -120px -115px } .social-footer ul.social-btm li.youtube a:hover i, .social-footer ul.social-btm li.youtube a:focus i { background-position: -140px -115px } .inner-banner-strip { background: #f9622b; height: 85px} .inner-banner-strip h1 { margin: 10px 0 0; font-size: 38px; color: #000;} .sub-header .navbar { position: relative; background: #0b3062; border-radius: 0} .col-md-12.content-area { width: 100% } .col-md-8.content-area { margin-bottom: 25px; width: 64%;} .content-area img { margin: 0 0 15px 0} .content-area .sub-head { font-size: 20px; color: #9e9e9e; margin: 0 0 15px} .right-box { width: 36%;} .events-slider-wrap h3 { color: #fff; font-size: 26px;} .content-area p { display: inline-block; width: 100%;} .navbar-nav span.scroll-up, .navbar-nav span.scroll-down{ background: rgba(255,255,255,.5) !important; } .content-area h2 { font-size: 24px; margin: 20px 0 20px } .content-area h3 { font-size: 22px; margin: 20px 0 10px } .content-area h4 { font-size: 20px; margin: 20px 0 10px } .content-area h5 { font-size: 18px; margin: 20px 0 10px } .content-area h6 { font-size: 16px; margin: 20px 0 10px } .content-area img { float: left; margin: 0 0 15px 0; max-width: 100%; height: auto; } .content-area table { width: 100%; border: 0; margin-bottom: 10px; max-width: 100%; overflow-y: auto; display: inline-block;} .content-area table td { border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 5px 10px; background: #F9F9F9;} .content-area table td p { margin: 0; font-size: 14px;} .content-area table tr:first-child td { background: #43728c; border-right: 1px solid #ddd; color: #fff } .content-area table tr:first-child td p { color: #fff; font-weight: 600; font-size: 15px; text-align: center; } .content-area table tr td { background: #eff7fb} .content-area ul { padding-left: 22px; margin-top: 10px;} .content-area ul li { list-style: circle; line-height: 22px;} .content-area ol { padding-left: 22px; margin-top: 10px;} .content-area ol li { list-style: decimal; line-height: 22px; } .content-area ul li a, .content-area ol li a { color: #444} .content-area ul li a:hover, .content-area ol li a:focus { color: #000; } .sub-content .content-area { padding: 10px 20px} .sub-content .content-area h2 { margin: 12px 0 11px;} .right-box .events-slider-wrap { background: #f15922; padding: 20px 20px 15px} .right-box ul.events-slider li .date-box { background: #f36e3f} .right-box ul.events-slider li .date-box .date, .right-box ul.events-slider li .date-box .year, .right-box ul.events-slider li .date-box .month { color: #fff} .right-box .events-slider-wrap a.read-more { float: left; margin: 10px 0 0 0; font-size: 16px; text-transform: uppercase; font-weight: 700} .right-box .events-slider-wrap a.read-more:hover, .right-box .events-slider-wrap a.read-more:focus { text-decoration: underline; color: #fff } /*Contact Page Style*/ .contact-details { border: 10px #cee0ea solid; background: #e0f2fb; min-height: 250px; display: inline-block; width: 100%; padding: 20px } .contact-address { float: left; margin-top: 12px} .contact-details .title { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; display: inline-block; width: 100%} .contact-details .title.main{ border-bottom: 1px solid #c9d9e1; padding: 0 0 5px 0} .contact-form label { font-size: 16px; color: #636363; font-weight: normal; } .contact-form .form-control { border-radius: 0; margin-bottom: 15px; border: 1px solid #e1e1e1; background: #f2f2f2; padding: 8px 15px; height: auto; -webkit-box-shadow: 0 3px 0 0 #e8e8e8; box-shadow: 0 3px 0 0 #e8e8e8; } textarea.form-control { height: 107px !important; resize: none;} .btn-submit { border-radius: 0; background: #f15922; width: 100%; padding: 8px 40px; color: #fff; float: right; text-transform: uppercase; -webkit-box-shadow: 0 3px 0 0 #e8e8e8; box-shadow: 0 3px 0 0 #e8e8e8; margin: 8px 0 0 } .btn-submit:hover, .btn-submit:focus { background: #df440c; color: #fff} .map { width: 100%; height: 656px; background: #eee; border: 1px solid #ffc9b5; -webkit-box-shadow: -3px 3px 0 1px #ffc9b5; box-shadow: -3px 3px 0 1px #ffc9b5;} .map iframe { width: 100%; height: 100%; border: 0;} .contact-address { position: relative; padding: 0 0 0 75px; margin: 0 0 10px 0} .contact-address .icon-box { position: absolute; width: 55px; height: 100%; left: 0; border-right: 1px solid #fbdbcf; margin: 0 20px 0 0 } .contact-address .icon-box i { display: inline-block; width: 35px; height: 35px; margin: 0 0 0 15px; background: url(../images/sprite.png) no-repeat; } .contact-address.address .icon-box i { background-position: -52px -137px; margin: 40px 0 0 15px } .contact-address.phone-no .icon-box i { background-position: -97px -141px; margin: 10px 0 0 15px } .contact-address.mail .icon-box i { background-position: -130px -140px; margin: 10px 0 0 15px } .contact-address.phone-no, .contact-address.mail { min-height: 55px } .contact-address.phone-no { margin: 0 0 20px } .contact-address .contact-address-box { } .contact-address p { margin: 0; color: #636363; font-size: 16px; line-height: 26px;} .contact-address a { margin: 15px 0 0 ; color: #636363; font-size: 16px; display: inline-block;} .address-row { margin: 0 -15px 25px } span.wpcf7-not-valid-tip { color: #d66362; font-size: 14px; display: block; border: 1px solid #eee; padding: 2px 8px;} div.wpcf7-mail-sent-ok { border: 0; margin: 0; background: #73e496; color: #fff;} div.wpcf7-validation-errors { border: 0; padding: 0; margin: 0;} ul.archive-list { margin: 0; padding: 0 } ul.archive-list li { list-style: none; position: relative; display: inline-block; width: 100%; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 3px solid #eee; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } ul.archive-list li .img { width: 200px; height: 200px; overflow: hidden; float: left; } ul.archive-list li .content { margin: 0 0 0 220px } ul.archive-list li h3 { margin: 0 0 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } ul.archive-list li p { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } ul.archive-list li a.read-more { color: #888; color: #a5a5a5; font-size: 15px; } ul.archive-list li a.read-more-all { text-indent: -9999px; position: absolute; left: 0; top: 0; height: 100%; width: 100% } ul.archive-list li:hover, ul.archive-list li:focus { background: #fdfdfd; border-bottom: 3px solid #f15922 } ul.archive-list li:hover h3, ul.archive-list li:focus h3 { color: #f15922 } ul.archive-list li:hover a.read-more, ul.archive-list li:focus a.read-more { color: #f15922 } ul.archive-list li:hover p, ul.archive-list li:focus p { color: #737373 } .faculty-row { float: left; width: 100%; padding: 10px; border: 1px solid #e9e9e9; background: #fdfdfd; margin-bottom: 20px} .faculty-row .img { float: left; width: 135px; height: 135px; overflow: hidden; border: 3px solid #f5f5f5;} .faculty-row .img img { width: 100%; border: 0; margin: 0} .faculty-row .content { margin: 0 0 0 155px} .faculty-row .content p { margin: 0;} .faculty-row .content i { display: inline-block; width: 25px; height: 25px; border: 1px solid #ddd; border-radius: 100%; position: relative; top: 6px; margin-right: 7px; background: url(../images/sprite.png) no-repeat; } .faculty-row .content .name { font-size: 18px; color: #4f4f4f; border-bottom: 1px dotted #ddd; padding: 0 0 7px} .faculty-row .content a { color: #4f4f4f; word-break: break-all; } .faculty-row .content a:hover, .faculty-row .content a:focus { color: #37a577; } .faculty-row .content .phone i { background-position: -141px -30px } .faculty-row .content .mobile i { background-position: -160px -30px } .faculty-row .content .email i { background-position: -180px -30px } .modal { z-index: 99999;} ::-moz-selection { background: #C63C09; color: #fff } ::selection { background: #C63C09; color: #fff } .main_gal_area.image-list ul { margin: 0 -15px } .main_gal_area.image-list ul li { background-color: #fff; width: 25%; padding: 0; overflow: hidden; padding: 0 15px; margin: 0 0 15px 0 } .main_gal_area.image-list ul li:hover, .main_gal_area.image-list ul li:focus { background: #fff } .main_gal_area.image-list ul li a { width: 100%; height: 100%; display: inline-block; position: relative; overflow: hidden;} .main_gal_area.image-list ul li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 0 235px; border-color: transparent transparent transparent #fff; line-height: 0px; _border-color: #000000 #000000 #000000 #007bff; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); z-index: 3 } .main_gal_area.image-list ul li a:before{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 200px 20px; border-color: transparent transparent #fff transparent; line-height: 0px; _border-color: #000000 #000000 #007bff #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); z-index: 3 } .main_gal_area.image-list ul li img { margin: 0;} .main_gal_area.category ul { margin: 0 -15px; display: block; } .main_gal_area.category ul li { background: transparent; padding: 0 15px; width: 20%; float: left; margin-right: 0; margin-bottom: 20px;} .main_gal_area.category ul li > div { background-color: #ff7264; padding: 5px} input[type="date"].form-control { line-height: 19px; height: 35px; } .online-application-for-hs, .online-application-for-hss { width: 100% } /* Responsive Styles */ @media(max-width:1299px) { .content-slider-row .bx-wrapper .bx-controls-direction a { bottom: -30px; top: auto;} .content-slider-row .bx-wrapper .bx-prev { left: 50%; margin-left: -25px; } .content-slider-row .bx-wrapper .bx-next { left: 50%; margin-right: -25px; } .content-slider-row { padding: 0 0 35px;} } @media(max-width:1199px) { .navbar { position: relative; background: #0b3062 } .navbar-toggle { background-color: #f9622b; border-radius: 0} .navbar-toggle .icon-bar { background: #fff } .navbar-nav .open .dropdown-menu { text-align: center; } .navbar-nav { margin: 0 } .navbar-nav.sm-collapsible a.has-submenu { position: relative; } .navbar-nav.sm-collapsible a.has-submenu:after { position: relative; } .career-row { margin: 55px 0 35px 0;} .navbar { min-height: 34px;} .navbar-nav>li>a { padding: 10px 0 !important; border-bottom: 1px solid #234471; } .map { width: 100%; height: 655px;} .content-slider .content-box .content .img { height: 140px;} .content-slider .content-box .content .img img { min-height: 140px; } .navbar-nav>li>a:after { display: none } .content-slider-row { padding: 0; } ul.gallery-box li { height: 90px; } .main_gal_area.category ul li { width: 25%;} } @media(max-width:991px) { .navbar-toggle { margin: 0 15px 0 0; } .career-row .vison-left, .career-row .career-right { width: 100%; text-align: center; } .vison-box .icon-box { display: inline-block; float: none; } .vison-box .content { margin: 15px 0 0 0;} .career-row { text-align: center; } .career-row h2 { margin: 25px 0 15px } .about-row .about-box { float: left; width: 33.333% } .about-box .icon-box { width: 130px; height: 130px; } .about-box .icon-box:after { width: 122px; height: 122px; } .about-box .icon-box i { width: 80px; height: 80px; margin: 10px 0 0; background-size: 450px; } .about-box .icon-box i.i-about { background-position: -120px 0px;} .about-box .icon-box i.i-hostel { background-position: -210px 1px;} .about-box .icon-box i.i-academic { background-position: -752px 0px;} .bx-controls.bx-has-controls-direction { position: absolute; height: 29px; top: 49%} .home-gallery { width: 100%;} .home-video { width: 100%; margin: 45px 0 0 0} .home-btn-row .btn-row .btn-box { float: left; width: 33.3333%} .home-btn-row .btn-row a { padding: 3px 10px} .content-slider-row .bx-wrapper .bx-prev { left: 50%; margin-left: -25px; } .content-slider-row .bx-wrapper .bx-next { left: 50%; margin-right: -25px; } .career-row { margin: 55px 0 35px 0;} .copyright { float: left; width: auto; } .weberge { float: right; width: auto;} .events-slider-row { position: relative; padding: 50px 0 5px; background: #031637; } .events-slider-wrap { max-width: 100%; background: transparent; } .events-slider-wrap a.read-more { margin: 10px 0;} .home-gallery { padding: 0 15px 0 15px;} .content-area, .right-box { width: 100%;} .right-box { margin: 0 0 15px 0 } .right-box .events-slider-wrap { padding: 20px 20px 15px;} .map { height: 250px;} .content-slider-row .bx-controls.bx-has-controls-direction { position: absolute; height: 29px; top: auto; width: 100%; bottom: 0;} ul.gallery-box li { height: 135px; } .home-video-box iframe { height: auto !important; } .main_gal_area.category ul li { width: 33.3333%;} .main_gal_area.image-list ul li { background-color: #fff; width: 33.333%;} /*.home-video-wrapper { max-height: none;}*/ } @media(max-width:767px) { .home-btn-row .btn-row .btn-box { float: left; width: 100%} .home-btn-row .btn-row a { margin: 5px 0} .home-btn-row { padding: 15px 0;} .col-sm-4.main-menu { width: 29%; float: left; } .col-sm-4.location { width: 40%; float: left;} .col-sm-4.social-footer { width: 30%; float: left;} .top-right { width: 300px; margin: 13px 0 0; } .vistor-count { float: right; margin: 8px 0 0 0;} ul.social { padding: 4px 0 0 0; float: right;} ul.social li a i { margin: 0 0 0 5px; } .bx-controls.bx-has-controls-direction { top: 45%} .address-row { text-align: center; } .contact-address { width: 100%; padding: 0 15px; border-bottom: 1px solid #eee; padding-bottom: 20px; margin: 0} .contact-address .icon-box { position: relative; display: inline-block; margin: 0 auto; border: 0; } .contact-address.address .icon-box { margin: 0 } .contact-address.mail .icon-box i, .contact-address.address .icon-box i { margin: 0 } .contact-address a { display: block; margin: 0 } .content-slider-row .bx-controls.bx-has-controls-direction { position: absolute; height: 29px; top: auto; width: 100%; bottom: 0;} .content-slider .content-box .content .img { height: auto} .content-slider .content-box .content .img img { min-height: auto;} ul.gallery-box li { height: auto; } } @media(max-width:580px) { .col-sm-4.main-menu, .col-sm-4.location, .col-sm-4.social-footer { width: 100%; float: left; text-align: center; margin: 0 0 25px 0} .social-footer ul.social-btm{ width: 100%; display: inline-block; padding: 0 } .col-sm-4.social-footer { padding: 0 } .social-footer ul.social-btm li { float: left; width: 25% } .copyright, .weberge { width: 100%; text-align: center;} ul.archive-list li .img { width: 100%; height: auto; } ul.archive-list li .content { margin: 15px 0 0 } .main_gal_area.image-list ul li { background-color: #fff; width: 50%;} } @media(max-width:520px) { .about-row .about-box { float: left; width: 100%;} .top-right { width: 100%; margin: 0px 0 10px !important;} ul.social { float: left; } ul.social li a i { margin: 0 2px 0 0;} .logo { text-align: center;} .navbar-brand { float: none; margin: 0 auto; display: inline-block; padding: 10px 0 5px;} .vistor-count .title { font-size: 14px; margin: 0px 10px 0 0; width: 56px; text-align: right; line-height: 16px;} .navbar-brand>img { display: block; max-width: 220px;} .flash-news-row .title { width: 100px; font-size: 15px; line-height: 35px; height: 35px;} .home .flash-news-row .title:before { border-right: 100px solid transparent; border-bottom: 5px solid #f15922; top: -5px;} .home .flash-news-row .title:after { border-right: 100px solid transparent; border-top: 5px solid #f15922; bottom: -5px;} .flash-news-row .marquee { margin: 0 0 0 100px;} .flash-news-row .marquee p a{ padding: 1px 0 0 0;} .flash-news-row { margin: 0; top: -15px;} .events-slider-row { padding: 25px 0 5px;} .flash-news-row .marquee { height: 36px;} .sub-header .flash-news-row .marquee { height: 35px;} .main_gal_area.category ul li { width: 50%;} } @media(max-width:460px) { .social-footer ul.social-btm li a i { margin: 0 3px 0 0; } } @media(max-width:420px) { .social-footer ul.social-btm li { float: none; width: 30px; display: inline-block; height: 30px; margin: 0 4px; overflow: hidden;} .social-footer ul.social-btm li a { color: transparent !important; width: 30px; height: 30px;} } @media(max-width:360px) { .vistor-count { float: right; margin: 8px 0 0 0; position: absolute; top: 131px; z-index: 9999;} .vistor-count .value { border: 2px solid #f9622b; padding: 2px 5px; font-size: 20px; } .vistor-count .title { float: right; text-align: left; margin: -1px 0 0 10px; font-size: 13px; } ul.social { width: 100%; text-align: center; margin: -3px 0 0 ; position: relative; } ul.social li a i { border: 0 } ul.social li a i:hover, ul.social li a i:focus { background: url(../images/sprite.png);} .main_gal_area.category ul li { width: 100%;} .main_gal_area.image-list ul li { background-color: #fff; width: 100%;} } .app-form .title { font-size: 32px; text-align: center; border-bottom: 1px solid #eee; margin: 0 0 15px 0 } .app-form label { font-size: 16px; font-weight: normal; margin: 0 0 0 } .app-form .form-control { margin: 8px 0 0 } .app-form input[type="file" i] { margin: 8px 0 13px; padding: 6px 7px 7px;} .app-form .form-control { border-radius: 0; margin-bottom: 15px; border: 1px solid #e1e1e1; background: #f2f2f2; padding: 8px 15px; height: auto; -webkit-box-shadow: 0 3px 0 0 #e8e8e8; box-shadow: 0 3px 0 0 #e8e8e8; } .app-form .btn-submit { width: auto; margin: 0 0 20px 0 } .app-form .options { margin: 15px 0 0 } .app-form .options .radio-inline { margin: 0 25px 0 0; } .app-form .options .radio-inline:last-child { margin: 0 0 0 0; } .app-form ul { padding: 0 0 0 0; } .app-form ul li ul.sub-list { display: inline-block; width: 100%; margin: 5px 0 10px; background: #f1f1f1; padding: 5px 25px; border-bottom: 1px solid #ddd } .app-form ul li ul.sub-list li { float: left; display: inline-block; padding: 0 20px 0 0 } .app-form ul li span { display: inline-block; width: 20px; color:#333; font-size: 16px; font-weight: bold; } .app-form ul li ul.sub-list li span { display: inline-block; width: 20px; color: #999; font-size: 14px; font-weight: normal; } ul.main-list > li { padding: : 5px 0 10px 0 } ul.main-list > li .title { font-weight: 700; font-size: 16px; text-align: left; margin: 0 0 10px 0; padding: 0 0 5px 0 } .app-form textarea.form-control { height: 156px !important; resize: none;} .app-form table { font-size: 15px; border-top: 2px solid #eee; margin: 30px 0 0 0} .app-form table thead td { vertical-align: middle; font-weight: 700} .app-form table td { font-size: 15px; vertical-align: middle; background: #fff !important;} .app-form table td .form-control { margin: 0; font-size: 15px;} .app-form table td { text-align: center;} .app-form table tr td:first-child { text-align: left; } .app-form table tr:first-child td { background: #eee; border-right: 1px solid #ddd;} .app-form label.error { display: inline-block; width: 100%; background: #f97979; color: #fff; font-size: 14px; padding: 0 10px; line-height: 18px; border-radius: 2px; } .app-form table label.error { margin-top: 5px } .app-form .form-group { margin-bottom: 15px; min-height: 105px; } #print-button { background: #f15922; border: 1px solid #e24b14; padding: 5px 30px; color: #fff; text-transform: uppercase; margin: 5px 0 10px;} @media print { .sub-header .navbar, .right-box, .home-btn-row, footer, .flash-news-row, .top-bar, .content-area img { display: none !important;} .inner-banner-strip { background: #e2e2e2; height: 50px;} .content-area { width: 100%; } #print-button { display: none; } table strong, p strong { font-weight: normal; } }