*
{
    margin: 0%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

html
{
    width: 100%;
}

body
{
    background-color: #141313;
}

p, h1, h2, h3, h4, h5, h6, span, strong, u, i, b, tr, td
{
    -webkit-touch-callout: auto; /* iOS Safari */
    -webkit-user-select: auto; /* Safari */
    -khtml-user-select: auto; /* Konqueror HTML */
    -moz-user-select: auto; /* Firefox */
    -ms-user-select: auto; /* Internet Explorer/Edge */
    user-select: text; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

.storeHeaderNav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #171636;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

.storeHeaderList {
    position: relative;
    right: 70px;
    list-style: none;
    margin: 0;
    width: 100%;
}

.storeHeader {
    position: relative;
    float: right; 
    width: 140px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 8pt;
    font-variant: small-caps;
    letter-spacing: 4px;
	text-transform: uppercase;
    color: rgb(255, 241, 251);
    font-family: 'Lato', sans-serif;
    height: 60px;
    line-height: 60px;
    
}

.storeHover {
    color: rgb(255, 241, 251);
    transition: 0.6s;
} .storeHover:hover {
    color: rgb(211, 38, 53);
    text-shadow: 0px 0px 8px rgb(255, 136, 136); 
    opacity: 1;
    transition: 0.2s;
}

.loginBtn {
    border-radius: 20px;
    border: 2px solid rgb(211, 38, 53);
    padding: 10px;
    transition: 0.6s;
} .loginBtn:hover {
    background-color:rgb(211, 38, 53);
    -webkit-box-shadow: 0px 0px 12px -1px rgba(255, 136, 136, 0.81); 
    box-shadow: 0px 0px 12px -1px rgba(255, 122, 122, 0.81);
    color: #0A0E2B;
    transition: 0.2s;
}

.loginText {
    margin-right: -4px;
}


a 
{ 
    text-decoration: none; 
}

br
{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

img
{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

.menuListOption
{
    list-style: none;
    padding: 0;
    width: 100%;
    max-width: 1700px;
}

.menuListSubOption
{
    list-style: none;
    display: none;
    position: absolute;
    top: 100%;
    padding: 0;
    left: 0;
    width: 100%;
}

.menuOption
{
    position: relative;
    float: left; 
    width: 14%;
    text-align: center;
    cursor: pointer;
    font-size: 14pt;
    font-variant: small-caps;
    word-spacing: 3px;
    letter-spacing: 6px;
	text-transform: uppercase;
    color: rgb(255, 241, 251);
    font-family: 'Lato', sans-serif;
    height: 52px;
}

.menuOptionText
{
    padding-top: 15px;
}

.menuSubOptionText
{
    padding-top: 15px;
}

.menuOption:hover ul
{
    display: block;
    background-color: rgba(195, 12, 27, 0.85);
}

.menuSubOption
{
    position: relative;
    float: none;
    width: 100%;
    border: none;
    height: 52px;
}

.menuOption:hover, .menuSubOption:hover
{
    transition: 0.8s;
    background-color: rgb(14, 2, 2);
}

.menuOption:hover .menuOptionText, .menuSubOption:hover .menuSubOptionText
{
    color:rgb(163, 48, 27);
}


.introWallpaper
{
    transition: 3s;
    opacity: 1;
    background-image: url("image/introWallpaperRed.png");
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
    background-position: center center;
    padding: 150px 0px 150px 50px;
}

.intro
{
    width: 70%;
}

.introTitle
{
    font-size: 50pt;
    color: rgb(255, 241, 251);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-shadow: 6px 4px 0 #2c2c2c;
}

.introSubtitle
{
    margin-top: 3%;
    font-size: 18pt;
    color: rgb(255, 241, 251);
    font-family: Arial;
}

.introButton
{
    cursor: pointer;
    width: 200px;
    margin-top: 1%;
    padding: 1%;
    background-color:rgb(195, 12, 28);
}

.introButton:hover
{
    transition: 0.6s;
    color: rgb(14, 2, 2);
    background-color:rgb(224, 40, 55);
    -webkit-box-shadow: 5px 5px 12px -1px rgba(255, 136, 136, 0.81); 
    box-shadow: 5px 5px 12px -1px rgba(255, 122, 122, 0.81);
}

.introButton:active
{
    transition: 0s;
    transform: scale(0.98);
}

.introButtonText
{
    font-size: 25pt;
    font-family: 'Arial';
    color: rgb(255, 241, 251);
}

.introButton:hover .introButtonText
{
    transition: 0.4s;
    color: rgb(14, 2, 2);
}

.homeContent
{
    background-image: url("image/homeWallpaper2.jpg");
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
    background-position: center center;
    padding: 100px 0px 80px 0px;
}

.homeImgContain
{
    display: inline-block;
    max-width: 300px;
    background-color: #951e1e;
    padding: 20px 50px 20px 50px;
}

.homeImg
{
    width: 150px;
}

.homeDescDiv
{
    width: 75%;
}

.homeDesc
{
    background-color: rgb(27, 8, 36);
    display: flex;
    margin-bottom: 2%;
    -webkit-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.53); 
    box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.53);
}

.homeDescTitleContain
{
    display: inline-block;
    max-width: 300px;
    margin-right: 20px;
    padding: 20px;
}

.homeLine
{
    display: block;
    width: 260px;
    height: 4px;
    border-width: 0;
    background-color:rgb(195, 12, 28);
    margin-bottom: 5px;
}

.homeDescTitle
{
    color: rgb(255, 241, 251);
    font-size: 35pt;
    font-weight: 200;
    font-family: Montserrat, sans-serif !important;
    
}

.homeDescTextContain
{
    display: inline-block;
    padding: 20px;
}

.homeDescTextContain p
{
    color: rgb(255, 241, 251);
    font-size: 16pt;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    line-height: 30px;
}

.homeDescSubTextContain
{
    display: inline-block;
    max-width: 700px;
    padding: 20px;
}

.homeDescSubTextContain p
{
    color: rgb(255, 241, 251);
    font-size: 18pt;
    line-height: 30px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-bottom: 8%;
}

.homeLearnButton
{
    cursor: pointer;
    width: 140px;
    padding: 10px;
    border: solid 3px rgb(255, 241, 251);
    -webkit-box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42); 
    box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42);
}

