/**
 * @license
 * MyFonts Webfont Build ID 3908781, 2020-05-31T19:33:10-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Glober-Bold by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/glober/bold/
 *
 * Webfont: Glober-Heavy by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/glober/heavy/
 *
 *
 * Webfonts copyright: Copyright (c) 2019 by Svet Simov. All rights reserved.
 *
 * © 2020 MyFonts Inc
*/
/* @import url("//hello.myfonts.net/count/3ba4ad"); */

@font-face {
  font-family: 'Glober-Bold';
  src: url('../fonts/Glober-Bold/font.woff2') format('woff2'),
  url('../fonts/Glober-Bold/font.woff') format('woff');
}
@font-face {
  font-family: 'Glober-Heavy';
  src: url('../fonts/Glober-Heavy/font.woff2') format('woff2'),
  url('../fonts/Glober-Heavy/font.woff') format('woff');
}

/* noto-sans-700 - latin */
/* https://google-webfonts-helper.herokuapp.com/fonts/noto-sans?subsets=latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/noto-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
         url('../fonts/noto-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/noto-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/noto-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/noto-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/noto-sans-v9-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-jp-700 - latin */
/* https://google-webfonts-helper.herokuapp.com/fonts/noto-sans-jp?subsets=latin */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/noto-sans-jp-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans Japanese Bold'), local('NotoSansJapanese-Bold'),
         url('../fonts/noto-sans-jp-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/noto-sans-jp-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/noto-sans-jp-v25-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/noto-sans-jp-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/noto-sans-jp-v25-latin-700.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Noto Sans Kufi Arabic';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Regular.eot);
    src: url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Regular.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Kufi Arabic';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Bold.eot);
    src: url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Bold.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Bold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Bold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskufiarabic/v2/NotoSansKufiArabic-Bold.ttf) format('truetype');
}

* {
    outline: none;
}

body {
    margin : 0;
    color: #fff;
    background: #000;
}

body, h1, h2, h3, h4, h5, p {
    font-size: 1em;
    margin: 0;
}

a, a:hover, a:focus {
    text-decoration: none;
}

/* Shink font for smaller sizes */
/* Uses ration of 52.5 */
@media (max-width: 48em) { body {  font-size: 0.914285714em; } }
@media (max-width: 42em) { body {  font-size: 0.8em; } }
@media (max-width: 37em) { body {  font-size: 0.704761905em; } }
@media (max-width: 32em) { body {  font-size: 0.60952381em; } }
@media (max-width: 29em) { body {  font-size: 0.552380952em; } }
@media (max-width: 27em) { body {  font-size: 0.514285714em; } }
@media (max-width: 24em) { body {  font-size: 0.457142857em; } }
@media (max-width: 21em) { body {  font-size: 0.4em; } }


