/*
//////////////////////////// Variable Setting /////////////////////
*/

:root{

    --ptSans: 'PT Sans Narrow', sans-serif;
    --raleway: 'Raleway', sans-serif;
    --patuaOne: 'Patua One', sans-serif;
    --Titillium: 'Titillium Web', sans-serif;


    /* Color Setting */
    --headerFooter: #718FC8;
    --sectionBg: #1159A5;
    --navbar: #ED3237;
    --h1: #ED3237;
    --h2: #1159A5;
    --h3: #222222;
    --h4: #043A73;
    --h5: #6D9B05;
    --h6: #666666;
    --p: #444444;
    --a: #1159A5;
    --buttonBg: #718FC8;
    --buttonText: #1159A5;
    --labelColor: #718FC8;
    --inputTextColor: #FB9969;
    --inputBorderColor: #718FC8;
    --orange: #718FC8;
    --orangeLight: #FE8A51;
    --green: #8EC415;
    --greenLight: #C7E28A;
    --black: #222222;
    --blackDark: #111111;
    --blackLight: #444444;
    --gray: #cccccc;
    --grayLight: #F4F4F4;
    --grayDark: #B3B2B2;
    --grayDarker: #939393;
    --white: #FFFFFF;
    --yellow: #F3C736;
    --yellowLight: #FCD967;
    --yellowLighter: #F8EDC7;
    --blue: #28166F;
    --blueDark: #1B0D52;
    --blueDarken: #0E0434;
    --blueLight : #EFEDF5;
    --blueLighter: #28166F;
    --red: #ED3237;
    --redDark: #EB0101;
    --redLight: #FF1919;
    --redLighter: #F0D0D0;


}

/*
////////////////////////////// Parallex Setting /////////////////////////////////////////
*/

body, html {
  height: 100%;
  background-color: var(--grayLight);
}

body {
    /* padding-top: 50px; Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
   padding-top: 0px; 
}


.sectionDevider{
    height: 0px;
    background-color: var(--headerFooter);
    margin-bottom: 0px;
}
.sectionBg{
    background-color: var(--headerFooter);
}

.bgContentCourse,  .happyCustomer, .aboutSection, .sectionStudent{
  position: relative;
  opacity: 0.9;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

}




.aboutSection{
    background-color:var(--white);
    height: 100%;
    padding: 50px 0;
    width: 100%;

}



.breadcrumbSection{
    /*background-image: url('../assets/images/success_bg.jpg');*/
    height: 100%;
    padding: 10px 0;
    width: 100%;
    margin-top: 0px;

}


.happyCustomer{
    background-image: url('../assets/images/happ_customer.jpg'); 
    min-height: 100%;
}

.bgContent{
    background-color: var(--red);
    padding: 20px 0;
    
}
.bgContent2{
    background-color: var(--black);     
}
.bgContent3{
    background-color: var(--headerFooter); 
}
.footerSection{
    background-color: var(--blueLight); 
}

