/*--------------------------------------------------------------------------
  Designed By: Shining Softech
  Website: shiningsoftech.com
------------------------------------------------------------------------------*/ 
/******** Button hover effect *********/
.btn {
    display: inline-block;
    padding: 7px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    border: none;
    border-radius: 2px;
}
.btn-default {
    margin-right: 15px;
   padding: 10px 24px;
       background: #ffd700;
    color: #001a6a;
    font-size: 14px;
    -webkit-box-shadow: 0px 12px 25px 0px rgb(0, 102, 51);
    -moz-box-shadow: 0px 12px 25px 0px rgba(134, 218, 9, 0.84);
    box-shadow: 0px 12px 25px 0px rgb(0, 102, 51);
}
.btn-default:hover, .btn-default:focus {
    background: #ffd700;
        color: #003a6a !important;
}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 2px;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-radius: 2px;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgb(233, 249, 61);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/******** Button hover effect *********/




/******** course style hover effect *********/
.grid {
    position: relative;
    /*margin: 0 auto;
    padding: 0em 0 0em;
    max-width: 1000px;*/
    list-style: none;
    text-align: -webkit-center;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    /*margin: 0px 1%;
    min-width: 224px;
    max-width: 480px;
    max-height: 360px;*/
    width: 100%;
    height: 175px;
    margin-top: 15px;
    margin-bottom: 15px;
    background: rgb(2, 152, 128);
    text-align: center;
    cursor: pointer;
}
.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.4;
}

.grid figure figcaption {
    padding: 1em;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.grid figure figcaption:before,
.grid figure figcaption:after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h4 {
    font-weight: 500;
    color: #fff;
    white-space: -0.15em;
}

.grid figure h4 span {
    font-weight: 800;
}

.grid figure h4, .grid figure p{
    margin: 0px;
}

.grid figure p {
    font-size: 12px;
    letter-spacing: 1px;
}


/*---------------*/
/*****hover effects *****/
/*---------------*/

figure.effect-marley figcaption {
    text-align: -webkit-left;
}

figure.effect-marley h4, figure.effect-marley p {
    position: absolute;
    right: 0px;
    left: 20px;
    padding: 10px 0;
}

figure.effect-marley p {
    bottom: 0px;
    font-size: 10px;
}
figure.effect-marley p {
    bottom: 0px;
    font-size: 10px;
    line-height: 1.5;
    transform: translate3d(0, 100%, 0 );
    -webkit-transform: translate3d(0,100%,0);
}

figure.effect-marley h4 {
    top: 5px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0, 20px, 0);
    font-size: 25px;
}
figure.effect-marley:hover h4 {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0,0,0);
}

figure.effect-marley h4::after {
    content: '';
    top: 81%;
    left: 0;
    width: 85%;
    height: 2px;
    background: #ffe000;
    transform: translate3d(0, 40px, 0);
    position: absolute;
}

figure.effect-marley h4::after, figure.effect-marley p {
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
}

figure.effect-marley:hover h4::after, figure.effect-marley:hover p {
    font-size: 11px;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    font-weight: bold;
}



/*------------social-icons----------*/
.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }
.footer-two-in {
    padding: 20px 0px;
    background: #cee002;
    text-align: center;
}
.foot-last {
    text-align: right;
}
/*
    Multicoloured Hover Variations
*/
 .center-block>a {
    color:#ffffff;
    margin-right: 10px;
}
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
#social-em:hover {
    color: red;
}
.foot-last>span>a {
    color: #563803;
}
/*--------search field----------*/

/*----------------- Search-field-------------------------*/

#topnav {
    display: block;
    
    margin-top: 5px;
}
#topnav ul { list-style: none; }
#topnav ul li {
  float: left;
  font-weight: bold;
}
ul.nav.navbar-nav.navbar-right>li:hover a>span {
    color: #fff;
}
#topnav ul li a {
    display: block;
    float: left;
    padding: 15px 8px;
    margin-right: 8px;
    color: #333;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*#topnav ul li a {
    padding: 4px 8px;
    b
    margin-right: 12px;
}*/

.search-b {
    top: 6.8em;
    position: relative;
    display: none;
    margin-top: 5px;
    z-index: 9999;
    position:fixed;
    right: 5em;
    float: right;
    width: 94%;
    height: 47px;
    padding-left: 10px;
    padding-right: 0px;
    background: #fff;
}
#s {
    display: block;
    width: 88%;
    border: 0;
    outline: none;
    padding: 23px 0px;
    height: 32px;
    line-height: 57px;
    font-size: 35px;
    color: #333;
}
#searchsubmit {
    line-height: 0px;
    display: block;
    float: right;
    margin-top: 0px;
    background: none;
    color: #717171;
    border: 0;
    outline: none;
    cursor: pointer;
}
button#searchsubmit:before {
    content: "\f002";
    font-size: 26px;
    line-height: 41px;
    padding-right: 10px;
}
.fa-search-minus:before {
    content: "\f010";
    font-size: 15px;
}

