.button, button, input[type=button], input[type=submit], input[type=reset] { font-size:1.8rem; line-height:22px; font-variant:small-caps; background:transparent; border:5px solid #fecb16; display:inline-block; cursor:pointer; color:#74BCEC; padding:14px 50px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; overflow:hidden; position:relative; vertical-align:middle; z-index:1; -webkit-backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; outline:none; text-align:center } .button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { outline:none } .button::before, button::before, input[type=button]::before, input[type=submit]::before, input[type=reset]::before { content:''; z-index:-1; position:absolute; top:50%; left:100%; margin:-15px 0 0 1px; width:30px; height:30px; border-radius:50%; background:#74BCEC; -webkit-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-transform:scale3d(1, 2, 1); transform:scale3d(1, 2, 1); -webkit-transition:-webkit-transform .3s, opacity .3s; transition:transform .3s, opacity .3s; -webkit-transition-timing-function:cubic-bezier(.7, 0, .9, 1); transition-timing-function:cubic-bezier(.7, 0, .9, 1) } .button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { color:#fff !important; background-color: } .button:hover::before, button:hover::before, input[type=button]:hover::before, input[type=submit]:hover::before, input[type=reset]:hover::before { -webkit-transform:scale3d(9, 9, 1); transform:scale3d(9, 9, 1) } .button.large, button.large, input[type=button].large, input[type=submit].large, input[type=reset].large { font-size:3rem; line-height:38px; padding:18px 50px 14px 50px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px } .button.large::before, button.large::before, input[type=button].large::before, input[type=submit].large::before, input[type=reset].large::before { width:40px; height:40px; margin:-25px 0 0 1px } .button.blue, button.blue, input[type=button].blue, input[type=submit].blue, input[type=reset].blue { border-color: #0260AC; color: #0260AC; } .button.blue::before, button.blue::before, input[type=button].blue::before, input[type=submit].blue::before, input[type=reset].blue::before { background:#0260AC; } .button.blue:hover, button.blue:hover, input[type=button].blue:hover, input[type=submit].blue:hover, input[type=reset].blue:hover, .button.blue.inverted { background-color:#0260AC; } .button.blue.inverted { color:#fff } .button.blue.inverted:hover { background-color:#0097c0; border-color:#0097c0 } .button.blue.inverted::before { display:none !important } .button.purple, button.purple, input[type=button].purple, input[type=submit].purple, input[type=reset].purple { border-color:#6739b6; color:#6739b6 } .button.purple::before, button.purple::before, input[type=button].purple::before, input[type=submit].purple::before, input[type=reset].purple::before { background:#6739b6 } .button.purple:hover, button.purple:hover, input[type=button].purple:hover, input[type=submit].purple:hover, input[type=reset].purple:hover, .button.purple.inverted { background-color:#6739b6 } .button.purple.inverted { color:#fff } .button.purple.inverted:hover { background-color:#512d8f; border-color:#512d8f } .button.purple.inverted::before { display:none !important } .button.green, button.green, input[type=button].green, input[type=submit].green, input[type=reset].green { border-color:#b1d750; color:#b1d750 } .button.green::before, button.green::before, input[type=button].green::before, input[type=submit].green::before, input[type=reset].green::before { background:#b1d750 } .button.green:hover, button.green:hover, input[type=button].green:hover, input[type=submit].green:hover, input[type=reset].green:hover, .button.green.inverted { background-color:#b1d750 } .button.green.inverted { color:#fff } .button.green.inverted:hover { background-color:#9bc72d; border-color:#9bc72d } .button.green.inverted::before { display:none !important } .button.green-alt, button.green-alt, input[type=button].green-alt, input[type=submit].green-alt, input[type=reset].green-alt { border-color:#8dc63f; color:#8dc63f } .button.green-alt::before, button.green-alt::before, input[type=button].green-alt::before, input[type=submit].green-alt::before, input[type=reset].green-alt::before { background:#8dc63f } .button.green-alt:hover, button.green-alt:hover, input[type=button].green-alt:hover, input[type=submit].green-alt:hover, input[type=reset].green-alt:hover, .button.green-alt.inverted { background-color:#8dc63f } .button.green-alt.inverted { color:#fff } .button.green-alt.inverted:hover { background-color:#72a230; border-color:#72a230 } .button.green-alt.inverted::before { display:none !important } .button.orange, button.orange, input[type=button].orange, input[type=submit].orange, input[type=reset].orange { border-color:#ff9700; color:#ff9700 } .button.orange::before, button.orange::before, input[type=button].orange::before, input[type=submit].orange::before, input[type=reset].orange::before { background:#ff9700 } .button.orange:hover, button.orange:hover, input[type=button].orange:hover, input[type=submit].orange:hover, input[type=reset].orange:hover, .button.orange.inverted { background-color:#ff9700 } .button.orange.inverted { color:#fff } .button.orange.inverted:hover { background-color:#cc7900; border-color:#cc7900 } .button.orange.inverted::before { display:none !important } .button.pink, button.pink, input[type=button].pink, input[type=submit].pink, input[type=reset].pink { border-color:#e91d62; color:#e91d62 } .button.pink::before, button.pink::before, input[type=button].pink::before, input[type=submit].pink::before, input[type=reset].pink::before { background:#e91d62 } .button.pink:hover, button.pink:hover, input[type=button].pink:hover, input[type=submit].pink:hover, input[type=reset].pink:hover, .button.pink.inverted { background-color:#e91d62 } .button.pink.inverted { color:#fff } .button.pink.inverted:hover { background-color:#c0134d; border-color:#c0134d } .button.pink.inverted::before { display:none !important } .button.gray, button.gray, input[type=button].gray, input[type=submit].gray, input[type=reset].gray { border-color:#cdcfd7; color:#cdcfd7 } .button.gray::before, button.gray::before, input[type=button].gray::before, input[type=submit].gray::before, input[type=reset].gray::before { background:#cdcfd7 } .button.gray:hover, button.gray:hover, input[type=button].gray:hover, input[type=submit].gray:hover, input[type=reset].gray:hover, .button.gray.inverted { background-color:#cdcfd7 } .button.gray.inverted { color:#fff } .button.gray.inverted:hover { background-color:#b1b4c0; border-color:#b1b4c0 } .button.gray.inverted::before { display:none !important } .button.black, button.black, input[type=button].black, input[type=submit].black, input[type=reset].black { border-color:#111; color:#111 } .button.black::before, button.black::before, input[type=button].black::before, input[type=submit].black::before, input[type=reset].black::before { background:#111 } .button.black:hover, button.black:hover, input[type=button].black:hover, input[type=submit].black:hover, input[type=reset].black:hover, .button.black.inverted { background-color:#111 } .button.black.inverted { color:#fff } .button.black.inverted:hover { background-color:#000; border-color:#000 } .button.black.inverted::before { display:none !important } .button.red, button.red, input[type=button].red, input[type=submit].red, input[type=reset].red { border-color:#f04e4e; color:#f04e4e } .button.red::before, button.red::before, input[type=button].red::before, input[type=submit].red::before, input[type=reset].red::before { background:#f04e4e } .button.red:hover, button.red:hover, input[type=button].red:hover, input[type=submit].red:hover, input[type=reset].red:hover, .button.red.inverted { background-color:#f04e4e } .button.red.inverted { color:#fff } .button.red.inverted:hover { background-color:#ec1f1f; border-color:#ec1f1f } .button.red.inverted::before { display:none !important } .button.turquoise, button.turquoise, input[type=button].turquoise, input[type=submit].turquoise, input[type=reset].turquoise { border-color:#1cbbb4; color:#1cbbb4 } .button.turquoise::before, button.turquoise::before, input[type=button].turquoise::before, input[type=submit].turquoise::before, input[type=reset].turquoise::before { background:#1cbbb4 } .button.turquoise:hover, button.turquoise:hover, input[type=button].turquoise:hover, input[type=submit].turquoise:hover, input[type=reset].turquoise:hover, .button.turquoise.inverted { background-color:#1cbbb4 } .button.turquoise.inverted { color:#fff } .button.turquoise.inverted:hover { background-color:#158f89; border-color:#158f89 } .button.turquoise.inverted::before { display:none !important } .button.violet, button.violet, input[type=button].violet, input[type=submit].violet, input[type=reset].violet { border-color:#9c26b0; color:#9c26b0 } .button.violet::before, button.violet::before, input[type=button].violet::before, input[type=submit].violet::before, input[type=reset].violet::before { background:#9c26b0 } .button.violet:hover, button.violet:hover, input[type=button].violet:hover, input[type=submit].violet:hover, input[type=reset].violet:hover, .button.violet.inverted { background-color:#9c26b0 } .button.violet.inverted { color:#fff } .button.violet.inverted:hover { background-color:#771d86; border-color:#771d86 } .button.violet.inverted::before { display:none !important } .button.pink-alt, button.pink-alt, input[type=button].pink-alt, input[type=submit].pink-alt, input[type=reset].pink-alt { border-color:#f06eaa; color:#f06eaa } .button.pink-alt::before, button.pink-alt::before, input[type=button].pink-alt::before, input[type=submit].pink-alt::before, input[type=reset].pink-alt::before { background:#f06eaa } .button.pink-alt:hover, button.pink-alt:hover, input[type=button].pink-alt:hover, input[type=submit].pink-alt:hover, input[type=reset].pink-alt:hover, .button.pink-alt.inverted { background-color:#f06eaa } .button.pink-alt.inverted { color:#fff } .button.pink-alt.inverted:hover { background-color:#eb408f; border-color:#eb408f } .button.pink-alt.inverted::before { display:none !important } .demo-buttons .button { margin-right:10px; margin-bottom:10px } .button-video-play { display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100px; height:100px; background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PGcgaWQ9ImNpcmNsZV8xOF8iPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMiwwQzE0LjMyNywwLDAsMTQuMzI3LDAsMzJzMTQuMzI3LDMyLDMyLDMyczMyLTE0LjMyNywzMi0zMlM0OS42NzMsMCwzMiwweiBNMzIsNjJDMTUuNDMyLDYyLDIsNDguNTY4LDIsMzIuMDAxIEMyLDE1LjQzMiwxNS40MzIsMiwzMiwyYzE2LjU2OCwwLDMwLDEzLjQzMiwzMCwzMC4wMDFDNjIsNDguNTY4LDQ4LjU2OCw2MiwzMiw2MnoiLz48L2c+PC9nPjxnIGlkPSJwbGF5Ij48Zz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNDEuMTA5LDMwLjM0MWwtMTItNy45ODljLTAuNjEzLTAuNDA4LTEuNDAyLTAuNDQ3LTIuMDUzLTAuMUMyNi40MDYsMjIuNTk5LDI2LDIzLjI3NSwyNiwyNC4wMTN2MTUuOTggYzAsMC43MzcsMC40MDYsMS40MTIsMS4wNTcsMS43NjFjMC42NSwwLjM0OCwxLjQzOSwwLjMxMSwyLjA1My0wLjFsMTItNy45ODlDNDEuNjY2LDMzLjI5NCw0MiwzMi42Nyw0MiwzMi4wMDMgQzQyLDMxLjMzNSw0MS42NjYsMzAuNzEyLDQxLjEwOSwzMC4zNDF6IE0zOC44LDMzLjQyMmwtOS4zODksNS43ODZDMjguOTA3LDM5LjU0MywyOCwzOS41NTksMjgsMzkuNTU5czAtMC45MywwLTEuNTMzVjI2LjAwNyBjMC0wLjYwNCwwLTEuNjU5LDAtMS42NTlzMC45MDctMC4wNDYsMS40MTEsMC4yODdsOS4zODksNi4xOTNjMC40NTcsMC4zMDMsMC43MzEsMC42ODgsMC43MzEsMS4yMzQgQzM5LjUzMSwzMi42MDcsMzkuMjU3LDMzLjExOSwzOC44LDMzLjQyMnoiLz48L2c+PC9nPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+) !important; background-size:100% 100%; background-repeat:no-repeat; -webkit-transition:transform .4s ease-in-out; -moz-transition:transform .4s ease-in-out; -o-transition:transform .4s ease-in-out; transition:transform .4s ease-in-out } .button-video-play:hover { background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6dXJsKCNzdmdHcmFkaWVudCl9PC9zdHlsZT48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InN2Z0dyYWRpZW50IiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKC0yNSkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGJmZjMiIC8+PHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiNiMWQ3NTAiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PGc+PGcgaWQ9ImNpcmNsZV8xOF8iPjxnPjxwYXRoIGQ9Ik0zMiwwQzE0LjMyNywwLDAsMTQuMzI3LDAsMzJzMTQuMzI3LDMyLDMyLDMyczMyLTE0LjMyNywzMi0zMlM0OS42NzMsMCwzMiwweiBNMzIsNjJDMTUuNDMyLDYyLDIsNDguNTY4LDIsMzIuMDAxIEMyLDE1LjQzMiwxNS40MzIsMiwzMiwyYzE2LjU2OCwwLDMwLDEzLjQzMiwzMCwzMC4wMDFDNjIsNDguNTY4LDQ4LjU2OCw2MiwzMiw2MnoiLz48L2c+PC9nPjxnIGlkPSJwbGF5Ij48Zz48cGF0aCBkPSJNNDEuMTA5LDMwLjM0MWwtMTItNy45ODljLTAuNjEzLTAuNDA4LTEuNDAyLTAuNDQ3LTIuMDUzLTAuMUMyNi40MDYsMjIuNTk5LDI2LDIzLjI3NSwyNiwyNC4wMTN2MTUuOTggYzAsMC43MzcsMC40MDYsMS40MTIsMS4wNTcsMS43NjFjMC42NSwwLjM0OCwxLjQzOSwwLjMxMSwyLjA1My0wLjFsMTItNy45ODlDNDEuNjY2LDMzLjI5NCw0MiwzMi42Nyw0MiwzMi4wMDMgQzQyLDMxLjMzNSw0MS42NjYsMzAuNzEyLDQxLjEwOSwzMC4zNDF6IE0zOC44LDMzLjQyMmwtOS4zODksNS43ODZDMjguOTA3LDM5LjU0MywyOCwzOS41NTksMjgsMzkuNTU5czAtMC45MywwLTEuNTMzVjI2LjAwNyBjMC0wLjYwNCwwLTEuNjU5LDAtMS42NTlzMC45MDctMC4wNDYsMS40MTEsMC4yODdsOS4zODksNi4xOTNjMC40NTcsMC4zMDMsMC43MzEsMC42ODgsMC43MzEsMS4yMzQgQzM5LjUzMSwzMi42MDcsMzkuMjU3LDMzLjExOSwzOC44LDMzLjQyMnoiLz48L2c+PC9nPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+) !important; transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg) } .site-loader{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#fff;background-image:url(../images/logo-orange.png);background-position:50%;background-repeat:no-repeat; text-align: center;} .site-loader i{font-size: 36px; position: absolute; bottom: 30%;} .causes-box:after{ display: table; content: ''; clear: both; } .small_btn_blue{ padding: 5px 10px; border: 3px solid transparent; font-size: 14px; line-height: 20px; font-variant: small-caps; }