HOME

Mini Shell 1.0
DIR:/home/svmhimrashmi.org/www/wp-content/themes/Himrashmi/
Current File : //home/svmhimrashmi.org/www/wp-content/themes/Himrashmi/style.css
/*
Theme Name: Himrashmi
https://htlogics.com
Author: Team HTL
Author URI: https://htlogics.com/
Description: Custom theme
 */

html, body {height: 100%;}
html{overflow-x:hidden;}
body{color:#2b2b2b; font-size:14px; font-family: 'open_sansregular';}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans-Bold.ttf') format('truetype'),
         url('fonts/OpenSans-Bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular_1.eot');
    src: url('fonts/OpenSans-Regular_1.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular_1.woff2') format('woff2'),
         url('fonts/OpenSans-Regular_1.woff') format('woff'),
         url('fonts/OpenSans-Regular_1.ttf') format('truetype'),
         url('fonts/OpenSans-Regular_1.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlabRegular_1';
    src: url('fonts/RobotoSlabRegular_1.eot');
    src: url('fonts/RobotoSlabRegular_1.eot') format('embedded-opentype'),
         url('fonts/RobotoSlabRegular_1.woff2') format('woff2'),
         url('fonts/RobotoSlabRegular_1.woff') format('woff'),
         url('fonts/RobotoSlabRegular_1.ttf') format('truetype'),
         url('fonts/RobotoSlabRegular_1.svg#RobotoSlabRegular_1') format('svg');
}

@font-face {
    font-family: 'RobotoSlabBold_1';
    src: url('fonts/RobotoSlabBold_1.eot');
    src: url('fonts/RobotoSlabBold_1.eot') format('embedded-opentype'),
         url('fonts/RobotoSlabBold_1.woff2') format('woff2'),
         url('fonts/RobotoSlabBold_1.woff') format('woff'),
         url('fonts/RobotoSlabBold_1.ttf') format('truetype'),
         url('fonts/RobotoSlabBold_1.svg#RobotoSlabBold_1') format('svg');
}

a{color:#be0107;}
a:hover, a:focus{color:#0189e1; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:22px; margin:0 0 15px; text-align:justify}

h1, h2, h3, h4, h5, h6{font-family: 'RobotoSlabBold_1'; margin:0 0 10px; text-transform:uppercase;}
h2{font-family: 'ralewaybold'; color:#be0107;}
h3{color:#be0107;}
h3 span{color:#2b2b2b;}
h4{color:#0189e1;}

.mrg-0{margin:0 !important;}
.pad-0{padding:0 !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}

.top-sec{background:#ff0000; color:#fff; font-size:13px; margin:0; padding:0; position:relative;}
  .top-sec:before{background:#193d5b; content: ""; width: 70%; position: absolute; left: 0; top: 0; height: 100%; border-right: 5px solid #fff;}
  .top-sec a{color:#fff;} 
  .top-sec a:hover{text-decoration:underline;}
  .top-sec ul{margin:0; padding:6px 0;}
  .top-sec ul li{display:inline-block; list-style:none; padding:0 20px 0 0; position:relative;}
  .top-sec ul li img{margin:0 5px 0 0;}
  .icon-top{border-right: 1px solid #fff; margin:0; overflow:hidden; text-align:right;} 
  .icon-top i{border-left: 1px solid #fff; color: #fff; font-size: 16px; line-height: 33px; margin: 0 0 0 -4px; height: 33px; text-align: center; width: 35px; position:relative; z-index:1;}
  .icon-top i:hover{background:#fff; color:#FF2B58; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  


.header{position:relative; color:#fff; top:0; width:100%; z-index:3;}
.head-inner{margin:0;}    
  .logo img{display: block; position: relative;}  
  .head-right-inn{float: right; margin:10px 0;}
  .affiliation-top{float:left; text-align:center; margin:15px 20px 0 0;}
  .affiliation-top h4{color: #282828; text-transform: inherit; font-size: 16px; margin:0 0 3px;} 
  .affiliation-top span{display: block; max-width: 177px; background: #ff0000; min-width: 210px; text-align: center; font-size: 16px; font-family: 'open_sansbold'; padding:  7px 7px 7px 20px; position: relative; border-radius: 30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
  .affiliation-top span img{position: absolute; left: 0; background: #fff; border-radius: 100%; -webkit-border-radius:100%; -moz-border-radius:100%; left: 3px; top: 3px;}
  .logo-vb{float:left;}
	
.menu-head{font-family: 'open_sansbold'; position:relative; z-index:4; background:#0189e1; margin:0 0 -25px;}
  .menu-head:before{border-left: 15px solid transparent; border-bottom: 25px solid #0189e1; border-top: 25px solid #0189e1; content: ""; left: -15px; top: 0;
    position: absolute;}
  .menu-head nav{box-shadow:none; border:none; background:none; margin:0; min-height:inherit; padding:0 10px;}
  .menu-head .navbar-collapse{padding:0;}
  .menu-head .navbar-nav{float:none;}
  .menu-head .navbar-nav > li{display:inline-block; float:none; position:relative; margin:0 12px;}
  .menu-head .navbar-nav > li:before{border-right: 1px dashed #fff; content: ""; height: 11px; position: absolute; right: -19px; top: 22px;}
  .menu-head .navbar-nav > li:last-child:before{display:none;}
  .menu-head .navbar-nav > li > a{border-bottom:3px solid transparent; color:#fff; text-shadow:none; padding:17px 0 10px; text-transform:uppercase; position:relative; z-index:2;}
  .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background: #0189e1; color:#fff; border-color:#fff;}
  .menu-head .sub-menu{position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}
  .menu-head li:hover .sub-menu{display:block;}
  .menu-head .sub-menu{border:none; box-shadow:none; text-align:left;}
  .menu-head .sub-menu > li{border-bottom: 1px solid #fff; list-style:none;}
  .menu-head .sub-menu > li:last-child{border-bottom:none;}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background:#fff; color:#0C5777;}
  .menu-head .sub-menu > li > a{background: #FFA500; color: #fff; display: block; font-size: 13px !important; padding: 6px 15px;text-transform: uppercase;}
  .admission-top{background:#ffde00; position:absolute; right:0; top:0;}
  .admission-top a{display:block; font-size:18px; color:#193d5b; text-align:center; text-transform:uppercase; line-height: 18px; padding: 7px 20px;}
  .admission-top a span{display:block; font-size:14px;}
  .admission-top:before { background: #ffde00; content: ""; position: absolute; left: -35%; top: -5px; width: 135%; height: 5px;}
  .menu-head:after { border-right: 19px solid transparent; border-top: 27px solid #ffde00; border-bottom: 28px solid #ffde00; content: ""; position: absolute; right: -19px;
   top: -5px;}
address p {margin: 0;}
  
  
  

.banner{margin:0; position:relative; z-index: 2; }  
  .bs-slider{overflow: hidden; max-height: 700px; position: relative; background: #000000;}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active {cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); display:none;}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {margin: auto; width: 100% !important;}






/*********About us***********/
h4 span {
    color: #000;
}
.principal-desk {
    background: #0189e1;
    border-radius: 10px;
    z-index: 1111111111;
    margin: -170px 0;
    padding: 25px 20px;
}
.principal-desk h4 {
    color: #fff;
    text-transform: capitalize;
	margin: 0 0 20px 0;
}
.principal-desk img {
    float: left;
    margin: 0 12px;
    outline: 2px solid #fff;
    outline-offset: 5px;
}
.principal-desk p {
    color: #fff;
    text-align: justify;
}
.quick {
    overflow: hidden;
    background: #ffde00;
    padding: 20px 0;
	border-radius: 10px;
}
.quick h5 {
    padding: 0 15px;
    color: #193d5b;
    text-transform: capitalize;
}
.quick .line-row1 {
    margin-left: 16px;
}
.quick img {
    /* background: rgba(0,0,0, 0.3); */
    outline: none;
    border: none;
    display: block;
    border-radius: 10px;
    padding: 5px 0px;
    display: block;
}
.quick a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: rgba(0,0,0, 0.3);
    border-radius: 10px;
    padding: 15px 0;
}
section.about-sec {
    margin: 70px 0;
    z-index: 33333;
    position: relative;
}
.about-school {
    margin: 20px 0 0 0;
}
.about-school img {
    float: left;
    margin: 0 20px 0 5px;
    outline: 2px solid #fff;
    outline-offset: -10px;
}
section.admission-sec {
    margin: 70px 0;
}
.admission-sec img {
    border: 2px solid #193d5b;
	box-shadow: 1px 1px 2px rgb(40, 40, 40);
}
.li-merquee {
    margin: 0;
}
.li-merquee ul{
	padding: 0px 5px;
}

.li-merquee ul li {
    list-style: none;
    position: relative;
    padding: 0 0 10px 25px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
}
.li-merquee ul li:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 5px;
    color: #0189e1;
    padding: 0 0 0 5px;
}
.admission-sec marquee {
    border: 2px solid #193d5b;
    height: 365px;
	box-shadow: 1px 1px 2px rgb(40, 40, 40);
}
.student-feedback .item {margin: 0 15px;}
.contact-us {
    background: #be0107;
    padding: 30px 10px 20px 10px;
    color: #fff;
	box-shadow: 1px 1px 2px rgb(40, 40, 40);
}
.contact-us i.fa.fa.fa-phone {
    background: #fff;
    padding: 10px 12px;
    color: #be0107;
    float: left;
    margin: -5px 10px 0 0;
}
.contact-us i.fa.fa-envelope-o {
    background: #fff;
    padding: 10px;
    color: #be0107;
    float: left;
    margin: -5px 10px 0 0;
}
.contact-us i.fa.fa-map-marker {
    background: #fff;
    padding: 10px 13px;
    color: #be0107;
    float: left;
    margin: -5px 10px 0px 0px;
}
.contact-map {
    margin-top: 20px;
}
.career {
    background: #be0107;
    padding: 15px;
    box-shadow: 1px 1px 2px rgb(40, 40, 40);
    color: #fff;
}
.career .wpcf7-submit {
    background: #000;
    color: #fff;
    width: 200px;
    border: none;
    padding: 10px 0;
    display: block;
    margin: 0 auto;
}
.screen-reader-response {
    display: none !important;
}
.career .wpcf7-validation-errors {
    color: red;
	font-weight: bold;
}
.career span.wpcf7-not-valid-tip {
    color: red;
}
.career .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: green;
    font-weight: bold;
}




/************End About us****************/


  
/********************
*****Slide effect
**********************/
.fade{opacity: 1;}
.fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
.fade .item:first-child {top: auto; position: relative;}
.fade .item.active {opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control{top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px;}
.control-round:hover .carousel-control{opacity: 1;}
.control-round .carousel-control.left{left: 1%;}
.control-round .carousel-control.right{right: 1%;}
.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fdfdfd; background: rgba(0, 0, 0, 0.5); border: 0px transparent;}
.control-round .carousel-control.left>span:nth-child(1){left: 45%;}
.control-round .carousel-control.right>span:nth-child(1){right: 45%;}

/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap; display:none;}
.indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
.indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
.indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
.indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}

/*---------- SLIDE CAPTION ----------*/
/*.slide_style_left {text-align: left !important;}
.slide_style_right, .slide_style_right p{text-align: right !important;}
.slide_style_center,.slide_style_center p{text-align: center !important;}*/
.slide-text {left: 0; bottom: 10%; right: 0; margin: auto; position: absolute; text-align: left; padding: 10px 7%;}
.slide-text > h1 {padding: 0; color: #ffffff; font-size:56px; text-transform:uppercase; font-style: normal; line-height: normal; margin-bottom: 0; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; font-family:"ralewayregular";}
.slide-text > h1 span{display:block; font-size:68px; font-family: 'ralewaybold';}
.slide-text > p {padding: 0; color: #ffffff; font-size: 14px; line-height: 22px; margin-bottom: 20px;  -webkit-animation-delay: 1.1s; animation-delay: 1.1s; width:50%;}

.banner .button{margin:0 30px 0 0;}

.button { color: #fff; display: inline-block; font-size: 14px; font-family: 'RobotoSlabBold_1'; height: 40px; line-height: 40px; margin: 0 0 10px; min-width: 160px; padding: 0 20px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; background: #193d5b; border-radius: 50px;}
.button.btn-white{color: #0189e1; background:#fff;}
.button:hover{color:#fff;}
.button.btn-white:hover{color:#0189e1;}

.button.btn-white:before, .button.btn-white:after{background: #fff;}
.button:hover{color: #fff; background:#0189e1;}
.button:hover:before, .button:hover:after{background: #0189e1;}
.button.btn-white:hover{color: #fff;}
.form-control-textarea {display: block; width: 100%; height: 100px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control {padding: 0px 0px; /*display: block; width: 100%; height: 34px;  font-size: 14px; line-height: 1.42857143;    color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/}
.sidebar {background: #0189e1; padding-top: 9px; padding-bottom: 14px;}
input {border: none; display: block; width: 100%;}
textarea {border: none; height: 87px; width: 100%;}
.sidebar h2 { font-size: 20px; color: #fff; font-family: 'open_sansbold'; text-transform: capitalize;}
.wpcf7-submit { background: #000; color: #fff; width: 100%; border: none; padding: 10px 0;}	


/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 991px) {
    .slide-text h1 {font-size: 40px; line-height: 50px; margin-bottom: 20px;}
    .slide-text > p {font-size: 18px;}
}

/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text { padding: 10px 50px;}
    .slide-text h1 {font-size: 30px; line-height: 40px; margin-bottom: 10px;}
    .slide-text > p {font-size: 14px; line-height: 20px; margin-bottom: 20px;}
    .control-round .carousel-control{display: none;}
}
@media  (max-width: 480px) {
    .slide-text {padding: 10px 30px;}
    .slide-text h1 {font-size: 20px; line-height: 25px; margin-bottom: 5px;}
    .slide-text > p {font-size: 12px; line-height: 18px; margin-bottom: 10px;}
    .slide-text > a.btn-default, .slide-text > a.btn-primary {font-size: 10px; line-height: 10px; margin-right: 10px; text-align: center; padding: 10px 15px;}
    .indicators-line > .carousel-indicators{display: none;}
}

.box-tag{color: #fff; margin: 70px 0; position: relative; z-index: 3;}
  .box-tag .bx-wrapper .bx-viewport {left: 0!important;}
  .box-text{background: #0189e1; outline: 1px dashed #fff; outline-offset: -15px; padding: 20px 20px 14px; position: relative;}
  .box-text.box-red{background: #be0107;}
  .box-text.box-black{background: #000;}  
  .box-text h3{color: #fff; font-size: 20px; font-family: 'ralewaybold'; margin:20px 0 22px; text-transform:uppercase;}
  .box-text p{margin:0 12px 15px; line-height:20px;}
  .box-text a{color:#fff; padding:0 0 0 10px;}
  .box-text a:hover{color:#FFA500; text-decoration:underline;}
  .box-text.box-last .btn {background: #000; outline-color: #000;}
  .box-text.box-last .btn:hover {background: #e82902; outline-color: #e82902;}
  .box-text .btn {background: #e82902; border-radius: 0; color: #fff; outline: 2px solid #e82902; outline-offset: 4px; padding: 3px 20px; position: absolute;right: 0; bottom: -12px; z-index: 2;}
  .box-text .btn:hover {background: #dfa80e; outline-color: #dfa80e; color: #fff; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s;}
  .box-text .img-icon {line-height: 85px; float:left; margin:0 10px 0 0;  position: relative; text-align: center; width: 90px;}


  
.title-h3{margin: 0 0 30px; padding: 0 0 1px; position: relative;}
  .title-h3:before, .title-h3:after{background: #a5b1cb; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 90px;}
  .title-h3:after{bottom: -4px; width: 80px;}
  .title-h3 h3{color:#1f3d7c; margin: 0 0 3px; padding: 0 0 5px; position: relative; font-size:24px; text-transform:uppercase;  }
  .title-h3 h3:before{background: #a5b1cb; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100px;}

.achievement-sec{background-image:url(images/banner-01.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; color:#fff; padding:50px 0; position:relative;}
  .achievement-sec::before{background: #0189e1; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%;}
  .counter-sec{border:1px dashed #fff; color:#fff; overflow: hidden; margin:15px 0; padding: 10px; text-align: center;}
  .counter-inner{overflow: hidden; position:relative; padding:35px 10px;}
  .counter-inner:before{border-bottom:1px solid #fff; border-left:1px solid #fff; bottom:0; content:""; height:65px; left:0; position:absolute; width:65px;}   
  .counter-inner:after{border-top:1px solid #fff; border-right:1px solid #fff; top:0; content:""; height:65px; right:0; position:absolute; width:65px;}
  .counter-sec span{color:#fff; display: inline-block; font-size: 40px; font-family: 'open_sansbold';}
  .counter-sec img{display: inline-block; margin: 0 10px 0 0; position: relative; top: -7px;}
  .counter-sec h5{color:#fff; font-family: 'open_sansbold'; font-size:16px; text-transform:uppercase; margin:10px 0 0;}
  .ach-img{padding-right:0; position: absolute; right: 0; top: 0;}
  .counter-icon{background: #ffa500; bottom: 10px; height: 57px; left: 10px; line-height: 57px; position: absolute; width: 57px; z-index:2;}

.student-feedback{margin:70px 0; text-align:center;}
  .student-feedback .line-row{margin:0 auto 15px;}
  .student-feedback .p-stu{text-align:center; margin:0 auto 50px; width:70%;}
  #owl-demo-2{margin:30px 0 0; overflow:hidden; position:static}
  .student-feedback .p-box{color: #fff; position: relative; background: #fff; padding: 10px 1px 15px; margin: 0; border-radius: 0 0 10px 8px; box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); text-align: center;}
 /* .student-feedback .owl-item:nth-child(2n) .p-box{background:#0189e1;}
  .student-feedback .owl-item:nth-child(2n) .p-box:after{border-top: 23px solid #0189e1;}*/
/*  .student-feedback .p-box:after{border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 23px solid #be0107; bottom: -18px; content: ""; left: 50px; position: absolute; z-index: 62;}*/
  .student-img{/*margin: 30px 0 0 20px;*/ text-align: left;}
  .student-img img{/*-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid #636363;*/ float:left;}
  .student-feedback .owl-item:nth-child(2n) .student-img h4{color:#0189e1;}
  .student-img h4{float:left; color:#be0107; margin:20px 0 0 20px;}
  .student-img h4 span{display:block; color:#000; font-family: 'open_sansbold'; font-size:16px;}
  .student-feedback .owl-pagination{display:none;}
  .student-feedback .item p{text-align:center; color: #000;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div{background:#fff; border:none; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; color:#000; position:absolute; left:-9px; top:218px; height:35px; width:35px; opacity:1; text-indent:-99999px;}
  .student-feedback .owl-controls{display: block !important;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div.owl-next{right:-9px; left:inherit;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div.owl-prev:before{border-bottom: 7px solid transparent; border-right: 7px solid #000; border-top: 7px solid transparent; color: #000; content: ""; left: 14px; position: absolute; top: 11px;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 7px solid transparent; border-left: 7px solid #000; border-top: 7px solid transparent; content: ""; left: 14px; position: absolute; top: 11px;}


  
 section.hostel-sec { position: relative; margin: 70px 0;}
	.hostel-sec .right:before {background: #0189e1; position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.8;}
	.text-sec { position: absolute;  top: 37px; color: #fff; padding-left: 42px; padding-right: 97px;}
	.container-fluid .right { padding-right: 0px; position: relative; padding-left: 0px;}
	.container-fluid .left { padding: 0px 0px;}
	.text-sec h3 { color: #fff; text-transform: unset;}
	.line-row:before, .line-row:after { border-right: 68px solid #fff; content: ""; height: 5px; left: 6px; position: absolute; width: 8px; margin-top: -1px !important;}
	.line-row::after { left: 0;}
	.line-row { height: 2px; margin: 9px 0 15px; position: relative; width: 209px; background: #fff; top: 14%;}
.line-row1:before, .line-row1:after { border-right: 68px solid #193d5b; content: ""; height: 5px; left: 6px; position: absolute; width: 8px; margin-top: -1px !important;}
.line-row1::after { left: 0;}
	.line-row1 { height: 2px; margin: 9px 0 15px; position: relative; width: 209px; background: #193d5b; top: 14%;}
	

footer{background-color:#052f62; background-image: url(images/footer-bg.png); background-repeat:repeat; background-attachment:scroll; background-position:0 0; background-size:cover; color:#fff; margin:0; padding:30px 0; position:relative;}
  footer a{color:#fff;}
  footer a:hover{color:#ffa500;}
  .wg-mrg{margin-top:-67px;}
  .wg-1 h4{color:#fff; font-family: 'ralewaybold'; font-size:18px; margin:20px 0; position:relative; text-transform:uppercase;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{border-bottom:1px dashed #fff; list-style:none; position:relative; margin:0 0 6px; padding:0 0 6px 15px; text-transform:uppercase;}
  .wg-1 ul li:last-child{border-bottom:none;}
  .wg-1 ul li:before{background:#fff; content:""; height:5px; left:0; position:absolute; top:9px; width:5px;}
  .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;}
  .wg-1 address i{border:3px solid #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color: #fff; float: left; font-size: 18px; height: 44px; line-height: 38px; margin: 0 10px 0 0; text-align: center; width: 44px;}
  .wg-1 address div{margin:2px 0 0; overflow:hidden;}
  .wg-1 address:nth-child(4) div{margin:-4px 0 0;}
  .wg-1 address:nth-child(5) div{margin:-4px 0 0;}
  .icon-ft{background:#012880; padding:7px 10px; text-align:right; position:relative;}
  .icon-ft span{display:inline-block; font-family: 'open_sansbold'; font-size:15px; text-align:left; position:absolute; top:8px; left:10px;}
  .icon-ft a{border: 1px solid #fff; border-radius: 3px; color: #fff; display: inline-block; margin: 0 0 0 4px; padding: 3px; text-align: center; width: 22px;}
  .icon-ft a:hover{border:none; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
  .wg-1 form{overflow:hidden;}
  .wg-1 form .form-control{background:none; box-shadow:none; border-radius:0; border:1px dashed #fff; color: #fff; margin:0 0 10px;}
  .wg-1 form .form-control::-webkit-input-placeholder {color: #fff;}
  .wg-1 form .form-control::-moz-placeholder {color: #fff;}
  .wg-1 form .form-control:-ms-input-placeholder {color: #fff;}
  .wg-1 form .form-control:-moz-placeholder {color: #fff;}
  .wg-1 form textarea{height:132px !important;}
  .wg-1 form .form-group{margin-bottom:15px;}
  .wg-1 form .btn{background: #fb9f17; border-radius:0; border: none; color: #fff; margin:0; padding:7px 10px; text-shadow: inherit; text-transform: uppercase; width:100%;}
  .wg-1 form .btn:hover{background:#be0107; color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
      
  .ft-bottom{background:#00aeef; color:#fff; margin:40px 0 0; padding:15px 0 0; position:relative; z-index:2; text-transform:uppercase;}
  .ft-bottom a{color:#fff; font-family: 'open_sansbold';} 
  .ft-bottom a:hover{text-decoration:underline; color:#1f3d7c;}
  .ft-bottom p{margin:0; padding:0 0 15px;}
  
  
.banner-inner{background:url(http://svmhimrashmi.org/wp-content/uploads/2018/04/banner-01-1.jpg) no-repeat scroll center 0; background-size:cover; border-bottom: 1px solid #999; height: 200px; overflow: hidden; position: relative;}
.banner-inner .textblock {height: 200px; position: relative;}
.banner-inner .block{background:rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; width: 100%; margin: -20px 0;}
.banner-inner .block:after {left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1 {color: #fff; margin: 0; font-size: 18px; line-height: 79px; overflow: hidden; padding: 0; height: 75px; font-family: 'open_sansbold';}

.breadcrumb{float: right; font-size: 13px; line-height: 15px; position: relative; z-index: 5; margin: 25px 0 5px; background: none; border-radius: 0; max-width: 400px; min-width:261px; text-align:right; color:#fff;}
.breadcrumb > li {margin: 0 0 5px;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home {margin: 0 9px;}
.breadcrumb li a {color: #fff;}     

.mid-wrap{padding:40px 0;}
.mid-inner {margin: 60px 0 !important;}
.page-id-10 .banner-inner {
    background: url(http://svmhimrashmi.org/wp-content/uploads/2018/05/banner-3.jpg) no-repeat scroll center 0;
}

.calendar-head { background: #168fb5; }
.event {background: #e82902;}
.event .msacwl-slide {height: 360px !important;}
table.cal_blue.mini .current-day { color: #fdfefe; background: #10738B; }
.calendar-head a { color: #fff !important; }
.event-cal h3 { background: #000; color: #fff; padding: 10px 0 10px 85px; font-weight: 500; font-family: inherit; font-size: 21px; }
.newsletter-sec { margin: 70px 0; }
.faculty-table td {  border: 1px solid; padding: 2px 8px; }
a.btn.orange-btn { background-color: #be0107;  color: #fff; }
.affiliation-cbse table td {  border: 1px solid;  padding: 0px 6px; }
.p-box h4 {  padding: 26px 26px; position: relative;  top: 18px; }
.svmhim img { float: right;  width: 83%; top: 17px; }
.shikshas img { float: left; top: 17px; }
.page-id-49 {  text-align: justify; }
h3.event-title a { font-weight: 700; }
.event-main-content h3 { background-color: #e82902; }
.quick a > i {font-size: 30px;padding-right: 30px;}
.quick-nw{background: #ff0000;}
.quick-nw h5{color:#fff;}
.quick-nw a{background: #193d5b;margin-bottom:10px;text-align: left;padding-left: 20px;}
.tb-link a{color:#0189e1;}
.qk-link a { text-align: left;padding: 0px; background: none;}
.tb-link i {font-size: 20px;}
.quick-nw h3 {
    color: #fff;
    font-size: 14px;
    padding-left: 15px;
	text-transform: capitalize;
}
.quick-nw iframe {
    padding: 0 15px;
}


	/* Smartphones */
@media (min-width: 320px) and (max-width: 480px) {
    
   .icon-top{float:none; text-align:center;}
   .icon-top:first-child{border:none;}
   .icon-top i{border:none; display:inline-block; float:none;}
   .top-sec{padding:0 0 5px;}
   .top-head{text-align:center; padding:0;}
   .top-head ul{margin:10px 0;}
   .top-head ul li{margin:0 2px;}
   .top-head img{width:20px; margin:0 7px 0 0;}
   .top-head h3{font-size:14px;}
   .top-head h3 span{font-size:12px; letter-spacing:-0.5px;}
   .about-left{overflow:hidden;}
   .navbar-header{position:relative; z-index:2;}
   .navbar-toggle{border:none; color:#fff; margin:7px 0;}
   .menu-head:after{height:83%;}
   .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#07BC83;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li{display:block;}
   .menu-head .navbar-nav > li > a{padding:5px 20px;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background:#fff; color:#07BC83;}
   .open .sub-menu{position:relative; width:100%; z-index:3;}
   .menu-head .sub-menu > li > a{background:none; padding:6px 30px;}
   .slide-text{padding:10px 20px; display:none;}
   .slide-text h1{font-size:18px; line-height:normal;}
   .slide-text > p{display:none;}
   .slide-text > a.btn-primary, .slide-text > a.btn-default{padding:10px 20px;}
   .multipurpose-sec .col-sm-6{float:none; width:auto;}
   .ft-bottom{padding:10px 0;}
   .ft-bottom .col-sm-6{float:none; width:auto; text-align:center !important;}
   .ft-bottom .col-sm-6 p{padding:0; text-align:center !important;}
   .box-text h3{font-size:16px;}
   .box-text .img-icon{height:auto; margin:-10px 10px 0 0;}
   .about-border::before{display:none;}
   .advisor{display:none !important;}
   .menu-head .navbar-nav{float:none !important;}
   .page-title{display:none;}
   .affiliation-top{width: 77%; margin: 0px !important;}
	.affiliation-top span{left: 3% !important;}
	.form-control { padding: 0px 0px !important;}
	.shikshas img{width: 17%;}
	   
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
   
   .top-head ul{margin:10px 0;}
   .top-head ul li{margin:0 10px 0 0;}
   .top-head{text-align:center;}   
   .about-left{overflow:hidden;}
   .navbar-header{position:relative; z-index:2;}
   .navbar-toggle{border:none; color:#fff; margin:7px 0;}
   .menu-head:after{height:83%;}
   .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#07BC83;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li{display:block;}
   .menu-head .navbar-nav > li > a{padding:5px 20px;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background:#fff; color:#07BC83;}
   .open .sub-menu{position:relative; width:100%; z-index:3;}
   .menu-head .sub-menu > li > a{background:none; padding:6px 30px;}
   .slide-text{padding:10px 20px;}
   .slide-text h1{font-size:18px; line-height:normal;}
   .slide-text > p{display:none;}
   .slide-text > a.btn-primary, .slide-text > a.btn-default{padding:10px 20px;}
   .multipurpose-sec .col-sm-6{float:none; width:auto;}
   .ft-bottom{padding:10px 0;}
   .ft-bottom .col-sm-6{float:none; width:auto; text-align:center !important;}
   .ft-bottom .col-sm-6 p{padding:0; text-align:center !important;}
   .box-text h3{font-size:16px;}
   .box-text .img-icon{height:auto; margin:-10px 10px 0 0; line-height:65px;}
   .about-border::before{display:none;}
   .advisor{display:none !important;}
   .menu-head .navbar-nav{float:none !important;} 
   .breadcrumb{min-width:220px;}
    .affiliation-top{width: 77%; margin: 0px !important;}
    .form-control { padding: 0px 0px !important;}
	.shikshas img{width: 17%;}
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
  
   .top-head{padding:0; text-align:center;}
   .top-head ul li{margin:0 10px 0 0;}
   .top-head img{width:30px;}
   .top-head h3{font-size:14px;}
   .top-head h3 span{font-size:12px;}
   .slide-text{padding:10px 5%; top:30%;}
   .slide-text h1{line-height:none; margin:0; font-size:30px;}
   .slide-text > a.btn-primary, .slide-text > a.btn-default{padding:12px 30px;}   
   .about-left{float:none; width:100%; overflow:hidden;}
   .about-right{float:none; margin:auto; width:50%;}
   .multipurpose-sec .col-sm-6{float:none; width:auto;}
   footer .col-sm-3{width:50%;}
   .ft-bottom{padding:10px 0;}
   .ft-bottom .col-sm-6{float:none; width:auto; text-align:center !important;}
   .ft-bottom .col-sm-6 p{padding:0; text-align:center !important;}
   .box-text p{font-size:13px;}
   .box-text h3{font-size:16px;}
   .box-text .img-icon{height:auto;}
   .advisor{display:none !important;}
   .menu-head .navbar-nav{float:none !important;}
   .menu-head .navbar-nav > li > a{padding:13px; text-transform:inherit;}
   .menu-head .navbar-nav li:nth-child(5) a:hover{color:#07BC83;}
	.affiliation-top{width: 75%;}
	.affiliation-top span{left: 10% !important;}
	.form-control { padding: 0px 0px !important;}
	.shikshas img{width: 17%;}
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1024px) { 
    
   .container{width:900px;}
   .top-head{padding:0; text-align:center;}
   .top-head ul li{margin:0 10px 0 0;}
   .top-head img{width:30px;}
   .box-text p{text-transform:uppercase;}
   .box-text .img-icon{height:auto;}
   .slide-text{padding:10px 5%; top:33%;}
   .slide-text h1{line-height:normal; font-size:36px;}
   .menu-head .navbar-nav > li > a{padding:13px 10px; text-transform:inherit;}
   .advisor{margin:11px -40px 0 0;}

}
.ngg-gallery-thumbnail img {
    width: 225px;
}
/* Large Display */
@media (min-width: 1367px) { ... }

.topper-img img { height: 600px; width: 500px;}
.student-img img { height: 280px;  width: 260px;}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
    height: 650px;
}