section.header-two.affix .search-b {
    top: 4.95em;
    position: relative;
    display: none;
    margin-top: 5px;
    z-index: 9999;
    position: fixed;
    right: 5em;
    float: right;
    width: 94%;
    height: 47px;
    padding-left: 2px;
    padding-right: 0px;
    background: #fff;
}
/*----------mobile-nav-styles-------*/
.pad-15 {
  padding: 15px;
}

.clear {
  clear: both; 
}
.clear:after, .clear:before{ 
    content: " ";
   display: table;
}
.header {
  min-height: 47px;
  background: #273135;
  border-bottom: 1px solid #273135;
}

a.toggle-nav {
    top: 12px;
    right: 15px;
    position: absolute;
    color: #fff;
    line-height: 25px;
    font-size: 22px;
    background: #DE5939;
    padding: 3px 5px;
    border-radius: 1px;
    transform: rotate(90deg);
}

.header > .left-head {
  width: 250px;
  display: block;
  background:#20282B;
  position:relative;
}
.header > .left-head .logo img{
  max-width:150px;
  width:100%;
}
.header > .left-head .logo{
  padding:10px 0px 10px 15px;
 }
.nice-nav {
  width: 100%;
  background: #DE5939;
  height: 100%;
  transition:all 0.4s ease-in-out 0s;
  float:left;
}
.nice-nav.open {
    margin-left: -250px;
    display: block;
}
.nice-nav > .user-info {
    padding: 10px 15px;
    color: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 41px;
}
 .nice-nav .user-info .user-name,
.nice-nav .user-info img{float:left;}


.nice-nav> .user-info > .user-name {
  padding: 0px 10px;
}

.user-info > .user-name h5 {
  text-transform: uppercase;
  font-size: 16px;
}

.user-info > .user-name span {
  font-size: 80%;
  color: #555;
  font-style: italic;
}


.nice-nav li.child-menu span.toggle-right {
      color: #062f90;
    text-align: right;
    float: right;
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 15px 20px;
    top: 0;
    background: #d8b138;
    bottom: 0px;
    font-size: 20px;
}

.nice-nav ul li a {
    z-index: 1;
    text-transform: uppercase;
    padding: 12px;
    background: #003a6a;
    border-bottom: 1px solid rgba(221, 221, 221, 0.56);
    display: block;
    color: #fff;
    position: relative;
}

.nice-nav ul li.child-menu ul {
  background: #aaa;
  display: none;
}

.nice-nav ul li.child-menu ul li a {
  background: #273135;
  padding: 10px 20px;
}
/*----------mobile-nav-styles-------*/


/*------------banner-bread-crumbs-------*/
.banner-breadcrumb-in {
    background: rgba(0, 0, 0, 0) url(../../../../uploads/gallery/media/4.jpg) no-repeat scroll 0 0;
    color: #ffffff;
    padding: 50px 0;
    position: relative;
}

