body{

  margin:0;
  padding:0;
  
 
}

#uplist{

  padding-top:5px;
  border-bottom:3px solid rgb(70, 63, 5);
  border-radius:5px;
  color:rgb(211, 165, 16);
}

.list-inline-item{
  padding-right:40px;
}

#logo{
  background-color:#040b2c;
}

#logo img{
 margin-left: 46%;
}

#logo h3{
text-align: center;
padding-top: 10px;
}



#navbarSupportedContent{
margin-left: 25%;
}

.navbar-custom{
  background-color:#040b2c;
}

#con{
  padding-right:10px;

}

#bars{
  color:rgb(182, 165, 12);
}

.navbar ul a{

  margin:auto;
  color:rgb(182, 165, 12);   

}

.navbar ul a:hover{

  color:rgb(243, 243, 250);

}

.dropdown-menu{

  background-color:#040c2e;

}

.dropdown-menu>a:focus,a:hover{

  text-decoration:none;

  background-color:transparent !important;

}

.nav-item{

  padding-left:80px;
}

.navbar-custom2 {
background-color:#030d3ac4;
}

/*----------navbar---------*/



/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero {

  width: 100%;

  height: 80vh;

  background: linear-gradient(rgba(23, 23, 128, 0.87),rgba(65, 61, 49, 0.35)),url("../imgs/main.JPG");

  background-size: cover;

  position: relative;

}

#hero:before {

  content: "";

  background: rgba(0, 0, 0, 0.4);

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

}

#hero .container {

  padding-top: 72px;

}

@media (max-width: 992px) {

  #hero .container {

    padding-top: 62px;

  }

}

#hero h1 {

  margin: 0;

  font-size: 48px;

  font-weight: 700;

  line-height: 56px;

  color: #fff;

  font-family: "Poppins", sans-serif;

}
#hero h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

#hero p {

  color: rgb(238, 238, 238);
  margin: 10px 0 0 0;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;

}

#hero .btn-get-started {

  font-family: "Raleway", sans-serif;

  font-weight: 500;

  font-size: 15px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 10px 35px;

  border-radius: 50px;

  transition: 0.5s;

  margin-top: 30px;

  border: 2px solid #fff;

  color: #fff;

}

#hero .btn-get-started:hover {

  background: #af8c1a;

  border: 2px solid #af8c1a;

}

@media (min-width: 1024px) {

  #hero {

    background-attachment: fixed;

  }

}

@media (max-width: 768px) {

  #hero {

    height: 100vh;

  }

  #hero h1 {

    font-size: 28px;

    line-height: 36px;

  }

  

}

/*--------------hero end-----------------*/



/*-------------about-------*/

.aboutsection{

background-image:url('../imgs/aboutblurbg.jpg');

width:100%;

background-size:cover;

}

#aboutroww p{

 font-size:18px;

 line-height:1.8em;

 color:rgb(44, 43, 43);

 font-family: "Poppins", sans-serif;

 font-weight:bold;

 

}

.bgcolor1{

 background:rgb(125, 126, 126);

 width:100vw;

 height:60px;

}

#introphoto img{

box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

width: 110%;

}

/*---------------about section end-------*/




/*-------------------------------------exp course-------------*/
#set-con{
  background-image: url('../imgs/set/container.jpg');
  width:100vw;
  
}
#avtext2{

  border:5px solid #353536;
  
  background-color:#3535368e;
  
  box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
  
  color:#fff;
  
  font-family: "Poppins", sans-serif;
  font-weight:bolder;
  
  }
  
  #avtext2 h3 {
  font-weight: 400;
  
  color:rgb(206, 177, 15);
  
   font-family: "Poppins", sans-serif;
  
   font-weight:bold;
  }

/*----------------------------program section-------------*/

#programrow{


margin-bottom:80px; 

background-color:#3535368e;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
padding-top:15px;



}

#programrow h4{

text-align:center;
font-weight: 400;

color:#fff;

 font-family: "Poppins", sans-serif;

 font-weight:bold;



}

#prophoto{

border:5px solid transparent;

background-color:rgba(225, 225, 225, 0.25);

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

}

#probtn{

border-radius:60px;

width:120px;

background-color:#3e197a;

background: #f2784b;

border:0px;

color:rgb(15, 14, 14);

box-shadow: 0 0 1px #ccc;

-webkit-transition-duration: 0.5s;

-webkit-transition-timing-function: linear;

box-shadow:0px 0 0 #4a4d4e  inset;

margin-top:10px;

margin-left:130px;

}

#probtn:hover{

