html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
body {
 line-height:1
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
body {
 -webkit-text-size-adjust:none
}
mark {
 background-color:transparent;
 color:inherit
}
input::-moz-focus-inner {
 border:0;
 padding:0
}
input,
select,
textarea {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none
}
@media screen and (max-width:480px) {
 html,
 body {
  min-width:320px
 }
}
html {
 box-sizing:border-box
}
*,
*:before,
*:after {
 box-sizing:inherit
}
body.is-preload *,
body.is-preload *:before,
body.is-preload *:after {
 -moz-animation:none!important;
 -webkit-animation:none!important;
 -ms-animation:none!important;
 animation:none!important;
 -moz-transition:none!important;
 -webkit-transition:none!important;
 -ms-transition:none!important;
 transition:none!important
}
html {
 height:100%
}
body {
 height:100%
}
body:after {
 content:'';
 display:block;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:inherit;
 opacity:0;
 z-index:1;
 background-color:#fff;
 background-image:url("images/overlay.png"),-moz-linear-gradient(60deg,rgba(255,165,150,0.5) 5%,rgba(0,228,255,0.35));
 background-image:url("images/overlay.png"),-webkit-linear-gradient(60deg,rgba(255,165,150,0.5) 5%,rgba(0,228,255,0.35));
 background-image:url("images/overlay.png"),-ms-linear-gradient(60deg,rgba(255,165,150,0.5) 5%,rgba(0,228,255,0.35));
 background-image:url("images/overlay.png"),linear-gradient(60deg,rgba(255,165,150,0.5) 5%,rgba(0,228,255,0.35));
 background-repeat:repeat,no-repeat;
 background-size:100px 100px,cover;
 background-position:top left,center center;
 -moz-transition:opacity 1.75s ease-out;
 -webkit-transition:opacity 1.75s ease-out;
 -ms-transition:opacity 1.75s ease-out;
 transition:opacity 1.75s ease-out
}
body.is-preload:after {
 opacity:1
}
body,
input,
select,
textarea {
 color:white;
 font-family:source sans pro,Helvetica,sans-serif;
 font-size:14pt;
 font-weight:300;
 line-height:2;
 letter-spacing:0.2em;
 text-transform:uppercase;
 font-weight: 600;
}
@media screen and (max-width:1680px) {
 body,
 input,
 select,
 textarea {
  font-size:11pt
 }
}
@media screen and (max-width:480px) {
 body,
 input,
 select,
 textarea {
  font-size:10pt;
  line-height:1.75
 }
}
a {
 -moz-transition:color .2s ease,border-color .2s ease;
 -webkit-transition:color .2s ease,border-color .2s ease;
 -ms-transition:color .2s ease,border-color .2s ease;
 transition:color .2s ease,border-color .2s ease;
 color:inherit;
 text-decoration:none
}
a:before {
 -moz-transition:color .2s ease,text-shadow .2s ease;
 -webkit-transition:color .2s ease,text-shadow .2s ease;
 -ms-transition:color .2s ease,text-shadow .2s ease;
 transition:color .2s ease,text-shadow .2s ease
}
a:hover {
 color:#e67e22
}
strong,
b {
 color:#313f47
}
em,
i {
 font-style:italic;
 font-size: 25px;
 font-weight: 400;
}
p {
 margin:0 0 1.5em
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color:orange;
 line-height:1.5;
 margin:0 0 .75em
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
 color:inherit;
 text-decoration:none
}
h1 {
 font-size:1.85em;
 letter-spacing:.22em;
 margin:0 0 -.475em
}
h2 {
 font-size:1.25em
}
h3 {
 font-size:1em
}
h4 {
 font-size:1em
}
h5 {
 font-size:1em
}
h6 {
 font-size:1em
}
@media screen and (max-width:480px) {
 h1 {
  font-size:1.65em
 }
}
sub {
 font-size:.8em;
 position:relative;
 top:.5em
}
sup {
 font-size:.8em;
 position:relative;
 top:-.5em
}
hr {
 border:0;
 border-bottom:solid 1px #c8cccf;
 margin:3em 0
}
form {
 margin:0 0 1.5em
}
form>:last-child {
 margin-bottom:0
}
form>.fields {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 width:calc(100% + 2.25em);
 margin:-1.125em 0 1.5em -1.125em
}
form>.fields>.field {
 -moz-flex-grow:0;
 -webkit-flex-grow:0;
 -ms-flex-grow:0;
 flex-grow:0;
 -moz-flex-shrink:0;
 -webkit-flex-shrink:0;
 -ms-flex-shrink:0;
 flex-shrink:0;
 padding:1.125em 0 0 1.125em;
 width:calc(100% - 1.125em)
}
form>.fields>.field.half {
 width:calc(50% - 0.5625em)
}
form>.fields>.field.third {
 width:calc(100%/3 - 0.375em)
}
form>.fields>.field.quarter {
 width:calc(25% - 0.28125em)
}
@media screen and (max-width:480px) {
 form>.fields {
  width:calc(100% + 2.25em);
  margin:-1.125em 0 1.5em -1.125em
 }
 form>.fields>.field {
  padding:1.125em 0 0 1.125em;
  width:calc(100% - 1.125em)
 }
 form>.fields>.field.half {
  width:calc(100% - 1.125em)
 }
 form>.fields>.field.third {
  width:calc(100% - 1.125em)
 }
 form>.fields>.field.quarter {
  width:calc(100% - 1.125em)
 }
}
label {
 color:#313f47;
 display:block;
 font-size:.9em;
 margin:0 0 .75em
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select,
textarea {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 border-radius:4px;
 border:solid 1px #c8cccf;
 color:inherit;
 display:block;
 outline:0;
 padding:0 1em;
 text-decoration:none;
 width:100%
}
input[type=text]:invalid,
input[type=password]:invalid,
input[type=email]:invalid,
input[type=tel]:invalid,
select:invalid,
textarea:invalid {
 box-shadow:none
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
 border-color:#ff7496
}
select {
 background-image:url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBkPSdNOS40LDEyLjNsMTAuNCwxMC40bDEwLjQtMTAuNGMwLjItMC4yLDAuNS0wLjQsMC45LTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjRsMy4zLDMuM2MwLjIsMC4yLDAuNCwwLjUsMC40LDAuOSBjMCwwLjQtMC4xLDAuNi0wLjQsMC45TDIwLjcsMzEuOWMtMC4yLDAuMi0wLjUsMC40LTAuOSwwLjRjLTAuMywwLTAuNi0wLjEtMC45LTAuNEw0LjMsMTcuM2MtMC4yLTAuMi0wLjQtMC41LTAuNC0wLjkgYzAtMC40LDAuMS0wLjYsMC40LTAuOWwzLjMtMy4zYzAuMi0wLjIsMC41LTAuNCwwLjktMC40UzkuMSwxMi4xLDkuNCwxMi4zeicgZmlsbD0nI2M4Y2NjZicgLz48L3N2Zz4=);
 background-size:1.25rem;
 background-repeat:no-repeat;
 background-position:calc(100% - 1rem) center;
 height:2.75em;
 padding-right:2.75em;
 text-overflow:ellipsis
}
select option {
 color:#313f47;
 background:#fff
}
select:focus::-ms-value {
 background-color:transparent
}
select::-ms-expand {
 display:none
}
input[type=text],
input[type=password],
input[type=email],
select {
 height:2.75em
}
textarea {
 padding:.75em 1em
}
input[type=checkbox],
input[type=radio] {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 display:block;
 float:left;
 margin-right:-2em;
 opacity:0;
 width:1em;
 z-index:-1
}
input[type=checkbox]+label,
input[type=radio]+label {
 text-decoration:none;
 color:#414f57;
 cursor:pointer;
 display:inline-block;
 font-size:1em;
 font-weight:300;
 padding-left:2.4em;
 padding-right:.75em;
 position:relative
}
input[type=checkbox]+label:before,
input[type=radio]+label:before {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:400;
 text-transform:none!important
}
input[type=checkbox]+label:before,
input[type=radio]+label:before {
 border-radius:4px;
 border:solid 1px #c8cccf;
 content:'';
 display:inline-block;
 height:1.65em;
 left:0;
 line-height:1.58125em;
 position:absolute;
 text-align:center;
 top:.15em;
 width:1.65em
}
input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:before {
 color:#ff7496;
 content:'\f00c'
}
input[type=checkbox]:focus+label:before,
input[type=radio]:focus+label:before {
 border-color:#ff7496
}
input[type=checkbox]+label:before {
 border-radius:4px
}
input[type=radio]+label:before {
 border-radius:100%
}
::-webkit-input-placeholder {
 color:#616f77!important;
 opacity:1
}
:-moz-placeholder {
 color:#616f77!important;
 opacity:1
}
::-moz-placeholder {
 color:#616f77!important;
 opacity:1
}
:-ms-input-placeholder {
 color:#616f77!important;
 opacity:1
}
.icon {
 text-decoration:none;
 position:relative;
 border-bottom:none
}
.icon:before {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:400;
 text-transform:none!important
}
.icon>.label {
 display:none
}
ol {
 list-style:decimal;
 margin:0 0 1.5em;
 padding-left:1.25em
}
ol li {
 padding-left:.25em
}
ul {
 list-style:disc;
 margin:0 0 1.5em;
 padding-left:1em
}
ul li {
 padding-left:.5em
}
ul.alt {
 list-style:none;
 padding-left:0
}
ul.alt li {
 border-top:solid 1px #c8cccf;
 padding:.5em 0
}
ul.alt li:first-child {
 border-top:0;
 padding-top:0
}
dl {
 margin:0 0 1.5em
}
dl dt {
 display:block;
 margin:0 0 .75em
}
dl dd {
 margin-left:1.5em
}
ul.actions {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 cursor:default;
 list-style:none;
 margin-left:-.75em;
 padding-left:0
}
ul.actions li {
 padding:0 0 0 .75em;
 vertical-align:middle
}
ul.actions.special {
 -moz-justify-content:center;
 -webkit-justify-content:center;
 -ms-justify-content:center;
 justify-content:center;
 width:100%;
 margin-left:0
}
ul.actions.special li:first-child {
 padding-left:0
}
ul.actions.stacked {
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 margin-left:0
}
ul.actions.stacked li {
 padding:.975em 0 0
}
ul.actions.stacked li:first-child {
 padding-top:0
}
ul.actions.fit {
 width:calc(100% + 0.75em)
}
ul.actions.fit li {
 -moz-flex-grow:1;
 -webkit-flex-grow:1;
 -ms-flex-grow:1;
 flex-grow:1;
 -moz-flex-shrink:1;
 -webkit-flex-shrink:1;
 -ms-flex-shrink:1;
 flex-shrink:1;
 width:100%
}
ul.actions.fit li>* {
 width:100%
}
ul.actions.fit.stacked {
 width:100%
}
@media screen and (max-width:480px) {
 ul.actions:not(.fixed) {
  -moz-flex-direction:column;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-left:0;
  width:100%!important
 }
 ul.actions:not(.fixed) li {
  -moz-flex-grow:1;
  -webkit-flex-grow:1;
  -ms-flex-grow:1;
  flex-grow:1;
  -moz-flex-shrink:1;
  -webkit-flex-shrink:1;
  -ms-flex-shrink:1;
  flex-shrink:1;
  padding:.75em 0 0;
  text-align:center;
  width:100%
 }
 ul.actions:not(.fixed) li>* {
  width:100%
 }
 ul.actions:not(.fixed) li:first-child {
  padding-top:0
 }
 ul.actions:not(.fixed) li input[type=submit],
 ul.actions:not(.fixed) li input[type=reset],
 ul.actions:not(.fixed) li input[type=button],
 ul.actions:not(.fixed) li button,
 ul.actions:not(.fixed) li .button {
  width:100%
 }
 ul.actions:not(.fixed) li input[type=submit].icon:before,
 ul.actions:not(.fixed) li input[type=reset].icon:before,
 ul.actions:not(.fixed) li input[type=button].icon:before,
 ul.actions:not(.fixed) li button.icon:before,
 ul.actions:not(.fixed) li .button.icon:before {
  margin-left:-.5rem
 }
}
ul.icons {
 cursor:default;
 list-style:none;
 padding-left:0;
 margin-top:-21px;
}
ul.icons li {
 display:inline-block;
 padding:.675em .5em
}
ul.icons li a {
 text-decoration:none;
 position:relative;
 display:block;
 overflow:hidden;
 text-align:center;
 white-space:nowrap;
 color:white;
}
ul.icons li a:before {
 position:absolute;
 top:0;
 left:0;
 width:inherit;
 height:inherit;
 font-size:1.85rem;
 line-height:inherit;
 text-align:center;
 text-indent:0
}
ul.icons li a i:hover,
ul.icons li a:hover {
 color:#58b4e1;
 border-color:#58b4e1
}
@media screen and (max-width:480px) {
 ul.icons li a:before {
  font-size:1.5rem
 }
}
input[type=submit],
input[type=reset],
input[type=button],
button,
.button {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 -moz-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
 -webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
 -ms-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
 transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
 display:inline-block;
 height:2.75em;
 line-height:2.75em;
 padding:0 1.5em;
 background-color:transparent;
 border-radius:4px;
 border:solid 1px #c8cccf;
 color:#414f57!important;
 cursor:pointer;
 text-align:center;
 text-decoration:none;
 white-space:nowrap
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
button:hover,
.button:hover {
 border-color:#ff7496;
 color:#ff7496!important
}
input[type=submit].icon,
input[type=reset].icon,
input[type=button].icon,
button.icon,
.button.icon {
 padding-left:1.35em
}
input[type=submit].icon:before,
input[type=reset].icon:before,
input[type=button].icon:before,
button.icon:before,
.button.icon:before {
 margin-right:.5em
}
input[type=submit].fit,
input[type=reset].fit,
input[type=button].fit,
button.fit,
.button.fit {
 width:100%
}
input[type=submit].small,
input[type=reset].small,
input[type=button].small,
button.small,
.button.small {
 font-size:.8em
}
input[type=submit].large,
input[type=reset].large,
input[type=button].large,
button.large,
.button.large {
 font-size:1.35em
}
input[type=submit].disabled,
input[type=submit]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=button].disabled,
input[type=button]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
 pointer-events:none;
 opacity:.5
}
#main {
 -moz-transform-origin:50% 50%;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -moz-transform:rotateX(0deg);
 -webkit-transform:rotateX(0deg);
 -ms-transform:rotateX(0deg);
 transform:rotateX(0deg);
 -moz-transition:opacity 1s ease,-moz-transform 1s ease;
 -webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
 -ms-transition:opacity 1s ease,-ms-transform 1s ease;
 transition:opacity 1s ease,transform 1s ease;
 padding:4.5em 3em 0em;
 border-radius:4px;
 cursor:default;
 max-width:100%;
 opacity:.95;
 position:relative;
 text-align:center;
 width:27em;
 background-color: #181818b0;
 border-radius: 5%;
}
#main .avatar {
 /*! border: 5px; *//*! color: white; *//*! border: 1px solid white; */
}
#main .avatar img {
 display:block;
 margin:0 auto;
 border-radius:50%;
 border: 5px solid orange;
}
#main .avatar:before {
}
@media screen and (max-width:480px) {
 #main {
  padding:4em 2em 2.5em;
  width:100%
 }
 #main .avatar:before {
  left:-2em;
  width:calc(100% + 4em)
 }
}
body.is-preload #main {
 -moz-transform:rotateX(15deg);
 -webkit-transform:rotateX(15deg);
 -ms-transform:rotateX(15deg);
 transform:rotateX(15deg);
 opacity:0
}
#footer {
 -moz-align-self:-moz-flex-end;
 -webkit-align-self:-webkit-flex-end;
 -ms-align-self:-ms-flex-end;
 align-self:flex-end;
 width:100%;
 padding:1.5em 0 0;
 color:rgba(255,255,255,.75);
 cursor:default;
 text-align:center
}
#footer .copyright {
 margin:0;
 padding:0;
 font-size:.9em;
 list-style:none
}
#footer .copyright li {
 display:inline-block;
 margin:0 0 0 .45em;
 padding:0 0 0 .85em;
 border-left:solid 1px rgba(255,255,255,.5);
 line-height:1
}
#footer .copyright li:first-child {
 border-left:0
}
#wrapper {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-align-items:center;
 -webkit-align-items:center;
 -ms-align-items:center;
 align-items:center;
 -moz-justify-content:space-between;
 -webkit-justify-content:space-between;
 -ms-justify-content:space-between;
 justify-content:space-between;
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 -moz-perspective:1000px;
 -webkit-perspective:1000px;
 -ms-perspective:1000px;
 perspective:1000px;
 position:relative;
 min-height:100%;
 padding:1.5em;
 z-index:2;
}
#wrapper>* {
 z-index:1
}
#wrapper:before {
 content:'';
 display:block
}
@media screen and (max-width:360px) {
 #wrapper {
  padding:.75em
 }
}
body.is-ie #wrapper {
 height:100%
}
.fullscreen-bg {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 overflow:hidden;
 z-index:0
}
.fullscreen-bg__video {
 position:absolute;
 top:45%;
 left:50%;
 min-width:100%;
 min-height:100%;
 width:auto;
 height:auto;
 z-index:-100;
 -ms-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%)
}