@charset "utf-8";
/* CSS Document */

/*Shared Document*/

body {
  overflow: overlay;
}

@font-face {
font-family: Sympathly;
src: url("fonts/finished_sympathy-webfont.woff") format("woff");
}

/*Scroll Bar*/
/* width */
::-webkit-scrollbar {
  width: 8px;
	
}

/* Track */
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(171,175,220,0.50); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ABAFDC; 
}


.menu-bar{
	background-image: linear-gradient(90deg, rgba(171,175,220,0.7) 0%, rgba(91,97,168,0.7) 48%, rgba(53,60,142,0.7) 82%, rgba(23,86,99,0.7) 100%);
		position: fixed;
	z-index:300000;
	width: 100%;
}

.nav-link{
	font-size: 20px;
	margin: 3px;
	color: whitesmoke!important;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

.navbar-nav{
	text-align: center;
	margin-right: 20px;
	
}



.mobileparallaxreplacement{
	visibility: hidden;
	display: none;
	
}

.menu-bar .navbar-toggler{
	padding-right: 20px;
	outline: none!important;
	border: none!important;
}

.navbar .fa{
	color: #fff!important;
	font-size: 26px;
}
.nav-link:hover{
	font-weight: 600;
	border-bottom: 2px dotted whitesmoke;
	
}

.navbar-brand2{
	font-weight: 500;
	color: whitesmoke;
	margin-left: 20px;
	font-size: 2.5rem;
	text-decoration: none;
	font-family: Sympathly;
}
.navbar-brand2:hover{
	border-bottom: 1px solid whitesmoke;
	text-decoration: none;
	color: whitesmoke;
}


.ipadparallaxreplacement{
	display: none;
	visibility: hidden;
}

.imagereplaceforparralaxipad{
	display: none;
	visibility: hidden;
}

@media screen and (max-width:1224px){
	
		.adjust{
		overflow-x:hidden;
		position: relative;
	}
	

}


@keyframes navLinkFade{
	from{
		opacity: 0;
		transform: translateX(50px);
	}
	to{
		opacity: 1;
		transform: translateX(0px);
	}
}


.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
	opacity: 0;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
}
