/**
 * Reset de estilos
 */
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,
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 {
    outline: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    z-index: 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;
}
:focus { outline: 0; }
:required, :invalid {
    outline: 0;
    box-shadow: none;
}
html {
	height: 100%;
}
div {
    position: relative;
}

/**
 * Font families
 */
@font-face {
    font-family: Ringbearer;
    src: url(../fonts/Ringbearer.ttf);
    font-weight: 400;
}

/**
 * Estilos genéricos
 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

button:focus, input:focus {
    outline: 0;
}

.noselect {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

html {
    overflow-x: hidden;
}

body {
    color: #eee;
    background: #111 url(../images/backgrounds/background.jpg) center top/100%;
    font-family: 'Lato', Arial, sans-serif;
    overflow-x: hidden;
}

button {
    cursor: pointer;
}

strong {
    font-weight: bold;
}

a {
    color: #d20000;
    text-decoration: none;
}
a:hover {
    color: #f64444;
}

/**
 * Template
 */
/** Forms */
.form__input,
.form__input-inline {
    display: inline-block;
    padding: 8px;
    color: #111;
    border: 1px solid #bbb;
    background: #eee;
    font: normal 14px/14px 'Lato', Arial, sans-serif;
    vertical-align: middle;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form__input {
    width: 100%;
    margin-bottom: 4px;
}
.form__input:hover,
.form__input-inline:hover {
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
}
.form__input:focus,
.form__input-inline:focus {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .2);
}
.form__input::placeholder {
    color: #a6a6a6;
}
.form__input::-webkit-input-placeholder {
    color: #a6a6a6;
}
.form__input::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}
.form__input:-ms-input-placeholder {
    color: #a6a6a6;
}
.form__input:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}
.form__input-inline::placeholder {
    color: #a6a6a6;
}
.form__input-inline::-webkit-input-placeholder {
    color: #a6a6a6;
}
.form__input-inline::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}
.form__input-inline:-ms-input-placeholder {
    color: #a6a6a6;
}
.form__input-inline:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}
.form__input[success],
.form__input-inline[success] {
    border: 1px solid #6c6;
    background: #efe url(../images/icons/input-success.png) no-repeat right 8px top 10px;
    box-shadow: 0 0 5px rgba(0, 140, 0, .5);
}
select.form__input[success],
select.form__input-inline[success] {
    background-position: right 20px top 10px;
}
.form__input[success]:hover,
.form__input-inline[success]:hover {
    box-shadow: inset 1px 1px 1px rgba(0, 140, 0, .4), 0 0 3px rgba(0, 140, 0, .5);
}
.form__input[success]:focus,
.form__input-inline[success]:focus {
    box-shadow: inset 2px 2px 5px rgba(0, 140, 0, .4), 0 0 3px rgba(0, 140, 0, .5);
}
.form__input[error],
.form__input-inline[error] {
    border: 1px solid #d66;
    background: #fee url(../images/icons/input-error.png) no-repeat right 8px top 10px;
    box-shadow: 0 0 5px rgba(172, 0, 0, .5);
}
.form__input[error]:focus,
.form__input-inline[error]:focus {
    box-shadow: inset 1px 1px 1px rgba(170, 0, 0, .4), 0 0 3px rgba(172, 0, 0, .5);
}
.form__input[error]:focus,
.form__input-inline[error]:focus {
    box-shadow: inset 2px 2px 5px rgba(170, 0, 0, .4), 0 0 3px rgba(172, 0, 0, .5);
}
.no-validation[success],
.no-validation[error] {
    border: 1px solid #bbb;
    background: #eee;
    box-shadow: none;
}
.no-validation[success]:hover,
.no-validation[error]:hover {
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
}
.no-validation[success]:focus,
.no-validation[error]:focus {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .2);
}
.form__checkbox input,
input.form__checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    vertical-align: middle;
}
.form__checkbox {
    cursor: pointer;
}
.form__checkbox:not(input) {
    font-size: .8em;
}
.form__checkbox input:after,
input.form__checkbox:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 1px;
    border: 1px solid #bbb;
    background: #eee;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    box-sizing: border-box;
}
.form__checkbox input:checked:after,
input.form__checkbox:checked:after {
    content: "\ed6f";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form__checkbox input[success],
.form__checkbox input[error],
input.form__checkbox[success],
input.form__checkbox[error] {
    border: 1px solid #bbb;
    background: #eee;
    box-shadow: none;
}
.form__checkbox input[success]:after,
input.form__checkbox[success]:after {
    border: 1px solid #6c6;
    box-shadow: 0 0 5px rgba(0, 140, 0, .5);
}
.form__checkbox input[error]:after,
input.form__checkbox[error]:after {
    border: 1px solid #d66;
    box-shadow: 0 0 5px rgba(172, 0, 0, .5);
}
.form__checkbox input[success]:after,
input.form__checkbox[success]:after {
    color: #6c6;
    background: #efe;
}
.form__checkbox input[error]:after,
input.form__checkbox[error]:after {
    color: #d66;
    background: #fee;
}
.form__checkbox input:hover:after,
input.form__checkbox:hover:after {
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
}
.form__checkbox input:focus:after,
input.form__checkbox:focus:after {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .2);
}
.form__checkbox input[success]:hover:after,
input.form__checkbox[success]:hover:after {
    box-shadow: inset 1px 1px 1px rgba(0, 140, 0, .4), 0 0 3px rgba(0, 140, 0, .5);
}
.form__checkbox input[success]:focus:after,
input.form__checkbox[success]:focus:after {
    box-shadow: inset 2px 2px 5px rgba(0, 140, 0, .4), 0 0 3px rgba(0, 140, 0, .5);
}
.form__checkbox input[error]:hover:after,
input.form__checkbox[error]:hover:after {
    box-shadow: inset 1px 1px 1px rgba(170, 0, 0, .4), 0 0 3px rgba(172, 0, 0, .5);
}
.form__checkbox input[error]:focus:after,
input.form__checkbox[error]:focus:after {
    box-shadow: inset 2px 2px 5px rgba(170, 0, 0, .4), 0 0 3px rgba(172, 0, 0, .5);
}
.form__button {
    display: inline-block;
    margin-bottom: 4px;
    padding: 9px 10px 8px;
    color: #fff;
    border: 0;
    background: radial-gradient(circle at center, rgba(255, 255, 255, .2) 0%, transparent 75%), linear-gradient(to bottom, #b20000 50%, #b21b1b 50%);
    border: 1px solid #600;
    border-bottom: 3px solid #600;
    font: bold 14px/14px 'Lato', Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: middle;
}
.form__button:hover,
.form__button:focus {
    margin-top: 1px;
    border-bottom-width: 2px;
}
.form__button:active {
    margin-top: 2px;
    border-bottom-width: 1px;
}
.form__button[disabled] {
    opacity: .5;
    cursor: not-allowed;
}
form[loading] .form__button {
    position: relative;
    margin-top: 2px;
    border-bottom-width: 1px;
    border-color: #b38080;
    cursor: wait;
}
@keyframes form__button--progress-bar {
    to { background-position: -33.33px; }
}
form[loading] .form__button:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), linear-gradient(-243.33deg, rgba(255, 255, 255, .2) 16.66%, transparent 16.66%, transparent 33.33%, rgba(255, 255, 255, .2) 33.33%, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent 66.66%, rgba(255, 255, 255, .2) 66.66%, rgba(255, 255, 255, .2) 83.33%, transparent 83.33%);
    background-size: 100px 100px;
    animation: form__button--progress-bar 1s linear infinite;
    z-index: 1;
}
.form__errors {
    list-style-type: square;
    margin-left: 20px;
}
.form__errors li {
    margin-bottom: 10px;
}
.form__result {
    display: none;
    margin-top: 20px;
}
.form__result:last-child {
    margin-bottom: 0;
}
.form__title {
    margin-bottom: 5px;
    color: #000;
    font-weight: 900;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
}
.form__title span {
    color: #f00;
}
.form__intro {
    margin: 10px 0;
}