.homeLearnButton:hover
{
    background-color: rgb(255, 241, 251);
    transition: 0.6s;
    -webkit-box-shadow: 5px 5px 12px -1px rgba(255, 136, 136, 0.81); 
    box-shadow: 5px 5px 12px -1px rgba(255, 122, 122, 0.81);
}

.homeLearnButtonText
{
    font-size: 18pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(255, 241, 251);
}

.homeLearnButton:active
{
    transition: 0s;
    transform: scale(0.98);
}


.homeLearnButton:hover .homeLearnButtonText
{
    color: rgb(22, 9, 9);
    transition: 0.4s;
}

.homeIconsContent
{
    padding-top: 5%;
    width: 100%;
    background-color: rgb(9, 5, 10);
}

.homeIconsDiv
{
    display: inline-block;
    width: 18%;
    vertical-align: top;
}

.homeIcon
{
    width: 80px;
}

.homeIconTitle
{
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 241, 251);
    margin-top: 10%;
}

.homeIconLine
{
    display: block;
    width: 70px;
    height: 2px;
    border-width: 0;
    background-color:rgb(255, 255, 255);
    margin-top: 3%;
}

.homeIconsDiv p
{
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 241, 251);
    margin-top: 6%;
}

.homeIconsLineWarning
{
    display: block;
    width: 300px;
    height: 4px;
    border-width: 0;
    background-color:rgb(195, 12, 28);
    margin-top: 5%;
}

.homeIconsWarning
{
    font-size: 15pt;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 241, 251);
    margin-top: 1%;
    padding-bottom: 5%;
}

.aboutUsContent
{
    background-image: url("image/aboutUsWallpaper2.jpg");
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
    background-position: center center;
    padding: 100px 0px 80px 0px;
}

.infoContain
{
    padding: 2%;
    background-color: rgb(9, 5, 10);
}

.infoMapImgDiv
{
    display: inline-block;
    width: auto;
    margin-right: 60px;
    vertical-align: top;
}

.infoMapImg
{
    width: 600px;
}

.infoTextDiv
{
    display: inline-block;
    width: 40%;
    vertical-align: top;
    padding-top: 100px;
    padding-right: 90px;
    margin-left: 40px;
}


.infoLine
{
    display: block;
    width: 200px;
    height: 4px;
    border-width: 0;
    background-color:rgb(195, 12, 28);
    margin-bottom: 20px;
}

#infoFirstText
{
    font-size: 45pt;
}

.infoText
{
    font-size: 20pt;
    color: rgb(255, 241, 251);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
    margin-bottom: 70px;
}


.infoButton
{
    cursor: pointer;
    width: 180px;
    margin-top: 1%;
    padding: 15px;
    background-color:rgb(195, 12, 28);
    -webkit-box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42); 
    box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42);
    border-radius: 2px;
}

.infoButton:hover
{
    transition: 0.6s;
    color: rgb(14, 2, 2);
    background-color:rgb(195, 12, 28);
    -webkit-box-shadow: 5px 5px 12px -1px rgba(255, 136, 136, 0.81); 
    box-shadow: 5px 5px 12px -1px rgba(255, 122, 122, 0.81);
}

.infoButton:active
{
    transition: 0s;
    transform: scale(0.98);
}

.infoButtonText
{
    font-size: 25pt;
    font-family: 'Arial';
    color: rgb(255, 241, 251);
}

