/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 2, 2019, 6:21:59 PM
    Author     : Avijit Dutta Studio
*/
@import "bootstrap.css";
@import "bootstrap-theme.css";
/*SLICK SLIDER STYLE // start here --*/
@import "../slick/slick.css";
@import "../slick/slick-theme.css";
@import "simple-sidebar.css";
/*SLICK SLIDER STYLE // end here --*/

/*GOOGLE FONT // HINDI FONTS // start here --*/
@import url('https://fonts.googleapis.com/css?family=Baloo');
@import url('https://fonts.googleapis.com/css?family=Cabin');/*font-family: 'Cabin', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');/*font-family: 'Open Sans Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:400,400i,800,800i&subset=latin-ext,vietnamese');/*font-family: 'Barlow Semi Condensed', sans-serif;*/
/*GOOGLE FONT // HINDI FONTS // end here --*/

/* -- INFORMATION BOX GENERAL STYLE // START HERE -- */
::-webkit-scrollbar
{
  width:0px;  /* for vertical scrollbars */
  height:0px; /* for horizontal scrollbars */
}
::-webkit-scrollbar-track
{
  background:#f6f6f6;
}
::-webkit-scrollbar-thumb
{
  background:#4bb279;
  box-shadow:0px 0px 0px 0px #000000;
  border-left:#ffffff solid 5px;
  border-right:#ffffff solid 5px;
  border-radius: 0px;
}
/* -- INFORMATION BOX GENERAL STYLE // END HERE -- */

body{
    margin: 0px;
}
section{padding: 70px 0px}
section header > h1,
section header > h2,
section header > h3,
section header > h4{
    font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
}
h2{
    font-size: 60px;
    line-height: 45px;
}
h3{
    font-size: 40px;
}
.first-title{
    font-weight: 400; 
}
.first-title.br{
    font-weight: 400; 
    font-size: 40px;
}
.second-title{
    font-weight: 800;
}
/*[class*="col-"] {
  margin-bottom: 30px;
}*/
.no-padding{
    padding: 0px!important;
}
#top-panel{
    background: #788899;
    padding: 5px 5px;
}

article > header{
    border-left: #243c58 5px solid;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
article > .content-box{
    margin: 20px 0px;
}
article > .content-box > a{
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #243c58;
    text-decoration: none;
}
article > .content-box > header > h3{
    font-size: 30px;
    margin-bottom: 10px;
}

form textArea{
    width: 100%;
}
form button{
    width: 100%;
    background: #f5d76e;
}

/*HEADER-PANEL STYLE // start here // */
    #header-panel{
        background:#607387; 
        padding:0px 5px;/*padding:0px 5px;*/
        font-family: 'Oswald', sans-serif;
        border-bottom:#ffffff 2px solid;
        -webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.33);
        -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.33);
        box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.33);
        margin-bottom:0px;
        width:100%;
        z-index:99999;
        /*position:fixed;*/
    }
    #header-panel .navbar-brand {
        float: left;
        height: 60px;
        padding: 5px 15px;
        font-size: 18px;
        line-height: 20px;
        margin-top: -30px;/*margin-top: -30px;*/
    }

    #header-panel .navbar-brand img{
        background:transparent; 
        border-radius:3px; 
        padding:10px 10px 10px 10px;
        margin-top: 15px;
        height:60px;
    }
    #header-panel .navbar {
        margin-bottom:0px;
    }
    #header-panel .navbar-default{
        background-image: none;
        background-image: none;
        background-image: none;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

        background-color: transparent;
        border-color: transparent; 

        -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
        box-shadow: inset 0 0px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);    
    }

    #header-panel .navbar-default .navbar-collapse, 
    #header-panel .navbar-default .navbar-form {
        border-color:transparent/*#e7e7e7*/;
    }

    #header-panel .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px 0px 10px;
        margin-top: 8px;
        margin-right: 0px;
        margin-bottom: 8px;
        background-color: transparent;
        /* background-image: none; */
        border: 0px solid transparent;
        border-radius: 4px;
        font-size:20px;
        color:#f6f6f6;
    }
    #header-panel .navbar-default .navbar-toggle:hover, 
    #header-panel .navbar-default .navbar-toggle:focus {
        background-color:transparent;
    }
    #header-panel .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        padding: 15px 12px;
    }
    #header-panel .navbar-default .navbar-nav > li > a.btn {
        background:#d9534f; border:none;
    }
