@font-face {
	font-family: Magistral;
    src: url(/fonts/magistral.ttf);
}
@font-face {
	font-family: MagistralB;
    src: url(/fonts/magistralb.ttf);
}
@font-face {
	font-family: Myriad;
    src: url(/fonts/myriad.otf);
}
@font-face {
	font-family: MyriadB;
    src: url(/fonts/myriadb.otf);
}



body
{
padding-top: 50px;
font-family: Arial;
font-size: 15px;
}

html, body, .container-fluid, .row, .full-height 
{
height: 100%;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



a.mainlinks:link, a.mainlinks:visited
{
text-decoration: none;	
color: #fff;
}

a.mainlinks:link:hover
{
text-decoration: none;	
color: #fff;
}


.btn
{
color: #fff;
background: #e21f27;
}

.btn:hover
{
color: #fff;
background: #23408f;
}

.topmenu a:link
{

text-decoration: none;
font-weight: normal;
}

h2
{
font-size:30px;
color: #23408f;
}
h3
{
font-size:23px;
color: #23408f;
}
h4
{
font-size:20px;
color: #23408f;
}

.scrollUp {
  position:fixed;
  top:auto;
  bottom:60px;
  left:auto;
  right:8px;
  border-radius:20px;
  cursor:pointer;
  padding:0px;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  z-index: 999999999;
}

.dir_header
{
font-family: Myriad;	
color: #fff;
font-size: 27px;
}

h2.page_header
{
color: #1f283f;	
font-family: Myriad;
}

.sony-jumbotron
{
display: inline-block;
border-radius: 0px; 
margin-top: 20px;
background: rgba(255, 255, 255, 0.3);

font-size: 16px;
padding: 20px 10px 20px 20px;
}

h3.dir_name
{
color: #1f283f;	
font-family: Myriad;
font-size: 30px;
}


hr
{
display: block;
width:100%;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 20px 0;
padding: 0;	
}

.directory
{
display: block; width:100%; height:auto;
background: #1f283f;
padding-top:10px; 
padding-bottom:30px;
padding-left: 35px;
padding-right: 20px;
border-bottom: 1px solid #454e65;	
border-left: 5px solid transparent;
}

.directory:hover
{
background: #454e65;	
animation: fadeIn 0.2s;
border-left: 5px solid #00d7b6;
}





.dir:after {
    transition: all ease-in-out 0.2s;
    background: linear-gradient(to right, #fff, transparent);
    content: "";
    display: block;
    height: 1px;
    width: 0;
	margin-top: -1px;
	
}
.dir:hover:after {
    width: 100%;
}



.directory_active
{
display: block; width:100%; height:auto;
background: #1c263e;
border-left: 5px solid #ff151f;
padding-top:10px; 
padding-bottom:30px;
padding-left: 35px;
padding-right: 20px;
}

.directory_active -> .directory
{
border-bottom: none;	
}

.dir_active:after {
    transition: all ease-in-out 0s;
    background: linear-gradient(to right, #fff, transparent);
    content: "";
    display: block;
    height: 1px;
    width: 0;
	margin-top: -1px;
	width: 100%;
}

















.dir_description
{
color: #dee7ff;	
}


a.dir:link, a.dir:visited, a.dir_active:link, a.dir_active:visited
{

text-decoration: none;	
}
a.dir:hover, a.dir_active:hover
{
text-decoration: none;	
}


.navbar
{
font-weight: 800;	
font-size: 20px;
font-family: Myriad;
color: #fff;

}

.navbar-inverse
{
background: linear-gradient(to right, #2e5499, #2e5499);

border-bottom: 0px solid #fff;	
}




@media screen and (min-width: 1400px) {
/* Full HD */

.mobile_menu
{
display: none;	
}

.topbar
{
font-size:17px; 
background: linear-gradient(to right, #ff151f, #2e5499);	
}

}









@media screen and (max-width:479px) 
/* Target portrait smartphones */
{

.topbar
{
font-size:17px; 

background: #1f283f url('/passport/pics/menu_bg.jpg');	
background-size: cover;


}

.mobile_menu
{
margin: 0 15px 0 15px; 
/* background: #2f5498; */


}

.mobile_date
{
display: none;
}


.logo
{
display: none	
}

.sidebar
{
display: none	
}


}





@media only screen and (max-width : 768px) {





}