: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: "Ubuntu", arial, helvetica, sans-serif; margin: 0; height: 100vh;}
a {color: #FFF;}
h1, h2 {text-align: center;}
h1 {color: #ff346b; font-size: 8rem; font-family:'Maven Pro', sans-serif; line-height: 1.05; font-weight: 800; margin-bottom:0.2em;}
h2 {color: #13005b;font-size: 4.5rem;font-weight: 900; font-family:'Maven Pro', sans-serif;}


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


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

    body {
        height: 100vh;
    }
}

.center         {text-align: center;}

@media screen and (max-width: 767px) {
    .center {
        text-align: left;
    }
}


.slogan-line	{background-color:#13005b; position:fixed; top:0; left:0; width:100%; z-index:999; 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: 1rem;}

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


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


div.banner-legal-lp {background-color: #13005b; width: 100%; padding: 12px 12px; color: #fff; font-size: 1rem; line-height: 18px;}


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

    .social-giveaway-img {
        padding-top: 0;
    }
}


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

.content-main {background: url("../img/bg.webp") center center / cover no-repeat;}
.content-main .margin {padding: 50px 0;}
.content-main h1 {margin: 10px 0 50px 0;}
.content-main h1,
.content-main h2 {color: #fff; font-size: 47px;}


@media screen and (max-width: 767px) {
    .content-main {
        background: url("../img/bg.webp") center right / cover no-repeat;;
    }
    
    .content-main .margin {
        padding: 20px 0;
    }

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


.grid-container {display: grid; grid-template-columns: repeat(3, 1fr); gap: 70px; margin-bottom: 80px;}
.grid-item {align-items: center; text-align: center;}
.grid-item h2 {font-size: 48px; color: #FFF; margin: 35px 0;}
.grid-item p {font-size: 24px; color: #FFF; line-height: 36px; font-weight: 700; letter-spacing: 1px; font-family:'Maven Pro', sans-serif; margin: 24px 0;}


@media screen and (max-width: 767px) {
    .grid-container {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .grid-item h2 {
        font-size: 40px;
        padding: 0;
        margin: 35px 0 25px 0;
    }

    .grid-item img {
        width: 30%;
    }

    .grid-item p {
        margin: 0 50px 24px 50px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .grid-container {
        gap: 40px;
    }

    .grid-item h2 {
        font-size: 35px;
        margin: 25px 0 0 0;
    }
}

button.button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1988fe;
    color: #fff;
    padding: 29px 52px;
    text-align: center;
    border-style: none;
    line-height: 100%;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    vertical-align: top;
    border-radius: 500px;
    border: 0;
    font-family: 'Maven Pro', arial, helvetica, sans-serif;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    font-size: 48px;
}

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


.video-area {width:100%; max-width: 1000px; margin:0 auto; padding-top: 50px;}
.video-area iframe {aspect-ratio: 16 / 9; width: 100%;}
 
@media screen and (max-width: 1024px) {
	.video-area {
		margin-bottom:30px;
	}
}
  
@media screen and (max-width: 767px) {
	.video-area {
		margin-left: -4%;
		margin-right: -4%;
		width: 108%;
		margin-bottom:5vw;
        padding: 50px 4% 0 4%;
	}
}

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