*{
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
}

.header{
	min-height: 100vh;
	width 100%;
#background-image:linear-gradient(rgba(215,212,202,1),rgba(228,150,179,0)),url(images/mountain-1280-2.jpg);
	
#background-image:linear-gradient(rgba(215,212,202,1),rgba(228,150,179,0)),url(images/mountain-1280-2.jpg);

#background-imae:linear-gradient(rgba(190,199,198,1),rgba(92,36,16,0)),url(images/mountain-1280-2.jpg);

#background-image:linear-gradient(rgba(200,221,238,1),rgba(59,96,17,0)),url(images/mountain-1280-3.jpg);

#background-image:linear-gradient(rgba(108,138,172,1),rgba(50,3,94,0),rgba(344,51,59,0) ),url(images/mountain-1280-2.jpg);
background-image: url(images/mountain-1280-3.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
	      	
}


nav .toggle_btn{
color: red;
font-size: 1.5rem;
#cursor: pointer;
display:none;
}


.navbar{
display: flex;
padding: 2% 6%;
align-items:left;
height 60px;
justify-content: space-between;
}

.navbar .logo a {

}

.navbar .links-drop{
display: flex;
gap: 2rem;

}


.navbar .links{
display: flex;
gap: 2rem;

}

.navbar .toogle_btn {
color #red;
font-size: 1.5rem;
cursor: pointer;
display: none;
}
 




/* drop menu */
.dropdown_menu{
display:none;
position: absolute;
right: 2rem;
top 60px;
height: 0px;
width: 300px;
background: rgba(255,255,255, 0.1);
backdrop-filter: blur(15px);
border-radius: 10px;
overflow: hidden;
}

.dropdown_menu li{
padding: 0.7rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}

.dropdonw_menu.open{
height:240px;
}




@media(max-width:992px){

.wawes{
display:none;
}

.navbar {
display: none;
}

.links {
display: none;
}
.logo-box {
display: none;
}
.hero-btn {
display: none;
}



.toggle_btn {
display: block;
}

.dropdown_menu{
display:block;
position: absolute;
right: 1%;
left: 1%;
top 60px;
height: auto;
width: auto;
background: rgba(255,255,255, 0.1);
backdrop-filter: blur(15px);
border-radius: 10px;
}



.dropdown_menu  ul li {
list-style: none;
#display: inline-block;
padding: 5px 10px;
position: relative;


}

.dropdown_menu  ul li a{
color: #fff;
text-decoration: none;
font-size: 20px
}

.dropdown_menu  li::after{
content: '';
width: 0%;
height: 2px;
background: #000;
#display: block;
padding: 1px;
transition: 1.3s;
}

.dropdown_menu ul li:hover::after{
#width: 100%;
}





} #end_media


/* old nav */

nav {
display: flex;
padding: 2% 6%;
justify-content: space-between;
align-items: center;
}

nav img {
width: 57px;
}

.navbar{
flex: 1;
text-align: right;
#display: none;
z-index:2;
}

.navbar ul li {
list-style: none;
display: inline-block;
#padding: 8px 12px;
#position: relative; 
margin-top: 20px;

}

.navbar ul li a{
color: #000;
text-decoration: none;
    font-size: 20px;
    background: rgb(244 244 244 / 40%);
    backdrop-filter: blur(15px);
margin-top: 20px;
}

.navbar ul li::after{
content: '';
width: 0%;
height: 2px;
background: #000;
display: block;
padding: 1px;
margin: auto;
transition: 1.3s;
}

.navbar ul li:hover::after{
width: 100%;
}


.logo-box{
width: 100%;
Position: absolute;
top: 15%;
left 50%;
text-align: center;
z-index:1;
}



.text-box{
width: 100%;
#color:  #f44336;
Position: absolute;
top: 75%;
left 50%;
#ransform: translate(-50%,-50%);
text-align: center;
}

.text-box h1{
font-size: 32px;
color:  #000;
}


.text-box p{
font-family: 'Arsenica Trial', sans-serif;
margin: 0px 0 40px;
font-size: 30px;
color: #fff;
}



.hero-btn{
display: inline-block;
text-decoration: none;
color: #000;
border: 2px solid #fff;
padding: 12px 34px;
font-size: 13px;
background: #ffffffdb;
position: relative;
cursor: pointer;
font-size: 18px;
font-weight: 900;
}

.hero-btn:hover{
  border: 2px solid #fff;
  background: #7cceff;
  transition: 0.5s;
}


.nav bii{
display: none;
}
.nav .bi{
display: none;
}


#end_media



.course{
width: 70%;
margin: auto;
text-align: center;
padding-top: 100px;
background-color: #fff;
}

.course h1{
font-size: 36px;
font-weight: 700;
text-align: center;
}

.course p{
color: #777;
font-size: 16px;
font-weight: 400;
line-height: 30px;
#padding-top: 50px;
#padding-right: 200px;
#padding-left: 200px;
text-align: center;
}

.row-404{
margin-top: 5%;
margin-left: 5%;
margin-right: 5%;
display: flex;
justify-content: space-between;
}



.row{
margin-top: 5%;
margin-left: 5%;
margin-right: 5%;
display: flex;
justify-content: space-between;
}


.row-first{
background-color: #FFF;
color: black;
margin: 10px;
padding-left: 15%;
padding-right: 15%;
padding-top: 50px;
padding-bottom: 50px;
border-bottom: none;
border-top: none;
border-right: none;
border-left: solid 3px #0f7391;
text-align: center;
line-height: 20px;
}


.row-second{
background-color: #fff;
color: black;
margin: 10px;
padding-left: 15%;
padding-right:  15%;
padding-top: 50px;
padding-bottom: 50px;
border-bottom: none;
border-top: none;
border-right: none;
border-right: solid 3px #0f7391;
text-align: center;
line-height: 20px;
}

.row-three{
background-color: #Fff;
color: black;
margin: 10px;
padding-left:  15%;
padding-right:  15%;
padding-top: 50px;
padding-bottom: 50px;
border-bottom: none;
border-top: none;
border-right: none;
border-left: solid 3px #0f7391;
text-align: center;
line-height: 20px;
}


.row-four{
background-color: #fff;
color: black;
margin: 10px;
padding-left:  15%;
padding-right:  15%;
padding-top: 50px;
padding-bottom: 50px;
border-bottom: none;
border-top: none;
border-right: none;
border-right: solid 3px #0f7391;
text-align: center;
line-height: 20px;
}

.row-youtube{
color: black;
margin: 10px;
padding-left: 15%;
padding-right: 15%;
#padding-top: 50px;
padding-bottom: 80px;
text-align: center;
}



.iframe{
    height: 100px;
    width: 200px;
}


.course h3{
	  color: #000;
text-align: center;  
  }

.course-col{
flex-basis: 31%;
background: #fff;
border-radius: 10px;
margin-bottom: 5%;
padding: 20px 12px;
box-sizing: border-box;
transition: 0.5s;
text-align: center;
}

.course-col:hover{
box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);
}





