.teal{
	width:25px;
	border:none;
	
}
.sticky .teal, .white{
	display:none;
}

.sticky .white{
	width:15px;
	border:none;
	display:block;
}

/*--------------------------------------------preloader-------------------------------------*/
@media screen and (max-width: 480px){
	.row-nav-item{
		padding:0px 3px;
	}

	.preloader h1{
		display:flex;
	}
	.preloader:before{
		width:100%;
		left:0;
		background:none;
		background:url(/<?php echo $appendmyurl;?>image/gif-for-phn.gif);
		background-position:center,bottom;
		opacity:0.03;
		animation-name:none;
	}
	.preloader:after{
		width:50%;
		right:0;
		background:none;
	}
	.preloader{
		 display: flex;
justify-content: center;
background:url(/<?php echo $appendmyurl;?>image/gif-for-phn.gif);
/* background-size:cover;
 background-position:center;*/
 }
	.preloader h1{
		position:relative;
		left:auto;
		right:auto;
	
		font-family:arial;
		font-weight:bold;
		text-shadow:1px 1px white;
		word-break:break-all;
		width:100%;
		font-size:70px;
		text-transform:uppercase;
		display:none;
		
	}
		.preloader img{
		top:10em;
		filter:drop-shadow(1px 1px 1px black);
		width:90% !important;
		left:2%;
		
	}
	
		.preloader .header-rights{
			right:1em;
			font-size:16px;
			top:9em;
		
		padding:1px 5px;
		padding-top:3px;
		margin:0px;
		border-width:3px;
	}
}



.sticky .header-rights{
	color:white;
	border-color:white;
	left:15em;
	border:1px solid white;
	
	top:0.8em;
	font-size:8px;
	padding:1px 2px;
	padding-bottom:0;
	margin:0;
}
.college-title{
	position:absolute;
	font-weight:normal;
	font-family:century gothic;
	left:4em;
	top:1.11em;
	color:#234CAE;
}
@media only screen and (max-width:1308px){
	.college-title{
	display:none;
	}
}
@media only screen and (max-width:990px){
	.college-title{
display:inline-block;
	}
}
@media only screen and (max-width:1350px){
	.navbar-right li{
	font-size:14px;
	}
}
.start-menu{
	display:none;
}

.sticky-before .navbar-nav{
	left:0em;
	position:relative;
transition:ease-in 5s;
}
.sticky-before{
	background:white !important;
}
.sticky{
	padding:0px !important;
	
}
.sticky #logo{
	height:40px;
	top:0.19em;
	transition:.5s;
}
#myHeader
{
	padding:10px 20px;
}
#myHeader ul .nav-item .nav-link{
	color:black;
}
#myHeader #logo{
	display:none;
}
#myHeader #h-logo{
	width:220px;
	position:absolute;
	top:0.6em;
	transition:.5s;
	background:white;
	padding:1em;
	padding-top:0;
	padding-bottom:0em;
	border-radius:5px;
}
.sticky #h-logo{
	display:none;
}
.sticky #logo{
	display:block !important;
}
.sticky{
	box-shadow:0px 0px 2px 0px rgba(0,0,0,1) !important;
}
.sticky .navbar-toggler{
	background-color:#A69344;
	border-radius:0px;
}
.sticky .nav-item .nav-link{
	color:white !important;
}
.testimonial{
	 box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
    padding: 30px 30px 30px 130px;
    margin: 0 15px 30px 0px;
    overflow: hidden;
    position: relative;
}
 .sticky .dropdown-menu{
	background:#1D2E5A;
	top:1.8em;
	box-shadow:none !important;
	border-radius:0px;
	box-shadow:0px 0px 1px 0px;
}
.sticky .dropdown-menu:before{
	content:'';
	position:absolute;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:20px solid #1D2E5A;
	top:-1em;
	left:20%;
}
.sticky .dropdown-menu .ctg-list:hover:before{
	color:white;
}
.sticky .dropdown-menu a {
	color:white !important;
	font-family:century gothic;
	font-size:15px;
	
	font-weight:normal !important;
}
.sticky .dropdown-menu a:hover{
	background:#475884;
}
.sticky .sub-dropdown-menu{
	background:#475884;
	left:100%;
	box-shadow:0px 0px 1px 0px black; }
	.sticky .sub-dropdown-menu a{
		font-size:13px;
	}
.sticky .sub-dropdown-menu a:hover{
	color:orange !important;
	background:none !important;
}

