/**css file**/
body{
    font-family:"calibri", "Open Sans","Open Sans","Arial",sans-serif;
    position: relative;
}
p{
    font-size: 1rem;
}
.main-header{
	    padding: 0 0 1rem;
    background: #212121;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
.main-header .social-top{ margin-left: 0.1rem; }
.main-header .social-top a i{
    margin-left: 2px;
    color: #000;
    background: #fff;
    padding: 6px 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 12px;
    background: #ffffff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.main-header .social-top a:hover i.mdi-facebook{
    background: rgba(58, 88, 155, 1);
    color: #fff;
}
.main-header .social-top a:hover i.mdi-twitter{
    background: rgba(28, 183, 235, 1);
    color: #fff;
}
.main-header .social-top a:hover i.mdi-linkedin{
    background: rgba(0, 123, 181, 1);
    color: #fff;
}
.table td, .table th{
    font-size: 14px;
    vertical-align: middle;
}
/**Custom list**/
ul.custom-list{
    font-size: 15px;
    list-style: none;
    padding:0;
    margin:0;
    line-height: 21px;
}

ul.custom-list li{ 
    padding-left: 25px;
    text-indent: -10px;
    padding-bottom: 9px;
}

ul.custom-list li:before {
    content: "";
    margin-right: 0;
    display: inline-block;
    width: 11px;
    height: 10px;
    background-color: #20228a;
    border-radius: 50%;
    margin-bottom: 0;
    position: relative;
    left: -8px;
}
ul.custom-list.level-1 {margin: 11px 0 0;}
ul.custom-list.level-1 li:before{
    border-radius: 3px;
    width: 0;
    border: 6px solid #14ccbb;
    height: 0;
    background: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
ul.custom-list li label{ 
    padding: 0px;
    margin: 0 5px;
    width: 100px;
    display: inline-block;
}
/**Custom list end**/
.fTop .social{ margin:0; padding: 0; }
.fTop .social li{ margin: 0; padding: 0; display: inline-block;}
.fTop .social li a{}
.fTop .social a i{
    margin-right: 12px;
    color: #000;
    background: #fff;
    padding: 10px 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #ffffff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.fTop .social a:hover i.mdi-facebook{
    background: rgba(58, 88, 155, 1);
    color: #fff;
}
.fTop .social a:hover i.mdi-twitter{
    background: rgba(28, 183, 235, 1);
    color: #fff;
}
.fTop .social a:hover i.mdi-linkedin{
    background: rgba(0, 123, 181, 1);
    color: #fff;
}


.contact-head{
	padding: 0.5rem 0.5rem;
    background: #fff;
    color: #000;
    font-size: 14px;
    text-align: center;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	color: #fff;
}
.navbar-light .navbar-nav .nav-link{
    font-family: 'Baumans', cursive;
    color: #fff;
    text-transform: uppercase;
}
.line{
    display: block;
    background: #fff;
    width: 33px;
    height: 3px;
    border-radius: 5px;
    margin: 0.2rem;
}
.title{
    font-family: 'Baumans', cursive;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 3rem;
}
.blue-color{
    background: #3639a1;
}
.text-dBlack{ color: #3f3f3f;  }
.parallax { 
  /* The image used */
  background-image: url("img/04-210.jpg");

  /* Set a specific height 
  height: 500px; */
  padding: 6rem 0;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #383838 !important;
    background-blend-mode: hard-light;
}
.fTop{
    padding: 1rem 0;
    margin: 0;
    line-height: normal;
    background: #3639a1;
    color: #fff;
}
.footer-block{ 
       padding: 1rem 0;
    margin: 0;
    line-height: normal;
    background: #000;
    color: #b3b3b3;

} 
.footer-block p{
    margin-bottom:  0;
    line-height: normal; 
    font-size: 12px; 
}
.footer-menu{ margin:0 0 12px; padding: 0; list-style: none; } 
.footer-menu li{list-style: none; display: block; margin: 0 0.2rem;} 
.footer-menu li a{ color: #fff; text-decoration: none; font-size: 14px;}

.footer-menu li a:hover{color: #4c54bb;}

.copy-right{font-size: 14px;}

.createdBy{font-size: 14px;}

.ft-1{
    font-size: 23px;
    color: #8c8c8c;
}

.ft-2{font-weight: 500; font-size: 15px; color: #000;}

.ft-3{font-weight: 500; font-size: 11px; display: block; color: #000;}



.grid figure {

    position: relative;

    float: left;

    overflow: hidden;

    background: #3085a3;

    text-align: center;

    cursor: pointer;

}



.grid figure img {

    position: relative;

    display: block;

    min-height: 100%;

    max-width: 100%;

    opacity: 0.8;

    margin: 0;

}



.grid figure figcaption {

    padding: 2em;

    color: #fff;

    text-transform: uppercase;

    font-size: 1.25em;

    -webkit-backface-visibility: hidden;

    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 h2 {

    word-spacing: -0.15em;

    font-weight: 300;

}



.grid figure h2 span {

    font-weight: 800;

}



.grid figure h2,

.grid figure p {

    margin: 0;

}



.grid figure p {

    letter-spacing: 1px;

    font-size: 68.5%;

} 
figure.effect-ravi { 
    background: #303fa9; 
    margin: 0; 
    height: 256px;
    overflow: hidden;
} 

.grid [class^="col"] { 
    padding: 2px; 
} 

figure.effect-ravi h2 { 
    font-size: 158.75%; 
} 
figure.effect-ravi h2, 
figure.effect-ravi p { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 
    transition: opacity 0.35s, transform 0.35s; 
    -webkit-transform: translate3d(-50%, -50%, 0); 
    transform: translate3d(-50%, -50%, 0); 
    -webkit-transform-origin: 50%; 
    transform-origin: 50%; 
} 

figure.effect-ravi figcaption::before { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 120px; 
    height: 120px; 
    border: 2px solid #fff; 
    content: ''; 
    opacity: 0; 
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 
    transition: opacity 0.35s, transform 0.35s; 
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); 
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); 
    -webkit-transform-origin: 50%; 
    transform-origin: 50%; 
} 
figure.effect-ravi p { 
    width: 100px; 
    text-transform: none;  
    font-size: 121%; 
    line-height: 2; 
} 

figure.effect-ravi p a {  
    color: #fff; 
} 

figure.effect-ravi p a:hover,

figure.effect-ravi p a:focus {

    opacity: 0.6;

}



figure.effect-ravi p a i {

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



figure.effect-ravi p a:first-child i {

    -webkit-transform: translate3d(-60px, -60px, 0);

    transform: translate3d(-60px, -60px, 0);

}



figure.effect-ravi p a:nth-child(2) i {

    -webkit-transform: translate3d(60px, -60px, 0);

    transform: translate3d(60px, -60px, 0);

}



figure.effect-ravi p a:nth-child(3) i {

    -webkit-transform: translate3d(-60px, 60px, 0);

    transform: translate3d(-60px, 60px, 0);

}



figure.effect-ravi p a:nth-child(4) i {

    -webkit-transform: translate3d(60px, 60px, 0);

    transform: translate3d(60px, 60px, 0);

}



figure.effect-ravi:hover figcaption::before {

    opacity: 1;

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);

    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);

}



figure.effect-ravi:hover h2 {

    opacity: 0;

    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);

    transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);

}



figure.effect-ravi:hover p i:empty {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    /* just because it's stronger than nth-child */

    opacity: 1;

}

.address h5, .getInTouch h5{
        font-weight: 400;
    letter-spacing: 0.3rem;
}
.address p, .getInTouch p{
    font-size: 0.9rem;
    color: #848484;
    font-style: italic;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 1.2rem .75rem;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-transform: uppercase;
}
.btn{
    border-radius: .10rem;
}
.owl-theme .owl-dots{
        position: absolute;
    bottom: 1.5rem;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.owl-theme .owl-dots .owl-dot span{
        background: transparent;
    border: 2px solid #3639a1;
    width: 15px;
    height: 15px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #3639a1;
}
 
#team-slider .item{
  margin: 0 1rem;
}

.student-banner{ 
        /* The image used */
  background-image: url("img/04.jpg");

  /* Set a specific height 
  height: 500px; */
  padding: 3rem 0;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #383838 !important;
    background-blend-mode: hard-light; 
}
.testimonial{
    padding: 2rem 0;
    background: #f2f2f2;
    color: #3f3f3f;
}
.testimonial .title{
    color: #3f3f3f;}
.testimonial p{
    font-size: 1.2rem;
    margin: 1rem 6rem;
    text-align: center;
}
.testimonial .owl-theme .owl-dots{
    position: unset;
}

.ui-widget-content{ background: transparent; border: none !important; }
.ui-widget-header{
        border: none;
    background: transparent;

}
.ui-tabs .ui-tabs-panel{
    background: #fff;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
    padding: 1em 1em; 
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
        border: 1px solid #c5c5c5;
    background: #ec1446;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
      border: 1px solid #ffffff;
    background: #ffffff;
    font-weight: normal;
    color: #000000;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #ffffff;
    text-decoration: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ec1446;
    text-decoration: none;
}
@media screen and (max-width:700px){  
    .main-banner {
    margin-top: 8rem;
    z-index: 99;
}
}