/* global */
body {
    background-color: #2e3640;
}
.navbar {
    z-index: 9999;
}
.fonts {
    color: white !important;;
}
.homepageunderline a {
    text-decoration: underline;  
    color: white;
}
.fonts a:visited {
    color: white !important;
}
.fonts a:hover {
    color: white !important;
}
.headerbanner {
    display: block;
}
.loginbutton{
    background-image: url('./images/profile.png');
    background-repeat: no-repeat;
    background-position: 10px 15px;
}
a.loginbutton:hover{
    opacity:0.5;
}
.loginbuttonactive{
    background-image: url('./images/profile-active.png');
    background-repeat: no-repeat;
    background-position: 10px 15px;
}
a.loginbuttonactive:hover{
    opacity:0.5;
    background-image: url('./images/profile.png');
    background-repeat: no-repeat;
    background-position: 10px 15px;
}
@media screen and (max-width: 1200px) {
    .loginbuttonactive{
        padding-right: 10px !important;
    }
    .loginbutton{
        padding-right: 10px !important;
    }
}
.headline{
    color: #42fff9;
}
.headline > img{
    margin-top: -5px;
}

.headline a:visited{
    color: #42fff9;
}
.headline a:hover {
    color: #42fff9;
}
@media screen and (max-width: 600px) {
    .headline > img {
        width: 25%;
    }
    .headline {
        font-size: 30px;
    }
}
.button-link{
    position:relative;
    display:inline-block;
    padding:.5rem .75rem;
    margin-left:1px;
    margin-right:5px;
    line-height:1.5;
    color:#01fbf6;
    background-color:#2e3640;
    border:2px solid #01fbf6;
}
.button-link:hover{
    z-index:2;
    color:#2e3640 !important; 
    text-decoration:none;
    background-color:#01fbf6;
    border-color:#01fbf6;
}
.bg-dark{
    background-color:#444c55 !important;
}

/* end global */
/* footer */
.footer{
    max-width: auto;
}
.footerlogos{
    max-width: 50px;
}
.footerlogo {
    align-content: center;
    max-width: 500px;
}
.footerlogo img{
    margin-top: -100px;

}
.footerbanner{
    min-height: 184px;
    width: 100%;
    background-image: url('./images/footer_banner_background.png');
    margin-top: -50px
}
.footermesh{
    background-image: url('images/mesh.png') !important;
    min-height: 500px;
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: 150px 150px;
}
@media screen and (max-width: 992px) {
    .footersubmit {
        padding-top: 10px;
        text-align: center;
    }
}
.footersubmit {
    max-width: 500px;
}
.footersubmitinput {
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 20px;
}
.footersubmitinput::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}
.footersubmitinput:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}
.footersubmitinput::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}
.footersubmitinput:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}
@media screen and (max-width: 992px) {
    .slide-size{
        width: 150px;
    }
}
@media screen and (max-width: 792px) {
    .slide-size {
        width: 100px;
    }
}
.footermedical{ 
    margin-top: -5px;
}

/* end footer */
/* navbar */

