/* Add here all your CSS customizations */
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;}
h2.text-color-dark{ color: #bc2b37!important;
    font-family: 'Roboto', sans-serif;}
html body .tabs .nav-tabs .nav-link{color:#0e95db!important;}
.tp-parallax-wrap {
    transform-style: preserve-3d;
    left: 5% !important;
}
.modal-dialog {
    max-width: 65% !important;
}
.lead {
    font-size: 17px !important;
    font-weight: 300;
}
blockquote ul li {
    font-size: 19px;
    padding: 5px;
}
body {
    
    color: #000 !important;
    }
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link{border-left-color: #0e95db!important;}
#header .header-nav-main nav > ul > li a{color:#b72544;}
#header .header-nav-main nav > ul > li:hover > a {background: #224986; text-decoration:none;}
p.italic {
    font-size: 19px;
    font-style: oblique;
}

.about-us.custom-section-padding.watermark li {
    font-size: 15px;
    padding: 4px 0px;
    line-height: 24px;
}

blockquote {
    border-left: 5px solid #3160a9 !important;

}
.principal.inn:after {
    
    height: 398px;
}
.list-image img {
    border-radius: 0 !important;
    width: 100%;
    object-fit: cover;
}
.detail {
    margin-top: 26px;
}
.watermark
{
           height: auto;
    /* background-size: cover; */
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../img/logo-watermark.png);
        padding: 31px 0px;
    

}
.fin
{
    background-image: url(../img/finishing-concept.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 353px;
    width: 100%;
}
.col-lg-6.quotebox {
    margin: auto;
}
html .quotebox .featured-box-secondary .box-content {
    border-top-color: #bc2b37;
}
html.sticky-header-active .header-nav-main nav > ul > li:hover > a {
    background: #97222b!important;
}
html #header.header-transparent .inner-head {
    min-height: 0 !important;
    width: 100%;
    position: relative;
}
html .featured-box-primary.inner .box-content {
    border-top-color: #3160a9;
}
.featured-box.featured-box-primary.inner {
    margin-top: 8px;
}
.inner .box-content {
    border-radius: 0px;
    border-top: 1px solid #CCC;
    border-top-width: 4px;
    padding: 0px 0 0px 0px;
    position: relative;
    top: -1px;
}

html .inner .featured-box-primary .box-content {
    border-top-color: #3160a9;
}
html.sticky-header-active #header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    border-color: #ffffff transparent transparent transparent;
}
html .back .btn-secondary {
   background-color: #bc2b37 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    padding: 10px 23px;
    font-size: 17px;
}
html #header .header-nav-bar-primary{background: #f4a1ac !important;}
#header .header-nav-main.header-nav-main-light nav > ul > li:hover > a{color:#fff!important;}
.courses .team-item .team-infos{height: 120px; background-color:#2d8ec9; color:#fff!important;}
.courses .team-item .team-infos a span{color:#fff!important;}
.pgr-cont .team-item .team-infos{
        height: 166px;
    background-color: #3160a9;
       outline: 2px dashed #fff;
    outline-offset: -12px;
    display: flex;
    justify-content: center;
    align-items: center;flex-wrap: wrap;
}
.academy h3 {
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;    padding-bottom: 7px;
}
.academy  .team-infos span {
    height: 57px;
}
.team-infos.dark {
       background-color: #9c1f29 !important;
    border-color: #cc525c;
    padding: 7px 17px;
}
section#faculty .btn-primary {
        background-color: #9c1f29 !important;
    border-color: #cc525c;    padding: 8px 18px;
}
.pgr-cont .team-item .team-infos a span
{
        color: #fff;
    font-size: 21px;
    font-weight: 600;
}

html .btn-secondary {
      background-color: #ffffff !important;
    border-color: #3160a9 !important;
    color: #3160a9 !important;
    padding: 5px 15px;
}


.pgr-cont .team-item .team-infos a 
{
        color: #fff;
    
}
.thumb-info.custom-thumb-info-style-1 .thumb-info-caption {
    position: relative;
    padding: 9px 11px !important;
    }
.academy .team-item .team-infos{    background: #bc2b37 !important;     height: 187px;
    }
#header .header-nav-main.header-nav-main-light nav > ul > li > a.active {color: #fff; background-color:#ee6f80;}
.no-spacing{padding-right: 0px!important; padding-left: 0px!important;}
.portfolio-list .portfolio-item{margin-bottom:0px;}
.gallery1 .thumb-info-wrapper{margin:2px!important; border:0px;}
.gallery1 .thumb-info{border:0px;}
.gallery1 .thumb-info-wrapper p.main-label{color:#fff;     font-size: 20px !important; margin-bottom:0px; padding-bottom:0px; text-transform:uppercase;}
.gallery1 .thumb-info-wrapper p.sub-label{color:#fff; font-size:12px; margin:0px;}

html .text-color-primary{color:#2a388f!important;}
html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before{background: #f05a28; }
html #header.header-semi-transparent .header-nav-main nav > ul > li > a.active{color: #000;}
html section.specialisations{/*background-color: #ffd1dc !important;  border-color: #ffd1dc !important;*/ color:#fff; background: url("../img/infra-bg.png") top left repeat;}
.specialisations .feature-box.custom-feature-box .feature-box-icon{border: 6px solid #f05a28;}
html.sticky-header-active #header.header-semi-transparent .header-body:before{opacity: 1;}
html section.courses{/*background-color: #94c5e3 !important;*/  background: url("../img/courses-bg.png") top left repeat;}

.parallax-image
{
    height: 450px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.65)), url(../img/dance.jpg);

}
.custom-section-padding {
    padding: 45px 0px !important; 
}
.programmes {
       background: #053074;
}

.programmes p.sub {
    font-size: 17px;
    text-align: center;
    color: #fff;
    display: none;

}
p.sub {
    font-size: 17px;
    text-align: center;
    color: #fff;
    display: none;
   
}

html section.etiquette{background-color: #fff !important;}
html section.gallery{background-color: #fff !important;  border-color: #ffd1dc !important; margin:0px 0px 0px 0px;}
html section.gallery1{background-color: #fff !important;  border-color: #ffd1dc !important; margin:0px 0px 0px 0px; padding-bottom:0px;}
html section.academy{background-color: #fff !important;  border-color: #ffd1dc !important; }
html section.news{background-color: #f1f1f1 !important;  border-color: #ffd1dc !important; }
html section.news .thumb-info.custom-thumb-info-style-1:hover .thumb-info-caption{ background-color:white!important;}
html section.news h3{    font-size: 15px;
    color: #000!important;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: center;}
html section.news a{color:#000!important; text-decoration:none;}
#header .header-nav-main.header-nav-main-square nav > ul > li:hover > a{color: #f3f3f3 !important;}
html .btn-primary{background-color: #bc2b37;
    border-color: #bc2b37;
    border-color: #bc2b37;}
html .btn-primary:hover, html .btn-primary.hover {background-color: #b72544;
	border-color: #b72544;	color: #ffffff;}
.custom-position-1{margin-top: -93px;}
.custom-call-to-action{border-color: #f05a28;}

.admission-enquiry { position: fixed; top: 30%; right: -12px;z-index: 99;}
.admission-enquiry img {width: 60px;height: 250px;}


#programmes .table thead th {background-color: #154e94;color: #FFF;}
.courses h2{color:#2d8ec9!important;}
.specialisations h2{color:#dd5f84!important;}
.specialisations .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]{color:#a53b54!important;}
.specialisations h4{color:#fff!important;}
.specialisations p{color:#fff!important;}
.specialisations .btn-outline.btn-primary{color: #f05a28; border-color: #f05a28;}
.specialisations .btn-outline.btn-primary:hover{color: #ffffff; background-color: #f05a28; border-color: #f05a28;}

#about-us .btn-outline.btn-primary{color: #2a388f; border-color: #2a388f;}
#about-us .btn-outline.btn-primary:hover{color: #ffffff; background-color: #2a388f; border-color: #2a388f;}

#placements .thumb-info{background-color: transparent;}

#faculty .btn-outline.btn-primary{color: #f05a28; border-color: #f05a28;}
#faculty .btn-outline.btn-primary:hover{color: #ffffff; background-color: #f05a28; border-color: #f05a28;}

#faculty .owl-carousel.custom-dots-style-1 button.owl-dot.active span, .owl-carousel.custom-dots-style-1 button.owl-dot:hover span{
border-color: #f05a28;
}
#faculty .owl-carousel.custom-dots-style-1 button.owl-dot.active span:before, .owl-carousel.custom-dots-style-1 button.owl-dot:hover span:before{
background-color: #f05a28;
}

#faculty .owl-carousel.custom-dots-style-1 button.owl-dot span{border: 2px solid white;}


#footer {
    background: #000;
    border-top: 1px solid #000;
    margin-top: 0;
    padding: 20px 0 0;
}

.pgr-cont {
       width: 19%;
        margin: 11px 4px 0px;

    }

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;

   
}

    .flip-container:hover .flipper,  
  .flip-container.hover .flipper {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

.flip-container, .front, .back {
        width: 225px;
    height: 166px;

}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}



.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
    transform: rotateY(180deg);

    background: #bc2b37 !important;

        display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
}

.front .name {
    font-size: 2em;
    display: inline-block;
    background: rgba(33, 33, 33, 0.9);
    color: #f8f8f8;
    font-family: Courier;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: 60px;
    left: 25%;
    position: absolute;
    text-shadow: 0.1em 0.1em 0.05em #333;

    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.back-logo {
    position: absolute;
    top: 40px;
    left: 90px;
    width: 160px;
    height: 117px;
    background: url(http://davidwalsh.name/demo/logo.png) 0 0 no-repeat;
}

.back-title {
    font-weight: bold;
    color: #00304a;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: 0.1em 0.1em 0.05em #acd7e5;
    font-family: Courier;
    font-size: 2em;
}

.back p {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 20px;
  font-family: arial;
  line-height: 2em;
}
p {
    color: #000;
}
/* Form */
.enquiry-form{ position:absolute; top:23%; right:7%; background-color:rgba(0,0,0,.75); padding:2%; border-radius:10px;}
.enquiry-form h2{color:#fff;}
textarea{ width:100%; padding:3% 5%;}

#myBtn {display: none;}
#header .header-top{ background-color:#2a388f; color:#fff;}
#header .header-top p{color:#fff; text-align:center;}
.close-btn-holder {display: none;}
.submit-btn{ width:100%; padding: 3% 0%;}
.ranks {
    position: absolute;
       top: 71%;

    left: 5%;
}
.principal
{
    position: relative;
}
.principal:after {
/*        content: "";
    position: absolute;
    border: 3px solid #bc2b37;
    top: -12px;
    display: block;
    height: 295px;
    width: 448px;
    left: 0px;
    outline-offset: -17px;*/
}
.ranks h3 {
    color: #fff;
    font-size: 42px;
    line-height: 56px;
}
.ranks h4 { color: #fff; font-size: 35px;}

@media only screen and (max-width: 480px){
    .principal:after
    {
        display: none;
    }
    html #header .header-nav-bar-primary {
    background: #3160a9 !important;
}
    .pgr-cont {
        width: 56%;
    margin: 31px auto 0px;
}
.mob-register-button {
    display: block;    
    position: fixed;
    bottom: 0px;
    background-color: #f05a28;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    z-index: 99;
    cursor: pointer;
}
.mob-register-button span{ color:#fff;}
#myBtn {display: block;}
.enquiry-form{display: none;}
#header .header-btn-collapse-nav {background: #e44258;}
#header .header-top{ background-color:#2a388f; color:#fff;}
#header .header-top p{color:#fff; text-align:center; font-weight:600; width:100%; font-size: 14px;}
.close-btn-holder {display: block;}

.enquiry-form{
	position:fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    z-index: 9999;
    opacity: 1;
    height: 100vh;
    background-color: rgba(0,0,0,1);
	padding:7%;
	border-radius:0px;
}
.submit-btn{ width:100%; padding: 3% 0%;}
.custom-section-padding {padding: 30px 0px;}
.header-logo img{width:100%!important; height:auto!important;}
.team-item .team-infos{height: auto;}
.courses .team-item .team-infos {height: auto;}
}


section.custom-section-padding.gallery {
    padding: 0px 0px;
}

section.custom-section-padding.gallery {
    padding: 0px 0px;
}


section.custom-section-padding.gallery .col-lg-3 {
    padding: 0;
    margin: 3px 0px 2px 8px;
    -ms-flex: 0 0 25%;
    flex: 0 0 27.3333%;
    max-width: 24.333333%;
}
section.custom-section-padding.gallery .col-lg-3 .img-thumbnail {
    padding: 5px;
    background-color: #fff;
    border:0px;
    border-radius: 0;
    max-width: 100%;
    height: auto;
}

p.watch {
      color: #ffffff !important;
}
label.play i {
          text-align: center;
    width: 100%;
          margin: -30px auto 4px !important;
    font-size: 60px;
    /* border: 1px solid #fff; */
    width: 56px;
    height: 56px;
    line-height: 12px;
    border-radius: 50%;
        color: #ffffff;
    padding: 51px 0 39px;
}
.copy-div .row {
    padding-top: 16px;
}
.parallax-image h2 {
   padding-top: 11%;
}
.copy-div {
    float: left;
    background: #1a355f;
    width: 100%;
    padding: 5px 0px;
}
.footer-links {
    padding: 16px 0px;
}
.ztudiox-copyright-wrapper {
        background-color: #3160a9;
}
.ztudiox-body-front .gdlr-core-container, .ztudiox-body-front .ztudiox-container {
    padding-left: 20px;
    padding-right: 20px;
}
footer .social-icons i {
    color: #000;
}
.footer-links h4 {
           color: #ffffff;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 300;
    border-bottom: 1px solid #899ab3;
    padding-bottom: 8px;
}

.footer-links ul {
    margin: 0px 0px;
    padding-inline-start: 14px;
}
.ztudiox-copyright-wrapper * {
    color: #fff;
}


.footer-links ul li {
    list-style: square;
    padding: 1px 0px;
}
.footer-links ul li a {
    font-size: 12px;
    text-align: left;
    text-transform: capitalize;
    color: #fff;
}

.main-label{font-size: 40px!important;}
.bottom-label{font-size: 25px!important;}