.sticky .sub-dropdown-menu:before{
	border-right-color:#475884;


	filter:drop-shadow(4px 4px -2px rgba(0,0,0,0.4));
}
 .dropdown-menu .sub-dropdown-menu a:hover{
	border-radius:4px;
	color:1D2E5A;
}


















/*-------------------------------------------------------------------------------------------page----top-------banner---------------------------------------------------------------*/
.page-top-banner{
	padding:1em 2em;height:px;position:relative;background-size:cover;background-attachment:fixed;background-size:100%;
	position:relative;
	z-index:1;
	text-align:right;
}
.page-top-banner:before{
	content:'';
	position:absolute;
	background:rgba(23,80,120,0.8);
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:-1;
}
.page-top-banner h3{
	text-align:center;
	padding-top:1em;
}

@keyframes btn-animation{
	0%{
		background:rgba(50,50,50,50);
	}
	25%{
		background:#066C7C;
	}
	50%{
		background:#A69344;
		
	}
	75%{
		background:#00253F;
	}
	100%{
		background:#A69344;
	}
	
	75%{
		background:rgba(50,50,50,50);
	}
	50%{
		background:#066C7C;
	}
	25%{
		background:#A69344;
		
	}
	0%{
		background:#00253F;
	}
	
}
.page-top-banner .btn{
		animation:btn-animation 8s infinite;
		padding:7px;
		background:none;
		margin-top:7px;
		border-radius:0px;
		color:white;
		font-family:Barlow;
		font-size:15px;
		
	}
@media screen and (max-width: 991px){
	.course-total{
		position:relative;
		right:-1em;
	}
	
	
	.page-top-banner .btn{
		padding:4px;		
	}
	
}
/*-------------------------------------------------------------------------------------------Sticky-----------Header---------------------------------------------------------------*/
@keyframes rights{
	12%{transform:rotate(45deg);}
	25%{transform:rotate(90deg);}
	32%{transform:rotate(135deg);}
	50%{transform:rotate(180deg);}
	62%{transform:rotate(225deg);}
	75%{transform:rotate(270deg);}
	87%{transform:rotate(315deg);}
	100%{transform:rotate(360deg);}
	
}
.header-rights{
	animation-name: rights;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	color:#066C7C;
	position:absolute;
	z-index:1;
	font-size:15px;
	border:2px solid #066C7C;
	padding:0px 3px;
	padding-top:1px;
	font-family:arial;
	font-weight:bold;
	border-radius:100%;
	left:14.3em;
	top:0.3em;

}





.preloader h1{
	font-family:Montserrat;font-size:80px;position:absolute;left:13%;top:12%;z-index:165;color:white !important;
	text-shadow:1px 2px black;
	font-weight:bold;
	
}

.preloader h6{
	left:auto;
	right:9em;
	top:5em;
	padding:2px 8px;
	border-width:4px;
	background:white;
	font-size:30px;
	filter:drop-shadow(0px 0px 0px);
}
@media screen and (max-width: 1200px){
	.preloader h6{
		right:8em;
		top:4em;
	}
}
@media screen and (max-width: 900px){
	.preloader h6{
		right:5em;
		top:4em;
	}
}
@media screen and (max-width: 768px){
	.preloader h6{
		right:5em;
		top:7em;
		font-size:25px;
		padding:0px 4px;
	}
}
@media screen and (max-width: 520px){
	.preloader{
	text-align:center}
	.preloader h1{
		text-center:center;
	}
	.preloader h6{
			font-size:20px;
			padding:0px 4px;
		
			top:12em;
			right:2em;
	}
	.preloader img{
		top:15em;
		width:70% !important;
		left:5em;
	}
}






.top-container {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

.header {


  color: #f1f1f1;
  
}

.content {
  padding: 16px;
}

.sticky {
 width: 100%;
  position:fixed;
  transition: 0.4s;
  background:#00253F !important;
  top:0;
  right:0;
  left:0;
  z-index:199;
  box-shadow:0px 0px 1px 0px black;
}
.sticky .nav-item{
	font-family:century gothic;
	font-weight:normal;
}

 #logo{
	height:90px;
	width:px;
	left:3em;
	padding:6px 5px;
	transition: 0.4s;
	position:absolute;
	transition:ease-in 0.5s;
  top:0px;

	
}



html{
	scroll-behavior:smooth;
}