.sectionPortfolio{
    
    padding: 50px 0px;
    background-color: var(--blue);
}
.sectionStudent{
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url('../assets/images/sectionStudent.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.sectionStudent h3{
    color: var(--blueLighter);
    line-height: 36px;
    font-size:16px;
    text-align: center;
}

.sectionBranch{
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url('../assets/images/sectionBranch.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionBranch h3{
    color: var(--blueLighter);
    line-height: 36px;
    font-size:16px;
    text-align: center;
}

.verificationArea{
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    padding: 10px 80px 30px 80px;
    margin: 30px 0;
}
.verificationArea h2{
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--black);
    text-align: left;
    font-size: 18px;
}
.formRow{
    border: 2px solid var(--blueDark);
    border-radius: 0;
    padding: 0;
    margin-bottom: 20px;
}
.formRow .col-lg-1{
    background-color: var(--blueLight);
    padding: 0;
    line-height: 34px;
}
.formRow .col-lg-1 i{
    font-size: 18px; 
    color: var(--red);
    margin-left: 8px;
}
.formRow .col-lg-11{
    background-color: var(--white);
    padding: 0;
    line-height: 34px;
}
.formRow .col-lg-11 input{
    border: 0;
    border-radius: 0px;
    background-color: var(--blueLighter);
    color: var(--white);
}
.formRow .col-lg-11 select{
    border: 0;
    border-radius: 0px;
    background-color: var(--blue);
    color: var(--white);
    width: 100%;
    height: 24px;
    padding: 5px;
}
.formRow .col-lg-11 input::placeholder{
    color: var(--white);
}

.formRow input[type="submit"],
.formRow input[type="reset"]{
    padding: 5px;
    display: inline-block;
    width: 100%;
    border: 0px;
    line-height: 24px;
    background-color: var(--white);
    color: var(--blueDark);
    border-radius: 0;
    margin: 0px;
    font-family: var(--Titillium);
    font-size: 16px;
    font-weight: bold;
    transition: all ease-in .3s;
}
.formRow input[type="submit"]:hover,
.formRow input[type="reset"]:hover{
    background-color: var(--blueDarken);
    color: var(--white);
}


.sectionCourse{
    background-color: var(--white);
    padding-top: 70px;
    padding-bottom: 70px;
}
.sectionCourse a{ 
    font-size: 16px;
}
.sectionBrand{
    background-color: var(--white);
}

/*
/////////////////////////////// Navigation Setting //////////////////////////////////
*/


.topMenu{
    background-color: var(--white);
    height: 40px;
    padding: 0px 0;
    text-align: left;
}
.topMenu img{
    width: auto;
    margin-top: 0px;
    float: none;
}
.bigSrcLogo{        
    width: 100%;
}
.smallScrLogo{
   width:100%
}


.topMenu .btn-primary{
    border-radius: 0px;
    margin: auto 5px;
    background-color: var(--blueDark);
    color: var(--grayLight);
    border: 1px solid var(--blueDark);
    border-right: 3px solid var(--red);
}
.topRow{
     background-color: var(--blueDark);
    
}
.topOption{
    /*background-image: url('../assets/images/top_header.png');*/
   height: 40px;
}
.topOption .col-lg-3{

    border-right: 1px solid var(--blueDark);
    text-align: center;
    padding: 0;
}
.topOption .col-lg-3:last-of-type{
    border-right: 0px;
}
.topOption a{
    display: inline-block;
    height: 10px;
    margin-top: -6px;
    padding: 0px 0;
    color: var(--white);
    font-family: var(--raleway);
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.admOpenTicker{
     background-image: url('../assets/images/ticker.png'); 
     background-repeat: no-repeat;
     height: 30px;
     margin-top: 5px;

}
.admOpenTickerText{
    color: #FFFFFF;
    padding-top: 8px;
}

.navbar{
    
    background-color: var(--headerFooter);
    border-radius: 0px;
    margin-bottom: 0px;
    min-height: 30px;
}
.contacts{
    font-family: var(--Titillium);
    line-height: 18px;
    font-size: 12px;
    padding-top: 60px;
}
.contacts .fa{
    font-size: 18px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: var(--grayLight);
    background-color: var(--blueDark);
    transition: all ease-in-out .3s;
}

.contacts .col-lg-6:hover .fa{
    transform: rotate(360deg);
}



.contactInfo{
    line-height: 0px;
    padding-bottom: 0px;    
    margin: 0px;
}


.navbar-toggle{
    margin-top: 5px;
    float: none;
    margin: 0px 0 0 40%;
    color: var(--white);
    border: 0;
}
button.navbar-toggle,
button.navbar-toggle.collapsed
{
    border-color: var(--white);
}
button > span.icon-bar{
    color: var(--white);
    background-color: var(--white);
}
.navbar{
    z-index: 9;
}
.navbar-collapse{
    margin-top: 0px;
}
li.active{
    background-color: var(--blue);
}
.navbar-nav > li > a
{
    text-align: center;
    color: var(--white);
    padding: 5px 13px;
    font-family: var(--Titillium);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.navbar-nav > li > a:hover{
    color: var(--white);
    background-color: transparent;
}
.navbar-nav > li:hover > a{
    color: var(--white);
    background-color: transparent;
}
.nav .open>a, 
.nav .open>a:focus{
    background-color: var(--blue);
}
.nav>li>a:focus{
    background-color: var(--blue);
    color: var(--white);
}


ul.dropdown-menu{
    background-color: var(--blue);
    padding: 0px;
    width: 150px;
    border: 0px;
    border-radius: 0px;
}
ul.dropdown-menu a{
    font-family: var(--Titillium);
    color: #FFF;
    padding: 5px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1px;
    transition: all ease-in .1s;
    border-bottom: 1px solid var(--blueDark);
}
ul.dropdown-menu a:hover{
    padding-left: 15px;
}
.dropdown-menu.search-form {
    min-width:320px;
}

h2,
.h2{
    font-family: var(--Titillium)
}
h2 small,
.h2 .small{
    
    color: var(--white);
    font-size: 14px;
}
h2 small i,
.h2 .small .i{
    color: var(--blue);
    font-size: 18px;
    margin-right: 3px;
}

.imgLogo{
    display: none;
}
.imgMenuLogo{
    width: 30%;
    float: left;
}


/*
///////////////////////////// Slider Setting /////////////////////////////
*/



div.carousel {
    height: 100%;
}

div.carousel .item,
div.carousel .item.active,
div.carousel .carousel-inner {
    height: 100%;
}


div.carousel .fill {
    width: 100%;
    height: 100%;
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
}


.carousel-indicators li
{
    background-color: var(--red);
    border-color: var(--red);
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  font-size: 20px;
  width:5%;
  color: var(--red);
  opacity: 1;
  text-align: center;
  text-shadow: none;
  z-index: 3;
}
.carousel-control.left {
    background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}





.carousel-control:hover,
.carousel-control:focus
{
    color: var(--blueLight);
}

/* ////////////////////////// */
/* brand slider css */
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
}


.carousel-caption{
    width: 90%;
    left: 10%;
    top: 5%;
    text-align: left;
}
.slideImgs{margin-left:30%; margin-top:30%}
.carousel-caption h3{
    font-size: 80px;
    text-shadow: none;
    font-family: impact;
    line-height: 80px;
    text-align: left;
  color: var(--black);
    

}
.carousel-caption h3 small{
    font-size: 70px;
    font-family: impact;
    color: var(--black);
    line-height: 60px;
}
.carousel-caption p{
    font-size: 14px; 
    color: #EA5607;
    text-shadow: none;
}
.carousel-caption p span{
    font-size: 24px;
}
.carousel-caption .sliderDesc{
    font-size: 40px;
    color: #EA5607;
}
.carousel-caption p a{
    
    border-radius: 0px;
}


.branchDataArea{
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }



.sliderDesc a {
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
}


#affiliationSlider{
        height: 100%;
    }
#affiliationSlider .item img{
    border: 5px double var(--blue);
    padding: 10px;
}

