/* top-menu tiny */
.top-menu.tiny {top: 45px;}
.top-menu{padding:0!important; margin:0!important; position: absolute; top: 0; left:0; border-radius:0;-webkit-border-radius:0; width:100%; font-size:13px; font-weight:400; background:transparent;border-bottom:0;z-index:999; transition:all .3s linear 0s;min-height:auto!important;background: rgba(255, 255, 255, 0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,212,255,0) 100%);}
.top-menu.tiny{bottom:auto;top:0;position: fixed; height: 65px; background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); z-index: 99;}
.top-menu.tiny .desktoplogo{padding: 0px; border: 0;}
.top-menu.tiny .desktoplogo .logo{width: 67%;}
.top-menu.tiny .desktoplogo .content{padding: 8px 0 10px 50px; -webkit-filter: none; filter: none;}
.top-menu.tiny .topSearch{top: 7px;}
.top-menu.tiny .topSearch .search_icon{background-color: rgba(0,0,0, 0.2);}

.top-menu.tiny .mainMenu ul.toggle{top: 7px;}
.top-menu.tiny .mainMenu ul.toggle li{background-color: rgba(0,0,0, 0.5);}

.grow,.grow .logo {transition: 0.8s ease-in-out;}
.shrink,.shrink .logo {transition: 0.8s ease-in-out;}

.mobileheader{display: none;}
.desktoplogo{display: inline-block; margin-left: 0px;}
.desktoplogo .logo{width: 100%;}
.desktoplogo .content{ padding: 15px 0 15px 0px; -webkit-filter: hue-rotate(0deg) brightness(500%) grayscale(100%); filter: hue-rotate(0deg) brightness(500%) grayscale(100%); width: 100%;}

