body { font-family: 'Source Sans Pro', sans-serif !important; background-color: white; }nav { margin: 0 !important; }.bg-blue { background-color: #50c3ff; }.bg-gray { background-color: #dfdfdf; }.neon-font { color: #4dc6fc; }.HorizontalFlip { transform: scale(-1); }.JustifyRight { text-align: right; }.FullWidth { width: 100%; top: 0; left: 0; z-index: 0; overflow: hidden; }.WidthImage { max-width: none; width: 1366px; position: relative; left: 50% !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); }.ScalableImg {transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; }.ScalableImg:hover {left: 0 !important; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }/***************** HEADER *****************/.header { position: fixed; width: 100%; z-index: 1000; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; }.header a { color: #f7f7f7; font-weight: 700; font-size: 14px; background-color: transparent !important; }.header a:hover { text-decoration: underline !important; }.header .icon-bar, .header .navbar-toggle { border: 1px solid #f7f7f7; }.navbar-brand { padding: 12px 10px; margin-left: 5px !important; }/******************************************//**************** MAIN MENU ***************/.HeaderMenu { padding-top: 15px; padding-bottom: 15px; }.MenuToggleButton { margin: 25px 15px; }.dropdown-menu { background-color: transparent; }.navbar-nav>li>.dropdown-menu { margin-top: 16px; left: 0; }.dropdown-menu>li>a, .dropdown-menu>li>a:hover { color: #f7f7f7; }/******************************************//***************** VIDEO ******************/.GameVideoWrap { height: fit-content !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; }.IntroFilter { width: 100%; height: 100%; position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.6); text-align: center; }.IntroCaption { position: absolute; height: 300px; padding-top: 30px; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }.IntroCaption h2 { font-size: 40px; font-weight: 300; }.IntroCaption h3 { color: #f7f7f7; }.GameVideo { height: 73vh !important; width: 63.6vw; }/******************************************//**************** SECTIONS ****************/#IntroSection { position: relative; }.SectionTitle { width: 100%; padding: 25px 0; margin: 0; text-align: center; font-size: 35px; font-weight: 300 }.SectionTitleSide { height: 50px; }.SectionBody, .SectionWrapImage { width: 100%; }.SectionDescription { font-weight: 300; }#ContactSection .SectionDescription { font-weight: 400; }.SectionBodyGame { position: relative; overflow: hidden; height: 448.72px !important; }.SectionBodyGame>:first-child { float: left; }/******************************************//************* SECTIONSGAMES **************/.GameStages .row { text-align: -moz-center; }.GameStagesDiv { padding: 7.5% 10px; background-repeat: no-repeat; background-size: cover; background-position: center 0; }.GameStagesDiv .row { margin-top: 30px; }.GameStageSectionImg {  width: 98%; text-align: center; }.GameIconsDiv { width: 102%; margin: 7.5% 0 0 -1%; padding: 15px 120px; text-align: center; background-repeat: repeat-x; background-size: auto 100%; }.GameIconImage { width: 12%; ; margin: 0 2%; }.GameCaption { position: absolute; width: 100%; bottom: 0; height: 230px; background-color: rgba(0, 0, 0, 0.7); z-index: 1; }.GameCaptionTitle, .GameCaptionDecription { color: #f6f6f6; }.GameCaptionTitle { font-size: 42px; margin-top: 15px; }.GameCaptionDecription { font-size: 20px; font-weight: 300; }/******************************************//************* GAMES CAROUSEL *************/.CarouselContainer { float: none; margin: auto; display: -webkit-box; display: -moz-box; }.carousel-caption { width: 100%; left: 0; height: 20px; background-color: rgba(1, 1, 1, 0.4); bottom: 0; }.carousel-indicators { bottom: 0; }.AwardImage { height: 260px !important; }#gameImagesCarousel { margin: auto; border: 6px solid; border-radius: 6px; -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4); box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4); }#AwardsSection .SectionBody { position: relative; }#awardsCarousel, #awardsDiv { position: absolute; top: 25%; width: 100%; text-align: center; text-align: -webkit-center; text-align: -moz-center; text-align: -ms-center; text-align: -o-center; }/******************************************//***************** GAMES ******************/.GameDescription { width: 100%; margin: 0px; position: absolute; top: 250px; }.GameDescriptionRow { display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; margin-top: 10px; }.GameDescriptionIcon, .GameDescriptionTag { position: relative; }.GameDescriptionText, .GameDescriptionTitle { margin-left: 10px; line-height: 38px; }.GameDescriptionTag { background-color: #0383c2; color: white; width: 76px; text-align: center; height: 25px; line-height: 25px; margin-top: 8px; }.GameDescriptionText { font-size: large; color: #333; font-weight: 400; }.GameDescriptionTitle { font-size: x-large; font-weight: 400; }.CaptionBullet, .GameTitleBullet { position: relative; top: -4px; }.GameTitleBullet { height: 30px; }.CaptionButton { margin-top: 10px; border-radius: 3px; padding: 6px 30px; }.GameLogo { position: absolute; text-align: center; top: 95px; }.GameLogoImg { width: 315px; margin-left: 20%; }/******************************************//***************** COLLAGE ****************/.HorizontalCollage { margin-left: 0 !important; max-width: 100%; height: 100%; overflow: hidden; background-color: black; }.CollageDiv { width: 20% !important; height: 100%; overflow: hidden; float: left; }/*.CollageDiv:hover { z-index: 1; width: 100%; height: 100%; position: absolute; text-align: center; transform: rotate(0); margin-top: 0; }*/.HorizontalCollageImg { height: 100%; }/******************************************//***************** TEAM *******************/#TeamSection .SectionBody { background-image: url(../../../public/img/HomePage/Team/Background.jpg); background-repeat: no-repeat; background-size: auto 100%; padding: 5px 0 90px 0; }.TeamImagesDiv .row { margin-top: 45px; margin-left: 0; margin-right: 0; }.TeamDescriptionDiv { font-size: 26px; font-weight: 300; text-align: center; }.TeamImageCaption { padding: 0 5px; }.TeamImageCaption h4 { font-weight: 600; font-size: 21px; }.TeamImageCaption h5 { font-size: 17px; font-style: italic; font-weight: 600; }.TeamImageCaption h4, .TeamImageCaption h5 { margin-top: 5px; margin-bottom: 5px; }/******************************************//**************** CONTACT *****************/.ContactLogo { margin: 90px auto; height: 100px; display: block; }.ContactInfo { font-size: 20px; margin-top: 80px; }.ContactInfo a { color: #50c3ff; font-weight: 600; }.ContactForm { margin-top: 25px; z-index: 100; }.ContactForm input, .ContactForm button { height: 45px; border-radius: 3px; }.ContactForm input[type='text'] { background-color: #444444; color: gray; }.ContactForm button { background-color: #008ed4; border-color: #1e88d6; }.ContactBackgroundImg { margin-top: -410px; z-index: -3; }/******************************************//***************** SOCIAL *****************/.SocialDiv { margin-top: 90px; margin-bottom: 30px; text-align: center; }.btn-social-icon { margin: 0 5px; }/******************************************//***************** BUTTONS ****************/.ButtonStore, .ButtonGeneric, .ButtonPopup { height: 45px; }.ButtonGeneric, .ButtonPopup { background-color: black; color: white; border: 2px solid #e3e3e3; border-radius: 6px; }.ButtonGeneric { padding: 0 34px; font-size: 28px; }.ButtonPopup { line-height: 3px; font-size: 18px; padding: 0 13px; }.ButtonGeneric:hover, .ButtonStore:hover { transform: scale(1.1, 1.1); }.ButtonGenericLink:hover, .ButtonGenericLink:active, .ButtonGenericLink:focus { text-decoration: none; }.ImageLink { margin-right: 10px; }/******************************************//***************** FOOTER *****************/footer { position: absolute; width: 100%; height: 22px; margin-top: -22px; background-image: url(../img/Copyright.png); background-size: 100% 100%; }footer h6 { position: absolute; padding: 0; margin-top: 5px; margin-bottom: 0; font-weight: bolder; }.Copyright { margin-left: 19px; }.Powered { float: right; right: 15px; }/******************************************//****************** MODAL *****************/.modal-content { background-color: rgba(222, 234, 241, 0.8); }/******************************************/