.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu .et-menu-nav li a:after { content: ''; display: block; background: #c69d49; width: 100%; height: 3px; left: 50%; margin-left: -50%; position: absolute; top: 25px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0; margin-top: 1.3rem; } .et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu .et-menu-nav li a:hover:after { top: 20px; opacity: 1!important; } .et_pb_menu__logo { width: 100%; transition: width 0.6s ease-out; } #menu-fomenu.scrolled .et_pb_menu__logo { width: 80%; } .preloader-wrap{ left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; } .preloader { position: relative; width: 1.6rem; height: 1.6rem; border-radius: 50%; perspective: 780px; } .loading-circle { position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; } .loading-circle-one { left: 0%; top: 0%; animation: loadingCircleOne 1.2s linear infinite; border-bottom: 4px solid #efefef; } .loading-circle-two { top: 0%; right: 0%; animation: loadingCircleTwo 1.2s linear infinite; border-right: 4px solid #c8af7d; } .loading-circle-three { right: 0%; bottom: 0%; animation: loadingCircleThree 1.2s linear infinite; border-top: 4px solid #ff8484; } @keyframes loadingCircleOne { 0% { transform: rotateX(40deg) rotateY(-40deg) rotateZ(0deg); } 100% { transform: rotateX(40deg) rotateY(-40deg) rotateZ(360deg); } } @keyframes loadingCircleTwo { 0% { transform: rotateX(50deg) rotateY(15deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(15deg) rotateZ(360deg); } } @keyframes loadingCircleThree { 0% { transform: rotateX(15deg) rotateY(50deg) rotateZ(0deg); } 100% { transform: rotateX(15deg) rotateY(50deg) rotateZ(360deg); } }