body{
	
	margin:0px;
	padding:0px;
	z-index:1;
	position:relative;
}
body:before{
	content:'';
	background:url(/<?php echo $appendmyurl;?>image/page-vector.png);
	z-index:-1;
	position:absolute;
	height:100%;
	width:100%;
	opacity:0.04;
	filter:drop-shadow(1px 2px 2px black);
}
.nav-item{
	padding:0px 5px;
	margin-top:1px;
	font-family:arial;

	
	
}


.nav-item:hover{
	color:black;
}
.item-link{
	color:black;
	font-weight:400;
}
.item-link:hover{
	color:#FFC107;
}
.dropdown-menu{
		position:absolute;
		margin-top:8px;
		transition:0.4;
}
.row-nav-item{
	display:inline-block;
	padding:0px 10px;
	margin:0px;
	list-style:none;
	font-size:14px;
	font-weight:600;
	
}
.row-nav-item .icofont{
	font-size:17px !important;
	color:lightgray !important;
}
.row-item-link{
	color:white;
	font-weight:300;
	font-size:12px;
}
.row-item-link:hover{
	color:red;
	
}
.dropdown-menu{
	position:absolute;
	margin-top:20px;
	
}
.dropdown-item{
	padding:5px 20px;
	font-family:HelvLight;
  -webkit-transition-property: padding; /* Safari */
  -webkit-transition-duration: 1s; /* Safari */
  transition-property: padding;
  transition-duration: 1s;
  position:relative;
}
.dropdown-item:hover{
	padding:5px 21px;
}
.social-link{
	float:left;
	list-style:none;
	padding:5px 14px;
	font-size:20px;
	color:#ffc107;
	
}

<!-----------------------------dropdown-submenu-------------------------------->
 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;
   left:100%;
   margin-top:-6px;
   margin-left:-1px;
 }



/*----------------------------------------------------------------------------------------------frame design---------------------------------------------*/


.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 55px 10px #lightgray;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;

}
.navbar-row{
	padding:0px !important;
	margin:0px !important;
}
.dropdown-menu{
	box-shadow:0px 0px 1px 0px black !important;
}


.back-link a {
		color: #4ca340;
		text-decoration: none; 
		border-bottom: 1px #4ca340 solid;
	}
	.back-link a:hover,
	.back-link a:focus {
		color: #408536; 
		text-decoration: none;
		border-bottom: 1px #408536 solid;
	}
	
	.entry-header {
		text-align: left;
		margin: 0 auto 50px auto;
		width: 80%;
        max-width: 978px;
		position: relative;
		z-index: 10001;
	}
	#demo-content {
		padding-top: 100px;
	}
	#loader-wrapper .loader-section {
	background:white;

	}
	h1{
		color:white;
	}
	h2,h3,h4,h5{
		color:white;
	}

	.sticky-college{
		
	}
	.sticky-college-before{
		padding-top:1em !important;
	
	}
	/*-------------------------------------------------------------------------------------------Contact-page-------------------------------------------------------------------------------------------------------*/
	input, textarea{
	z-index:1 !important;
}

.contact-form p, .contact-form h3{
	font-family:Maven Pro !important;
}
.contact-form p{
	color:gray;
}
.contact-form label{
	font-family:Maven Pro;
	padding-top:10px;
}
.contact-form input, .contact-form textarea{
	background:#E0E1DB !important;
	border:none;
	font-family:Josefin Sans;
	font-size:14px;
	border-radius:4px !important;
}
.contact-form button[type=submit]{
	font-family:Josefin Sans;
	margin-top:1em !important;
}
.header-top  h5{
		position:absolute;
		top:0.5em;
		color:white;
		letter-spacing:0;
		font-family:Noto Sans SC;
		font-size:17px;
		font-weight:normal !important;
	}
@media screen and (max-width: 768px){
	.header-top .col-lg-5 h5{
		position:static;
		text-align:center;
		padding-top:0.5em;
	}
	.header-top .col-lg-7 {
	
		text-align:center !important;
		padding-top:0em; !important;
	}
}
.loader{
	height:100%;
	width:100%;
	z-index:12;
	position:fixed;
	background:white;
}
.preloader{
	position:absolute;
	width:100%;
	height:100%;
	top:clac(50vh-75px);
	left:clac(50vw-75px);
}
.preloader:before{
	content:'';
	position:absolute;
	background:orange;
	width:40%;
	left:10%;
	top:-20%;
	height:100%;
	animation: move-top 8s linear infinite;
}
.preloader:after{
	content:'';
	position:absolute;
	background:#00253F;
	width:40%;
	top:10%;
	right:10%;
	height:100%;
	animation: move-bottom 8s linear infinite;
}
.preloader img{
	position:absolute;
	z-index:1;
	top:26%;
	left:27%;
	width:50% !important;
	filter:drop-shadow(1px 2px 1px black);
	
}