#affiliationSlider .carousel-control{
    margin-top: 0px;
}



.posLeft, .posRight{
    color: var(--orangeColor);
    font-size: 46px;
    opacity: 1;

}

.leftShift{
    top: 100px;
    left: 0px;
    opacity: 1;
    color: var(--red);
}
.rightShift{
    top: 100px;
    margin-right:0px;
    opacity: 1;
    color: var(--red);
}

.clientSay{
    padding: 40px;
    
}

.clientSay img{
    border-radius: 50%;
    border: 1px dashed var(--red);
    width: 150px;
    height: 150px;
}
.clinetSayPara{
    font-family: var(--Titillium);
    letter-spacing: 2px;
    font-size: 1em;
    color: var(--black);
    text-align: justify;
}

h6.clientTitle{
    font-family: var(--raleway);
    font-size: 3em;
    text-align: center;
    font-weight: 300;
    letter-spacing: 2px;
    position: relative;
    color: var(--blueDark);
}
h3.clientName{
    font-family: var(--patuaOne);
    color: var(--blueDark);
    margin-bottom: 0px ;
}
p.clientAbout{
    color: var(--black);
    text-align: center;
}
.linkage_box{
    height: 80px;
    width: 190px;
    padding: 10px 20px;
    text-align: center;
    box-shadow: 0 0 1px #aaa;
    margin: 12px;
}
.linkage_box img{

    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: grayscale(100%) brightness(100%) contrast(110%); 
    -moz-filter: grayscale(100%) brightness(100%) contrast(110%); 
    filter: grayscale(100%) | brightness(20%);
    transition: all ease-in-out .2s;
}
.linkage_box img:hover{

    -webkit-filter: grayscale(0) brightness(100%) contrast(110%); 
    -moz-filter: grayscale(0) brightness(100%) contrast(110%); 
}

.enqZone{
    position: absolute;
    z-index: 4;
    top: 150px;
    margin-left: -272px;
    transition: all ease-in-out .3s;
}
.enqZone:hover{
    margin-left:-15px;
}
.enqBtn{
    min-height: 450px; 
    line-height: 450px;
}

.enqBtn img{
    vertical-align: middle;
    display: inline-block;
}


/*
//////////////////////////// Breadcrumbs Settings ///////////////////////////
*/

.breadcrumb{
    background: none;
    margin: 20px 0 0 0;
    padding: 0;
    float: right;
}
.breadcrumb > li > a{
    color: var(--white);
    padding: 5px;
    background-color: var(--blueLighter);
    font-family: var(--raleway);
    border-radius: 4px;
    text-decoration: none;
}
.breadcrumb > li > a:hover,
.breadcrumb > li > a.active,
.breadcrumb > li > a:focus{
    background-color: var(--blueLight);
    color: var(--whiteColor);
}
.breadcrumb>li+li:before {    
    color: var(--red);
    content: "/\00a0";
}







/*
//////////////////////// Home Page Setting ////////////////////////////////
*/

/* Padding Setting */
.zeroPadding{padding: 0px;}
.zeroLeft{padding-left:0px;}
.zeroRight{padding-right: 0px;}
.zeroTop{padding-top:0px;}
.zeroBottom{padding-bottom: 0px;}

/*Margin Setting */
.zeroMargin{margin: 0px;}
.zeroLeftMarg{margin-left:0px;}
.zeroRightMarg{margin-right: 0px;}
.zeroTopMarg{margin-top:0px;}
.zeroBottonmMarg{margin-bottom: 0px;}

/* Heading Tag Setting */
.h1, h1{
    font-family: var(--raleway);
    color: var(--h1);
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
}
.h2,h2{
    font-family: var(--Titillium);
    color: var(--h2);
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 1px;
}
.h3,h3{
    font-family: var(--raleway);
    color: var(--h3);
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
}
.h4,h4{
    font-family: var(--Titillium);
    color: var(--h4);
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    text-transform: capitalize;

}