-webkit-box-shadow: -100px 0 0 #f1f4f5 inset;

}



/*----------------------------------------------------*/

/*---------------------Service Section-----------------------*/

.services {

  margin-bottom: -50px;
  
  }

  
  .service-item {
  
  margin-bottom: 50px;
  
  }
  

  .service-item .service-icon {
  
  width: 45px;
  
  float: left;
  
  font-size:50px;
  
  color:rgb(211, 136, 85);
  
  }
  

  .service-item .service-icon img {
  
  max-width: 100%;
  
  }
  
  
  .service-item .service-content {
  
  padding-left: 75px;
  
  
  }
  
  
  .service-item .service-content h4 {
  
  margin-bottom: 15px;
  
  font-weight: 400;
  
  color:rgb(44, 43, 43);
  
   font-family: "Poppins", sans-serif;
  
   font-weight:bold;
  
  }
  .service-item .service-content p {
    color:rgb(92, 84, 84);
  
   font-family: "Poppins", sans-serif;
   font-weight:bold;
  
   
  }
  
  
  /*---------------------*/
  


/*---------------------contact Section-----------------------*/







.contactbg {



background-image:linear-gradient(rgba(2, 2, 32, 0.781),rgba(2, 2, 44, 0.719)),url("../imgs/footbg.jpg");

color:rgb(247, 242, 242);

 font-family: "Poppins", sans-serif;

 font-weight:bold;

box-shadow: 5px  5px 10px rgba(0, 0, 0, .5);



}

#registerbtn{

border-radius:60px;

width:120px;

background-color:#3e197a;

background: #f2784b;

border:0px;

color:rgb(15, 14, 14);

box-shadow: 0 0 1px #ccc;

-webkit-transition-duration: 0.5s;

-webkit-transition-timing-function: linear;

box-shadow:0px 0 0 #4a4d4e  inset;

margin-top:10px;



}

#registerbtn:hover{

-webkit-box-shadow: -100px 0 0 #f1f4f5 inset;

}

#line{

border-bottom: 3px solid white;

border-radius:5px;

padding-top:20px;

}
#footrow i{
  font-size:30px;
  color:#fff;
}
#footrow a {

text-decoration:none;

color:white;

}



/*-----------contact section end here---------*/











/*--------------------------------------------------------------

# About Hero Section

--------------------------------------------------------------*/

#abhero {

width: 100%;

height: 80vh;

background: linear-gradient(rgba(23, 23, 128, 0.87),rgba(65, 61, 49, 0.35)),url("../imgs/aboutbg.JPG");

background-size: cover;

position: relative;

text-align:center;

}

.ablogo{

padding-bottom:30px;



}

#abhero:before {

content: "";

background: rgba(0, 0, 0, 0.4);

position: absolute;

bottom: 0;

top: 0;

left: 0;

right: 0;

}

#abhero .container {

padding-top: 72px;

}

@media (max-width: 992px) {

#abhero .container {

  padding-top: 50px;

}

}

#abhero h1 {

margin: 0;

font-size: 48px;

font-weight: 700;

line-height: 56px;

color: #fff;

font-family: "Poppins", sans-serif;

}

#abhero p {

color: #af8c1a;

margin: 10px 0 0 0;

font-size: 24px;

font-weight:bold;

}

#abhero .btn-get-started {

font-family: "Raleway", sans-serif;

font-weight: 500;

font-size: 15px;

letter-spacing: 1px;

display: inline-block;

padding: 10px 35px;

border-radius: 50px;

transition: 0.5s;

margin-top: 30px;

border: 2px solid #fff;

color: #fff;

}

#abhero .btn-get-started:hover {

background: #af8c1a;

border: 2px solid #af8c1a;

}

@media (min-width: 1024px) {

#abhero {

  background-attachment: fixed;

}

}

@media (max-width: 768px) {

#abhero {

  height: 100vh;

}

#abhero h1 {

  font-size: 28px;

  line-height: 36px;

}



}

/*-------------About-hero end-----------------*/

/*------------------ab content section------------*/

.title{

text-align:center;

padding-top:50px;

}

section{

padding-top:50px;

padding-left:20px;

padding-right:20px;

padding-bottom: 20px;



}

section>p{



color:rgb(70, 69, 66);

 font-family: "Poppins", sans-serif;

 font-size:15px;

 line-height: 2em;

}

section>h1{

color:rgb(63, 60, 60);

}
section>h4 {
  color:rgb(63, 60, 60);
}
#absection {
  box-shadow: 5px  5px 15px rgba(0, 0, 0, .5);
}
.one{

background-color: #fff;

}