/** Header */
body > header {
    position: fixed;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 82px;
    padding-left: 14px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: linear-gradient(to bottom, rgba(17, 17, 17, .9) 50%, rgba(0, 0, 0, .9) 50%);
    box-shadow: -300px 1px 0 rgba(255, 255, 255, .3);
    text-align: center;
    transition: box-shadow .3s ease-in-out;
    z-index: 50;
}

body.full-width > header {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}

body > header .header__logo {
    flex: 0 1 auto;
}

/**
 * Comunes
 */
.page {
    padding: 30px;
}

.icon-coins {
    padding-left: 3px;
    padding-right: 0 !important;
    font-size: .8em !important;
    vertical-align: 0 !important;
}

.button {
    position: relative;
    display: inline-block;
    margin-bottom: 4px;
    padding: 10px;
    color: #fff;
    border: 1px solid #900;
    border-top: 0;
    background: linear-gradient(to bottom, #8b0101 50%, #720000 50%);
    font: bold 14px/14px 'Lato', Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: middle;
    z-index: 1;
}
.button:hover {
    color: #fff;
}
.button span.icon {
    padding-right: 8px;
    font-size: 30px;
    vertical-align: -7px;
    pointer-events: none;
}
.button:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #900, #f82222, #900);
}
.button:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(-55deg, rgba(255, 0, 0, .12) 42%, transparent 42%);
    transition: left .2s ease-in-out, width .2s ease-in-out;
    z-index: -1;
}
.button:hover:after,
.button:focus:after {
    width: 80%;
    left: 20%;
}
.button:active:after {
    width: 0%;
    left: 100%;
}
.button[disabled] {
    opacity: .5;
    cursor: not-allowed;
}
.button[loading],
form[loading] .button[type="submit"],
form[loading] .button-submit {
    border: 0;
    cursor: wait;
}
.button[loading]:hover:after,
.button[loading]:focus:after,
form[loading] .button[type="submit"]:hover:after,
form[loading] .button[type="submit"]:focus:after,
form[loading] .button-submit:hover:after,
form[loading] .button-submit:focus:after,
.button[disabled]:hover:after,
.button[disabled]:focus:after {
    left: 0;
}
.button[loading]:active:after,
form[loading] .button[type="submit"]:active:after,
form[loading] .button-submit:active:after,
.button[disabled]:active:after {
    left: 0;
}
@keyframes button--progress-bar {
    to { background-position: -32px; }
}
.button[loading]:after,
form[loading] .button[type="submit"]:after,
form[loading] .button-submit:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), linear-gradient(-243.33deg, rgba(255, 255, 255, .2) 16.66%, transparent 16.66%, transparent 33.33%, rgba(255, 255, 255, .2) 33.33%, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent 66.66%, rgba(255, 255, 255, .2) 66.66%, rgba(255, 255, 255, .2) 83.33%, transparent 83.33%);
    background-size: 100px 100px;
    animation: button--progress-bar 1s linear infinite;
    z-index: 1;
}