.overlay {
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    top: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    margin-top: 50px;
}
@media screen and (max-width: 850px) {
    .logo{
        max-width: 450px;
    }
    .overlay {
        margin-top: 25px;
    }
}
@media screen and (max-width: 750px) {
    .logo{
        max-width: 400px;
    }
    .overlay {
        margin-top: 20px;
    }
}
@media screen and (max-width: 650px) {
    .logo{
        max-width: 350px;
    }
    .overlay {
        margin-top: 15px;
    }
}
@media screen and (max-width: 550px) {
    .logo{
        max-width: 300px;
    }
    .overlay {
        margin-top: 10px;
    }
}
@media screen and (max-width: 450px) {
    .logo{
        max-width: 250px;
    }
    .overlay {
        margin-top: 5px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .width-set{
        max-width: 1280px !important;
    }
}
.width-set{
    max-width: 1920px;
}

.navbar-nav > .active > a {
    color: #00bfff;
}
.nav-item > a{
    color: #fff;
}
.nav-item > a:hover{
    color: #ccc;
}
.nav-item{
    padding-right: 10px;
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,252,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler { border-color: #fff; }

/* end navbar */

/* home page */
/* carousel */
.carousel-item2 img {
    min-width: auto;
}
@media screen and (max-width: 700px) {
    .carousel-indicators > li {
        background-image: url('images/spot.png');
        background-size: 30px; 
        cursor: pointer;
        border-radius: 50% !important;
        width: 30px;
        height: 30px;
        margin: 0 5px 8px 5px;
        top: 25px;
        position: relative;
        background-color: transparent;
    }
    .carousel-indicators .active {
        background-image: url('images/spot_selected.png') !important;
        cursor: pointer;
        border-radius: 50% !important;
        position: relative;
    }
}

@media screen and (min-width: 700px) and (max-width: 1080px)  {
    .carousel-indicators > li {
        background-image: url('images/spot.png');
        background-size: 40px; 
        cursor: pointer;
        border-radius: 50% !important;
        width: 40px;
        height: 40px;
        margin: 0 5px 8px 5px;
        top: 10px;
        position: relative;
        background-color: transparent;
    }
    .carousel-indicators .active {
        background-image: url('images/spot_selected.png') !important;
        cursor: pointer;
        border-radius: 50% !important;
        position: relative;
    }
}
@media screen and (min-width: 1080px){
    .carousel-indicators > li {
        background-image: url('images/spot.png');
        cursor: pointer;
        border-radius: 50% !important;
        width: 50px;
        height: 50px;
        margin: 0 5px 8px 5px;
        top: 10px;
        position: relative;
        background-color: transparent;
    }
    .carousel-indicators .active {
        background-image: url('images/spot_selected.png') !important;
        cursor: pointer;
        border-radius: 50% !important;
        position: relative;
    }}




/* end carousel */
/* crest */
.crest > img{
    position: absolute;
    max-width: 100%;
    bottom: -1px;
}
.crest1 > img{
    max-width: 100%;
    position:  absolute; 
    margin-top: -3.5%;
}

@media screen and (min-width: 1920px) {
    .crest1 > img{
        max-width: 100%;
        position:  relative; 
        margin-top: -90px;
    }
}
@media screen and (min-width: 1238px){
    .crest2 > img{
        max-width: 100%;
        margin-top: -5.3%;
    }
}
@media screen and (max-width: 1238px) {
    .crest2 > img{
        max-width: 100%;
        margin-top: -6%;
    }
}
@media screen and (max-width: 874px) {
    .crest2 > img{
        max-width: 100%;
        margin-top: -7%;
    }
}
@media screen and (max-width: 609px) {
    .crest2 > img{
        max-width: 100%;
        margin-top: -8%;
    }
}
@media screen and (max-width: 470px) {
    .crest2 > img{
        max-width: 100%;
        margin-top: -9%;
    }
}
@media screen and (max-width: 400px) {
    .crest2 > img{
        max-width: 100%;
        margin-top: -10%;
    }
}
/* end crest */
/* whoosh */
@media screen and (max-width: 992px) {
    .whoosh > img{
        position: absolute;
        max-width: 75%;
        bottom: -10%;
        left: 0;
    }
}
@media screen and (min-width: 992px) {
    .whoosh > img{
        position: absolute;
        max-width: 75%;
        bottom: -20%;
        left: 0;
    }
}
/* end whoosh */
.center {
    align-items: center;
    justify-content: center;
}
.homepagestatictext > img{
    max-width: 25%;
}
@media screen and (min-width: 1921px) {
    .whoosh2 > img{
        position: relative;
        max-width: 80%;
        left: 800px;
        margin-top: -1105px;
    }
    .mesh > img{
        position: absolute;
        width: 850px;
        margin-top: -300px;
        left: 49%;
        z-index: 0;
    }
}
@media screen and (max-width: 1920px) {
    .whoosh2 > img{
        position: absolute;
        max-width: 45%;
        right: 10%;
        margin-top: -65px;
    }
    .mesh > img{
        position: absolute;
        max-width: 45%;
        left: 50%;
        right: 50%;
        margin-top: -15%;
        z-index: 0;
    }
}
.parafeed > img{
    z-index: 10;
    position: relative;
}
.latestnewstext{
    margin-left: 8.5%;
}
.ready{
    text-align: center;
}
.paradrop_header{
    margin-top: -10px;
    background: url(./images/Paradrop_Header.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
/* end home page */
/* start news page */
/* whoosh */
@media screen and (max-width: 992px) {
    .whoosh3 > img{
        position: absolute;
        bottom: 0%;
        right: 5%;
        max-width: 50%;
    }
}
@media screen and (min-width: 992px) {
    .whoosh3 > img{
        position: absolute;
        bottom: 0;
        right: 5%;
        max-width: 50%;
    }
}
/* end whoosh */
/* start board image */
.borderimg { 
    background-repeat: no-repeat;
    background-position:  center;
    max-width: 375px;
    background-size:  405px;
}
/* end board image */
/* start sub text font */
.newssubfont{
    font-size: 20px;
}
/* end sub text font */
/* start Previous and next */

.previousnextpage-link{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#01fbf6;
    background-color:#2e3640;
    border:1px solid #01fbf6;
}
.previousnextpage-link:hover{
    z-index:2;
    color:#2e3640 !important; 
    text-decoration:none;
    background-color:#01fbf6;
    border-color:#01fbf6;
}
.previousnextpage-item:first-child .previousnextpage-link{
    margin-left:0;
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem;
}
.previousnextpage-item:last-child .previousnextpage-link{
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem;
}
.previousnextpage-item.active .previousnextpage-link{
    z-index:3;
    color:#2e3640;
    background-color:#01fbf6;
    border-color:#01fbf6;
}
.previousnextpage-item.disabled .previousnextpage-link{
    color:#01fbf6;
    pointer-events:none;
    cursor:auto;
    background-color:#2e3640;
    border-color:#01fbf6;
}
.pagination-lg .previousnextpage-link{
    padding:.75rem 1.5rem;
    font-size:1.25rem;
    line-height:1.5;
}
.pagination-lg .previousnextpage-item:first-child .previousnextpage-link{
    border-top-left-radius:.3rem;
    border-bottom-left-radius:.3rem;
}
.pagination-lg .previousnextpage-item:last-child .previousnextpage-link{
    border-top-right-radius:.3rem;
    border-bottom-right-radius:.3rem;
}
.pagination-sm .previousnextpage-link{
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5;
}
.pagination-sm .previousnextpage-item:first-child .previousnextpage-link{
    border-top-left-radius:.2rem;
    border-bottom-left-radius:.2rem;
}
.pagination-sm .previousnextpage-item:last-child .previousnextpage-link{
    border-top-right-radius:.2rem;
    border-bottom-right-radius:.2rem;
}
/* end Previous and next */
/* start comment section */
.comments{
    border: 1px #fff solid;
    border-radius: 10px; 
    max-width: 750px; 
    padding-left: 5px; 
    padding-right: 5px;
}
/*end comment section */

.parasphere_news{
    margin-top: -10px;
    background: url(./images/NEWS_parasphere.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
/* end news page */


/* start game page */
/* start parasphere*/
.parasphere_game{
    margin-top: -10px;
    background: url(./images/WELCOME_parasphere.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
/* end parasphere*/
/* start meet the squad*/         


@media (min-width:1201px) {
    .charactercontentsize{max-width: 80%;}
}

.characterslogin-link{
    position:relative;
    display:inline-block;
    padding:.5rem .75rem;
    margin-left:-5px;
    line-height:1.5;
    color:#01fbf6;
    background-color:#2e3640;
    border:2px solid #01fbf6;
    font-size: xx-large;
}
.characterslogin-link:hover{
    z-index:2;
    color:#2e3640 !important; 
    text-decoration:none;
    background-color:#01fbf6;
    border-color:#01fbf6;
}
.characterspreviousnextpage-link{
    position:relative;
    display:inline-block;
    padding:.5rem .75rem;
    margin-left:-5px;
    line-height:1;
    color:#01fbf6;
    background-color:#2e3640;
    border:1px solid #01fbf6;
    font-size: xx-large;
}
.characterspreviousnextpage-link:hover{
    z-index:2;
    color:#2e3640 !important; 
    text-decoration:none;
    background-color:#01fbf6;
    border-color:#01fbf6;
}
.characterssize{
    max-height:850px;
}

/* start parasphere*/
.parasphere_characters{
    margin-top: -10px;
    background: url(./images/CHARACTERS_parasphere.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
/* end parasphere*/
/* end meet the squad*/
/* end game page */

/* start league */
/* start parasphere_league*/
.parasphere_league{
    margin-top: -10px;
    background: url(./images/THE_parasphere_League.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
/* end parasphere_league*/

/* start league table*/
/* also used on profile page*/
.league_tablediv{
    padding-right: 3rem!important; 
    padding-left: 3rem!important;
}
.league_table{
    width: 1567px;
    margin: 0 auto;
}
.leaderimagediv{
    width: 265px ; 
    height: 121px;
    margin-top: -121px;
}
.league_table > thead > tr > th {
    border: 0px !important;
    text-align: center;
    font-size: 34px;
    color: #42fff9;
    padding: 0px;
    font-weight:  normal;
    vertical-align: middle; 
}
.thname{
    background-image: url(./images/leaderboard_Username_Menu.png);
    width: 370px;
    height: 121px;
    background-position: right;
    background-repeat: no-repeat;
}
.thscore{
    background-image: url(./images/leaderboard_score_Menu.png);
    width: 220px;
    height: 121px;
}
.thgame{
    background-image: url(./images/leaderboard_game_Menu.png);
    width: 215px;
    height: 121px;
}
.thlocation{
    background-image: url(./images/leaderboard_location_Menu.png);
    width: 215px;
    height: 121px;
}
.thcountry{
    background-image: url(./images/leaderboard_Country_Menu.png);
    width: 224px;
    height: 121px;
}
.league_table > thead > tr > th > select {
    background-color: transparent;
    border: 0px;
    color: #42fff9;  
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(./images/leaderboard_Filter_Menu.png);
    background-position:  right;
    background-repeat: no-repeat;
    height: 70px;
    text-align-last:center;
}

.league_table > thead > tr > th > select:hover {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(./images/leaderboard_Filter_Menu_rollover.png);
    background-position:  right;
    background-repeat: no-repeat;
}

.league_table > thead > tr > th > select > option {
    background-color: #2e3640; 
}
.league_table_td > td {
    border-top: 0px !important;
    text-align: center;
    font-size: 24px;
    padding: 0px !important;
    vertical-align: middle;
}
@media screen and (max-width: 1089px) {
    .hiddentable{
        display: none;
    }   
    .league-background{
        padding: 0px !important;
    }
    .league_table{
        width: 886px;
        margin: 0 auto;
    }
    .league_tablediv{
        padding-right: 0rem!important; 
        padding-left: 0rem!important;
    }
    .leaderimagediv{
        width: 275px ; 
        height: 121px;
    }
}
@media screen and (max-width: 780px) {
    .hiddentable1{
        display: none;
    } 
    .league-background{
        padding: 0px !important;
    }
    .league_table > thead > tr > th {
        padding-left: 2px;
        padding-right: 2px;
    }
    .league_table_td > td {
        padding-left: 2px;
        padding-right: 2px;
    }
    .league_table{
        width: 620px;
        margin: 0 auto;
    }
    .league_tablediv{
        padding-right: 0rem!important; 
        padding-left: 0rem!important;
    }
    .tdnamediv{
        background-image: url(./images/leftleaderboardborder.png);
        background-repeat: no-repeat;
        background-position: left;
        height: 121px;
        line-height:121px;
    }
}
.positionnumbers{
    position: inherit;
    font-size: xxx-large;
    text-align:  center;
    width: 134px ;
    height: 121px;
    padding-top: 20px;   
}
.tdname{
    width: 240px;
    height: 121px;
    background-image: url(./images/leaderboard_username.png);
} 
.tdachievements{
    width: 135px;
    height: 121px;
    background-image: url(./images/leaderboard_Acheivement.png);
}
.league_table > tbody > tr:nth-child(even){
    background-image: url(./images/leaderboard_Country_Row1.png);
    background-repeat: no-repeat;
    background-position:  right;
}
.league_table > tbody > tr:nth-of-type(odd){
    background-image: url(./images/leaderboard_Country_Row2.png);
    background-repeat: no-repeat;
    background-position:  right;
}
.leaguenorecordstr{
    background-image:none !important;
}
.leaguenorecordstd{
    border: 0px !important;  
}
#tdscore{
    font-size: 35px;
}
/* end league table*/
/* end league */


/* start profile page */
/* hex */
@media screen and (max-width: 992px) {
    .profilehex{
        text-align: center;
    }
    .proflieusername{
        margin: 0 auto !important;
    }
    .profiletop{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 788px) {
    .profiletop{
        padding-bottom: 75px;
    }
}
@media screen and (max-width: 580px) {
    .profiletop{
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 440px) {
    .profiletop{
        padding-bottom: 150px;
    }
}
@media screen and (max-width: 404px) {
    .profiletop{
        padding-bottom: 200px;
    }
}
@media screen and (max-width: 330px) {
    .profiletop{
        padding-bottom: 250px;
    }
}
@media screen and (max-width: 264px) {
    .profiletop{
        padding-bottom: 275px;
    }
}
@media screen and (min-width: 992px) {
    .profilehex{
        text-align: right;
    }
}
/* end hex */
.proflieusername > h1{
    margin-bottom: -5px ;
}
.proflieusername {
    max-width: 378px;
    margin-left: -15px;
    color: #42fff9;
}
.parasphere_profile{
    margin-top: -10px;
    background: url(./images/PROFILE_parasphere.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

@media screen and (min-width: 1269px) {
    .parasphere_profile_profile{
        margin-top: -150px;
    }}
@media screen and (max-width: 1269px) {
    .parasphere_profile_profile{
        margin-top: -100px;
    }
}
@media screen and (max-width: 1100px) {
    .parasphere_profile_profile{
        margin-top: -50px;
    }
}
@media screen and (max-width: 982px) {
    .parasphere_profile_profile{
        margin-top: 0px;
    }
}
.profile-text{
    padding-left: -15px;
    padding-right: -15px;
}
.league_table1{
    width: 1330px;
    margin: 0 auto;
}

.league_table1 > thead > tr > th {
    border: 0px !important;
    text-align: center;
    font-size: 34px;
    color: #42fff9;
    padding: 0px;
    font-weight:  normal;
    vertical-align: middle; 
}

.league_table1 > thead > tr > th > select {
    background-color: transparent;
    border: 0px;
    color: #42fff9;  
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(./images/leaderboard_Filter_Menu.png);
    background-position:  right;
    background-repeat: no-repeat;
    height: 70px;
    text-align-last:center;
}

.league_table1 > thead > tr > th > select:hover {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(./images/leaderboard_Filter_Menu_rollover.png);
    background-position:  right;
    background-repeat: no-repeat;
}

.league_table1 > thead > tr > th > select > option {
    background-color: #2e3640; 
}
@media screen and (max-width: 1089px) {

    .league_table1{
        width: 898px;
        margin: 0 auto;
    }
    .league_table1 > tbody > tr:nth-child(even){
        background-image: url(./images/leaderboard_Country_Row1.png);
        background-repeat: no-repeat;
        background-position:  -183px;
    }
    .league_table1 > tbody > tr:nth-of-type(odd){
        background-image: url(./images/leaderboard_Country_Row2.png);
        background-repeat: no-repeat;
        background-position:  -183px;
    }
}
@media screen and (max-width: 780px) {
    .league_table1 > thead > tr > th {
        padding-left: 2px;
        padding-right: 2px;
    }
    .league_table1{
        width: 625px;
        margin: 0 auto;
    }
    .league_table1 > tbody > tr:nth-child(even){
        background-image: url(./images/leaderboard_Country_Row1.png);
        background-repeat: no-repeat;
        background-position:  -455px;
    }
    .league_table1 > tbody > tr:nth-of-type(odd){
        background-image: url(./images/leaderboard_Country_Row2.png);
        background-repeat: no-repeat;
        background-position:  -455px;
    }
}
@media screen and (min-width: 1089px) {
    .league_table1 > tbody > tr:nth-child(even){
        background-image: url(./images/leaderboard_Country_Row1.png);
        background-repeat: no-repeat;
        background-position:  251px;
    }
    .league_table1 > tbody > tr:nth-of-type(odd){
        background-image: url(./images/leaderboard_Country_Row2.png);
        background-repeat: no-repeat;
        background-position:  251px;
    }
}
.tdname1{
    width: 175px;
    height: 121px;
    background:  transparent !important;
} 
.positionnumbers1{
    position: inherit;
    font-size: xxx-large;
    text-align:  center;
    width: 134px ;
    height: 121px;
    padding-top: 20px;   
    margin-right: -30px !important;
}
.thscore1{
    background-image: url(./images/leaderboard_score_Menu.png);
    width: 225px;
    height: 121px;
}
.thgame1{
    background-image: url(./images/leaderboard_game_Menu.png);
    width: 220px;
    height: 121px;
}
.thlocation1{
    background-image: url(./images/leaderboard_location_Menu.png);
    width: 220px;
    height: 121px;
}
.thcountry1{
    background-image: url(./images/leaderboard_Country_Menu.png);
    width: 230px;
    height: 121px;
}
/* end profile page */
/* start password reset page */
#passwordmessage {
    display:none;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}
#passwordmessage p {
    padding: 10px;
    font-size: 18px;
}
.passwordvalid {
    color: green;
}
.passwordinvalid {
    color: red;
}
.viewpassword{
    margin-left: -30px;
    cursor: pointer;
}   
/* end password reset page */
/* start login page */
.forgot{
    font-size: 12px;  
}
.forgot:hover{
    color: white;
}
/* end login page */
/* start share page */
/* start whoosh */
@media screen and (max-width: 992px) {
    .whoosh4 > img{
        position: absolute;
        bottom: 0%;
        right: 5%;
        max-width: 50%;
    }
}
@media screen and (min-width: 992px) {
    .whoosh4 > img{
        position: absolute;
        bottom: 0%;
        right: 5%;
        max-width: 50%;
    }
}
/* end whoosh */
/* start avatar position */
.shareavatar{
    margin-top: -25%;
}
/* end avatar position */
/* start text */
@media screen and (max-width: 500px) {
    .shareusername{
        font-size:  46px;
        color: #00ffff;
    }
    .sharetext{
        font-size:  20px;
        color: #00ffff;
    }
    .sharepoints{
        font-size:  46px;
        color: #00ffff;
    }
}
@media screen and (min-width: 501px) {
    .shareusername{
        font-size:  66px;
        color: #00ffff;
    }
    .sharetext{
        font-size:  40px;
        color: #00ffff;
    }
    .sharepoints{
        font-size:  66px;
        color: #00ffff;
    }
}
/* end text */
/* end share page */
/* start location page */

.parasphere_location{
    margin-top: -10px;
    background: url(./images/FIND_Paradrop.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
.popup {
    position: absolute;
    display: inline-block;
    cursor: pointer;
}
.popuptext > a {
    text-decoration: underline;  
    color: white !important;
}
.popup .popuptext {
    visibility: hidden;
    width: 300px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: auto;
    margin-left: -80px;
}
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}  
.map_container {
    position:relative;
    display: inline-block;
}
.map_container img {
    display: block;
    max-width: 100%;
    height: auto;
}
/* end location page */

.parasphere_contact{
    margin-top: -10px;
    background: url(./images/Contact_Paradrop.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
/* start cookie */
#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 0;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #ffba55;
    display: inline-block;
    padding: 0 10px;
}
#myCookieConsent a:hover {
    color: #fda016;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
    background: #ffba55;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    border-radius: 20px;
}
#myCookieConsent a#cookieButton:hover {
    background: #fda016;
    color: #000;
}
/* end cookie */