.two{

  background-color: #fff;

}

.three{

  background-color: #fff;

}
.three h4 {
  color:rgb(63, 60, 60);
}

.three p {
  color:rgb(70, 69, 66);

 font-family: "Poppins", sans-serif;

 font-size:15px;
 line-height: 2em;
}
.three img{
  background: rgba(255,255,255,.2);

  box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
}

.four{

  background-color: #fff;

}

.five{

  background-color: #fff;

}





/*-------------------end----------------------*/



/*-----------------------------ece html------------*/

/*--------------------------------------------------------------



# Ece Hero Section

--------------------------------------------------------------*/

#ecehero {

width: 100%;

height: 80vh;

background: linear-gradient(rgba(23, 23, 128, 0.87),rgba(65, 61, 49, 0.35)),url("../imgs/ECEbg.JPG");

background-size: cover;

position: relative;

text-align:center;

}



.ablogo{

padding-bottom:30px;



}

#ecehero:before {

content: "";

background: rgba(0, 0, 0, 0.4);

position: absolute;

bottom: 0;

top: 0;

left: 0;

right: 0;

}

#ecehero .container {

padding-top: 72px;

}

@media (max-width: 992px) {

#ecehero .container {

  padding-top: 62px;

}

}

#ecehero h1 {

margin: 0;

font-size: 48px;

font-weight: 700;

line-height: 56px;

color: #fff;

font-family: "Poppins", sans-serif;

}

#ecehero p {

color: rgb(230, 144, 87);

margin: 10px 0 0 0;

font-size: 24px;

font-weight:bold;

}

#ecehero .btn-get-started {

font-family: "Raleway", sans-serif;

font-weight: 500;

font-size: 15px;

letter-spacing: 1px;

display: inline-block;

padding: 10px 35px;

border-radius: 50px;

transition: 0.5s;

margin-top: 30px;

border: 2px solid #fff;

color: #fff;

}

#ecehero .btn-get-started:hover {

background: #af8c1a;

border: 2px solid #af8c1a;

}

@media (min-width: 1024px) {

#ecehero {

  background-attachment: fixed;

}

}

@media (max-width: 768px) {

#ecehero {

  height: 100vh;

}

#ecehero h1 {

  font-size: 28px;

  line-height: 36px;

}



}





/*-------------ece-hero end-----------------*/

#ecephoto{

background: rgba(255,255,255,.2);

box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

}

#eceinforow ul{

font-size:20px;

}

#eceinforow ul li {

padding-bottom:20px;

font-weight:bold;

}

#tablerow {

border-radius: 5px;

font-weight:bold;

color:#fff;

line-height:2em;

margin-top:30px;

margin-bottom:50px;

text-align:center;

box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

}

/*-----------------------------------ece end------------*/

/*-----------------------private html----------------------------*/



#privatehero {

width: 100%;

height: 80vh;

background: linear-gradient(rgba(23, 23, 128, 0.87),rgba(65, 61, 49, 0.35)),url("../imgs/privatelesson2.JPG");

background-size: cover;

position: relative;

text-align:center;

}



.ablogo{

padding-bottom:30px;



}

#privatehero:before {

content: "";

background: rgba(0, 0, 0, 0.4);

position: absolute;

bottom: 0;

top: 0;

left: 0;

right: 0;

}

#privatehero.container {

padding-top: 72px;

}

@media (max-width: 992px) {

#privatehero.container {

  padding-top: 62px;

}

}

#privatehero h1 {

margin: 0;

font-size: 48px;

font-weight: 700;

line-height: 56px;

color: #fff;

font-family: "Poppins", sans-serif;

}

#privatehero p {

color: rgb(230, 144, 87);

margin: 10px 0 0 0;

font-size: 24px;

font-weight:bold;

}

#privatehero .btn-get-started {

font-family: "Raleway", sans-serif;

font-weight: 500;

font-size: 15px;

letter-spacing: 1px;

display: inline-block;

padding: 10px 35px;

border-radius: 50px;

transition: 0.5s;

margin-top: 30px;

border: 2px solid #fff;

color: #fff;

}

#privatehero .btn-get-started:hover {

background: #af8c1a;

border: 2px solid #af8c1a;

}

@media (min-width: 1024px) {

#privatehero {

  background-attachment: fixed;

}

}

@media (max-width: 768px) {

#privatehero {

  height: 100vh;

}

#privatehero h1 {

  font-size: 28px;

  line-height: 36px;

}



}

/*----------------------------private content--------*/







#prcon{

background-color:rgba(225, 225, 225, 0.25);

