.heffect .hover {transition: all 0.2s ease-in-out;position: relative;}
.heffect .hover:before, .heffect .hover:after {content: "";position: absolute;bottom: -10px;width: 0px;height: 2px;margin: 5px 0 0;transition: all 0.2s ease-in-out;transition-duration: 0.5s;opacity: 0;background-color: #00aadd;}
.heffect .hover.hover-1:before {left: 50%;}
.heffect .hover.hover-1:after {right: 50%;}
.heffect:hover {cursor: pointer;}
.heffect:hover .hover:before, .heffect:hover .hover:after {width: 100%;opacity: 1;}
.heffect:hover .hover.hover-1:before, .heffect:hover .hover.hover-1:after {width: 50%;}
.loader-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(240,240,240,.7); display: none;}
.loader {border: 16px solid #fff; border-top: 16px solid #00aadd; border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite; position: absolute; top: 50%; left: 50%;}
@keyframes spin {0% {transform: translate(-50%, -50%) rotate(0deg);}100% {transform: translate(-50%, -50%) rotate(360deg);}}
@keyframes pulse {0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);}}
.withlove {animation: pulse 1.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) infinite;}