/*HEADER-PANEL STYLE // end here // */

/*SLIDER-PANEL STYLE // start here // */
#slider-panel{
    padding: 60px 0px;
    background-image: url("../images/slider-bg.jpg");
    background-position: top center; 
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;    
}
#slider-panel article.service-box{
    background: #ffffff;
    border: #eaeaea 1px solid;
    border-radius: 10px;
    padding: 30px 15px;
    margin-bottom: 10px;
}
#slider-panel article.service-box .content-box{
    background: #ffffff;
    color: #2f4e71;
    text-align: center;
    padding: 2px 5px 2px 5px;
    
}
#slider-panel article.service-box .content-box > header{
    text-align: center;
    border: #d6d6d6 1px solid;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
}
#slider-panel article.service-box .content-box > header:first-child{
    margin-top: 0px;
}
#slider-panel article.service-box .content-box > header .icon{
    font-size: 60px;
}
#slider-panel article.service-box .content-box > header p{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}



#slider-panel article.form-box{
    background: #2f4e71;
    padding: 30px;
}
#slider-panel article.form-box > header{
    border: none;
    padding: 0px;
}
#slider-panel article.form-box > header h4{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
}
#slider-panel article.form-box > header p{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #ffffff;
}
/*SLIDER-PANEL STYLE // end here // */

/*HIGHLIGHT-PANEL STYLE // start here // */
#highlight-panel{
    background: #2f4e71;
    padding: 40px 0px;
}
#highlight-panel .slick-dotted.slick-slider {
    margin-bottom: 0px;
}
#highlight-panel #highlight-list-slider .content-box{
    border-right: #1b1f24 1px solid;
    border-left: #5b7ca2 1px solid;
    
    padding: 0px 30px;    
}
#highlight-panel #highlight-list-slider .content-box > .icon-box{
    float: left;
    color: #ffffff;
    font-size: 40px;
}
#highlight-panel #highlight-list-slider .content-box > header{
    float: left;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #ffffff;
    font-size: 16px;
}
#highlight-panel #highlight-list-slider .content-box > header > h3{
    font-size: 24px;
    font-weight: bold;
    margin: 0px!important;
}
/*HIGHLIGHT-PANEL STYLE // end here // */

/*COURSE-PANEL STYLE // start here // */
#course-panel{
    background: #f5f5f5;
    padding: 55px 0px 0px 0px;
    border-top: #e9e9e9 15px solid;
}
#course-panel [class*="col-"] {
    padding: 30px 30px 0px 30px;
    border-right: #cccccc 1px solid;
    border-left: #ffffff 1px solid;
    border-top: #f5f5f5 1px solid;
    border-radius: 30px 30px 0px 0px;
}
#course-panel .content-box{
    background: #2f4e71;
    padding: 30px;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
}
#course-panel .content-box > header{
    color: #f5d76e;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 25px;
    padding-bottom: 15px;
    border-bottom: #ffffff 1px solid;
    margin-bottom: 30px;
}
#course-panel .content-box > p{
    color: #b7bec7;
    font-size: 16px;
    margin-bottom: 30px;
}
#course-panel .content-box > img{
    margin-bottom: 30px;
}
/*COURSE-PANEL STYLE // end here // */

/*ABOUT-PANEL STYLE // start here // */
#about-panel{
    background: #2f4e71;
    padding: 70px 0px;
    border-top: #f5d76e 15px solid;
    border-bottom: #27405d 7px solid;
    text-align: center;
    color: #ffffff;
}

