@@ -36,10 +36,10 @@ img {
}
a {
color : inherit;
text-decoration : none;
text-decoration : none;
}
a : hover {
color : inherit;
}
a : focus {
outline : 0 ;
@@ -129,7 +129,138 @@ texarea.form-control{
\*------------------------------------*/
/* HOME PAGE */
/*--------------------Home-page----------------*/
.home_header {
position : fixed;
top : 0 ;
right : 0 ;
left : 0 ;
z-index : 200 ;
}
.home_menu_button {
position : relative;
border : 1px solid # ffffff
border-radius : 100% ;
color : # ffffff
background : transparent;
width : 40px ;
height : 40px ;
margin : 15px 15px 0 0 ;
display : inline-block;
float : right;
z-index : 202 ;
}
.home_menu_button : focus ,
.home_menu_button : active {
outline : 0 none;
}
.home_menu_button .home_bar {
transform-origin : 50% 50% ;
transition : .2s ease-in;
transform : translate (0 , 0 ) rotate (0deg );
}
.home_menu_button .active .home_bar : first-child {
transform : translate (0 , 6px ) rotate (135deg );
}
.home_menu_button .active .home_bar : nth-child (2 ){
opacity : 0 ;
}
.home_menu_button .active .home_bar : last-child {
transform : translate (0 , -6px ) rotate (225deg );
}
.home_bar {
background : # ffffff
display : block;
width : 20px ;
height : 2px ;
border-radius : 1px ;
margin : 0 auto;
}
.home_bar : not (: first-child ): not (: last-child ){
margin : 4px auto;
}
.home_header ul {
margin : 0 ;
padding : 0 ;
list-style : none;
text-align : center;
font-size : 4rem ;
margin-top : 10% ;
font-weight : 300 ;
white-space : nowrap;
}
.home_header li {
padding : 0 ;
margin : 0 ;
}
.home_header a : hover ,
.home_header a : active {
text-decoration : none;
}
.home_menu_list {
background : rgba (0 , 0 , 0 , 0.9 );
color : # ffffff
overflow : hidden;
transition : all .2s ease-in;
position : fixed;
top : 0 ;
bottom : 100% ;
left : 0 ;
right : 0 ;
z-index : 201 ;
}
.home_menu_list .active {
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
}
.mobile_header_foot {
position : absolute;
bottom : 0 ;
left : 0 ;
right : 0 ;
}
.mobile_header_foot img {
max-width : 96px ;
}
@media only screen and (min-width : 768px ) {
.home_menu_list {
background : transparent;
top : 20px ;
right : 70px ;
left : 100% ;
bottom : auto;
}
.home_menu_list .active {
background : transparent;
left : 0 ;
right : 70px ;
top : 20px ;
bottom : auto;
}
.home_header ul {
margin : 0 ;
text-align : right;
font-size : 2rem ;
}
.home_header li {
display : inline-block;
margin : 0 5px ;
}
}
.home_page_left {
background-image : url ('img/ANH.png' );
background-size : cover;