*{font-family: 'Oxygen', sans-serif;}
/**************Homepage Backgrounds*******************************/
.index { 
  background: url(../images/byrc_2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.page1
{
  background: url(../images/byrc_2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.page2
{
	  background: url(../images/byrc_1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.show
{
	display:block;
}
.hide
{
	display:none;
}
/******************Links***************************/
a:link {
    text-decoration: none;
	color:#fff;
}

a:visited {
    text-decoration: none;
	color:#fff;
}

a:hover {
    text-decoration: none;
		color:#00B4FF;
}

a:active {
    text-decoration: none;
	color:#fff;
}

.front-box
{
	padding-top:50px;
	height:150;

}
.front-box-left
{
	padding-top:0px;
	height:350px;
	background-color:#fdfdfd;
	    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5px;
}
.front-inner-box2
{
	background-color:white;
	padding: 25px;
	padding-top:5px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	border-radius:5px;
	color:#111;
	
}
.front-inner-box
{
	background-color:#fff;
	height:200px;
	padding: 25px;
	padding-top:5px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	border-radius:5px;
	color:#111;
	
}
.front-inner-box:hover
{
	background-color:#00B4FF;
	cursor:pointer;
	color:#fff;
}
.box
{
	background-color:#fff;
}
.nav-bar
{
	background-color:#00B4FF;
	width:100%;
	position:fixed;
	top:0px;
	padding: 10px;
	height: 75px;
	box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.8);
	z-index:99999;
	
}
.nav-bar .logo
{
	width:500px;
	float:left;
	margin-top:10px;
	color:#fff;
}
.nav-bar ul
{
	list-style:none;
}
.nav-link
{
	float:right;
	margin-top:20px;
	margin-left:10px;
	
}
.nav-link:hover
{
    -webkit-animation: swing 0.5s ease;
    animation: swing 0.5s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
	
	
}

@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.inner-link
{
	
	width: 150px;
	color:#fff;
	border: 2px solid #fff;
	border-radius:3px;
	padding: 5px;
	height: 25px;
	padding:10px;
}
.inner-link:hover
{
	color:#00B4FF;
	background-color:#fff;
}
.btn-custom
{
	width: 150px;
		border: solid 3px #fff;
    color: #fff;
    border-color: #fff;
    background-color: rgba(0,0,0,.2);
}
.btn-custom:hover
{
	border: solid 3px #fff;
	background-color:#fff;
}
#btnTop
{
	position:fixed;
	right: 30px;
	bottom: 30px;
}