@keyframes move-top{
	0%{
		top:-20%;
	}
	50%{
		top:-40%;
	}
	75%{
		top:-55%;
	}
	100%{
		top:-20%;
	}
}
@keyframes move-bottom{
	0%{
		top:10%;
	}
	50%{
		top:40%;
	}
	75%{
		top:55%;
	}
	100%{
		top:10%;
	}
}


 @media screen and (max-width: 1150px){
			  .navbar-nav .nav-item{
				 
				   font-size:14.4px;
				   padding:0px;
			   }
			   
		   }
		@media screen and (max-width: 900px){
			.dropdown-menu{
				width:50%;
			}
			
			#h-logo{
					height:50px;
					width:150px !important;
				}
					.header-rights{
					left:15em;
					font-size:10px;
					padding:0px 2px;
					
					border-width:1px;
				}
			}
			@media screen and (max-width: 768px){
				.preloader h1{
					font-size:60px;
					top:25%;
				}
				.preloader img{
					top:36%;
				}
				
				.ctg-list,.dropdown-item{
					font-size:13px;
				}
				
				.sticky .dropdown-menu:before, .sticky .dropdown-menu:after{
					border:none !important;
				}
				.navbar-nav{
					top:0.6em;
					position:relative;
				
				}
				.nav-item{
					padding:0px !important;
				}
					.nav-item .nav-link{
						font-size:14px;
					}
				
			
			}


















   .dropdown-menu{
			  
		   }
		   .menu{
			   padding:0px;
		   }
		   .dropdown-menu:before{
			      content:'';
			   left:5em;
			top:-0.8em;
			   position:absolute;
			   border-bottom:20px solid white;
			   border-right:10px solid transparent;
			   border-left:10px solid transparent;
			   filter:drop-shadow(-1px 0px -1px rgba(0,0,0,0.1));
		   }
		.sub-dropdown-menu   .dropdown-item:hover:after{
			   content:'';
			   right:-1.2em;
			   top:0.5em;
			   position:absolute;
			   border-left:20px solid white;
			   border-bottom:10px solid transparent;
			   border-top:10px solid transparent;
			   filter:drop-shadow(2px 2px 1px rgba(0,0,0,0.2));
			  }
			  
			  .menu .ctg-list:before{
				  content:'\276F';
				  position:absolute;
				right:2%;
				color:gray;
				font-size:20px;
				font-weight:normal;
				margin-top:3px;
				transition:ease-in 0.4s;
			  }
			    .menu .ctg-list:hover:before{
				  content:'\276E';
				  position:absolute;
				right:3%;
				color:gray;
				font-size:20px;	
				z-index:1;
			  }
		 .sub-dropdown-menu{
			 background:green;
			 position:absolute;
			left:100%;
			transition:none 2s,  transform 2s;
			overflow:hidden;
			 clear:both;
			 width:100%;
			 z-index:4;
			 top:0;
			 max-width:auto;
			visibility: hidden;
			opacity:0;
			 background:white;
			margin-top:1em;
			transition:ease-in 0.2s;
			box-shadow:0px 0px 1px 0px;
		 }

		 .sub-dropdown-menu a{
			 display:block;
			 text-decoration:none;
			 color:black;
			 font-size:12px;
			border-bottom:0.2px solid rgba(0,0,0,0.6);
			line-height:2;
			padding:0.3em 1em;
			 text-align:;
			 font-family:arial;
			 font-weight:normal;
			 max-height:30px;
			 overflow:hidden;
		 }
		 @keyframes marquee {
			  0% { left: 0%; }
			  100% { left: -100%; }
			}
			.marquee:hover{
				animation: marquee 8s linear infinite;
				display: block;
				width:200%;
				height:auto;
				 position:relative;
				  overflow: hidden;

			}
		 .menu .ctg-list{
			 position:relative;
			border-bottom:1px solid rgba(200,200,200,0.2);
			 list-style:none;
		 }
		  .menu .ctg-list:hover .sub-dropdown-menu{
			opacity:1;
			margin-top:0;
			visibility: visible;
			transition:ease-in 0.2s;
			  
		  }
		  .sub-dropdown-menu:hover{
			  opacity:1;
			margin-top:0;
		  }
			  
		  .sub-dropdown-menu a:hover{
			  border-bottom:0.2px solid rgba(0,0,0,0.6) !important;
		  }
		  .single-page:before{
			  content:'' !important;
		  }
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  .cacms-footer{
	background:#00253F;
	margin-top:0em;
	padding-top:1em;
	font-family:Roboto Condensed;
	font-weight:normal !important;
}
.cacms-footer:before{
	content:'';
	position:absolute;
	top:-1em;
	width:100%;
	height:50px;
	background:#00253F;
	transform:rotate(-0.5deg);
	left:0;
}
.cacms-footer .col-lg-4:nth-child(1), .cacms-footer .col-lg-8{
	padding-top:2em;
	padding-bottom:1em;
}
.cacms-footer .col-lg-4{
	border-right:1px solid rgba(220,220,220,0.1);
}
.cacms-footer img{
	width:200px;
	filter:drop-shadow(2px 2px 2px black);
}
.cacms-footer .col-lg-4 h5{
	color:rgba(220,220,220,0.7);
	font-weight:normal !important;
	font-size:16px;
	line-height:1.6;
	padding:1em 0.3em;
	padding-bottom:0;
		font-weight:normal !important;
		filter:drop-shadow(2px 2px 2px black);
}
.cacms-footer .col-lg-4 h6{
	color:#A69344;
	filter:drop-shadow(2px 2px 2px black);
	font-size:17px;
	padding:0em 0.3em;
}
.cacms-footer   h5{
	color:#A69344;
	letter-spacing:2;
	font-family:Roboto;
	font-weight:normal !important;
	padding-top:0.4em;
}
.cacms-footer .col-lg-5  h6{
	padding-top:0 !important;
	color:rgba(220,220,220,0.5);
	letter-spacing:2;
	font-family:Roboto Condensed;
		font-weight:normal !important;
}
 .cacms-footer .col-lg-3 {
	 padding-top:2em;
	 padding-left:3em;
	 
 }
  .cacms-footer .col-lg-5{
	 padding-top:2em; 
 }
