/* font-family: 'PFDinDisplayPro-Bold'; */
/* font-family: 'PFDinDisplayPro-Medium'; */
/* font-family: 'PFDinDisplayPro-Regular'; */

#hellopreloader_preload{
	display: block;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* min-width: 1000px; */
	/* background: #cde8ff url(../images/page_preloader.gif) center center no-repeat; */
	background: #3b3f49 url(../images/page_preloader.svg) center center no-repeat;

	background-size:101px;
}
	#hellopreloader_preload p{
		font-family: 'PFDinDisplayPro-Regular';
		font-size: 14px;
		text-transform: uppercase;
		text-align: center;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: 100px;
	    margin-left: -30px;	
	    color: #fff;
	}


body {
  background: url('../images/bg1400.jpg') no-repeat top right fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  font-family: 'PFDinDisplayPro-Medium';
}

.bg-dakrgrey{
	background-color: #383838;
}
.bg-green{
	background-color: #7ebe5d;;
}
.bg-red{
	background-color: #d9413a;
}
.border-rounded-10{
	border-radius: 10px;
}
.border-rounded-20{
	border-radius: 20px;
}
.box-shadow-1{
	box-shadow: 0px 3px 8.73px 0.27px rgba(133, 133, 132, 0.2);
}
.box-shadow-2{
	box-shadow: 0px 7px 16.92px 1.08px rgba(133, 133, 132, 0.21)
}


.navbar-toggler.navbar-toggler-custom{
	border: none;
    padding: 0;
}
.navbar-toggler.navbar-toggler-custom i{
	vertical-align: middle;
    font-size: 3rem;
    line-height: .8;
    color: #383838;
}
.navbar-brand img{
	width: 100%;
	max-width: 230px;
	min-width: 200px;
}

.navbar .nav-link{
	transition: all .2s;
	text-transform: uppercase;
	font-size: .875rem;
	letter-spacing: .03em;
}
.dropdown-item{
	transition: all .2s;
	letter-spacing: .03em;
}

.navbar-nav .dropdown.show .nav-link {	
	color: #d9413a!important;
}
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover{
	background-color: rgba(255,255,255,.1);
}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  margin-top: -1px;
  left: 100%;  
  margin-left: .125rem;
}
.dropdown-item.dropdown-submenu{
	padding: 0;
}

.dropdown-item.dropdown-submenu > a{
	display: block;
	padding: .25rem 1.5rem;
}
.dropdown-item.dropdown-submenu a:hover{
	text-decoration: none;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.navbar-collapse.show .nav-link,
.navbar-collapse.collapsing .nav-link{
	    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
	.navbar-collapse.show .dropdown-menu .dropdown-item,
	.navbar-collapse.show .dropdown-menu .dropdown-item>a{
		text-align: left!important;
	}
	.navbar-collapse.show .dropdown-menu .dropdown-submenu .dropdown-item{
		padding-left: 2.5rem;
	}
	.navbar-collapse.show .navbar-nav .dropdown-item:focus, 
	.navbar-collapse.show .navbar-nav .dropdown-item:hover{
		background-color: transparent;
	}
	.navbar-collapse.show .dropdown-menu{
		padding-bottom: 0;
		padding-top: 0;
	}
	.navbar-collapse.show .dropdown-submenu .dropdown-menu{
		margin-left: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	
form h2{
	font-family: 'PFDinDisplayPro-Bold';
	color: #383838;
	letter-spacing: .03em;
}
form p{
	font-family: 'PFDinDisplayPro-Regular';
	color: #7d7d7d;
}
form .form-label-group,
form .form-group{
	font-family: 'PFDinDisplayPro-Regular';
}


.form-control{
	border-color: rgb(232, 232, 232);
}
.toggle-password{
	position: absolute;
	right: 0;
	top: 0;	    
    padding: 14px 16px;
    cursor: pointer;
}
.toggle-password i{
	color: #7d7d7d;
	transition: all .2s;
}
.form-control, .bootstrap-select .dropdown-menu{
	border-radius: 10px;
}

.bootstrap-select>.dropdown-toggle{
	padding: .75rem;
	padding-right: 1rem;
	border-radius: 10px;
}

.dropdown-item.active, .dropdown-item:active{
	color: #212529;
    text-decoration: none;
    background-color: rgba(0,0,0,.1);
}
.custom-button{
	border-radius: 22px;
	text-transform: uppercase;

	transition: all .2s;
}
	.custom-button:hover{
		opacity: .9;
	}

.forgot-password-wrapper a{
	text-decoration: underline;
	color: rgb(56, 56, 56);
	transition: all .2s;
}
	.forgot-password-wrapper a:hover{
		text-decoration: none;
	}

.form-group	.form-control.dropdown-toggle{
height: 48px;
}