:root {
	--license-logo-item-margin: 0 10px 10px 10px;
	--license-text-align: left;--license-text-color: #000;--license-text-size: font-size:13.6px;--license-text-link-color: #000;--license-text-link-hover-decoration: underline;--license-text-link-hover-color: #000;
	--beam-background: #1988fe; --beam-font-size: 14px;--beam-padding: 0; max-height: 30px;
}

@media screen and (max-width: 767px) { /* mobile view */
	:root {
		--beam-font-size: 12px;
		--license-logo-item-margin: 0 4px 4px 4px;
	} 
}

/***********************************************************************/
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKfw72.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/mavenpro/v21/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/mavenpro/v21/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/mavenpro/v21/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/mavenpro/v21/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/***********************************************************************/
html {box-sizing:border-box; font-size:62.5%; line-height:62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/* 62.5% so each 0.1 rem is 1px */
*, *:before, *:after	{box-sizing:inherit;} /* Inherit box-sizing to make it easier to change */
body {background-color: #fff !important; font-family:'Maven Pro', sans-serif; margin: 0; height: 100vh; }
.lp-container {font-weight: 900; color: #FFF;  }
h1, h2 {text-align: center;}
h1 {font-size: 8rem; line-height: 1.05; margin-bottom:0.2em;}
h2 {font-size: 4.5rem;}
h3 {font-size: 3rem; line-height: 135%; margin-bottom: 25px;}
h4 {font-weight: 700; font-size: 2.6rem; line-height: 114%;}
img {display: block; width: 100%; max-width: 100%;height: auto;border: 0;padding: 0;margin: 0;}

a {color: #1988fe; text-decoration: underline;}
a:hover {
    text-decoration: none;
}


@media screen and (max-width: 767px) {
	
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 2.4rem;
		text-align: center;
	}
    h4 {
        font-size: 2rem;
    }
	ol li {font-weight:700; font-size: 1.6rem;}

    body {
        height: 100vh;
    }
}

.center         {text-align: center;}

.full-size-row  {position: relative;}


.slogan-line	{background-color:#13005b; position:fixed; top: 35px; left:0; width:100%; font-family:'Ubuntu', sans-serif;}
.slogan-line a  {text-decoration: none;}
.slogan			{
	text-align: center; 
	color: #fff; 
	font-size: 2rem; 
	line-height: 25px; 
	font-weight: 600; 	
	padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .slogan-line		{height:10.6vw; position: inherit;top: 53px; z-index:0; }
	.slogan				{font-size:3.75vw; font-weight:600;padding: 0;}
}


.social-giveaway-img     {padding-top: 45px;}
.social-giveaway-img img {display: block !important; max-width: 100%; height:auto; width: 100%;}


div.banner-legal-lp {background-color: #0F004A; width: 100%; padding: 12px 12px; color: #fff; font-size: 1rem; line-height: 18px;}
div.banner-legal-lp a {color: #1988fe;}

@media screen and (max-width: 767px) {
    div.banner-legal-lp {
        line-height: 20px;
    }

    .social-giveaway-img {
        padding-top: calc(53px + height:10.6vw);
    }
}


.area-wrapper {margin-left: auto; margin-right: auto; width: 95%; max-width: 1320px;}

.content-main {background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/bg.webp') center center / cover no-repeat; padding: 3%;}
.content-main .margin {padding: 50px 0;}
.content-main h1 {margin: 0 0 15px 0;}
.content-main h1,
.content-main h2 {font-size: 47px; font-weight: 900; line-height: 115%;}

@media screen and (max-width: 767px) {
    
    .content-main .margin {
        padding: 20px 0;
    }

    .content-main h1,
    .content-main h2 {
        font-size: 28px;
    }
}

.content-section  {max-width: 80%; margin: 0 auto; padding: 10px 0;}
.content-section p {color: #fff; font-family:'Maven Pro', sans-serif; font-weight: 900; font-size: 32px; line-height: 33px;}

@media screen and (max-width: 767px) {
    .content-section {
        max-width: 100%;
    }

    .content-section p {
        font-size: 24px;
        line-height: 115%;
    }
}


.button-wrapper {padding-top: 50px; text-align: center;}

.button-wrapper a {
    display: inline-block;
    padding: 25px 20px;
    font-size: 2.6rem;
    white-space: nowrap;
    background: #FF346B;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 500px;
    font-family: "Maven Pro", arial, helvetica, sans-serif;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.5s;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .button-wrapper a {
        font-size: 30px;
    }

    .button-wrapper {
        padding-top: 20px;
    }
}

.visit-txt {padding: 30px 0;}

.col-3, .col-2			{display: grid;}
.how-to-enter           {margin-top: 70px;}
.how-to-enter h3        {font-size: 3rem; line-height: 135%; font-weight: 900; margin-bottom: 25px; color: #FF346B;}
.how-to-enter ol		{margin: 0; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 0;}
.how-to-enter li		{counter-increment: item; margin-bottom: 20px; list-style: none; font-size: 2rem; position: relative; padding-left: 60px; color: #fff; line-height: 35px;}
.how-to-enter li:before	{font-family:'Maven Pro', sans-serif; content: counter(item) '.'; color: #1988fe; font-weight: 900; font-size: 5.3rem; position: absolute; top: 3px; left: 0;}
.how-to-enter span		{font-size: 5rem;font-weight: 700;}

@media screen and (max-width: 767px) {
    .how-to-enter ol {
        grid-template-columns: 1fr;
        padding-left: 13px;
    }

    .how-to-enter li {
        margin-bottom: 30px;
    }
}


.announcement       {color: #fff;}
.announcement span   {color:#FF346B;}


@media screen and (max-width: 767px) {
    .announcement {
        text-align: center !important;
        padding: 0 20px;
    }
}

.page-seperator         {height: 25px; position: relative; background: url(../img/stars-pink.png) no-repeat center center;}
.page-seperator:before, 
.page-seperator:after   {content: ""; display: table; position: absolute; width: calc((100% - 181px) / 2); height: 2px; bottom: 11px; background-color: #ff346b; z-index: 9; outline: 0;}
div.page-seperator:before {left: 0;}
div.page-seperator:after    {right: 0;}


.terms      {padding-bottom: 40px;}
.terms li   {font-family: 'Ubuntu', sans-serif;}
ul          {padding: 0px 0px 0px 25px; margin: 10px 0px 10px 0px; font-size: 17px; color: #fff;}
ul li       {padding: 0; margin: 0 0 8px 0; list-style: disc;line-height: 28px;}
.terms a    {text-decoration: underline;}
.terms a:hover  {text-decoration: none;}


.beeliked-wrapper {
	aspect-ratio: calc(1790.72 / 1350.17);
}

@media screen and (max-width: 767px) { /* mobile view */
	.beeliked-wrapper {
		aspect-ratio: calc(366.625 / 1021);
	}
}