/*ABOUT-PANEL STYLE // end here // */

/*GALLERY-PANEL STYLE // start here // */
#gallery-panel{
    background: #ffffff;
    padding: 70px 0px;
}
#gallery-panel .col-content{
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#gallery-panel .content-box{
    border: #cccccc 1px solid;
    padding: 15px; 
    color: #cc0000;
}
#gallery-panel .content-box.text-box{
    border: transparent 1px solid;
}
#gallery-panel .content-box > img{
    max-width: 100%;
    height: auto;    
}

@media screen and (min-width: 992px) and (max-width: 1920px){
    #gallery-panel .col-content{
    float: left;
    width: 20%;
    }
}

/*new hover gallery --//
/*********************** Demo - 21 *******************/
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box21{text-align:center;position:relative; overflow: hidden;/*additional*/}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}
/*new hover gallery --//


/*GALLERY-PANEL STYLE // end here // */

/*ONLINE-PANEL STYLE // start here // */
#online-panel{
    background: #ffffff;
    background-image: url("../images/about-bg.png");
    background-size: cover;
    background-position: top center; 
    padding: 70px 0px;
    border-top: #f5d76e 15px solid;
    text-align: center;
}
#online-panel header{
    margin-bottom: 40px;
    color:#f5d76e; 
}
#online-panel header p{
    color: #ffffff;
}
#online-panel button{
    background: transparent;
    border: none;
    outline: none;
    margin-bottom: 40px;
}
#online-panel p{
    color: #ffffff;
}
/*ONLINE-PANEL STYLE // end here // */

/*CONTACT-PANEL STYLE // start here // */
#contact-panel{
    background: #f5d76e;
    background-image: url("../images/bg-mapbox.jpg");
    background-position: top center; 
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
    border-top: #f5d76e 7px solid;
    border-bottom: #f5d76e 7px solid;
    padding: 7px 0px;
}
#contact-panel .query-box{
    background: #f5d76e;
    color: #183658;
    padding: 70px 0px 70px 30px;
}
#contact-panel .map-box {
    background: #ffffff;
    background-image: url("../images/bg-mapbox.jpg");
    background-position: top center; 
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
    padding: 70px 0px;
    text-align: center;
}
#contact-panel .map-box img:hover{
    z-index: 1;
    position: relative;
}
#contact-panel .mail-box{
    background: #ffffff;
    color: #183658;
    padding: 70px 30px 70px 0px;
    text-align: left;
}
/*CONTACT-PANEL STYLE // end here // */

/*FOOTER-PANEL STYLE // start here // */
#footer-panel{
    background: #243c58;
    padding: 15px 0px;
}
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #2f4e71;
   padding: 10px 0px;
   color: #ffffff;
   text-align: center;
   border-bottom: #f5d76e 5px solid;
   border-radius: 10px 10px 0px 0px;
}
.footer .col-content {
    float: left;
    width: 20%;
}
.footer .col-content > .content{
    border-right: #616b77 1px solid;
    border-left: #192d43 1px solid;
}
/*FFOTER-PANEL STYLE // end here // */


/* display this row with flex and use wrap (= respect columns' widths) */

.row-flex {
  display: flex;
  flex-wrap: wrap;
}


/* vertical spacing between columns */

/*[class*="col-"] {
  margin-bottom: 30px;
}*/

.content {
  height: 100%;
  padding: 0px;
  color: #fff;
}


/* Demo backgrounds and styling*/

.colour-1 {
  background: #483C46;
  color: #fff;
}

.colour-2 {
  background: #3C6E71;
}

.colour-3 {
  background: #70AE6E;
}

.colour-4 {
  background: #82204A;
}

.colour-5 {
  background: #558C8C;
}

.colour-6 {
  background: #917C78;
}

.content h3 {
  margin-top: 0px;
  font-weight: 300;
}

h1 {
  font-weight: 300;
  margin-bottom: 40px;
}