.course-404{
flex-basis: 31%;
background: #fff;
border-radius: 10px;
margin-bottom: 5%;
padding: 20px 12px;
box-sizing: border-box;
transition: 0.5s;
text-align: center;
padding-top: 10px;
padding-right: 5%;
padding-bottom: 10px;
padding-left: 5%;
}

.course-404:hover{
box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);
}












@media(max-width: 700px){
.row{
flex-direction: column;
margin: auto;
    }
}

/*----- campus -----*/
.campus{
width: 80%;
margin: auto;
text-align: center;
padding-top: 50px;
}

.campus h1{
font-size: 36px;
font-weight: 700;
text-align: center;
}

.campus-col{
flex-basis: 32%;
border-radius: 10px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}

.campus-col img{
width: 100%;
display: block;
}

.layer{
background: transparent;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}

.layer:hover{
background: rgba(255,255,255,0.3);
}


.layer h3{
width: 100%;
font-weight: 500;
color: #fff;
font-size: 26px;
bottom: 0;
left: 50%;
transform: translatex(-50%);
position: absolute;
opacity: 0;
transition: 0.5s;
display:none;
}

.layer:hover h3{
bottom: 49%;
opacity: 1;
}

.text_page{
width: 80%;
margin:auto;
text-align: center;
padding-top: 100px;
}

.facilites h1{
font-size: 36px;
font-weight: 700;
text-align: center;
}

.contact_link{
margin: 100px auto;
width:80%;
background-image:linear-gradient(rgba(255,255,255,0.7),rgba(190,190,190,0.7)),url(images/contact_banner.png);
background-position: center;
background-size: cover;
border-radius: 10px;
text-align: center;
padding: 100px 0;

}

.contact_link h1{
color: #000;
margin-bottom: 40px;
padding:0;
}


.hero2-btn{
display: inline-block;
text-decoration: none;
#color: #5baef2;
color: #000;
border: 2px solid #000;
padding: 12px 34px;
font-size: 13px;
background: transparent;
position: relative;
cursor: pointer;
}

.hero2-btn:hover{
border: 2px solid #000;
background: #5baef2;
transition: 1s;
}


.footer{
background-color: #fbfbfb;
text-align: center;
padding: 30px 0;
}