.mainMenu ul.toggle{ position: fixed; z-index: 1000; top: 3%;  right: 7%; width: 50px; height: 50px; cursor: pointer;}
.mainMenu ul.toggle li{position:absolute; left:5%; transform: translateY(-50%); height:5px;  width:90%; list-style:none; background:#e9e9e9; transition: .9s;}
.mainMenu ul.toggle li:nth-of-type(1){ top: 20%;}
.mainMenu ul.toggle li:nth-of-type(2){ top: 50%;}
.mainMenu ul.toggle li:nth-of-type(3){ top: 80%;}
.mainMenu ul.toggle.active li:nth-of-type(1){ top: 50%; transform: translateY(-50%) rotate(45deg); background: #000;}
.mainMenu ul.toggle.active li:nth-of-type(2){ left: -100%; opacity: 0; background: #000;}
.mainMenu ul.toggle.active li:nth-of-type(3){ top: 50%; transform: translateY(-50%) rotate(-45deg); background: #000;}

/******Sidebar******/
.mainMenu .sidebar{ position: fixed; top: -100%;  bottom: 0; background: rgba(255, 255, 255, 0.96); width: 100%; height: 100vh; box-sizing: border-box; padding: 100px 100px 50px 100px; transition: .9s; z-index: 999; overflow: hidden;}
.mainMenu .sidebar.active{top: 0;}



.menu-social{width: 12%; border-radius: 20px; position: absolute; right: 5%; background: url(../images/menu-social-bg.jpg); background-size: cover; background-position: center; text-align: center; padding: 20px 0;}
/* footer social icons */
ul.menu-social-network { list-style: none; display: inline; margin-left:0 !important; padding: 0;}
ul.menu-social-network li {display: block; margin: 20px 5px 20px 5px;}
/* footer social icons */
.menu-social-network a.icoRss:hover { background-color: #F56505;}
.menu-social-network a.icoFacebook:hover { background-color:#3B5998;}
.menu-social-network a.icoTwitter:hover { background-color:#33ccff;}
.menu-social-network a.icoGoogle:hover { background-color:#BD3518;}
.menu-social-network a.icoVimeo:hover { background-color:#0590B8;}
.menu-social-network a.icoLinkedin:hover { background-color:#007bb7;}
.menu-social-network a.icoYoutube:hover { background-color:#cc0000;}
.menu-social-network a.icoInstagram:hover { background-color:#c8008b;}
.menu-social-network a.icoWhatsapp:hover { background-color:#189d0e;}
.menu-social-network a.icoRss:hover i, .menu-social-network a.icoFacebook:hover i, .menu-social-network a.icoTwitter:hover i,
.menu-social-network a.icoGoogle:hover i, .menu-social-network a.icoVimeo:hover i, .menu-social-network a.icoLinkedin:hover i, .menu-social-network a.icoYoutube:hover i, .menu-social-network a.icoInstagram:hover i,a.icoWhatsapp:hover i { color:#fff;}
a.socialIcon:hover, .socialHoverClass { color:#44BCDD;}
.menu-social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 35px; height: 35px; font-size:14px; background: rgba(255,255,255,0); border: 2px solid #fff;}
.menu-social-circle li i { margin:0; line-height:32px; text-align: center;}
.menu-social-circle li a:hover{border: 2px solid rgba(255, 255, 255, 0);}
.menu-social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
.menu-social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

.menu-single-link{width: 100%; float: left; margin-top: 10px;}
.menu-single-link ul{padding: 0; margin: 0;}
.menu-single-link ul li{list-style: none; display: inline-block; margin: 0 8px;}
.menu-single-link ul li a{display: block; padding: 5px; font-size: 15px; text-transform: uppercase; font-weight: 600;}
.menu-single-link ul li a:hover{color: var(--color-yellow);}

.top-admission-btn-bg{position: absolute; top: 25px; right: 300px;}
.top-admission-btn-bg a{border:2px solid var(--color-blue);color:var(--color-white) !important;background:var(--color-blue); padding:10px 35px 10px 35px;font-size:14px;font-weight: 500; display: inline-block;border-radius:50px; text-transform: uppercase; letter-spacing: 0.5px;}
.top-admission-btn-bg a:hover{border:2px solid var(--color-blue);background:none;color:var(--color-blue) !important;}
.top-menu.tiny .top-admission-btn-bg{top: 10px;}
.top-menu.tiny .top-whats-app {
    top: 7px;
}
.top-whats-app{position:absolute;top:25px;right:237px}
.top-whats-app a{padding:10px;width:50px;height:50px;color:var(--color-white)!important;background:#27c34c;font-size:14px;font-weight:500;display:inline-block;border-radius:50%;text-align:center}
.headerwhatsApp i{font-size:30px}

@media(min-width:320px) and (max-width:1080px){
html { overflow: hidden; height: 100%;}
body { height: 100%; overflow: scroll;}
.mobileheader{display: block; position: relative; padding: 5px 0;}
.smllogo{padding: 5px 0 5px 10px; display: inline-block;}
.smllogo a{display: block;}
.desktoplogo{display: none;}
.top-menu{position: relative !important; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,212,255,0) 100%);}
.top-whats-app { position: absolute; top: 2px; right:100px;}
.mainMenu .sidebar.active {top: unset; right: 0;}
.mainMenu .sidebar{ top: unset; right: -100%; bottom: 0; background: rgba(255, 255, 255,1); width: 100%; height: 100vh; padding: 100px 30px 50px 10px; overflow-y: auto;}
.mainMenu ul.toggle { top: 8px !important; right: 15px; width: 35px; height: 35px;}
.mainMenu ul.toggle li{background: rgba(0,0,0,0.5);}
.menu-social{width: 100%; right: 0; bottom: 0%; left: 0%; position: relative; float: left;}
.menu-social:before{position: absolute; content: ''; top: 10px; right: 10px; bottom: 10px; left: 10px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 20px;}
ul.menu-social-network li{display: inline-block; margin: 10px 5px 10px 5px;}
.menu-single-link{margin-top: 0;}
.menu-single-link ul li{display: block; margin:0; text-align: right;}
.menu-single-link ul li a{padding: 12px; text-align: right;}
.inner-banner .inner-breadcrumb{display: none;}
.inner-banner h1{bottom: 0; left: 15px; font-size: 22px; font-weight: 600;background: none;padding: 0;}
.top-admission-btn-bg{right: 5px; top: 70px;}
.top-admission-btn-bg a{border:2px solid var(--color-blue);color:var(--color-white) !important;background:var(--color-blue); padding:5px 20px 5px 20px;font-size:12px;font-weight: 500; display: inline-block;border-radius:50px; text-transform: uppercase;letter-spacing: 0.5px;}
.top-admission-btn-bg a:hover{border:2px solid var(--color-blue);background:var(--color-blue);color:var(--color-white) !important;}


}