.infoButton:hover .infoButtonText
{
    transition: 0.4s;
    color: rgb(14, 2, 2);
}

.storeContain
{
    background-image: url("image/storeWallpaper2.jpg");
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
    background-position: center center;
    padding: 100px 0px 80px 0px;
}

.storeButton
{
    cursor: pointer;
    width: 140px;
    padding: 10px;
    border: solid 3px rgb(255, 241, 251);
    -webkit-box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42); 
    box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42);
}

.storeButton:hover
{
    transition: 0.6s;
    color: rgb(14, 2, 2);
    background-color:rgb(255, 255, 255);
    -webkit-box-shadow: 5px 5px 12px -1px rgba(255, 136, 136, 0.81); 
    box-shadow: 5px 5px 12px -1px rgba(255, 122, 122, 0.81);
}

.storeButton:active
{
    transition: 0s;
    transform: scale(0.98);
}

.storeButtonText
{
    font-size: 20pt;
    font-family: 'Arial';
    color: rgb(255, 241, 251);
}

.storeButton:hover .storeButtonText
{
    transition: 0.4s;
    color: rgb(14, 2, 2);
}

.contactUsContain
{
    padding: 80px;
    background-color: rgb(9, 5, 10);
}

.contactUsInputContain
{
    display: inline-block;
    width: 540px;
}

.contactUsInput
{
    width: 250px;
    height: 30px;
    margin-top: 8px;
    font-size: 12pt;
    padding: 8px;
    background-color: rgb(38, 35, 39);
    border-width: 0px;
}

.contactUsMessage
{
    margin-top: 8px;
    width: 522px;
    height: 150px;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px;
    resize: none;
    background-color: rgb(38, 35, 39);
    border-width: 0px;
}

.contactUsButton
{
    cursor: pointer;
    margin-top: 8px;
    margin-left: 1px;
    width: 140px;
    height: 40px;
    font-size: 12pt;
    letter-spacing: 4px;
    color: rgb(255, 241, 251);
    border-width: 0px;
    background-color: rgb(195, 12, 28);
    -webkit-box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42); 
    box-shadow: 5px 5px 17px 2px rgba(0,0,0,0.42);
}

.contactUsButton:hover
{
    transition: 0.6s;
    color: rgb(0, 0, 0);
    background-color:rgb(233, 44, 44);
    -webkit-box-shadow: 5px 5px 10px -1px rgba(255, 136, 136, 0.81); 
    box-shadow: 5px 5px 10px -1px rgba(255, 122, 122, 0.81);
}

.contactUsButton:focus
{ outline: none; }

.contactUsButton:active
{
    transition: 0s;
    transform: scale(0.98);
}

.contactUsTextContain
{
    width: 400px;
    display: inline-block;
    vertical-align: top;
    margin-left: 100px;
}

.contactUsTitle
{
    font-size: 50pt;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(195, 12, 28);
}

.contactUsText
{
    margin-top: 10px;
    font-size: 15pt;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 241, 251);
}

.socialIconsContains
{
    margin-top: 60px;
}

.socialIcons
{
    cursor: pointer;
    width: 28px;
    transition: 0.6s;
}

.socialIcons:hover
{
    background-image: url("image/facebook.png");
    transition: 0.6s;
}


.footer
{
    padding: 40px;
    background-color: rgb(4, 2, 5);
}

.contactFooter, .aboutFooter
{
    display: inline-block;
    vertical-align: top;
}

.contactFooterTitle, .aboutFooterTitle
{
    font-size: 16pt;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 14px;
}

.contactFooterText
{
    font-size: 11pt;
    color: rgb(163, 163, 163);
    font-family: Arial, Helvetica, sans-serif;
}

.aboutFooterText
{
    display: inline-block;
    font-size: 11pt;
    color: rgb(163, 163, 163);
    font-family: Arial, Helvetica, sans-serif;
}

.aboutFooterClick
{ cursor: pointer; }

.aboutFooterClick:hover
{
    color: rgb(255, 255, 255);
    transition: 0.6s;
}


/* ==== ANIMATIONS ====*/

.introWallpaper2
{
    transition: 3s;
    opacity: 1;
    background-image: url("image/introWallpaper.jpg");
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
    background-position: center center;
    padding: 150px 0px 150px 50px;
}

.introWallpaper3
{
    transition: 3s;
    opacity: 1;
    background-image: url("image/introWallpaper3.jpg");
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
    background-position: center center;
    padding: 150px 0px 150px 50px;
}

.introWallpaper4
{
    transition: 3s;
    opacity: 1;
    background-image: url("image/introWallpaper2.jpg");
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
    background-position: center center;
    padding: 150px 0px 150px 50px;
}



.centerTable
{
    display: flex;
    justify-content: center;
    vertical-align: middle;
    width: 100%;
}

@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}