.h5,h5{
    font-family: var(--Titillium);
    letter-spacing: 1px;
    color: var(--h5);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

/* Paragraph Setting */
.p, p{
    font-family: var(--Titillium);
    color: var(--p);
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}

.a{
    font-family: var(--raleway);
    color: var(--a);
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
}
.a:hover, a:hover{
    text-decoration: none;
}
.span, span{
    font-family: var(--Titillium);
}



.trangle{
    width: 0;
    height: 0;
    margin: 0 auto; 
    border-top:30px solid; 
    border-left:650px solid transparent; 
    border-right:650px solid transparent; 
}

.facilities {
    background-color: var(--grayLight);
    padding: 5px 10px;
    margin: 5px 0;
}
.facilities:nth-of-type(even){
    background-color: var(--grayLight);
}
.facilities:nth-of-type(even) h4{
    margin-top: 15px;
    color: var(--blueLighter);
    font: 600 14px/24px var(--Titillium);
    letter-spacing: 0px;
}

.facilities:nth-of-type(odd) h4{
    margin-top: 12px;
    color: var(--black);
    font: 600 14px/24px var(--Titillium);
    letter-spacing: 1px;
}
.facilities img{
    width: 40px;
    height: 40px;
    padding-top: 5px;
}

/* Separator Setting */

.headingBlockLeft{

    padding: 15px 30px 20px 30px;
    background-image: url('../assets/images/headingBlock.png');
    background-repeat: no-repeat;
}
.headingBlockLeft h1,
.headingBlockLeft h2{
    color: var(--white);
    font-size: 24px;
    font-family: var(--raleway);
    font-weight: bold;
}

.headingBlockRight{

    padding: 15px 0px 20px 0px;
    background-image: url('../assets/images/headingBlockRight.png');
    background-repeat: no-repeat;
}
.headingBlockRight h1,
.headingBlockRight h2{ 
    color: var(--white) !important;
    font-size: 24px !important;
    padding-right: 30px !important;
    font-family: var(--raleway) !important;
    font-weight: bold !important;   
}

.separator{
    margin-bottom: 30px;
}
.separator span{
    position:relative;
    display:inline-block
}
.separator i{
    font-size: 24px; 
    color: var(--red)
}
.separator b{
    font-size: 24px; 
    color: var(--blueDark)
}
.separator span:before{
    right:100%;
    margin-right:15px
}
.separator span:after{
    left:100%;
    margin-left:15px
}
.separator span:after{
    content:"";
    position:absolute;
    top:12px;
    width:450px;
    color: var(--red);
    border-bottom-width:1px;
    border-bottom-style:solid
}
.button {
    display: inline-block;
    padding: 15px 50px;
    background-color: var(--red);
    text-decoration: none;
    color: white;
}

/* Event Info */
.events{
    width: 100%;
    height: auto;
    padding: 5px 0;
    text-align: center;
    box-shadow: 0px 0px 5px var(--grayDark);
    background-color: var(--white);
}


.events h2{
    color: var(--red);
    margin: 5px;
    line-height: 18px;
    font-size: 16px;
    font-family: var(--patuaOne);
    font-weight: 300;
    text-decoration: none;
}
.events p,
.events a{
    color: var(--blackLight);
    font-size: 12px;
    font-family: var(--Titillium);
    margin-bottom: 0px;
    text-decoration: none;
    letter-spacing: 1px;
}



/* About Section */

.aboutSection p{
    color: var(--black);
    font-family: var(--raleway);
    font-size: 14px;
    line-height: 30px;
    padding: 50px 10px 10px 0px;
    font-weight: 500;
    text-align: justify;
}
.aboutSection a{
    text-align: right;
    font-family: var(--Titillium);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}
.contentArea{
    padding: 40px 0 40px 20px;

}
.contentArea h4{
    text-align: left;
    font-size: 24px;
    font-family: var(--raleway);
    font-weight: 600;

}

.contentArea p{
    text-align: justify;
    font-size: 12px;
    line-height: 26px;
    font-family: var(--Titillium);
    font-weight: normal;
    padding-bottom: 5px;
}

.contentArea ul{
    list-style-type:none;
    padding-left: 0px;
}
.contentArea ul li{
    text-align: justify;
    font-size: 12px;
    line-height: 22px;
    font-family: var(--Titillium);
    font-weight: normal;
    padding-bottom: 10px;
}
.directorDtls{
    padding: 20px 0;
}
.directorDtls p{
    color: var(--blueDark);
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    padding: 0px;
}
.directorDtls h4{
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.directorDtls h6{
    font-size: 12px;
    text-align: center;
    color: var(--red);
}


.importantUpdates{
    margin-bottom: 00px;
    padding:0px;
    min-height: 280px;
}

.importantUpdates a h5{
    color: var(--blueDark);
    font-family: var(--patuaOne);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 0;
    text-align: left;
    margin: 0;
}
.importantUpdates p{
    font-family: var(--Titillium);
    line-height: 18px;
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    padding-bottom: 5px;  
    letter-spacing: 1px;  
}

.importantUpdates p a{
    font-family: var(--Titillium);
    color: var(--blue);
    text-decoration: none;
    font-size: 16px;
}

.importantUpdates ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.importantUpdates ul li{
    list-style-type: none;
}




.news-item
{
    padding:0;
    margin:5px 5px;    
    border-bottom: 1px dashed var(--blueDark);
    padding: 5px;
}



/*/////////////////////////// One Liner News Ticker ///////////////////////////////*/
.awNotices {
  position: relative;
  color: white;
  font: 400 12px Arial;
  margin: 0 0 10px 0;
  height: 40px;
}

.awNotices .updateTitle{
    color: var(--red);
    font-size: 18px;
}
.awNotices .newsDate,
.awNotices .newsTitle{
    color: var(--black);
}
.awNotices .newsDesc{
    color: var(--black);
    font-weight: 600;

}
.awNotices a {
  padding: 8px 25px 8px 10px;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  color: inherit;
  text-decoration: none;
  visibility: hidden;
  transition: opacity 0.6s;
  border-radius: 0px;
  line-height: 150%;
}
.awNotices a i.fa {
  padding-right: 8px;
  margin-right: 5px;
}
.awNotices a[notice-color="gray"] {
  background-color: var(--blueLight);
  color: var(--blueDark);
  font-weight: bold;
}
.awNotices a.active {
  opacity: 1;
  visibility: visible;
}
.awNotices span.controller {
  position: absolute;
  cursor: pointer;
  background: transparent;
  right: 0;
  padding: 8px 10px;
  line-height: 150%;
}


.courseColumns{
        width: 18%;
        margin: 0 1%;
        float: left;
    }

 /* Gallery */

 .modal-content{
    border-radius: 0px;
 }
 .modal-header{
    background-color: var(--menuFootMenuBg);
    height: 100px;
 }
 .modal-title{
    color: var(--whiteColor);
    line-height: 80px;
 }
 .modal-footer{
    background-color: var(--menuFootMenuBg);
    height: 80px;   
 }
 .buttons{
    border-radius: 0px;
    background-color: var(--whiteColor);
    color: var(--menuFootMenuBg);
    border: 0px solid var(--menuFootMenuBg);
    border-bottom: 3px solid var(--headFoot);
 }
 .buttons:focus,
 .buttons:hover{
    border-bottom: 3px solid var(--whiteColor);
    background-color: var(--headFoot);
    color: var(--whiteColor);
 }
.modal-dialog {
    width:600px;               
}
.thumbnail {margin-bottom:6px;}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th{
    font-family: var(--Titillium);
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1px;

}

.table>tbody>tr>th{
    font-weight: bold;
    letter-spacing: 0px;
}

.table > caption{
    font-family: var(--headFont2);
    font-weight: bold;
    color: var(--tabBgColor);
    font-size: 20px;
}
.page-header{
    color: var(--vDarkGrayColor);
}



.columns {
    float: left;
    width: 33.3%;
    padding: 8px 8px 8px 20px;
    margin-top: 50px;
}

.tableCourse{    
    background-color: var(--grayLight);
}

tr.header {
    background-color: var(--blueLight);
    color: var(--blueDark);
    font-size: 20px;
    font-weight: 300;
    font-family: var(--Titillium);
    padding: 10px;
    letter-spacing: 1px;
}
tr.header>th,
tr.grey>th{
    text-align: center;
}
tr.header sup{
    font-size: 12px;
}


tr.grey {
    background-color: var(--blueLighter);
    font-size: 18px;
    font-family: var(--patuaOne);
    color: var(--blueDark);
    text-shadow: 0 0 1px var(--white);
    text-align: center;
}
tr>td>.buyBtn{
    display: inline-block;
    padding: 5px 20px;
    background-color: var(--blueLight);
    color: var(--blueDarken);
    font-family: var(--raleway);
    font-size: 14px;
    font-weight: 600;
}


.spareParts{
    width: 180px; height: 180px; float: none; margin:0px auto;
    border-radius: 50%;
    border: 1px dashed var(--whiteColor);
    display: inline-block;
    transition: all 1s ease-in-out;
    padding: 5px;
}
.spareParts:hover{
    border: 1px dashed var(--menuFootMenuBg);
    transition: all 1s ease-in-out;
    transform: rotate(360deg);
}
/* Table Settings */
.table thead tr th,
.table thead tr td
{
    font-family: var(--Titillium);
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
}

.table tbody tr th,
.table tbody tr td
{
    font-family: var(--Titillium);
}


/* portFolio */

.portfolio-item{overflow:hidden}
.portfolio-caption{
    position:absolute;
    background-color: var(--grayLight);
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0 10%;
    overflow:hidden;
    text-align:center;
    opacity: .8;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
 
.portfolio-caption{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
.portfolio-item a{display:block}
.portfolio-caption .entry-title{font-size:24px;font-weight:700; letter-spacing: 2px;text-transform:uppercase; color: var(--blueDark);}
.portfolio-caption .entry-meta{font-size: 16px;letter-spacing: 1px; font-weight: bold; color: var(--blueDark);}
.portfolio-caption .entry-meta{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
.portfolio-caption .entry-title{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)} 
.portfolio-item a:hover .portfolio-image{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);}

.portfolio-image,
.portfolio-caption,
.portfolio-caption .entry-meta,
.portfolio-caption .entry-title{-webkit-transition:all .6s ease;transition:all .6s ease}

.portfolio-item a:hover .portfolio-caption .entry-meta,
.portfolio-item a:hover .portfolio-caption .entry-title{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.portfolio-item a:hover .portfolio-caption{opacity:.8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--blueDark);
    opacity: .95;
    z-index: 100000000;
    display: none;
    overflow: visible;
}
.photoFrame{
    position: fixed;
    top: 10%;
    left: 20%;
    width: 60%;
    height: 100%;
    background-color: var(--blueLighter);
    z-index: 1000000001;
    display: none;
    padding: 20px;
    overflow-y: auto;

}
.ctrlLeft, .ctrlRight{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 36px;
    border: 1px solid var(--blackColor);
    width: 5%;
    background-color: var(--blackColor);
    color: var(--lightGrayColor);
    opacity: .9;
}

.ctrlLeft{
    left: 0px;
    padding-left: 10px;
}
.ctrlRight{
    right: 0px;    
    left: auto;    
    padding-left: 10px;
}
.closeFrame{
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    float: right;
    color: var(--blackColor);
    font-size: 24px;
    width: 4%;
    color: var(--blackColor);
    opacity: .9;
    padding-left: 8px;
    transition: all ease-in-out .4s;
}
.closeFrame:hover{
    transform: rotate(360deg);
}


.portFilter{
    list-style-type: none;
    margin-left: 0%;
}


.portFilter li{
    display: inline-block;
    float: left;
    line-height: 20px;
    background-color: var(--blueDark);
    color: var(--white);
    padding: 5px 10px;
    margin: 10px 15px 20px 0px;
    cursor: pointer;
    font-family: var(--Titillium);
    letter-spacing: 2px;
    text-transform: uppercase;
}
.portFilter li:hover,
.portFilter li.active{
    background-color: var(--blueLight);
    color: var(--red);
}




/* Panel Setting */
.newsZone{
    position: absolute;
    z-index: 1;
    top:200px;
    opacity: .9;
}
.newsZone img{
    position: relative;
    top: 100px;
    display: inline-block;
    background-color: var(--white);
    border-radius: 50%;
    border: 1px dashed var(--blue);
    padding: 2px;
    opacity: .8;
}
.newsZone .h1{
    font: 100 38px/150% var(--raleway);
    color: var(--white);
    top: 90px;
    position: relative;

}
.newsZone .h2{
    font: 600 12px/28px var(--Titillium);
    color: var(--white);
    top: 70px;
    position: relative;
}
.panel{
    margin-top: 00px;
    height: auto;
    border-radius: 0px;
    margin-bottom: 0px;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1);
    -o-box-shadow: 0 0px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1);
    box-shadow: 0 0px 5px rgba(0,0,0,.1);
}
.panel-primary{
    border: 1px solid var(--white);
}
.panel-primary .panel-heading{
    background-color: var(--white);
    padding: 5px;
    border-bottom: 0px;    
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.panel-title{
    color: var(--blueDarken);
    font-family: var(--patuaOne);
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: underline;
}
.panel-body{
    padding: 14px 0px;
    background-color: var(--white);
}


.panel-body input[type="text"],
.panel-body select,
.panel-body input[type="text"]:focus,
.panel-body input[type="text"]::placeholder{
    border: 0px;
    border-bottom: 1px solid var(--blackLight);
    padding:5px 0px;
    font-family: var(--Titillium);
    font-size: 12px;
    color: var(--blackLight);
    width: 100%;
    outline: none;
    margin-bottom: 20px;
}
.panel-body input[name="confirm_code"],
.panel-body input[name="confirm_code"]:focus{
    border-bottom: 3px solid var(--blackLight);
}

.panel-body button{
    display: inline-block;
    border: 0px;
    padding: 5px 30px;
    background-color: var(--blueDark);
    color:var(--white);
    border-radius: 0px;
    float: none; 
    font-family: var(--Titillium);
    font-size: 14px;
}
.panel-body button:hover{
    color: var(--yellow);
}

.panel-footer{
    background-color: var(--white);
    border-radius: 0px;
    border-top: 0px;
    box-shadow: 0 -1px 2px rgba(0,0,0,.1);
}

.qualiSection{
    background-color: var(--grayLight);
}
.table tr td input[type="text"]{
    border: 0px;
    margin: 0;
}
#myTable tbody tr td{
    letter-spacing: 0;
}



/*
/////////////////////////// Footer Setting ////////////////////////////////
*/

footer .col-lg-10{
  border-right: 2px solid var(--blueDark);
  margin-bottom: 50px;
}

footer .ContactDetails{
    box-sizing:border-box;
    min-height: 100%;
    height: 100% !important;
    background-color: #F6F6F6;
    position: relative;
  padding: 90px 0;
}

footer h4,
footer p{
  text-align: right;
}
footer h4{
  color: var(--red);
  font-size: 22px;
  margin-bottom: 0px;
  font-family: var(--raleway);
  font-weight: 500;
}
footer p{
  color: var(--black);
  font-size: 14px;
}
footer .fa{
  margin-top: 20px;
  color: var(--blueDarken);
  font-size: 26px;
}
.feedBackForm{
    background-color: #554D74;
    min-height: 100% !important;
  padding: 20px 0 50px 0;
}
.feedBackForm h3,
.feedBackForm p,
.feedBackForm label,
.feedBackForm tr th{  
    color: var(--grayLight)
}

footer .feedHeading{
  text-align: left;
  padding-left: 15px;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--white);
  font-family: var(--patuaOne);
  font-weight: 300;
}
footer input[type="text"],
footer input[type="file"],
footer select,
footer textarea{
  border: 0px;
  border-bottom: 1px dotted var(--grayLight);
  border-radius: 0px;
  margin-bottom: 30px;
  background-color: #554D74;
  color: var(--grayLight);
  box-shadow: 0px;
  width: 100%;
  padding: 10px 5px;  
  -webkit-appearance: none;
  -moz-appearance : none;
}
footer option{
  padding-left: 0px;
}