/* Font handling */
body {
    font-family: "Glober-Heavy", Helvetica, Arial, sans-serif;
}
footer {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}
body.lang_jp, body.lang_jp footer {
    font-family: "Noto Sans", "Noto Sans JP", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
}
body.lang_tk, body.lang_tk footer {
    font-family: "Noto Sans", "Noto Sans Kufi Arabic", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.innerwrapper {
    background: #08152b;
}

.main {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
@media (min-width: 65.625em) {
    .main {
    }
}

.mainimage {
    width: 100%;
    height: 83.375em;  /* 1334px */
    position: relative;
    overflow: hidden;
}
@media (min-width: 65.625em) {
    .mainimage {
        height: 50.75em;  /* 812px */
    }
}

.mainimageinner {
    height: 83.375em;  /* 1334px */
    width: 68.5em; /* 1096px */
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background: url(../img/invite/RISK-ShareInvite-BG-mobile.jpg) 50% 0 no-repeat;
    background-size: contain;
}

@media (min-width: 65.625em) {
    .mainimageinner {
        height: 50.75em;  /* 812px */
        width: 137.5em; /* 2200px */
        background: url(../img/invite/RISK-ShareInvite-BG-desktop.jpg) 50% 0 no-repeat;
    }
}

.maincontent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

header {
    max-width: 46.875em; /* 750px */
    margin: 0 auto;
    padding-top: 5.5em ; /* 88px */
}
@media (min-width: 65.625em) {
    header {
        max-width: 137.5em; /* 2200px */
        padding-top: 3.75em ; /* 60px */
    }
}

header h1 {
    margin: 0 auto 0 auto;
    width: 31.1875em;  /* 499px */
    height: 11.89433183183183em;  /* 11px ?! */
    position: relative;
    font-size: 1em;
    overflow: hidden;
}
@media (min-width: 65.625em) {
    header h1 {
        width: 20.8125em;
        height: 7.9375em;
    }
}
header h1 span {
    position: absolute;
    left: 100%;
}
header h1::before {
    content: " ";
    background: url("../img/invite/RISK-logo.png") 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

header h2 {
    font-size: 2.875em;  /* 46px */
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-shadow: 7px 8px 0px rgba(0, 0, 0, 0.2);
    max-width: 14.5em;
    margin: 0.5em auto 1em auto;
}
@media (min-width: 65.625em) {
    header h2 {
        max-width: 73.33333333em;
        font-size: 1.875em;  /* 30px */
/*        -webkit-text-stroke: 2px black;
        text-stroke: 2px black; */
    }
}

header h2 span {
    color: rgb(255, 204, 0);
}

.links {
}

.links a {
    display: block;
    font-size: 2.5em;   /* 40px */
    width: 12.9em;  /* 516 px */
    line-height: 2.4;  /* 96px */
    margin: 0 auto 0.6em auto; /* 24px */
    color: #ededed;
    text-align: center;
    position: relative;

    border-radius: 2.08695652174em;

    padding: 0px;
    background: #B5E078;
    background-image: -webkit-linear-gradient(top, #B5E078, #698346);
    background-image: -moz-linear-gradient(top, #B5E078, #698346);
    background-image: -ms-linear-gradient(top, #B5E078, #698346);
    background-image: -o-linear-gradient(top, #B5E078, #698346);
    background-image: linear-gradient(to bottom, #B5E078, #698346);

    -webkit-box-shadow: 0.025em 0.125em 0.25em 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0.025em 0.125em 0.25em 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0.025em 0.125em 0.25em 0px rgba(0, 0, 0, 0.3);   /*  1px 5px 10px */

    text-shadow: 0px 0.05em 0.05em #576F4A;  /* 2px */
    border: solid #516435 0.1em;   /* 4px */
}

@media (min-width: 65.625em) {
    .links a {
        font-size: 1.50em;   /* 24px */
        width: 12.91666666666667em;  /* 310 px */
        line-height: 2.083333333333333;  /* 50px */
        margin-bottom: 0.6666666666666667em; /* 16px */
        -webkit-box-shadow: 0.0416666666666667em 0.2083333333333333em 0.4166666666666667em 0px rgba(0, 0, 0, 0.3);
           -moz-box-shadow: 0.0416666666666667em 0.2083333333333333em 0.4166666666666667em 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0.0416666666666667em 0.2083333333333333em 0.4166666666666667em 0px rgba(0, 0, 0, 0.3);   /*  1px 5px 10px */
        text-shadow: 0px 0.083333333em 0.083333333em #576F4A;  /* 2px */
        border-width: 0.166666667em;   /* 4px */

    }
}


.links a:hover, .links a:focus {
    color: #ededed;
    background: #88A95B;
    border-color: #516435;
}

.links a:last-child {
    font-size: 2.125em;   /* 34pt */
    width: 15.17647058823529em;  /* 516 px */
    line-height: 2.823529411764706;  /* 96px */
    margin-bottom: 0;
    background: #4BB8FF;
    background-image: -webkit-linear-gradient(top, #4BB8FF, #3D94F6);
    background-image: -moz-linear-gradient(top, #4BB8FF, #3D94F6);
    background-image: -ms-linear-gradient(top, #4BB8FF, #3D94F6);
    background-image: -o-linear-gradient(top, #4BB8FF, #3D94F6);
    background-image: linear-gradient(to bottom, #4BB8FF, #3D94F6);

    -webkit-box-shadow: 0.029411765em 0.147058824em 0.294117647em 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0.029411765em 0.147058824em 0.294117647em 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0.029411765em 0.147058824em 0.294117647em 0px rgba(0, 0, 0, 0.3);   /*  1px 5px 10px */
    text-shadow: 0px 0.058823529em 0.058823529em #004AAE;  /* 2px */
    border: solid #125881 0.117647059em;   /* 4px */
}
@media (min-width: 65.625em) {
    .links a:last-child {
        font-size: 1.25em;   /* 20px */
        width: 15.5em;  /* 310 px */
        line-height: 2.5;  /* 50px */

        -webkit-box-shadow: 0.05em 0.25em 0.5em 0px rgba(0, 0, 0, 0.3);
           -moz-box-shadow: 0.05em 0.25em 0.5em 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0.05em 0.25em 0.5em 0px rgba(0, 0, 0, 0.3);   /*  1px 5px 10px */
        text-shadow: 0px 0.1em 0.1em #004AAE;  /* 2px */
        border-width: 0.2em;   /* 4px */

    }
}

.links a:last-child:hover, .links a:last-child:focus {
    color: #ededed;
    text-align: center;
    text-decoration: none;
    background: #2198F6;
    border-color: #125881;
}

.downloads {
    margin-bottom: 3em;
}
@media (min-width: 65.625em) {
    .downloads {
        margin-bottom: 1em;
    }
}

.downloads h3 {
    font-size: 2em; /* 32pt */
    color: rgb(204, 204, 204);
    text-align: center;
    margin-bottom: 1em;
}
@media (min-width: 65.625em) {
    .downloads h3 {
        font-size: 1.625em; /* 26pt */
    }
}

.downloads h3 span {
    color: rgb(255, 255, 255);
}

.downloads .buttons {
    text-align: center;
    max-width: 100%;
}

.downloads .buttonrow {
    margin-bottom: 1em;
}
@media (min-width: 65.625em) {
    .downloads .buttonrow {
        display: inline;
        margin-bottom: 0;
        margin-right: 1em;
    }
    .downloads .buttonrow:last-child {
        margin-right: 0;
    }
}

.downloads .items {
/*    width: 21.125em; /* 338 px */
/*    height: 6.125em;  /* 98 px */
    width: 19.18494898em; /*  306.9592 px */
    height: 5.5625em; /* 89 px */
    display: inline-block;
    margin-right: 1em;
}
.downloads .items:last-child {
    margin-right: 0;
}

@media (min-width: 65.625em) {
    .downloads .items {
        width: 12.5em; /* 200 px */
        height: 3.625em;  /* 58 px */
    }
}

.downloads a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.downloads a span {
    position: absolute;
    left: 100%;
}
.downloads a:hover, .downloads a:focus {
    opacity: 0.7;
}

footer {
    font-size: 1.5em;  /* 24pt */
    padding: 2.1875em 1em; /* 130px = (130 - (24 * 1.25 * 2)) / 2 */
    text-align: left;
    background: #000;
    color: #666666;
    line-height: 1.25;
    display: flex;
}
footer .copyright {
    width: 100%;
    margin-bottom: 1em;
}

@media (min-width: 65.625em) {
    footer {
        font-size: 1em;  /* 16pt */
        padding: 1.5625em 1em; /* 90px = (90 - (16 * 1.25 * 2)) / 2 */
    }
    footer .copyright {
        flex: 1;
        width: auto;
        margin-bottom: 0;
        margin-left: 5em;
    }
}

footer a {
    color: #666666;
}
footer a:hover, footer a:focus {
    color: #aaaaaa;
}