border:1px solid #b1b5b6;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

font-weight:bold;





}



#haxagon{

background-color:rgba(225, 225, 225, 0.25);

border:1px solid #b1b5b6;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

font-weight:bold;



}
#haxagon p {
  font-weight: 400;

  color:rgb(53, 50, 50);
  
   font-family: "Poppins", sans-serif;
  
   
}

#haxagon2{

background-color:rgba(225, 225, 225, 0.25);

border:1px solid #b1b5b6;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);


}



#privatehow img{

background-color:rgba(225, 225, 225, 0.25);

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

}

#pvschedule{

border: 5px solid #4a4d4e;

background-color:rgba(225, 225, 225, 0.25);

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

}

#pvschedule p {
  font-weight: bold;

  color:rgb(53, 50, 50);
  
   font-family: "Poppins", sans-serif;
}

/*------------------------private end-------------------------*/







/*-------------------Adult html



-----------------------------*/



/*-----------------------------------ahero--------------*/

#adulthero {

width: 100%;

height: 80vh;

background: linear-gradient(rgba(23, 23, 128, 0.87),rgba(65, 61, 49, 0.35)),url("../imgs/Adultcourse.JPG");

background-size: cover;

position: relative;

text-align:center;

}



.ablogo{

padding-bottom:30px;



}

#adulthero:before {

content: "";

background: rgba(0, 0, 0, 0.4);

position: absolute;

bottom: 0;

top: 0;

left: 0;

right: 0;

}

#adulthero.container {

padding-top: 72px;

}

@media (max-width: 992px) {

#adulthero.container {

  padding-top: 62px;

}

}

#adulthero h1 {

margin: 0;

font-size: 48px;

font-weight: 700;

line-height: 56px;

color: #fff;

font-family: "Poppins", sans-serif;

}

#adulthero p {

color: rgb(230, 144, 87);

margin: 10px 0 0 0;

font-size: 24px;

font-weight:bold;

}



@media (min-width: 1024px) {

#adulthero {

  background-attachment: fixed;

}

}

@media (max-width: 768px) {

#adulthero {

  height: 100vh;

}

#adulthero h1 {

  font-size: 28px;

  line-height: 36px;

}

}

#adrcon{

background-color:rgba(225, 225, 225, 0.25);

border:1px solid #b1b5b6;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

font-weight:bold;

font-family: "Poppins", sans-serif;

}

#adcon{

background-color:rgba(225, 225, 225, 0.25);

border:1px solid #b1b5b6;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

font-weight:bold;

text-align:center;

font-family: "Poppins", sans-serif;
}
#adcon h5 {
  font-weight:bold;
  font-family: "Poppins", sans-serif;
}

/*-------------------end--------



---------------------------*/





/*-------------------summer html



-----------------------------*/



/*-----------------------------------summerhero--------------*/

#summerhero {

width: 100%;

height: 80vh;

background: linear-gradient(rgba(23, 23, 128, 0.87),rgba(65, 61, 49, 0.35)),url("../imgs/summerbg.JPG");

background-size: cover;

position: relative;

text-align:center;

}



.ablogo{

padding-bottom:30px;



}

#summerhero:before {

content: "";

background: rgba(0, 0, 0, 0.4);

position: absolute;

bottom: 0;

top: 0;

left: 0;

right: 0;

}

#summerhero.container {

padding-top: 72px;

}

@media (max-width: 992px) {

#summerhero.container {

  padding-top: 62px;

}

}

#summerhero h1 {

margin: 0;

font-size: 48px;

font-weight: 700;

line-height: 56px;

color: #fff;

font-family: "Poppins", sans-serif;

}

#summerhero p {

color: rgb(230, 144, 87);

margin: 10px 0 0 0;

font-size: 24px;

font-weight:bold;

}



@media (min-width: 1024px) {

#summerhero {

  background-attachment: fixed;

}

}

@media (max-width: 768px) {

#summerhero {

  height: 100vh;

}

#summerhero h1 {

  font-size: 28px;

  line-height: 36px;

}

}

#adrcon{

background-color:rgba(225, 225, 225, 0.25);

border:1px solid #b1b5b6;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

font-weight:bold;



}

#adcon{

background-color:rgba(225, 225, 225, 0.25);

border:1px solid #b1b5b6;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

font-weight:bold;

text-align:center;

}



#courses{

background-color:rgba(180, 170, 170, 0.25);

font-family: "Poppins", sans-serif;

box-shadow: 0 5px 10px rgba(0, 0, 0, .5);

}

/*-------------------end--------



---------------------------*/