footer input[type="text"]::placeholder,
footer textarea::placeholder{
  color: var(--grayLight);
}
footer input[type="text"]:focus,
footer select:focus,
footer textarea:focus{
  outline: 0;
}


footer input[type="submit"],
footer input[type="button"]{
  border: 0;
  display: inline-block;
  background-color: var(--grayLight);
  color: var(--blue);
  padding: 6px 30px;
  border-radius: 0px;
}

.footerContent h2{
  text-align: center;
  font-size: 18px;
  color: var(--grayLight);
}

.footerContent p,
.footerContent a{
  color: var(--grayLight);
  text-align: center;
}

.footerContent .btn-primary{
    border-radius: 50%;
    margin: 20px 5px;
    background-color: var(--blueDarken);
    color: var(--grayLight);
    border: 0px solid var(--blueDark);
    border-right: 3px solid var(--red);
}

/*
///////////////////////// Media Query Max-Width 576 PX //////////////////////////////
*/

@media(max-width: 576px){
    .topOption{
        display: none;
    }

    .enqZone{
        display: none;
    }
    ul.dropdown-menu{
        background-color: var(--blue);
        padding: 0px;
        width: 100%;
        border: 0px;
        border-radius: 0px;
        z-index:999999;
        position: relative;
    }
    .headingBlockLeft h1,
    .headingBlockLeft h2{
        font-size: 16px;
    }
    .courseColumns{
        width: 100%;
        margin: 5px 0;
        float: left;
    }
    .columns {
        width: 100%;
    }
    .trangle{
        border-left:200px solid transparent; 
        border-right:200px solid transparent; 
    }
    .trangle{
        border-left:200px solid transparent; 
        border-right:200px solid transparent; 
    }
    .h4,h4{
        line-height: 30px;
    }
    .menuanim{
        display: none;
    }

    .portFilter{
        list-style-type: none;
        margin-left: 0%;
    }   
    .separator span:after{
        width:180px;
    }

    .bgContentCourse, .bgStory, .bgCotrols, .happyCustomer, .aboutSection{
      
      background-size: cover;

    }
    .happyCustomer{
        height: auto;
    }



    .imgLogo{
      display: block;
   }

   .imgMenuLogo{
    display: none;
   }

   .bigSrcLogo{
    padding-top:10px;
    padding-bottom:20px;
   }

   .smallScrLogo{
   
    width: 100%;
    margin-top:-150px;
    
   }
   .logoSection{
       padding-top:20px;
       margin-top:-40px;
   }
   .topM{
       margin-top:80px;
   }
   

   .topMenu p{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
   }

   .topMenu img{
        width:auto;
        float: none;
        margin-top: 20px;
    }

    .newsZone{
        display: none;
    }

    div.carousel {
    height: 200px;
    }

    .sliderHeight{
        height: 200px;
        border: 2px solid var(--white);
    }

    #brandSlider{
        height: 400px;
    }

    #myCarousel2{
        height: auto;
    }
    #myCarousel2 .carousel-control{
        margin: 25% 0 0 0;
    }

    .clinetSayPara{
        display: inline-block;
        text-align: justify;
        letter-spacing: 1px;
        padding: 0 30px;
    }
    div.carousel .item,
    div.carousel .item.active,
    div.carousel .carousel-inner {
        height: 100%;
    }

    div.carousel .fill {
        width: 100%;
        height: 100%;
        background-position:top center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .clientSay{
        padding: 15px;  
    }

    h6.clientTitle{
        font-size: 2em;
    }

    .clientSay img{
        width: 90px;
        height: 90px;
    }

    .breadcrumb{
        margin: 10px 0 0 0;
        float: left;
    }

    .linkage_box{
        width: 150px;
    }
    
    .courseArea{
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .branchDataArea{
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }


    footer h4,
    footer p{
      text-align: left;
    }
    footer .col-lg-10{
      border-right: 0px solid var(--blueDark);      
      border-left: 2px solid var(--blueDark);
    }
    .floatLeft{
      float: right;
    }
    .floatRight{
      float: left;
    }




    .photoFrame{
        top: 30%;
        left: 5%;
        width: 90%;

    }
    .ctrlLeft, .ctrlRight{
        top: 45%;
        left: 0;
        font-size: 24px;
        width: 5%;
    }

    .ctrlLeft{
        left: 0px;
        padding-left: 10px;
    }
    .ctrlRight{
        right: 0px;    
        left: auto;    
        padding-left: 10px;
    }
    .closeFrame{
        font-size: 24px;
        width: 8%;
        padding-left: 8px;
        transition: all ease-in-out .4s;
    }
    .closeFrame:hover{
        transform: none;
    }
    .contacts{
        display: none;
    }


}


/*
///////////////////////// Media Query Min-Width 996 PX //////////////////////////////
*/


@media(min-width: 992px){

    #brandSlider{
        height: 120px;
    }

    .courseColumns{
        width: 20%;
        margin: 5px 0;
        float: left;
    }
    .topMenu img{
        width:auto;
        float: none;
    }
    .bigSrcLogo{        
        width: 100%;
    }
    .smallScrLogo{
       display:none;
    }
    .navbar-nav > li > a
    {
        padding: 5px 12px;
        font-size: 12px;
    }
    .bgContentCourse, .bgStory, .bgCotrols, .happyCustomer, .aboutSection{
      
      background-size: cover;

    }
    .happyCustomer{
        height: auto;
    }

    div.carousel {
    height: 313px;
    }
    .sliderHeight{
        height: 313px;
        border: 2px solid var(--white);
    }
    .panel-body input[type="text"],
    .panel-body select,
    .panel-body input[type="text"]:focus,
    .panel-body input[type="text"]::placeholder{
        
        margin-bottom: 5px;
        padding:3px 0px;
    }
    .smallScreenSpace{
        height: 20px;
    }

    .closeFrame{
        font-size: 24px;
        width: 8%;
        padding-left: 8px;
        transition: all ease-in-out .4s;
    }
    .closeFrame:hover{
        transform: none;
    }
}


