@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

body,html,form
{
    width:100%;
    min-height:100%;
    height:100%;
    margin:0px;
    font-family:'Lato';
    position:relative;
    font-size: 100%;
    font-weight:300;
}

form
{
    font-size:1em;
}

.afix
{
    position:relative;
    margin-top:-65px;
}

.backtoevent
{
    font-weight:bold;
    display:inline-block;
    padding-top:10px;
}

img
{
 border:none;   
}

A:link{color:Black;text-decoration:none;}
A:visited{color:Black;text-decoration:none;}
A:active{color:Black;text-decoration:none;}
A:hover{color:Black;text-decoration:none;}

.Clear
{
    clear:both;   
}

h1
{
    font-weight:700;
    width:100%;
    text-align:center;
    font-size: 40px;
    color:#4c4c4c;
    margin:0px;
    padding-bottom: 30px;
    font-family: times;
}

h2
{
    font-weight:700;
    width:100%;
    text-align:center;
    font-size: 25px;
    color:#4c4c4c;
    margin:0px;
    font-family: times;
}

h3
{
    font-weight:700;
    width:100%;
    font-family: times;
    font-size: 24px;
}

h5
{
    font-weight:700;
    width:100%;
    text-align:center;
    font-size: 60px;
    color:#4c4c4c;
    margin:0px;
}

ul
{
	margin:0px;
}

table, table td 
{
    border:none;
}

p
{
    text-align: center;
    color:#4c4c4c;
    font-size: 18px;
}

a
{
    text-align: center;
    color:#4c4c4c!important;
    font-size: 18px;
}

.ascroll
{
    position:absolute;
    margin-top:-50px;
}

.centercontent 
{
    width: 100%;
    padding: 70px 0px;
    background-color: #fff;
    margin: 0px auto;
}

.centercontentFooter
{
    width: 100%;
    padding: 10px 0px;
    background-color: #fff;
    margin: 0px auto;
}

.centercontenttext
{
    width:50%;
    position:relative;
    margin:0px auto;
}

.centercontentinsta
{
    width:100%;
    position:relative;
    margin:0px auto;
}

.centercontent60
{
    width:60%;
    margin-left:20%;
    margin-right:20%;
    position:relative;
}

.b2b
{
    color:#fff!important;
    display:inline-block;
    padding-bottom:15px;
}

#Kreera
{
    width:100%;
    background-color: #000;
}

#Kreera img
{
    width:60px;
    padding:7px 0px 5px 0px;
    display:block;
    margin: 0px auto;
}

#Intro
{
    width:100%;
    height:100vh;
    position:relative;
    color:#fff;
}

#SliderHolder
{
    position:relative;
    width:100%;
    margin:0px auto;
    height:100%;
}

#StartSlider
{
    width:100%;
    position:relative;
    margin:0px auto;
    height:100%;
}

.sliderdiv
{
    max-width:100%;
    height:100%;
    width:100%;
    max-height:100%;
    background-position:center center;
    background-size:cover;
    position:relative;
}

#IntroImage
{
    top: 0px;
    width: 100%;
    height:100%;
    right: 0px;
    left: 0px;
    z-index:3;
    position: absolute;
    margin: 0px auto;
    background-image: url(../Images/Slider/Top.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#StartContent
{
    width:100%;
    display:table;
    height: 90vh;
}

.StartContentLeft
{
    width:50%;
    display:table-cell;
    font-size: 0px;
    background-image: url(../Images/Siteimages/1080xflaska.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.StartContentLeft img
{
    width:100%;
}

.StartContentRight
{
    width:50%;
    display:table-cell;
    background-color: #dab26a;
    vertical-align: middle;
}

.RightTextHolder
{
    padding:70px;
    color:#fff;
    font-size: 25px;
    box-sizing: border-box;
}

.RightTextHeadline
{
    font-size: 40px;
    font-family: times;
    padding-bottom: 10px;
}

.RightTextHead
{
    font-size: 30px;
    font-family: times;
}

.RightTextSub
{
    margin-top: 5px;
    display: inline-block;
    font-family: times;
    font-size: 25px;
}

#Contact
{
    padding:50px;
    text-align: center;
}

#AgeCheck
{
    position:relative;
    width:100%;
    background-color:#000;
    height: 100vh;
}

#ACLogo
{
    margin:auto;
    width:100%;
    max-width:500px;
}

#ACLogo img
{
    width:100%;
    display:block;
    padding-bottom: 50px;
}

#ACDate
{
    padding:10%;
    box-sizing:border-box;
    width:100%;
    text-align:center;
    height:100%;
}

#ACText
{
    padding-top:10px;
    color:#fff;
    font-size:20px;
}

#ACDate select
{
    margin-top:25px;
    padding-right:5px;
    display:inline;
    text-align:center;
}

#ACDate button
{
    background-color:#fff;
    color:#000;
    border:0px;
    cursor:pointer;
    margin-bottom: 100px;
}

#ACDate button a
{
    color:#000;
    padding: 10px 40px;
    display:inline-block;
}


/*
ADMINNAVIGATION
*/

#AdminWrapper
{
    margin-left:50px;
    min-height:100%;
}

#Admin
{
    width:100%;
    height:120px;
    margin-bottom:20px;
}

.AdminNavigation
{
    width:150px;
    height:80px;
    margin-right:20px;
    float:left;
}

.AdminBlackbox
{
    display:block;
    height:30px;
    font-family:arial;
    width:150px;
    padding-top:7px;
    background-color:Black;
    text-align:center;
    color:White;
}

.AdminLinks
{
    color:Black;
    text-decoration:none;   
}

#AdminFooter
{
    margin-top:-39px;
    height:45px;
    width:100%;
    background-color:#282828;   
}

#AFText
{
    color:white;  
    padding-top:2px;
    text-align:center; 
}

/*
/ADMINNAVIGATION
*/








/** /STARTPAGE **/

@media (max-width: 1450px), only screen and (max-device-width: 1450px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    .RightTextHolder
    {
        padding:60px;
        font-size: 20px;
    }

    .RightTextHeadline
    {
        font-size: 30px;
    }

    .RightTextHead
    {
        font-size: 25px;
    }

    .RightTextSub
    {
        font-size: 20px;
    }

}

@media (max-width: 1100px), only screen and (max-device-width: 1100px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    .RightTextHolder
    {
        padding:50px;
        font-size: 18px;
    }

    .RightTextHeadline
    {
        font-size: 25px;
    }

    .RightTextHead
    {
        font-size: 20px;
    }

    .RightTextSub
    {
        font-size: 18px;
    }

}

@media (max-width: 920px), only screen and (max-device-width: 920px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    h1, h5
    {
        font-size: 30px;
    }

    #Intro
    {
        height: 100vh;
    }

    #IntroLogo 
    {
        max-width: 400px;
    }

    .RightTextHolder
    {
        padding:50px 30px;
        font-size: 18px;
    }

    #StartContent
    {
        height: 40vh;
    }

}

@media (max-width: 550px), only screen and (max-device-width: 550px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {


    #Intro
    {
        height: 90vh;
    }

    .StartContentLeft
    {
        width:100%;
        display:block;
        font-size: 0px;
        height: 90vh;
    }

    .StartContentRight
    {
        width:100%;
        display:block;
    }

	h1, h5
    {
        font-size: 30px;
    }


}