.cacms-footer .col-lg-3 ul{
padding:0;
margin:0;
}

.cacms-footer .col-lg-8{
	padding-left:5em;
		letter-spacing:1;

}
.cacms-footer .col-lg-3  ul li{
	list-style:none;
	padding:0.1em 0em;
}
.cacms-footer .col-lg-3  ul li a{
	color:rgba(220,220,220,0.5);
	padding:3px;
	text-decoration:none;
	transition:ease-in 0.3s;
}
.cacms-footer .col-lg-3  ul li a:hover{
	color:#A69344;
}
.cacms-footer .input-group{
	padding-top:0.6em;
}
.cacms-footer input[type=email]{
	background:#0F172A;
	border-radius:0px 4px 4px 0px;
}

.cacms-footer input[type=email]::placeholder{
	color:rgba(220,220,220,0.5) !important;
	font-family:arial;
	font-size:14px;
	letter-spacing:1;
}
.cacms-footer input[type=email]:focus{
	outline:none !important;
	border-color:#0F172A;
	box-shadow:none !important;
}
.cacms-footer input[type=submit]{
	background:#A69344;
		color:rgba(220,220,220,0.9);
		font-size:14px;
		font-weight:600;
}
.bottom-footer {
	border-top:1px solid rgba(220,220,220,0.1);
	padding-top:1em;
	padding-bottom:1em;
}
.bottom-footer h6{
	color:rgba(220,220,220,0.7);
	letter-spacing:1;
	font-family:Roboto Condensed;
	font-weight:normal !important;
}
.bottom-footer:last-child{
text-align:right;
}
.bottom-footer ul{
	padding:0;
	margin:0;
}
.bottom-footer ul li{
	list-style:none;
	padding:0em 0.4em;
	display:inline-block;
}
.bottom-footer ul li a{
	color:rgba(220,220,220,0.7);
	border:1px solid rgba(220,220,220,0.4);
	padding:2px 5px;
	text-decoration:none;
	transition:ease-in 0.3s;
}
.bottom-footer ul li a:hover{
background:#A69344;
border:none;
color:white;
}
.footer-rights{
	border-color:white;
	color:white !important;
	top:1.7em;
	left:15em;
	
	font-size:14px !important;
	padding:1px 6px !important;
	margin:0px !important;
	padding-bottom:0 !important;

	position:absolute;
	text-shadow:none;
}