ikan Uploader :
Directory : /var/www/html/shardahospital_old.org/international/generic/css/
Upload File : |
| Current File : /var/www/html/shardahospital_old.org/international/generic/css/style.css |
body {color: #383838; font-family: 'Open Sans'; line-height: 26px; background: #f6f5f5;}
.color {color: #ff8d05!important;}
.white {color: #fff!important;}
.black {color: #282828!important;}
.bold {font-weight: bold}
.blue {background: #2caeec}
.orange {color: #ff8d05}
.italic {font-style: italic}
.font14 {font-size: 14px;}.font12 {font-size: 12px;}.font16 {font-size: 16px;} .font18 {font-size:18px;} .font20 {font-size:20px;}
.mt20 {margin-top: 20px;}
h5, h4, h3, h2, h1, ul, li, p, video, img {padding: 0; margin: 0;}
a {color: inherit}
a:hover {text-decoration: none; color: inherit;}
a:visited {text-decoration: none; color: inherit;}
.position {position: absolute;}
.relative {position:relative;}
.navbar { background: #fff; border: none; padding: 15px 0; margin-bottom: 0; z-index: 1; font-weight: 300; }
.navbar-header { margin-bottom: 25px; padding: 0 25px; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #ff8d05}
.navbar-inverse .navbar-nav > li a {text-transform: uppercase; color: #383838;}
.navbar-right h3 {margin-bottom: 3px; font-size: 15px;}
.navbar-right h5 a {text-transform: lowercase!important}
.navbar-right h6 {margin-bottom: 2px; margin-top: 5px;}
.navbar-right {
float: right !important;
margin-right: 0;
}
.navbar-right li h3 a {color: #fff;!important; font-weight: 700;}
.navbar-right li h3 a i {color: #c1c1c1;}
.png {background:url(../images/png.png) no-repeat center top;}
.navbar-nav > li > a { padding-top: 6px; padding-bottom: 15px;}
.nav > li {float: left; font-weight: 500; font-size: 14px; margin-bottom: 0; }
.navbar-brand {margin-bottom: 15px; margin-top: -30px;}
h2 {font-size: 22px; color: #ff8d05; font-weight: 800; margin-bottom: 30px;}
/*form-css*/
.upto {font-weight: 700; margin-bottom: 10px; color: #fff; font-size: 17px}
/*header-css-start*/
/*ApplyBeforeCSS*/
.before {padding: 8px 0; font-size: 15px; text-transform: uppercase;}
.cashback {margin-left: 15px;}
.cashback li {padding: 7px 15px;line-height:21px;}
/*ApplyBeforeCSS*/
/*SliderText*/
.carousel-caption {
left: 14%;
right: 0;
padding-bottom: 30px;
text-align: left;
}
.carousel-caption {
position: absolute;
bottom: 0;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-shadow: none;
}
.carousel-control.right, .carousel-control.left { background-image: none;}
#home_slider .tagline p.txt {font-size: 28px; margin: 20px 0 8px 0;}
/*SliderText*/
#home_slider .bgblack { background: #212121;}
#home_slider h1 {font-size: 18px; font-weight: 700; margin: 5px 0 10px 0; color: #000}
#home_slider { position: relative;}
#home_slider .tagline h4 {font-size: 18px; margin: 10px 0;}
#home_slider .tagline h2 {font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { color: #ebebeb}
.form input, .form select, .form textarea {
width: 100%;
margin: 6px 0;
height: 35px;
padding: 0 10px;
border: none;
color: #282828;
background-color: #fff;
border-radius: 5px;
font-size: 13px;
}
.form small {margin-left: 15px;}
.form textarea {height: 60px;}
.form select {color: #595959}
.otp {margin-right: 1.9%!important}
.nav-tabs > li > a { border-radius: 5px 5px 0 0; color: #282828; padding: 8px 20px; font-size: 14px; font-weight: 700;}
.form .tab-content { padding:25px 15px 50px 15px; color: #fff; /*border: 1px solid #282828;*/ background:#3673b2; border-radius: 0px;}
.su-edge-id {padding: 15px 0 15px 0}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 1px solid #ff8d05;}
.su-edge-id {padding: 15px 0 15px 0}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color:#fff; font-weight: bold; width: 100%;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #ff8d05;}
.nav > li > a:focus, .nav > li > a:hover { background-color: #fff;}
.nav-tabs > li > a:hover { border-color: #fff #fff #fff; color: #000;}
.nav-form > li.active {background: none;}
.icon-plus-absolute {position: relative}
.icon-plus { border-radius: 100% 100% 100% 100%; padding: 2px 3px 3px 3px; height:13px; width:13px; background: #2954a2; font-size:8px; position:absolute; top:10px; left:5px;}
.nav-tabs { border-bottom: none;}
.arrow { background: url(../images/arrow.png) no-repeat; background-position: 97% center; background-color: #fff; -moz-appearance: none; -webkit-appearance: none;}
.regist { border-radius: 5px 5px 0px 0px; width:85%; margin: 0 auto; text-align: center; text-transform: uppercase; letter-spacing: 4px; padding: 3px; font-weight: 700;}
.regist2 { border-radius: 0px 0px 5px 5px; letter-spacing: 0; text-transform: inherit; background:#2954a2;}
.button { width: 100%; background: #ff8d05; border: none; margin-top: 8px; padding: 9px; font-size: 18px; font-weight: 700; margin-bottom: 5px; color: #fff; border-radius: 4px;}
.btn2 {padding: 12px 55px;}
.btn3 {font-size: 15px; padding: 10px 16px!important; box-shadow: 5px 10px 15px #e0e0e0; width: 200px; margin-top: 45px;}
.applynow {margin: auto; margin-left: 0; margin-right: 0; left: 0; right: 0; bottom: -65px;}
.applynow p {color: #fff}
input.checkbox1 {height: 0; width: 0; float: left; margin-right: 10px; font-size: 12px; font-weight: 500;}
/* The container */
.container_new {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: normal;
clear:both;
line-height: 14px;
text-align: justify;
}
/* Hide the browser's default checkbox */
.container_new input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container_new:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container_new input:checked ~ .checkmark {
background-color: #fff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container_new input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container_new .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid #000;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*header-css-end*/
.carousel-indicators {
bottom: 5px;
}
.mobile-verify {
z-index: 2;
width: auto;
height: 100%;
line-height: 40px;
padding: 5px 10px;
border-left:1px solid #dedede;
cursor: pointer;
border-radius: 5px 5px 5px 5px;
color: #fff;
letter-spacing: .5px;
background: #04bd00;
}
.relative {position:relative;}
.absolute {position:absolute;bottom:4px;right:6px;font-size:11px;color:#ff0000}
.ng-binding2 {height: 384px; overflow-x: hidden; overflow-y: scroll;}
#tabs-form {
padding: 55px 0;
background: #eeeeee;
}
.tabs_forms {
margin:50px auto 0 auto
}
.tabs_capt {text-transform: capitalize}
.tabs_forms p {
margin:10px 0
}
.tabs_forms lable {
width:100%;
float:left;
padding:5px 0;
color:#0e6baf;
}
.tabs_forms input,
.tabs_forms select {
width:100%;
height:40px;
float:left;
padding:5px;
border:none;
outline:1px solid #d2d0d0;
font:14px'Calibri';
color:#999
}
h2.tab_heading {
font-size:22px;
font-weight: bold;
margin:10px 0 20px 0;
color:#002749;
}
.onethird {
width:30%;
float:left
}
.centermargin {
margin-left:5% !important;
margin-right:5% !important
}
.slectBgarrow {
background:url(../images/down-arrow.png) no-repeat;
background-position:98% center
}
p.termcondition {
width:100%;
float:left;
margin:20px 0 0 0
}
p.termcondition span.one {
width:auto;
float:left;
font:12px'Calibri';
}
p.termcondition span.one>input {
outline:none;
height:auto;
width:auto;
float:left;
margin:0 5px 0 0
}
p.termcondition span.two {
width:auto;
float:right;
font:12px'Calibri';
}
p.submitbox {
width:100%;
float:left;
text-align:center
}
p.para {
width:100%;
float:left;
text-align:center;
font:14px'Calibri';
text-transform: uppercase;
}
.tabs_forms input[type='submit'] {
width:auto;
height:auto;
float:none;
margin:30px auto;
outline:none;
text-align:center;
cursor:pointer;
font-size:18px;
font-weight: 700;
border-radius: 5px;
padding:14px 25px;
background:#ff4e31;
color:#fff;
box-shadow:0px 15px 7px -10px rgba(0,0,0,0.75); -webkit-box-shadow:0px 15px 7px -10px rgba(0,0,0,0.75); -moz-box-shadow:0px 15px 7px -10px rgba(0,0,0,0.75);}
.tabs_forms select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
/*form-css-end*/
/*UspStart*/
.usp_box_width {width: 32px; height: 32px; display: block; margin-bottom: 25px; padding: 20px;}
.usp_box1 {background-position: 8px -77px}
.usp_box2 {background-position: -29px -77px}
.usp_box3 {background-position: -75px -76px}
.usp_box4 {background-position: -120px -76px}
.usp_box5 {background-position: -163px -76px}
.usp_box6 {background-position: -206px -77px}
.usp_box7 {background-position: -255px -75px}
.usp_box8 {background-position: -301px -75px}
#sharda_usp_scroll {margin: 5px 0 0 0;}
#sharda_usp_scroll li { line-height: 19px;}
.sharda-usp-scroll-usp {background: #fff; margin: 0 15px 0 15px; padding: 22px 25px; text-align: center; border-radius: 50px;}
.usp-icon {width: 45px; margin: 5px auto 20px auto;}
#sharda_usp_scroll h3 {
font-size: 24px;
font-weight: 700;
}
#sharda_usp_scroll h3 p {
font-size: 15px;
font-weight: 700;
}
.sharda-usp-scroll-usp p.text {
margin-top: 5px;
color: #6d6d6d;
font-size: 13px;
}
#sharda_usp_scroll li {
padding: 25px 0;
}
#sharda_usp_scroll span {
border-radius: 100px;
width: 50px;
height: 50px;
text-align: center;
padding-top: 18px;
font-size: 24px;
color: #fff;
}
.blue {background-color: #0090d3;}
.pink {background-color: #ff4d80;}
.yellow {background-color: #fabe22;}
.voilet {background-color: #7753c1;}
.cyan {background-color: #13d6e4}
.green {background-color: #3ec768;}
#sharda_usp_scroll .nbs-flexisel-ul {text-align: left;}
/*UspEnd*/
/*KeyHighlights*/
#key_h {margin: 10px 0;}
.key_h { background-image: url(../images/key-highlights.jpg); background-size: auto auto; background-repeat: no-repeat; background-size: cover; background-color: #232323; padding: 25px;}
.key_h2 { background: #fff; padding: 25px;}
.key_text h4 {margin-bottom: 25px;}
.key_text ul {margin-left: 55px; margin-bottom: 45px;}
.key_text ul li {position: relative; padding: 0 0 7px 0; margin: 0 0 5px 0; color: #fff; font-weight: 300; line-height: 24px}
.key_text ul li span {border-left: 1px solid #ff8d05; position: absolute; display: block; left: -49px; height: 100%; top: 15px;}
.key_text ul li i {display: block; text-align: center; line-height: 20px; color: #ff8d05; position: absolute; margin-left: -55px; margin-top: 5px;}
.key_text ul li ul { float: left; margin-left: 10px; margin-top: 15px;}
.key_text ul li ul li {padding: 2px 0!important; margin: 2px 0!important; font-size: 13px;}
.key_text p {margin-bottom: 10px;}
.advant {margin: 45px inherit;}
.advant img {margin-bottom: 15px;}
.advant i {margin-right: 5px;}
.advant1 {border: 1px solid #fff; padding: 10px; margin: 10px 0; font-size: 14px; font-weight: 700;}
.btnn-tab {
border-radius: 5px 5px 5px 5px;
padding: 5px 10px;
font-size: 16px;
background: #2954a2;
color: #fff;
}
.btnn-tab:focus {color: #fff;}
/*KeyHighlights*/
/*About*/
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color: #fff;
background-color: #ff8d05;
}
.nav-pills > li > a {background: #fff; border: 1px solid #ff8d05}
/*About*/
/*TopTab*/
.iconpng {
background:url(../images/icon.png) no-repeat center top;
}
.iconpng_w {width: 30px; height: 30px; display: block; float: left;}
.iconpng1 {background-position: -4px -0px}
.iconpng2 {background-position: -38px -4px}
.iconpng3 {background-position: -70px -4px}
.iconpng4 {background-position: -105px -5px}
.iconpng5 {background-position: -140px -3px}
.iconpng6 {background-position: -4px -38px}
.iconpng7 {background-position: -40px -38px}
.iconpng8 {background-position: -80px -38px}
.iconpng9 {background-position: -4px -0px}
.iconpng10 {background-position: -4px -0px}
.iconpng11 {background-position: -4px -0px}
#toptab {margin: 0;}
#tab_new .tab .text {padding-left: 45px;}
#toptab {padding: 30px 0 0px 0; background:url(../images/tabb.jpg) no-repeat center top;}
.tabbg { padding: 15px 0;}
#toptab .resp-tabs-list li {border-radius: 0; font-size: 16px; padding: 10px 25px; background: #32609e; border-right: 0; color: #fff; text-transform: inherit; margin-right: 2px;}
#toptab .resp-tab-active {padding: 10px 25px!important; border: 1px solid #fff!important; border-bottom: transparent!important; background: #fff!important;}
#toptab .tabb_bg h5 {margin: 10px 0;}
#toptab .tabb_bg h4 {margin-bottom: 5px; font-size: 14px; color: #ff8d05;}
#toptab .tab ul {margin-left: 13px;}
.duration {margin: 20px 0 15px 0 }
.duration li {float: left; margin-right: 55px;}
.eligibility p {margin: 15px 0;}
#toptab .form-control {
padding: 6px 12px;
font-size: 14px;
height: 35px;
margin-top: 20px;
margin-bottom: 10px;
border: 0;
}
#toptab .content h2.headings {font-weight: 700; font-size: 22px;}
#toptab .panel {background: none}
#toptab .content h3 {
font-size: 18px;
font-weight: 700;
}
#tab h2 {color: #282828}
/*TopTab*/
/*tabb*/
#tab_new .eligibility p {font-size: 15px; margin: 0 0 40px 0; color: #666;}
#tab_new .eligibility .text h5 {font-weight: 400; margin-bottom: 10px; color: #ff8d05; font-size: 18px;}
#tab_new .eligibility .text h5::after {content:''; width: 80px; height: 4px; background: #ff8d05; display: block; margin-top: 10px; }
#tab_new .eligibility .img {border-radius: 100%; background: #fff; width: 150px; height: 150px; line-height: 135px; text-align: center; margin: auto; border: 6px solid #ebebeb;}
#tab_new .awards h5 {margin-top: 15px; line-height: 24px; color: #383838; font-size: 15px; font-weight: 500; margin-bottom: 25px;}
#tab_new .eligibility {color: #383838;}
#tab .form-control {
padding: 6px 12px;
font-size: 14px;
height: 35px;
margin-top: 20px;
margin-bottom: 10px;
border: 0;
}
#tab .content h2.headings {font-weight: 700; font-size: 22px; color: #ff8d05;}
#tab .panel {background: none}
#tab {
margin: 65px 0;
}
#tab .content h3 {
font-size: 18px;
font-weight: 700;
}
.heading_h2 h2 {
font-size: 28px;
font-weight: 700;
color: #000;
margin-bottom: 30px;
}
#testimonials .heading_h2 h2 {
color: #fff;
}
.panel-heading {
padding: 10px 0;
}
.note {background: #f6f6f6; padding: 15px;}
.content h4 {margin: 10px 0 5px 0; color: #ff8d05;}
.content p {margin: 15px 0;}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #2b439a;
}
.table-striped > tbody > tr strong {
color: #ff8d05;
}
/* ---------------------- Vertical Tabs */
.tabs {
position: relative;
min-height: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
overflow: hidden
/* ---------------------- Tab */
/* ---------------------- Content */
}
.tabs .tab {
margin-top: 2px;
margin-bottom: 4px;
/* ---------------------- Tab Toggle */
}
/*Faculty*/
.join_png1 { background:url(../images/iconpng1.png) no-repeat center top;}
/*
#join_exceptional {padding: 25px 0; background: #fff;}
#join_exceptional h2 p {font-size: 14px; font-weight: 500; margin-top: 7px;}
#join_exceptional .join {margin-top: 15px; text-align: center;}
#join_exceptional h4 {margin: 20px 0 5px 0; color: #ff8d05}
#join_exceptional .border p {line-height: 20px; font-size: 12px;}
#join_exceptional .border {border: 1px solid #f2f2f2; text-align: center; padding: 15px; color: #666; margin-bottom: 25px;}
#join_exceptional h2 {margin-bottom: 10px;}
#join_exceptional h5 {margin: auto; line-height: 22px; margin-bottom: 10px;}
.border h4 {font-size: 15px;}
.experts1 {background-position: -8px -0px}
.experts2 {background-position: -171px -0px}
.experts3 {background-position: -331px -0px}
.experts4 {background-position: -494px -0px}
.experts5 {background-position: -655px -1px}
.experts6 {background-position: -8px -165px}
.experts7 {background-position: -171px -165px}
.experts8 {background-position: -333px -165px}
.experts9 {background-position: -494px -165px}
.joinpng { width: 152px; height: 154px; margin: auto;}*/
/*Faculty*/
/*Gauge*/
.join_png { background:url(../images/iconpng.png) no-repeat center top;}
/*Gauge*/
@media screen and (min-width: 55rem) {
.tabs .tab {
float: left;
clear: left;
}
}
.tabs .tab .tab-toggle {
padding: 1rem 4rem 1rem 2rem;
position: relative;
outline: none;
width: 100%;
background-color:#f6f6f6;
border: 0;
font-size: 16px;
font-weight: normal;
color: #282828;
text-align: left;
}
.tabs .tab .tab-toggle i {
font-size: 22px;
border-radius: 100px;
text-align: center;
color: #fff;
margin-right: 20px;
height: 45px;
width: 45px;
line-height: 45px;
}
.tabb_space {padding: 1em 0}
#tab h2 {color: #282828}
.tabs .tab span i {display: none}
.tabs .tab .tab-toggle.active span i {color: #f6f6f6!important; font-size: 24px; position: absolute; top: 20px; right: -47px; display: block }
@media screen and (min-width: 55rem) {
.tabs .tab .tab-toggle {
text-align: left;
}
}
@media screen and (min-width: 55rem) {
.tabs .tab .tab-toggle:after {
-webkit-transform: rotate(-90deg) translateX(50%);
-moz-transform: rotate(-90deg) translateX(50%);
-ms-transform: rotate(-90deg) translateX(50%);
-o-transform: rotate(-90deg) translateX(50%);
transform: rotate(-90deg) translateX(50%);
}
}
.tabs .tab .tab-toggle.active {
color: #282828;
background-color:#f6f6f6;
cursor: default;
font-weight: 700
}
.tabs .tab .tab-toggle.active:after {
color: #8099c2;
-webkit-transform: rotate(180deg) translateY(50%);
-moz-transform: rotate(180deg) translateY(50%);
-ms-transform: rotate(180deg) translateY(50%);
-o-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
}
@media screen and (min-width: 55rem) {
.tabs .tab .tab-toggle.active:after {
-webkit-transform: rotate(-90deg) translateX(50%) translateY(0);
-moz-transform: rotate(-90deg) translateX(50%) translateY(0);
-ms-transform: rotate(-90deg) translateX(50%) translateY(0);
-o-transform: rotate(-90deg) translateX(50%) translateY(0);
transform: rotate(-90deg) translateX(50%) translateY(0);
right: 1rem;
}
}
.tabs .content {
max-height: 0;
overflow: hidden;
padding: 0 2rem;
background-color:#282828;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.tabs .content h4 {
font-size: 14px;
font-weight: 700;
}
.overflow {
overflow-x: hidden;
overflow-y: scroll;
height: 432px;
}
@media screen and (min-width: 55rem) {
.tabs .content {
max-height: none;
position: absolute;
right: 0;
top: 0;
width: 73%;
opacity: 0;
padding: 2rem 4rem;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
.tabs .content.active {
max-height: 100%;
}
@media screen and (min-width: 55rem) {
.tabs .content.active {
max-height: none;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
}
.tabs .content > .heading {
font-size: 1.5rem;
margin-bottom: 1rem;
}
/*tabb*/
/*HighTech*/
#hight {margin: 45px 0 0px 0;}
#hight .head {background: #fff; padding: 25px; position: relative; }
#hight .head i {font-size: 34px; position: absolute; top: 25px ; right: -12px;}
#hight h2 {font-size: 34px; text-transform: uppercase}
#hight .table tr td { color: #fff; border: 1px solid #ed8100; font-weight: 700;}
.table-striped > tbody > tr {background-color: #ed8100}
.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #ff8d05}
/*HighTech*/
/*Awards*/
#awards {margin: 25px 0;}
.awards {font-size: 16px;}
.awards h2 {font-size: 32px; margin-bottom: 10px;}
.awards h4 {font-size: 22px;}
#awards img {margin-bottom: 15px;}
/*Awards*/
/*academic*/
.academic {
padding: 15px;
border-radius: 10px;
color: #acacac;
min-height: 192px;
font-size: 13px;
}
.academic img {
}
.academic1 img {
margin: auto;
border-radius: 10px;
border: 4px solid #fff;
}
.academic1 .nbs-flexisel-item {
line-height: inherit;
}
#tab_slider h2 {color: #fff;}
.academic {color: #fff}
.academic h5 {color: #ff8d05}
.circle span {
border-radius: 50px;
border: 1px solid #ebebeb;
font-size: 60px;
height: 100px;
width: 100px;
line-height: 90px;
text-align: center;
color: #4cc4f1;
display: block;
margin: auto;
}
.description {background: #fff; color: #444; padding: 15px;}
.description h3 {font-size: 20px; margin-bottom: 15px;}
.blue_heading {color: #003766!important}
.academic h2 {
font-size: 18px;
margin: 10px 0;
}
.nbs-flexisel-nav-right, .nbs-flexisel-nav-left {
font-size: 24px;
}
.residences {background-position: -11px 15px}
.cafeterias {background-position: -156px 11px}
.sports {background-position: -231px 11px}
.gym {background-position: -530px 11px}
.transport {background-position: -381px 15px}
.call_center {background-position: -308px 15px}
.wifi {background-position: -85px 15px}
.fm {background-position: -455px 10px}
.campuspng {
width: 75px;
height: 75px;
text-align: center;
margin: 0 auto;
}
/*academic*/
/*Events*/
#events {
background-image: url(../images/events_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
padding: 155px 0 185px 0;
}
.events {margin: 0 17px 0 16px; background: #fff; text-align: left;}
.events img {width: 100%;}
#events h2 {margin-bottom: 65px;}
.events h4 {text-align: left; font-size: 15px; font-weight: 700; line-height: 22px; padding: 0 25px 25px 25px; text-transform: uppercase;}
.events h4.mrgn {margin-top: 15px;}
.events p {margin: 25px 0; font-size: 13px; color: #ff8d05; padding: 15px 25px 0 25px; font-weight: 700;}
.events .img {margin-top: 40px;}
#events .nbs-flexisel-nav-left, #events .nbs-flexisel-nav-right {color: #fff}
#events .nbs-flexisel-item img {
margin-top: 0;
margin-bottom: 0;
}
#recruiters {margin: 0 0 55px 0;}
#sharda_usp_scroll .nbs-flexisel-nav-left, #sharda_usp_scroll .nbs-flexisel-nav-right, .recruiter .nbs-flexisel-nav-left, .recruiter .nbs-flexisel-nav-right {top: 40%;}
/*Events*/
#video {margin: 0 0 5px 0;}
/*Testimonials*/
/*#testimonials {margin: 0 0 85px 0;}*/
#testimonials h2 {margin-bottom: 45px;}
.testi {background:url(../images/testi.png) no-repeat center top;}
.testi_w {width: 160px; height: 154px;}
.testi1 {background-position: -4px 0px}
.testi2 {background-position: -156px 0px}
.testi3 {background-position: -328px 0px}
.testi4 {background-position: -490px 0px}
.testimonials .box_testi {text-align:left; line-height: 26px; padding: 25px; position: relative;}
.testimonials .box_testi h4 {margin-bottom: 5px; font-weight: 700; color: #282828;}
.testimonials .box_testi h4 {color: #ff8d05}
.testimonials .box_testi .p {position: relative; font-size: 18px; margin-top: 25px;}
.box_testi .left {float: left; margin-right: 105px;}
.testimonials .box_testi i.fa-quote-left {font-size: 65px; position: absolute; left: 200px; top: -55px; color: #b3d6f9; z-index: 0 }
.testimonials .box_testi i.fa-quote-right {font-size: 65px; position: absolute; right: 40px; bottom: -45px; color: #b3d6f9; z-index: 0 }
/*Testimonials*/
#mission {margin: 45px 0;}
#mission .text {background: #fef9f9; padding: 25px; margin-bottom: 25px; border: 10px solid #fff}
.text h2 {margin-bottom: 10px; border-bottom: 1px solid #f5ebeb; padding-bottom: 10px;}
#mission .text i {font-size: 40px; color: #c9b9b9; margin-right: 10px;}
#mission .text ul li {margin-left: 15px; margin-bottom: 10px;}
#thanku {margin: 45px 0 45px 0; }
.thanku {margin: auto; background: #fff; padding: 25px; border-left: 4px solid #fa8444; margin-bottom: 20px;}
.thanku h3 {font-size: 21px; line-height: 27px;}
.thanku h5 {margin: 15px 0 5px 0}
.thanku_call {margin-top: 25px;}
.appointment_thanku {padding: 3px 10px; font-weight: 500; margin-top: 15px;}
.countdown span {padding: 6px 15px; width: 60px; height: 60px; background: #fa8444; line-height: 55px; border-radius: 100%; margin: auto; font-size: 24px; font-weight: 700; color: #fff; margin-top: 25px; text-align: center; border: 2px dotted #fff; }
/*footer*/
footer {
margin: 0;
padding: 65px 0 0 0;
line-height: 24px;
background: #203d67;
}
.modal-content {font-size: 13px; line-height: 20px;}
footer .fa {display: block; float: left; font-size: 18px; color: #b6c8cf; margin-top: 4px;}
footer .text {padding-left: 35px; color: #ebebeb;}
footer h4 {font-size: 16px; color: #fff; margin-bottom: 20px; font-weight: 700;}
footer strong {color: #8f8f8f;}
.t_and_c p {margin: 5px 0;}
.t_and_c ul {padding: 0 15px; margin: 10px 0;}
.t_and_c ul li {margin: 5px 0;}
.border-right { border-right:1px solid #b6c8cf; border-left: 1px solid #b6c8cf; width:5px; height: 80px;}
.copyright { background: #1d375c; padding: 8px 0; font-size: 13px;}
.copyright ul li {display: inline-block; padding: 0 10px 0 0; color: #fff;}
footer .copy i {border-radius: 100%; height: 25px; width: 25px; text-align: center; line-height: 25px; font-size: 14px; background: #fff; margin-right: 15px; color: #fa8444 }
footer a:hover, .copy i:hover {color: #fa8444}
.map {margin: 35px 0; border: 10px solid #fff;}
#myModal5 .modal-content {background: #1ea2ea; color: #fff;}
/*footer*/
/*footer*/
/*MoveTop*/
.move-top {
background: #ff4e31;
padding:8px 5px 5px 11px;
height:40px;
width:40px;
border-radius: 50px 50px 50px 50px;
border:1px solid #fff;
}
.cd-top > img {
width: 100%;
}
.cd-top.cd-fade-out {
opacity: 1;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
}
.cd-top {
display: inline-block;
position: fixed;
bottom: 5px;
right: 10%;
opacity: 0;
cursor: pointer;
z-index: 1
}
/*MoveTop*/
.mobile_form {position: fixed; bottom: 0; right: 18%; z-index: 999999;}
.mobile_form .button { background: #ff7506; border: 1px solid #fff; font-size: 16px; padding: 5px 15px; border-radius: 5px 5px 0 0; margin-bottom: 0; color: #fff;}
/*Accordion*/
.panel-heading h5.panel-title {font-size: 14px; font-weight: 700; color: #fff;}
.panel-heading h5.panel-title i {color: #ff8d05; font-weight: 300;}
.panel-body {color: #fff;}
.panel-group .panel {border-radius: 0;}
.panel-default > .panel-heading {
color: #fff;
background-color: inherit;
border-color: inherit;
}
.panel-heading {border-radius: 0}
.panel-heading a:visited {color: #fff;}
.panel {
border: 0;
border-radius: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #343434;
background: #343434
}
/*Accordion*/
.nbs-flexisel-item {
cursor: inherit!important;
line-height: 0px;
}
.nbs-flexisel-item img { cursor: inherit!important;}
/*ScrollAnimation*/
h2 {
transition: 1s ease-out;
}
h2.is-outside {
transform: translateX(3em);
opacity: 0;
transition: none;
}
@keyframes scroll {
from { transform: translateY(0); }
80% { transform: translateY(184px); }
to { transform: translateY(0); }
}
#demo {
/*display: grid; margin-top: 10%;*/
grid-template-columns: repeat(auto-fill, 6em);
grid-gap: 1em; grid-auto-flow: row dense; justify-content: space-between; align-items: stretch;
}
#demo {
overflow: hidden;
}
/*ScrollAnimation*/
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
src: local('Open Sans Light'), local('OpenSans-Light'),
url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/*Animation*/
#loading {
-webkit-animation: rotation 7s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(359deg);
}
to {
-webkit-transform: rotate(0deg);
}
/*Animation*/
Kontol Shell Bypass