.button-small span.icon {
    padding-right: 8px;
    font-size: 14px;
    vertical-align: -1px;
}
.button-big {
    padding: 16px 60px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 100;
    text-transform: none;
}
.button-uppercase {
    text-transform: uppercase;
}
.button-lowercase {
    font-weight: normal;
    text-transform: none;
}

.button[off] {
    border-color: #aaa;
    background: #bcbcbc;
    opacity: .8;
}
.button[off]:before {
    background: linear-gradient(to right, #aaa, #dcdcdc, #aaa);
}
.button[off]:after {
    background: linear-gradient(-55deg, #aaa 42%, transparent 42%);
}

.button-black {
    border-color: #222;
    background: linear-gradient(to bottom, #151515 50%, #000 50%);
}
.button-black:before {
    background: linear-gradient(to right, #151515, #888, #151515);
}
.button-black:after {
    background: linear-gradient(-55deg, rgba(30, 30, 30, .6) 42%, transparent 42%);
}

.button-green {
    border-color: #146312;
    background: linear-gradient(to bottom, #146312 50%, #050 50%);
}
.button-green:before {
    background: linear-gradient(to right, #146312, #519b50, #146312);
}
.button-green:after {
    background: linear-gradient(-55deg, rgba(20, 120, 20, .3) 42%, transparent 42%);
}

.button-vip {
    border-color: #f90;
    background: #ffaf36;
}
.button-vip:before {
    background: linear-gradient(to right, #f90, #ff0, #f90);
}
.button-vip:after {
    background: linear-gradient(-55deg, #f90 42%, transparent 42%);
}

.button span.button-sparkle-top-left,
.button span.button-sparkle-top-right,
.button span.button-sparkle-bottom-left,
.button span.button-sparkle-bottom-right {
    position: absolute;
    width: 41px;
    height: 55px;
    background: url(../images/sparkle.png) no-repeat;
    z-index: 1;
    pointer-events: none;
}
.button span.button-sparkle-top-left {
    top: 2px;
    left: 2px;
    transform: translate3d(-50%, -50%,  0) rotate(10deg);
}
.button span.button-sparkle-top-right {
    top: 2px;
    right: 2px;
    transform: translate3d(50%, -50%,  0) rotate(10deg);
}
.button span.button-sparkle-bottom-left {
    bottom: 2px;
    left: 2px;
    transform: translate3d(-50%, 50%,  0) rotate(10deg);
}
.button span.button-sparkle-bottom-right {
    right: 2px;
    bottom: 2px;
    transform: translate3d(50%, 50%,  0) rotate(10deg);
}

.button-see-more {
    display: inline-block;
    width: 100%;
    max-width: 700px;
    padding: 10px;
    border: 1px solid #444;
    color: #888;
    background: #171717;
    font: normal 14px/14px 'Lato', Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    transition: all .1s ease-in-out;
}
.button-see-more:hover {
    color: #888;
    background: #333;
}

.play {
    display: inline-block;
}

@keyframes icon-loading {
    to { transform: rotate(360deg); }
}
.icon[loading]:before {
    display: inline-block;
    content: "\eb23";
    animation: icon-loading 1s linear infinite;
    cursor: wait;
}

.message-box {
    position: relative;
    width: 90%;
    min-width: 350px;
    max-width: 500px;
    margin: 20px auto;
    padding: 20px;
    color: #000;
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .5);
    z-index: 1;
}
.message-box__success,
.message-box__error {
    min-height: 190px;
    padding-bottom: 73px;
    padding-left: 200px;
}
.message-box .button {
    position: absolute;
    display: block;
    float: left;
    bottom: 20px;
    right: 20px;
    clear: left;
}
.message-box__success .form__button[type="submit"],
.message-box__error .form__button[type="submit"] {
    left: 200px;
}
.message-box__success:before,
.message-box__error:before {
    position: absolute;
    content: " ";
    width: 200px;
    height: 150px;
    top: 20px;
    left: 0;
    z-index: -1;
}
.message-box__success:before {
    background: url(../images/pet/message-success.png) no-repeat center center;
}
.message-box__error:before {
    background: url(../images/pet/message-error.png) no-repeat center center;
}
.message-box__success h2,
.message-box__error h2 {
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
}
.message-box__success h2 {
    color: #090;
}
.message-box__error h2 {
    color: #900;
}

.message-success,
.message-error {
    display: none;
    position: relative;
    min-height: 65px;
    margin: 5px 0 15px;
    padding: 15px 15px 15px 60px;
}
.message-success.form__result,
.message-error.form__result {
    margin-top: 20px;
}
.message-success:before,
.message-error:before {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 32px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.message-success:before {
    content: "\ed6f";
    color: #6c6;
}
.message-error:before {
    content: "\ed4f";
    color: #d66;
}
.message-success {
    border-bottom: 4px solid #6c6;
    background: #efe;
}
.message-error {
    border-bottom: 4px solid #d66;
    background: #fee;
}

.block {
    padding: 20px 50px;
    color: #eee;
    background: rgba(17, 17, 17, .6);
}
.block:first-of-type {
    padding-top: 50px;
}
.block:last-of-type {
    padding-bottom: 50px;
}
.block__title {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: 14px 80px 14px 20px;
    color: #fff;
    background: linear-gradient(to bottom, #222 50%, #000 50%);
    font: bold 18px/18px 'Lato', Arial, sans-serif;
    text-transform: uppercase;
}
.block__title span.icon {
    padding-right: 8px;
    font-size: 26px;
    vertical-align: -4px;
}
@-moz-document url-prefix() {
    .block__title:after {
        box-shadow: 0 -20px 30px -30px rgba(255, 255, 255, 1);
    }
}
.block h1,
.block h2 {
    position: relative;
    display: table;
    width: 100%;
    min-width: 25%;
    margin: 30px 0;
    padding: 17px 15px 13px 70px;
    color: #ccc;
    border-bottom: 1px solid rgba(80, 80, 80, .9);
    border-image: linear-gradient(to right, transparent, rgba(80, 80, 80, .9), transparent) 100% 1;
    background: #111;
    font-weight: normal;
    font-family: 'Coda', Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    box-shadow: inset 0 15px 10px -5px rgba(0, 0, 0, .5);
}
.block > h1:first-child,
.block > h2:first-child {
    margin-top: 0;
}
.block h1 > span.icon,
.block h2 > span.icon,
.block h1 > img,
.block h2 > img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px 12px;
    color: #ccc;
    border-right: 1px solid #222;
    background: #060606;
    font-size: 30px;
}
.block h1 > span.icon:after,
.block h2 > span.icon:after {
    display: inline-block;
    content: " ";
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.block h1 > span:not(.icon),
.block h2 > span:not(.icon) {
    color: #444;
    padding-left: 10px;
}

/** Modal */
html.modal__open, body.modal__open {
    background: #000;
    overflow: hidden;
}
body.modal__open > header,
body.modal__open > main,
body.modal__open > aside,
body.modal__open > footer {
    -webkit-filter: blur(5px);
    -moz-filter:    blur(5px);
    -ms-filter:     blur(5px);
    -o-filter:      blur(5px);
    filter:         blur(5px);
}

.modal {
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000;
    background: rgba(80, 80, 80, .8);
    opacity: 0;
    transition: opacity .25s ease-in-out, z-index .1s ease-in-out .25s;
    z-index: -1;
}
.modal.modal__open {
    opacity: 1;
    z-index: 200;
}
.modal.modal__open .modal__content {
    top: 10%;
    margin-bottom: 8%;
}
.modal .modal__content {
    position: relative;
    display: table;
    width: 80%;
    min-width: 450px;
    margin: auto;
    top: 0;
    left: 0;
    box-shadow: 0 0 20px -2px rgba(255, 255, 255, .4);
    transition: top .4s ease-in-out, bottom .4s ease-in-out;
}
.modal .modal__content.modal-width-auto {
    width: auto;
    min-width: auto;
}
.modal .modal__content .modal__title .modal__close,
.modal .modal__content div.modal__close {
    position: absolute;
    padding: 14px 15px;
    top: 0;
    right: 0;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
}
.modal .modal__content div.modal__close {
    padding: 5px 8px;
    font-weight: bold;
    font-size: 13px;
}
.modal .modal__content div.modal__close span.icon {
    padding-left: 3px;
    font-size: 13px;
}
.modal .modal__content .modal__title .modal__close {
    color: #fff;
    background: linear-gradient(to bottom, #292929 50%, #111 50%);
    opacity: .7;
}
.modal .modal__content .modal__title .modal__close:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(200, 200, 200, .2);
    opacity: 0;
    transition: opacity .15s ease-in-out;
    z-index: -1;
}
.modal .modal__content .modal__title .modal__close:hover:after {
    opacity: 1;
}
.modal .modal__content .modal__body {
    position: relative;
    padding: 30px;
    background: #fff;
    z-index: 1;
}
.modal .modal__content .modal__body .field__title {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 10px;
}
.modal .modal__content .modal__body .field__body {
    margin-bottom: 30px;
}
.modal .modal__body.modal-nopadding {
    padding: 0;
}
.modal .modal__body.modal-nopadding .message-box {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}
.body__iframe .message-box {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}

/** AJAX loader */
#ajax-load {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
@keyframes uil-ring-anim {
    100% { transform: rotate(360deg); }
}
#ajax-load:before {
    position: absolute;
    display: block;
    content: " ";
    width: 100px;
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    border-radius: 50%;
    box-shadow: 0 3px 0 0 #fff;
    animation: uil-ring-anim 1s linear infinite;
}
@font-face {
  font-family: 'icomoon';
  src: url(../fonts/icomoon.eot?vwb29x);
  src: url(../fonts/icomoon.eot?vwb29x#iefix) format('embedded-opentype'),
       url(../fonts/icomoon.ttf?vwb29x) format('truetype'),
       url(../fonts/icomoon.woff?vwb29x) format('woff'),
       url(../fonts/icomoon.svg?vwb29x#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-newspaper:before {
  content: "\e90b";
}
.icon-gamepad:before {
  content: "\e96d";
}
.icon-file-text:before {
  content: "\e99b";
}
.icon-folder-open:before {
  content: "\e9dc";
}
.icon-envelope:before {
  content: "\ea33";
}
.icon-location:before {
  content: "\ea38";
}
.icon-alarm:before {
  content: "\ea53";
}
.icon-bell:before {
  content: "\ea57";
}
.icon-database:before {
  content: "\ea93";
}
.icon-bubbles:before {
  content: "\eac5";
}
.icon-bubbles2:before {
  content: "\eac6";
}
.icon-bubbles3:before {
  content: "\eade";
}
.icon-user:before {
  content: "\eaf7";
}
.icon-users:before {
  content: "\eaf8";
}
.icon-user-plus:before {
  content: "\eaf9";
}
.icon-user-minus:before {
  content: "\eafa";
}
.icon-user-check:before {
  content: "\eafe";
}
.icon-users4:before {
  content: "\eb0c";
}
.icon-key:before {
  content: "\eb4a";
}
.icon-lock:before {
  content: "\eb50";
}
.icon-lock2:before {
  content: "\eb53";
}
.icon-cog:before {
  content: "\eb5f";
}
.icon-hammer-wrench:before {
  content: "\eb69";
}
.icon-stats-bars:before {
  content: "\eb88";
}
.icon-stats-bars2:before {
  content: "\eb8a";
}
.icon-stats-bars3:before {
  content: "\eb8c";
}
.icon-trophy:before {
  content: "\eba7";
}
.icon-shield:before {
  content: "\ec35";
}
.icon-sword:before {
  content: "\ec3b";
}
.icon-list-numbered:before {
  content: "\ec58";
}
.icon-tree:before {
  content: "\ec66";
}
.icon-lan:before {
  content: "\ec68";
}
.icon-menu:before {
  content: "\ec6a";
}
.icon-menu2:before {
  content: "\ec6d";
}
.icon-menu3:before {
  content: "\ec6f";
}
.icon-menu4:before {
  content: "\ec71";
}
.icon-menu5:before {
  content: "\ec73";
}
.icon-earth:before {
  content: "\ec96";
}
.icon-flag:before {
  content: "\eca4";
}
.icon-star-full:before {
  content: "\ece2";
}
.icon-star-full2:before {
  content: "\ece5";
}
.icon-warning:before {
  content: "\ed4f";
}
.icon-plus:before {
  content: "\ed5b";
}
.icon-cross:before {
  content: "\ed6c";
}
.icon-checkmark:before {
  content: "\ed6f";
}
.icon-play:before {
  content: "\ed85";
}
.icon-arrow-up:before {
  content: "\edb7";
}
.icon-arrow-up2:before {
  content: "\edba";
}
.icon-arrow-right:before {
  content: "\edbb";
}
.icon-arrow-right2:before {
  content: "\edbe";
}
.icon-arrow-down:before {
  content: "\edbf";
}
.icon-arrow-down2:before {
  content: "\edc2";
}
.icon-arrow-left:before {
  content: "\edc3";
}
.icon-arrow-left2:before {
  content: "\edc6";
}
.icon-google-plus:before {
  content: "\eeea";
}
.icon-google-plus2:before {
  content: "\eeeb";
}
.icon-facebook:before {
  content: "\eeef";
}
.icon-facebook2:before {
  content: "\eef0";
}
.icon-instagram:before {
  content: "\eef1";
}
.icon-twitter:before {
  content: "\eef5";
}
.icon-youtube:before {
  content: "\eefc";
}
.icon-twitch:before {
  content: "\eefe";
}
.icon-pencil:before {
  content: "\e910";
}
.icon-quill4:before {
  content: "\e91b";
}
.icon-pen:before {
  content: "\e91c";
}
.icon-gamepad2:before {
  content: "\e96c";
}
.icon-clubs:before {
  content: "\e970";
}
.icon-library2:before {
  content: "\e999";
}
.icon-file-eye2:before {
  content: "\e9ac";
}
.icon-copy2:before {
  content: "\e9b8";
}
.icon-folder-upload:before {
  content: "\e9d3";
}
.icon-folder-open2:before {
  content: "\e9dd";
}
.icon-ticket:before {
  content: "\e9fa";
}
.icon-bag:before {
  content: "\ea07";
}
.icon-coins:before {
  content: "\ea0a";
}
.icon-coin-dollar:before {
  content: "\ea0b";
}
.icon-credit-card:before {
  content: "\ea15";
}
.icon-credit-card2:before {
  content: "\ea16";
}
.icon-map:before {
  content: "\ea49";
}
.icon-mobile:before {
  content: "\ea78";
}
.icon-box:before {
  content: "\ea84";
}
.icon-bubble:before {
  content: "\eac4";
}
.icon-bubbles4:before {
  content: "\eac9";
}
.icon-bubble-check:before {
  content: "\eae4";
}
.icon-bubble-notification:before {
  content: "\eaee";
}
.icon-users2:before {
  content: "\eafb";
}
.icon-user-block:before {
  content: "\eafc";
}
.icon-spinner2:before {
  content: "\eb23";
}
.icon-spinner:before {
  content: "\eb24";
}
.icon-spinner5:before {
  content: "\eb26";
}
.icon-search:before {
  content: "\eb33";
}
.icon-key2:before {
  content: "\eb4c";
}
.icon-keyhole:before {
  content: "\eb4f";
}
.icon-wrench3:before {
  content: "\eb5a";
}
.icon-cogs:before {
  content: "\eb60";
}
.icon-magic-wand2:before {
  content: "\eb6e";
}
.icon-stats-growth:before {
  content: "\eb90";
}
.icon-medal-star:before {
  content: "\eb9f";
}
.icon-medal:before {
  content: "\eba0";
}
.icon-trophy-star:before {
  content: "\eba8";
}
.icon-gift:before {
  content: "\ebac";
}
.icon-gift2:before {
  content: "\ebad";
}
.icon-rocket:before {
  content: "\ebdd";
}
.icon-fire:before {
  content: "\ebe8";
}
.icon-briefcase:before {
  content: "\ec02";
}
.icon-target:before {
  content: "\ec2c";
}
.icon-bow:before {
  content: "\ec3a";
}
.icon-switch:before {
  content: "\ec4b";
}
.icon-download10:before {
  content: "\ec8f";
}
.icon-link:before {
  content: "\ec99";
}
.icon-unlink:before {
  content: "\ec9c";
}
.icon-heart:before {
  content: "\ecef";
}
.icon-notification:before {
  content: "\ed51";
}
.icon-notification2:before {
  content: "\ed52";
}
.icon-question2:before {
  content: "\ed56";
}
.icon-info:before {
  content: "\ed63";
}
.icon-info2:before {
  content: "\ed64";
}
.icon-cancel-circle:before {
  content: "\ed65";
}
.icon-sort-up:before {
  content: "\edc7";
}
.icon-sort-down:before {
  content: "\edc9";
}
.icon-arrow-right16:before {
  content: "\ee38";
}
.icon-transmission2:before {
  content: "\ee47";
}
.icon-sort-amount-desc:before {
  content: "\ee51";
}
.icon-mail3:before {
  content: "\eee4";
}
.icon-paypal:before {
  content: "\ef37";
}
.icon-chrome:before {
  content: "\ef38";
}