html, body { background-color: #ffffff; width: 100%; color: #312736; height: 100% }
.main-header { width: 100%; text-align: center; position: relative; overflow: hidden; overflow-x: hidden; overflow-y: auto; z-index: 1; height: 100%; background: url("img/geometry_1.png"); animation: animatedBackground 50s linear infinite; -moz-animation: animatedBackground 50s linear infinite;  -webkit-animation: animatedBackground 50s linear infinite; }
::-moz-selection {
color: gold;
background: transparant;
}
::selection { color: gold; background: transparant; }
@keyframes loopAnim { 0% {
background-color:#ed145b;
}
 20% {
background-color:#9e0b0f;
}
 40% {
background:#ed145b;
}
 60% {
background-color:#c51162;
}
 80% {
background-color:#ff4081;
}
 100% {
background-color:#ed145b;
}
}
@-moz-keyframes loopAnim { 0% {
background:#ed145b;
}
 20% {
background-color:#9e0b0f;
}
 40% {
background-color:#ed145b;
}
 60% {
background-color:#c51162;
}
 80% {
background-color:#ff4081;
}
 100% {
background-color:#ed145b;
}
}
 @-webkit-keyframes loopAnim { 0% {
background-color:#ed145b;
}
 20% {
background-color:#9e0b0f;
}
 40% {
background-color:#ed145b;
}
 60% {
background-color:#c51162;
}
 80% {
background-color:#ff4081;
}
 100% {
background-color:#ed145b;
}
}
body { background-color: #ed145b; animation: loopAnim 10s; -moz-animation: loopAnim 10s infinite; -webkit-animation: loopAnim 10s infinite; }
 @keyframes animatedBackground { from {
background-position: 0 0;
}
to { background-position: 0 100%; }
}
@-moz-keyframes animatedBackground { from {
background-position: 0 0;
}
to { background-position: 0 100%; }
}
@-webkit-keyframes animatedBackground { from {
background-position: 0 0;
}
to { background-position: 0 100%; }
}
.main-header .container { position: relative; display: table; height: 100%; paddig-bottom: 40px; }
.fb-share-button, #twitter-widget-0 { float: left; margin-right: 10px; margin-top: 5px }
.logo { position: absolute; width: 300px; height: 56px; left: 0; top: 40px; text-indent: -9999px; /*background-image: url("img/logo.png");*/ background-size: 142px 56px; }
.main-header__content { display: table-cell; vertical-align: middle; color: #fff; text-align: center; }
.main-header__cta-text { font-size: 28px; font-weight: 400; margin-top: 70px; }
.main-header__cta-play { display: inline-block; width: 56px; height: 56px; border-radius: 100%; border: 2px solid #fff; text-indent: -9999px; background-image: url("img/btn-play.png"); background-size: 17px 21px; background-repeat: no-repeat; background-position: center; margin-top: 30px; }
.main-header__cta-button { position: absolute; bottom: 56px; margin-left: 50%; left: -86px; width: 172px; line-height: 56px; height: 56px; text-align: center; border-radius: 8px; border: 2px solid #fff; font-weight: 600; color: #fff; -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.main-header__cta-button:hover { background-color: #fff; }
.main-header__canvas { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
/* Particles */
.particle { top: 0; left: 0; background-color: #fff; border-radius: 100%; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: -1; }
.p-1 { width: 10px; height: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; -webkit-box-shadow: 0 0 50px 30px white; -moz-box-shadow: 0 0 50px 30px white; box-shadow: 0 0 50px 30px white; }
.p-2 { width: 154px; height: 154px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
opacity: 0.15; -webkit-box-shadow: 0 0 50px 30px white; -moz-box-shadow: 0 0 50px 30px white; box-shadow: 0 0 50px 30px white; }
.p-3 { width: 45px; height: 45px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=17);
opacity: 0.17; -webkit-box-shadow: 0 0 1px 2px white; -moz-box-shadow: 0 0 1px 2px white; box-shadow: 0 0 1px 2px white; }
.p-4 { width: 20px; height: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
opacity: 0.25; -webkit-box-shadow: 0 0 40px 30px white; -moz-box-shadow: 0 0 40px 30px white; box-shadow: 0 0 40px 30px white; }
.p-5 { width: 55px; height: 55px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1; -webkit-box-shadow: 0 0 10px 20px white; -moz-box-shadow: 0 0 10px 20px white; box-shadow: 0 0 10px 20px white; }
.p-6 { width: 108px; height: 108px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3; }
.p-7 { width: 30px; height: 30px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; -webkit-box-shadow: 0 0 2px 3px white; -moz-box-shadow: 0 0 2px 3px white; box-shadow: 0 0 2px 3px white; }
.p-8 { width: 5px; height: 5px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1; -webkit-box-shadow: 0 0 30px 17px white; -moz-box-shadow: 0 0 30px 17px white; box-shadow: 0 0 30px 17px white; }
.p-9 { width: 60px; height: 60px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1; -webkit-box-shadow: 0 0 1px 1px white; -moz-box-shadow: 0 0 1px 1px white; box-shadow: 0 0 1px 1px white; }
.p-10 { width: 1px; height: 1px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; -webkit-box-shadow: 0 0 10px 5px white; -moz-box-shadow: 0 0 10px 5px white; box-shadow: 0 0 10px 5px white; }
.p-11 { width: 159px; height: 159px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1; -webkit-box-shadow: 0 0 1px 0px white; -moz-box-shadow: 0 0 1px 0px white; box-shadow: 0 0 1px 0px white; }
.p-12 { width: 10px; height: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);
opacity: 0.08; -webkit-box-shadow: 0 0 30px 20px white; -moz-box-shadow: 0 0 30px 20px white; box-shadow: 0 0 30px 20px white; }
.p-13 { width: 80px; height: 80px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);
opacity: 0.08; -webkit-box-shadow: 0 0 1px 1px white; -moz-box-shadow: 0 0 1px 1px white; box-shadow: 0 0 1px 1px white; }
.p-14 { width: 50px; height: 50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; -webkit-box-shadow: 0 0 30px 15px white; -moz-box-shadow: 0 0 30px 15px white; box-shadow: 0 0 30px 15px white; }
.p-15 { width: 235px; height: 235px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5);
opacity: 0.05; -webkit-box-shadow: 0 0 30px 15px white; -moz-box-shadow: 0 0 30px 15px white; box-shadow: 0 0 30px 15px white; }
.p-16 { width: 26px; height: 26px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; }
.p-17 { width: 60px; height: 60px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; -webkit-box-shadow: 0 0 35px 20px white; -moz-box-shadow: 0 0 35px 20px white; box-shadow: 0 0 35px 20px white; }
.p-18 { width: 5px; height: 5px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
opacity: 0.15; -webkit-box-shadow: 0 0 15px 8px white; -moz-box-shadow: 0 0 15px 8px white; box-shadow: 0 0 15px 8px white; }
.no-csstransforms .p-1 { top: 10%; left: 10%; }
.no-csstransforms .p-2 { top: 156px; left: 25%; }
.no-csstransforms .p-3 { top: 94px; left: 40%; }
.no-csstransforms .p-4 { top: 45px; left: 59%; }
.no-csstransforms .p-5 { top: 32%; left: 47%; }
.no-csstransforms .p-6 { top: 186px; left: 64%; }
.no-csstransforms .p-7 { top: 71px; left: 78%; }
.no-csstransforms .p-8 { top: 375px; left: 61%; }
.no-csstransforms .p-9 { top: 363px; left: 76%; }
.no-csstransforms .p-10 { top: 450px; left: 67%; }
.no-csstransforms .p-11 { top: 470px; left: 93%; }
.no-csstransforms .p-12 { top: 540px; left: 79%; }
.no-csstransforms .p-13 { top: 550px; left: 63%; }
.no-csstransforms .p-14 { top: 515px; left: 56%; }
.no-csstransforms .p-15 { top: 436px; left: 34%; }
.no-csstransforms .p-16 { top: 452px; left: 18%; }
.no-csstransforms .p-17 { top: 684px; left: 16%; }
.no-csstransforms .p-18 { top: 620px; left: 23%; }
.footer { background-color: #312736; color: #7d7980; font-size: 14px; position: fixed; bottom: 0; width: 100%; z-index: 2; }
.footer__content { padding: 5px 0; }
.footer__copyright { line-height: 32px; display: inline-block; float: left; margin-right: 20px; }
.footer__social-btn { height: 32px; width: 32px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; border-radius: 100%; border: 2px solid #fff; background-position: center; background-repeat: no-repeat; text-indent: -9999px; float: left; display: inline-block; margin-right: 10px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.footer__social-btn:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.footer__social-btn.twitter { background-image: url("img/icn-twt.png"); background-size: 16px 14px; }
.footer__social-btn.facebook { background-image: url("img/icn-fb.png"); background-size: 8px 16px; }
.footer__credits { float: right; text-align: right; line-height: 32px; }
.footer__credits strong { color: #c9c2cc; }
.title { font-family: 'Great Vibes', Sans-Serif; text-align: center; transform: translateY(-75px); transition: all 2s ease 0s; }
.randr { position: relative; top: 10px; font-size: 110px; padding-bottom: 15px; text-shadow: 0px 1px 1px #29183A; color: #fff!important; }
.randr1 { position: relative; font-size: 20px; text-shadow: 0px 1px 1px #29183A; color: #fff!important; }
.randr2 { position: relative; font-size: 50px; top: 90px; text-shadow: 0px 1px 1px #29183A; color: #fff!important; }
.title-animate { transform: translateY(0px); letter-spacing: 0px; }
 @media (max-width: 620px) {
.randr { font-size: 50px; }
.main-header__content { padding-bottom: 100px }
}
.wa_btn {
border: 1px solid rgba(0,0,0,.1);
position: relative;
font-family: Arial,sans-serif;
letter-spacing: .4px;
cursor: pointer;
font-weight: 400;
text-transform: none;
color: #fff;
border-radius: 2px;
background-color: #5cbe4a;
background-repeat: no-repeat;
line-height: 1.2;
text-decoration: none;
text-align: left;
font-size: 12px;
background-size: 16px;
background-position: 5px 2px;
padding: 3px 6px;
 float: left; margin-right: 10px; margin-top: 5px
}
.wa_btn:hover {
color: #fff;
background-color: #268132;
text-decoration: none;
}