.footer h4{
margin-bottom: 25px;
margin-top: 20px;
font-size: 32px;
}

.icons .bi{
color: #5baef2;
margin: 0 5px;
cursor: pointer;
padding: 18px 0;
font-size: 20px;
}



.icons-blue .bi{
color: #264fa1;
margin: 0 5px;
cursor: pointer;
padding: 18px 0;
}






#end

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}

.preloader .status {
   width: 100px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
#background-image: url(http://monticellomansion.com/wp-content/uploads/2021/04/dbf29347459a27eb6736f2164539440e.gif);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -50px 0 0 -50px;
}



.input-field {
 position:relative;
 margin-top:1rem;
 margin-bottom:1rem
}

.form-col{
flex-basis: 31%;
background: #fff;
border-radius: 10px;
margin-bottom: 5%;
padding: 20px 12px;
box-sizing: border-box;
transition: 0.5s;
}







.waviy {
  position: relative;
}
.waviy span {
  position: relative;
  display: inline-block;
  font-size: 40px;
  color: #fff;
  text-transform: uppercase;
  animation: flip 2s infinite;
  animation-delay: calc(.2s * var(--i))
}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}




.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
margin-top: -143px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 700px) {
  .waves {
height:60px;
min-height:60px;
  }
 /* hide reCAPTCHA  */

 .grecaptcha-badge {
display:none;
 }

}

/* Add a black background color to the top navigation */
.botnav {
  background-color: #fbfbfb;
  overflow: hidden;
border-top-width: 10px;
border-top-style: solid;
border-bottom-width: 10px;
border-bottom-style: solid;
border-color: #fbfbfb;
}

/* Style the links inside the navigation bar */
.botnav a {
  display: inline;
  color: #000;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 15px;
  border-bottom: 1px solid transparent;
  border-right: 2px solid;
}

.botnav a:hover {
}

.botnav a.active {
}

.botnav-line {
  background-color: #fbfbfb;
  overflow: hidden;
border-top-width: 10px;
border-top-style: solid;
border-bottom-width: 10px;
border-bottom-style: solid;
border-color: #fbfbfb;
}

/* Style the links inside the navigation bar */
.botnav-line a {
  display:block;
  color: #000;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 15px;
  border-bottom: 1px solid transparent;
  border-right: 2px solid;
}

.botnav-line a:hover {
}

.botnav-line a.active {
}


/* footer */

.footer-clean {
padding-top: 0px;
background-color: #fff;
color: #4b4c4d;
padding-inline: 10%;
}

.footer-clean h3 {
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}

.footer-clean ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-clean ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-clean ul a:hover {
  opacity:1;
}

.footer-clean .item.social {
  text-align:right;
}

@media (max-width:767px) {
  .footer-clean .item {
    text-align:center;
    padding-bottom:20px;
  }
}

@media (max-width: 768px) {
  .footer-clean .item.social {
    text-align:center;
  }
}

.footer-clean .item.social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin-left:10px;
  margin-top:22px;
  color:inherit;
  opacity:0.75;
}

.footer-clean .item.social > a:hover {
  opacity:0.9;
}

@media (max-width:991px) {
  .footer-clean .item.social > a {
    margin-top:40px;
  }
}

@media (max-width:767px) {
  .footer-clean .item.social > a {
    margin-top:10px;
  }
}

.footer-clean .copyright {
  margin-top:14px;
  margin-bottom:0;
  font-size:13px;
  opacity:0.6;
}


*Clearing Floats*/
.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}    
/* Form wrapper styling */

.search-wrapper {
    width: 450px;
    margin: 150px auto 50px auto;
    border-radius: 40px;
  background: transparent;
    box-shadow: 0 4px 20px -2px #e9e9e9;
}

/* Form text input */

.search-wrapper input {
  padding-left: 20px;
    width: 330px;
    height: 20px;
    padding: 10px 5px;
    float: left;   
    font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #fff;
    border-radius: 40px;
    border-top-style: none;
}

.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.8) inset;
}

.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
  padding-left: 20px;
}

.search-wrapper input:-moz-placeholder {
    
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
  border-style: none;
}   

/* Form submit button */
.search-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font: 13px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #198cff;
    border-radius: 40px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}  

.search-wrapper button:hover{    
/*     background: #e54040; */
}  

.search-wrapper button:active,
.search-wrapper button:focus{  
    background: #198cff;
    outline: 0;  
}

.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #c42f2f;
}     

.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}   

.sleva_link {
width: 100%;
top: 15%;
left 20%;
text-align: center;
}

.prod_pict {
width:100px; /*width of your image*/
height:100px; /*height of your image*/
}

#CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
#  outline: 2px solid #1032CF;
  outline-offset: 1px;
}