/* Btn-scrolldown */ .btn-scroll { position: absolute; bottom: 60px; left: calc(50% - 19px); z-index: 5; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .scroll-downs { position: absolute; cursor: pointer; -webkit-animation: arrowdown 1.7s ease-in-out infinite; animation: arrowdown 1.7s ease-in-out infinite; } .btn-scroll i { color: #fff; font-size: 38px; } .btn-scroll:hover i { /*color: #ababab;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @keyframes arrowdown { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); } 50% { transform: translateY(-5px); -webkit-transform: translateY(-5px); } 100% { transform: translateY(0px); -webkit-transform: translateY(0px); } } @-webkit-keyframes arrowdown { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); } 50% { transform: translateY(-5px); -webkit-transform: translateY(-5px); } 100% { transform: translateY(0px); -webkit-transform: translateY(0px); } }