.banner-breadcrumb-in:after {
    background: rgba(152, 1, 47, 0.38) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.breadcrumb-t>h1 {
    line-height: 25px;
    padding-bottom: 51px;
    text-transform: uppercase;
    position: relative;
    font-size: 35px;
    text-align: -webkit-center;
    color: #fff;
        font-weight: 600;
}

.breadcrumb-t {
    z-index: 9;
    position: relative;
}

.breadcrumb-t>h1:before {
    bottom: 0;
    content: "";
    height: 29px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 2px;
}
ul.breadcrumb.text-center {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    line-height: 12px;
    margin-bottom: 0;
    padding: 15px 0 0;
}
.breadcrumb-bar a {
    color: #ffffff;
}

.breadcrumb-bar a:hover {
    color: #00bcd0;
}



/*----------------scroll top-----------------------------*/
.scroll-top {
    background: #f4a000;
    bottom: 20px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    position: fixed;
    text-align: center;
    width: 40px;
    z-index: 999;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    line-height: 36px;
    right: -100px;
}

.scroll-top.active {
    right: 20px;
}

ul.abt-src-ul.abt-src-ul-in-li>li i {
    color: #24d0bb;
}


/*------------------mangement members details----------------------------------*/

section.team-members-sec {
    background: #eee;
    padding: 50px 0px 0px;
}

.stdent-imge>img {
    width: 100%;
}

.stdent-imge {
    padding: 0px 0px 0px 20px;
}
.stdnt-det-inn {
    border: 1px solid rgba(0, 58, 106, 0.12);
    background: rgb(239, 239, 239);
    padding: 15px;
    transition: 0.5s ease-in-out;
        margin-bottom: 2em;
}
.stdnt-det-inn:hover {
    border:1px solid transparent;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 12px rgba(34, 30, 31, 0.4);
    transition: 0.5s ease-in-out;
        margin-bottom: 2em;
}

.stdnt-det-in {
    border-left:5px solid #a10837;
    padding-left: 20px;
    height: 100%;
    
}
.stdnt-det-text>span {
    color: #333;
}
.stdnt-det-text>span {
    color: #03095f;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.stdnt-det-text span>span {
    float: right;
    color: #fb6921;
}
.stdnt-det-v>span>p {
    text-align: justify;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 20px;
}
/*.stdnt-det-inn-r {
    margin-bottom: 8px;
}*/

.stdnt-det-v span p {
    font-size: 16px;
    margin-bottom: 14px;
}

/*-----------------contact-form-style-----------------------------------*/
/******form btn************/
/*.form-sec-layer-in {
    background: url(../../../../uploads/gallery/media/map1.jpg);
    background-position: center;
    background-attachment: local;
    background-size: cover;
    background-repeat: no-repeat;
   
}
.form-sec-layer-bg {
    padding: 50px 0px 40px;
    background: rgba(255, 255, 255, 0.91);
}

.input__field {
        background: transparent;
    position: relative;
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    color: #6b0423;
    font-weight: 300;
    font-size: 20px;
    -webkit-appearance: none;
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;  
    padding: 0 1em;
    width: 40%;
    color: #805454;
    font-weight: 400;   
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    padding: 0.8em 0;
    /* position: relative; */
    display: block;
    width: 100%;
    font-size: 18px;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

.icon {
    color: #ddd;
    font-size: 150%;
}

/.input__field--isao {
    z-index: 10;
    padding: 0.75em 0.1em 0.25em;
    width: 100%;
    background: transparent;
    color: #afb3b8;
}

.input__label--isao {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
    color:#001a4a;
    text-align: left;
}

.input__label--isao::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 5px;
    background: #dadada;
    -webkit-transform: scale3d(1, 0.4, 1);
    transform: scale3d(1, 0.4, 1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__label--isao::after {
    content: attr(data-content);
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.75em 0.15em;
    color: #115680;
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    pointer-events: none;
        font-size: 18px;
}

.input__field--isao:focus + .input__label--isao::before {
    background-color: #115680;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.input__field--isao:focus + .input__label--isao {
    pointer-events: none;
}

.input__field--isao:focus + .input__label--isao::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.input__label-content--isao {
    padding: 0.75em 0.15em;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__field--isao:focus + .input__label--isao .input__label-content--isao {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

button.hvr-underline-from-left.button2.btn-contact {
    display: inline-block;
    padding: 12px 25px;
    text-transform: uppercase;
    font-size: 16px;
    background: #f4f200;
    font-weight: 700;
    border: transparent;
}

button.hvr-underline-from-left.button2.btn-contact:hover {
    background: #4c0227;
    color: #fff;
    cursor: pointer;
    transition: 0.4s ease-in-out;
}*/

/*--------------gallery box--------*/

ul.ayur-contact-form-ul 
{
    margin: 0px -12px;
}
ul.ayur-contact-form-ul li 
{
    list-style: none;
    float: left;
    width: 100%;
    margin:0px 0px 15px;
    padding: 0px 12px;
}
ul.ayur-contact-form-ul li input 
{
    width: 100%;
   background-color: #fff;
    color: #929292;
    font-size: 14px;
    height: 45px;
    margin: 0;
    padding-left: 15px;
    border: 1px solid #f4f4f4;
}
ul.ayur-contact-form-ul.contact-f-ul li input {
    background: rgba(248, 243, 243, 0.28) !important;
    color: #222 !important;
    border:1px solid #4c0227 !important;
}
.ayur-contact-form.contact-f form textarea {
    background: 1px solid #003a6a !important;
    color: #222 !important;
    width: 100%;
        border: 1px solid #4c0227 !important;
}
.ayur-contact-form form textarea 
{
    background-color: #fff;
    color: #929292;
    font-size: 12px;
    /*height: 100px;*/
    margin: 0;
    padding-left: 15px;
    border: 1px solid #f4f4f4;
    width: 95%;
}
.contact-submit 
{
    margin: 30px 0px;
}


.abt-title.text-center {
    margin-bottom: 0em;
}
.contact-row3 {
    margin-bottom: 25px;
}
.form-control {
    border-radius: 0;
}

ul.ayur-contact-form-ul.contact-f-ul li input::placeholder {
    color: #222   ;
    opacity: 1; /* Firefox */
}

ul.ayur-contact-form-ul.contact-f-ul li input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #222;
}

ul.ayur-contact-form-ul.contact-f-ul li input::-ms-input-placeholder { /* Microsoft Edge */
   color: #222;
}

.ayur-contact-form.contact-f form textarea::placeholder {
    color:#222    ;
    opacity: 1; /* Firefox */
}
.btnn.btn-cont {
    margin-top: 2em;
    text-align: -webkit-center;
}