@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/*------------------------------------------------------------------
CSS
-------------------------------------------------------------------*/
.header{
	margin-bottom: 30px;
	box-shadow: 0px 1px 10px rgba(52, 58, 64, 0.23);
	background:#fff;
}

.page{
    background-color: #f5f5f5;
	min-height: 99.96vh;
    position: relative;
    padding-bottom: 100px;
}

.header .container > div{
	justify-content: space-between;
    display: flex;
    padding: 0;
	align-items: center;
}
.logo h1{
	display:flex;
	align-items:center;
	margin:0px;
}

.title-h2{
	text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 30px;
    color: #004289;

}
.site-slogan{
    padding-left: 10px;
    font-size: 16px;
	color: #565656;
}	
	
.header .login .dropdown-account, .header .login .dropdown-items{
	padding:0px;
	margin:0px;
	list-style:none;
}
.header .login .dropdown-account > li {
	display:flex;
	align-items:center;
}
.header .login .dropdown-account > li li {
	display: inline-block;
}
.header .login .dropdown-account li a{
	backface-visibility: hidden;
    position: relative;
    transition: 0.5s all ease;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
	color: #565656;
	padding:10px;
}
.header .login .dropdown-account li a:after{
	content: "";
    transition: 0.5s all ease;
    backface-visibility: hidden;
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #565656;
    left: 0;
}
.header .login .dropdown-account li a:hover:after{width: 100%;}
.header .login .dropdown-account h2{display:none;margin: 0;font-size: 16px;color: #565656;margin-right: 15px;}
.toolbar-tray-open .header .login .dropdown-account h2{display:block;}
.block-logo{max-width:380px;overflow:hidden;padding: 10px;width: 33.33%;}	
.block-logo .block-logo-link{display: flex;justify-content:center;overflow: hidden;position:relative;border-radius: 5px;}
.block-logo .block-logo-link img{width:100%;transition: 0.5s all ease;}
.block-logo .block-logo-link h3{position:absolute;bottom:-50px;width: 100%; transition: 0.5s all ease;z-index: 1;text-align: center;color: #fff;padding: 10px;margin: 0;background: rgba(0, 0, 0, 0.2);font-size: 16px;}
.block-logo .block-logo-link:hover img{transform: scale(1.2);}
.block-logo .block-logo-link:hover h3{bottom: 0;}

.site-footer{
	background: #313131;
    padding: 20px 0;
    position: absolute;
    width: 100%;
    bottom: 0;	
}
.site-footer p{
	text-align:center;
	color:#fff;
	margin:0px;
}

.message{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
}
.success{
     color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.error{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.warning, .Warning{
   color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

@media screen and (max-width: 900px) {
    .block-logo{
        width: 50%;
    }
}
.social{
    padding: 0px;
    margin:30px 0 20px;
    list-style: none;
    display: flex;
    justify-content: center;
}
.social li {margin: 0 20px;}
.social li a{font-size: 32px;transition: 0.3s all ease;top: 0px;position: relative;}
.social li a:before{content: ''; position: absolute;bottom: 0px;box-shadow: 0px 0px 14px 2px;width: 100%;opacity: 0;transition: 0.3s all ease}
.social li:hover a{top:-5px;}
.social li:hover a:before{opacity: 1}
.social li .fa-facebook{color: #3B5998;}
.social li .fa-twitter{color: #00acee;}
.social li .fa-linkedin{color: #4875B4;}
.social li .fa-youtube-play{color:#FF0000;}
.social li .fa-github{color: #000;}