/*========================================================================*/
/*  NAVBAR STRUCTURE
/*========================================================================*/


.navbar{position:fixed;background-color:#fff;overflow:hidden;height:55px;width:100%;z-index: 999;}

.navbar a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}

.navbar ul{margin:8px 0 0 0;list-style:none}

.navbar a:hover{background-color:#fff;color:#000}

	#logo{display:inline;position:fixed;top:0;background:#fff url('../assets/images/ca_ini-logo.png') no-repeat center; width:calc(100% - 140px);height:55px}
	
	#signin{display:inline;position:fixed;top:0;right:0;background:#fff;vertical-align:middle;height:55px}
	.signin a{color:#666; text-decoration:none;margin-top:5px;transition:0.3s}
	.signin a:hover{color:#000; text-decoration:none;background:#fff}
	
.side-nav{height:0;width:100%;position:fixed;z-index:9999;top:0;background-color:#111;opacity:0.95;overflow-y:hidden;padding-top:0;transition:0.7s}
.side-nav a{margin:10px 30px 10px 50px;text-decoration:none;font-size:20px;font-weight:500;line-height:2em;color:#fff;display:block;transition:0.3s;margin-top:20px;border-bottom:1px solid #666}
.side-nav a:nth-child(2){margin:40px 0 0 0;text-align:center}
.side-nav a:hover{color:#ccc}
.side-nav .btn-close{position:absolute;top:-20px;left:0;font-size:50px;margin-left:16px;margin-top:0;border:0}


/*========================================================================*/
/*  MAIN STRUCTURE
/*========================================================================*/


#main{position:relative;top:55px;height:100%;}

h4{font: 700 26px 'Rajdhani', sans-serif; margin:0; padding:1px 0; text-transform:uppercase}
.red{color:#9b1424}

/*========================================================================*/
/*  SCROLLER 
/*========================================================================*/


#return-to-top {
	z-index:999;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.2);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

#return-to-top:hover {background: rgba(0, 0, 0, 0.5);}

#return-to-top:hover i {color: #fff;top: 5px;}