/*
///////////////////////// Media Query Min-Width 1200 PX //////////////////////////////
*/

@media(min-width: 1200px){
    
    .topMenu img{
        width:auto;
        float: none;
    }
    .bigSrcLogo{        
        width: 100%;
    }
    .smallScrLogo{
        display: none;
    }
    .navbar-nav > li > a
    {
        padding: 5px 13px;
        font-size: 14px;
    }
    #brandSlider{
        height: 120px;
    }
    #mainSlider {
    height: 405px;
    }

    #myCarousel2{
        height: 405px;
    }

    #affiliationSlider{
        height: 100%;
    }
    #affiliationSlider .item img{
        margin-top: 10px;
        border: 5px double var(--blue);
        padding: 10px;
    }

    #affiliationSlider > a.carousel-control{
       height: 25px;
       background-color: var(--blue);
       width: 25px;
       top: 0;

    }
    #affiliationSlider > a.left{
        left: 88%;
        top: 0;

    }
    #affiliationSlider > a.right{
        right: 6%;
    }
    #affiliationSlider > a.left > span.icon-prev{
        top: 5px;
        left: 5px;        
        color: var(--white);
    }
    #affiliationSlider > a.right > span.icon-next{
        top: 5px;
        right: 5px;
        color: var(--white);
    }

    
    .sliderHeight{
        height: 398px;
        border: 2px solid var(--white);
    }
    .panel-body input[type="text"],
    .panel-body select,
    .panel-body input[type="text"]:focus,
    .panel-body input[type="text"]::placeholder{
        
        margin-bottom: 20px;
        padding:5px 0px;
    }



    .overlay{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: var(--blueDark);
        opacity: .95;
        z-index: 100000000;
        display: none;
    }
    .photoFrame{
        position: fixed;
        top: 5%;
        left: 20%;
        width: 60%;
        height: 100%;
        background-color: var(--blueLighter);
        z-index: 1000000001;
        display: none;
        padding: 20px;
        overflow-y: auto;

    }
    .ctrlLeft, .ctrlRight{
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 36px;
        border: 1px solid var(--blackColor);
        width: 5%;
        background-color: var(--blackColor);
        color: var(--lightGrayColor);
        opacity: .9;
    }

    .ctrlLeft{
        left: 0px;
        padding-left: 10px;
    }
    .ctrlRight{
        right: 0px;    
        left: auto;    
        padding-left: 10px;
    }
    .closeFrame{
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0px;
        left: auto;
        float: right;
        color: var(--blackColor);
        font-size: 24px;
        width: 4%;
        color: var(--blackColor);
        opacity: .9;
        padding-left: 8px;
        transition: all ease-in-out .4s;
    }
    .closeFrame:hover{
        transform: rotate(360deg);
    }
    .courseColumns{
        width: 18%;
        margin: 0 1%;
        float: left;
    }
}