<!-- Navigation menu --->
.navbar-toggle{float:left;margin:0;height:50px;width:50px;background:#444;border-radius:0;z-index:1}
.navbar-toggle .icon-bar{width:28px;background:#fff;transition:.5s ease;}
.navbar-toggle.collapsed .icon-bar:nth-child(2){transform:rotate(0)translateY(0)translateX(0);}
.navbar-toggle.collapsed .icon-bar:nth-child(3){opacity:1}
.navbar-toggle.collapsed .icon-bar:nth-child(4){transform:rotate(0)translateY(0)translateX(0);}
.navbar-toggle .icon-bar:nth-child(2){transform:rotate(-45deg)translateY(5px)translateX(-5px);}
.navbar-toggle .icon-bar:nth-child(3){opacity:0}
.navbar-toggle .icon-bar:nth-child(4){transform:rotate(45deg)translateY(-4px)translateX(-3px);}
.navbar-brand-centered{position:absolute;left:50%;display:block;width:160px;text-align:center;background-color:transparent;}
.navbar>.container .navbar-brand-centered,
.navbar>.container-fluid .navbar-brand-centered{margin-left:-80px;}
<!-- end Navigation menu --->
.material-button-anim{position:relative;padding:127px 15px 27px;text-align:center;max-width:320px;margin:0 auto 20px;}
.material-button{position:relative;top:0;z-index:1;width:70px;height:70px;font-size:1.5em;color:#FFF;background:#2C98DE;border:none;border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.275);outline:none;}
.material-button-toggle{z-index:3;width:90px;height:90px;margin:0 auto;}
.material-button-toggle span{-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform .175s cubic-bazier(.175,.67,.83,.67);transition:transform .175s cubic-bazier(.175,.67,.83,.67);}
.material-button-toggle.open{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);-webkit-animation:toggleBtnAnim .175s;animation:toggleBtnAnim .175s;}
.material-button-toggle.open span{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .175s cubic-bazier(.175,.67,.83,.67);transition:transform .175s cubic-bazier(.175,.67,.83,.67);}
#options{height:70px;}
.option{position:relative;}
.option .option1,
.option .option2,
.option .option3{filter:blur(5px);-webkit-filter:blur(5px);-webkit-transition:all .175s;transition:all .175s;}
.option .option1{-webkit-transform:translate3d(90px,90px,0) scale(.8,.8);transform:translate3d(90px,90px,0) scale(.8,.8);}
.option .option2{-webkit-transform:translate3d(0,90px,0) scale(.8,.8);transform:translate3d(0,90px,0) scale(.8,.8);}
.option .option3{-webkit-transform:translate3d(-90px,90px,0) scale(.8,.8);transform:translate3d(-90px,90px,0) scale(.8,.8);}
.option.scale-on .option1,
.option.scale-on .option2,
.option.scale-on .option3{filter:blur(0);-webkit-filter:blur(0);-webkit-transform:none;transform:none;-webkit-transition:all .175s;transition:all .175s;}
.option.scale-on .option2{-webkit-transform:translateY(-28px) translateZ(0);transform:translateY(-28px) translateZ(0);-webkit-transition:all .175s;transition:all .175s;}
@keyframes toggleBtnAnim{0%{-webkit-transform:scale(1,1);transform:scale(1,1);}
25%{-webkit-transform:scale(1.4,1.4);transform:scale(1.4,1.4);}
75%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
100%{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
}
@-webkit-keyframes toggleBtnAnim{0%{-webkit-transform:scale(1,1);transform:scale(1,1);}
25%{-webkit-transform:scale(1.4,1.4);transform:scale(1.4,1.4);}
75%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
100%{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.thumbnail img{width:100%;}
.noidung img{width:100% !important;height:auto;}