/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
 
.Enhydra article, .Enhydra aside, .Enhydra details, .Enhydra figcaption, .Enhydra figure, .Enhydra footer, .Enhydra header, .Enhydra hgroup, .Enhydra nav, .Enhydra section, .Enhydra summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
.Enhydra audio, .Enhydra canvas, .Enhydra video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
.Enhydra audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
.Enhydra [hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html.Enhydra  { font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
.Enhydra , .Enhydra button, .Enhydra input, .Enhydra select, .Enhydra textarea { font-family: 'roboto_condensed', sans-serif; }
/* * Addresses margins handled incorrectly in IE 6/7. */
.Enhydra body { margin: 0; font-family: 'roboto_condensed', sans-serif; font-size: unset; }
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
.Enhydra a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
.Enhydra a:active, .Enhydra a:hover { outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
 
.Enhydra h1 { font-size: 2em; margin: 0.67em 0; }
.Enhydra h2 { font-size: 1.5em; margin: 0.83em 0; }
.Enhydra h3 { font-size: 1.17em; margin: 1em 0; }
.Enhydra h4 { font-size: 1em; margin: 1.33em 0; }
.Enhydra h5 { font-size: 0.83em; margin: 1.67em 0; }
.Enhydra h6 { font-size: 0.75em; margin: 2.33em 0; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
.Enhydra abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
.Enhydra b, .Enhydra strong { font-weight: bold; }
.Enhydra blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
.Enhydra dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
.Enhydra mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
.Enhydra p, .Enhydra pre { margin: 0 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
.Enhydra code, .Enhydra kbd, .Enhydra pre, .Enhydra samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
.Enhydra pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
.Enhydra q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
.Enhydra q:before, .Enhydra q:after { content: ''; content: none; }
.Enhydra small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
.Enhydra sub, .Enhydra sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.Enhydra sup { top: -0.5em; }
.Enhydra sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
.Enhydra dl, .Enhydra menu, .Enhydra ol, .Enhydra ul { margin: 0 0; }
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
.Enhydra img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
.Enhydra svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
 
.Enhydra figure { margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
.Enhydra form { margin: 0; }
/* * Define consistent border, margin, and padding. */
.Enhydra fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
.Enhydra legend { border: 0; /* 1 */
    padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
.Enhydra button, .Enhydra input, .Enhydra select, .Enhydra textarea { font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
.Enhydra button, .Enhydra input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
.Enhydra button, .Enhydra html input[type="button"], .Enhydra /* 1 */
.Enhydra input[type="reset"], .Enhydra input[type="submit"] { -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
.Enhydra button[disabled], .Enhydra input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
.Enhydra input[type="checkbox"], .Enhydra input[type="radio"] { box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
.Enhydra input[type="search"] { -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
.Enhydra input[type="search"]::-webkit-search-cancel-button, .Enhydra input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
.Enhydra button::-moz-focus-inner, .Enhydra input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
.Enhydra textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
 
.Enhydra table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================
Clearfix
========================================================================== */
.Enhydra .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html.Enhydra  .clearfix { zoom: 1; }
/* IE6 */
*:first-child+html.Enhydra  .clearfix { zoom: 1; }
/* IE7 */

/* ==========================================================================
Headings
========================================================================== */

.Enhydra h1, .Enhydra h2, .Enhydra h3, .Enhydra h4, .Enhydra h5, .Enhydra h6, .Enhydra .h1, .Enhydra .h2, .Enhydra .h3, .Enhydra .h4, .Enhydra .h5, .Enhydra .h6 { font-family: 'bebas_neue'; color: #E52A6F; }
.Enhydra .enhydra-title h1 { font-size: 60px; font-weight: 100; color: #ffffff; letter-spacing: -1px; margin-bottom: 20px; user-select: none; }
.Enhydra .our-studio h2 { font-size: 55px; font-weight: 100; margin: 0 0 0.83em 0; }
.Enhydra .our-team  h2 { font-size: 43px; font-weight: 100; margin: 20px 0 0 0; font-style: italic; }
.Enhydra .games h2 { font-size: 35px; margin: 0 0 20px 0; text-transform: uppercase; }
.Enhydra .our-work h2 { font-size: 38px; font-weight: 300; margin-top: 0; }

/* ==========================================================================
Text & Links
========================================================================== */
.Enhydra p, .Enhydra a { font-size: 19px; /*font-weight: lighter;*/ }

/* ==========================================================================
Custom
========================================================================== */
body {
	--mobile-nav-offset: 404px;
	--desktop-nav-offset: 70px;
	
	--game-image-size: 45%;
	--game-text-size: calc( 100% - var(--game-image-size) );
}

/*For mobile*/
.Enhydra .mobile { display: unset; }
.Enhydra .desktop { display: none; }
	
.Enhydra .navigation { position: fixed; width: 100%; z-index: 100; }
.Enhydra .bg-purple { background-color: #644F7A; }*/
.Enhydra .enhydra-menu { position: fixed; width: 100%; z-index: 100; padding: 30px 0; height: auto; pointer-events: none; }
.Enhydra .enhydra-menu p { color: #d0e7e9; font-style: italic; font-size: 20px; }
.Enhydra .enhydra-menu a { color: #ffffff; outline : none; pointer-events: auto; }
.Enhydra .nav-menu { background-color: #644F7A; display: flex; border-bottom: 1px solid white; align-items: center; padding: 0 5px; }
.Enhydra .nav-menu a {font-size: 25px; }
.Enhydra .nav-menu-offset { -webkit-transition: padding-top 400ms ease-in-out; transition: padding-top 400ms ease-in-out; }
.Enhydra .nav-menu-offset.open { padding-top: var(--mobile-nav-offset); }
.Enhydra .enhydra-menu .nav_slide_button { background: #644F7A; padding: 4px 7px; border-radius: 1px; }
.Enhydra .nav-last { margin-bottom: 20px; }
.Enhydra nav ul { list-style: none; padding: 0 10px; }
.Enhydra nav ul li a { color: rgba(255, 255, 255, 0.6); padding: 20px; display: block; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; outline : none;}
.Enhydra nav ul li a:hover, .Enhydra nav ul li a:focus { color: rgba(255, 255, 255, 1); text-decoration: none; outline : none;}
.Enhydra .page-anchor { display: block; position: relative; top: calc( var(--mobile-nav-offset) * -1 ); visibility: hidden; }
.Enhydra #chonky.page-anchor { top: -65px; } 
/* .Enhydra #chonky.page-anchor { top: calc( ( var(--mobile-nav-offset) * -1 ) - 65px ); } only if menu is open*/ 
.Enhydra .nav-logo { width: 100%; padding: 10px; height: 100%; object-fit: contain; max-height: 250px; }
.Enhydra .top-nav { width: 75%; font-family: 'bebas_neue'; font-size: 20px; }
.Enhydra .nav-menu > a { width: 50%; }
.Enhydra .title-background .img-left { left: -50%; }
.Enhydra .enhydra-title p { margin-right: 10%; }
.Enhydra .social-links { text-align: center; }
.Enhydra .only-text .container > div { margin-left: 4%; margin-right: 4%; }
.Enhydra .our-studio .container > div { margin-left: 4%; margin-right: 4%; }
.Enhydra .our-team { max-height: 650px; overflow: hidden; }
.Enhydra .our-studio > .bg-img { content:""; background: url('../img/studio/Eimerboy_wThis.png') no-repeat left 55% bottom; background-size: 50%; padding-bottom: 66%; }

.Enhydra .center-flex-content { display: flex; align-items: center; justify-content: center;}

.Enhydra .footer-columns { align-items: lex-start; flex-wrap: wrap; }
.Enhydra .footer-columns div { min-width: 250px; margin-bottom: 33px; }

.Enhydra .footer-columns .footer-left { text-align: center; }
.Enhydra .footer-columns .footer-center { text-align: center; }
.Enhydra .footer-columns .footer-right { text-align: center; }

.Enhydra .additional-game-info { margin-top: 25px; }

/*For desktop*/
@media screen and (min-width: 768px){
	.Enhydra .mobile { display: none; }
	.Enhydra .desktop { display: unset; }
	
	.Enhydra #nav-box.pull { display: unset !important; }
	.Enhydra .enhydra-menu .nav_slide_button { display: none; }
	.Enhydra .nav-menu-offset, .Enhydra .nav-menu-offset.open { padding-top: var(--desktop-nav-offset); }
	.Enhydra .top-nav { width: 100%; display: flex; justify-content: space-evenly; align-items: center; }
	.Enhydra .top-nav li { display: inline; }
	.Enhydra .top-nav a { display: unset; border: unset; }
	.Enhydra .nav-menu { padding: 0 7%; }
	.Enhydra .nav-menu a { outline : none; width: unset; }
	.Enhydra .nav-last { margin-bottom: unset; }
	.Enhydra .top-nav .indicator { display: none; }
	.Enhydra .page-anchor { display: block; position: relative; top: calc( var(--desktop-nav-offset) * -1 ); visibility: hidden; }
	.Enhydra #chonky.page-anchor { top: calc( ( var(--desktop-nav-offset) * -1) - 65px ); } 
	.Enhydra .nav-logo { width: unset; height: 50px; margin: 10px; padding: unset; }
	.Enhydra .title-background .img-left { left: 0%; }
	.Enhydra .enhydra-title p { margin-right: 0; }
	.Enhydra .text-md-center { text-align: center; }
	.Enhydra .social-links { text-align: unset; }
	
	.Enhydra .games-img { width: var(--game-image-size); position: absolute; }
	.Enhydra .game-img-placeholder { width: var(--game-image-size); margin: 0 20px; }
	.Enhydra .games-list > li > .game-info { display: flex; }
	.Enhydra .games-txt { width: var(--game-text-size); }
	.Enhydra .games-img:hover { width: calc( var(--game-image-size) + 5px ); padding: 0; }
	
	.Enhydra .footer-columns { justify-content: space-between; }
	
	.Enhydra .footer-columns .footer-left { text-align: left; }
	.Enhydra .footer-columns .footer-center { text-align: center; }
	.Enhydra .footer-columns .footer-right { text-align: right; }
}

@media screen and (min-width: 900px){
	.Enhydra .only-text .container > div { margin: 0; }
	.Enhydra .our-studio .container > div { margin: 0; }
	.Enhydra .our-studio .container > .row { margin-left: 25%; margin-right: 0%; padding-left: 100px; }
	.Enhydra .our-studio > .bg-img { content:""; background: url('../img/studio/Eimerboy_wThis.png') no-repeat left 10% bottom; background-size: unset; padding-bottom: 100px; margin-bottom: -100px; }
}

/* ==========================================================================
Custom Styles
========================================================================== */
.Enhydra .bg-white { background: #FFFFFF; }
.Enhydra .bg-light-grey { background: #E5E5E5; }
.Enhydra .bg-gradient { background: rgb(100,79,122,1); background: linear-gradient(90deg, rgba(57,37,38,1) 0%, rgba(100,79,122,1) 100%); }
.Enhydra .bg-gradient p { color: #FFFFFF; }
.Enhydra .border-gradient { border-image-slice: 1; border-image-source: linear-gradient(90deg, rgba(57,37,38,1) 0%, rgba(100,79,122,1) 100%);}

.Enhydra .arrow-decor { height: 25px; width: 50px; clip-path: polygon(0 0, 50% 100%, 100% 0); margin: -1px auto 45px auto; overflow: hidden;}
.Enhydra .arrow-decor > div { height: 100%; width: calc(100vw); margin-left: calc(-50vw + 50%); margin-top: -1px; }

.Enhydra .indicator { position: absolute; right: 0 !important; }
.Enhydra .pull { display: none; }
.Enhydra .enhydra-title { height: auto; position: relative; overflow: hidden; }
.Enhydra .enhydra-title .container { padding: 175px 0 175px 0; }
.Enhydra .enhydra-title a { color: #ffffff; }
.Enhydra .enhydra-title .row { pointer-events: none; }
.Enhydra .studio-name > img { max-width: 100%; }
.Enhydra .studio-name > img.desktop{ height: 115px; }
.Enhydra .studio-name > img.mobile { height: 230px; }
.Enhydra .title-background > img { object-fit: contain; position: absolute; }
.Enhydra .title-background .img-right { height: 60%; margin: 0 7%; bottom: calc(50% - 30%); right: 0; max-width: 86%;}
.Enhydra .title-background .img-right.chonky { height: 94%; bottom: calc(50% - 48%);}
.Enhydra .title-background .img-left { height: 100%; top: 0; }
.Enhydra .enhydra-play-btn { height: 99px; width: 99px; background: url('../img/play-btn.png') no-repeat center center; display: block; text-indent: -99999px; margin: 80px auto 260px; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; }
.Enhydra .enhydra-play-btn:hover, .Enhydra .enhydra-play-btn:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -o-transform: translate(0, -15px); -moz-transform: translate(0, -15px); }
.Enhydra .get-started-btn { background-color: #7accc8; padding: 20px 80px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 22px; letter-spacing: 2px; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: inline-block; }
.Enhydra .get-started-btn:hover, .Enhydra .get-started-btn:focus { text-decoration: none; background-color: #66ACC3; }
.Enhydra .only-text p { font-size: 20px; margin: 40px 0; line-height: 30px; }
.Enhydra .only-text { padding: 100px 0; }
.Enhydra .our-studio p { font-size: 20px; margin: 40px 0; line-height: 30px; }
.Enhydra .our-studio { padding: 100px 0; }
.Enhydra .our-studio > .bg-img > .container { }
.Enhydra .connect-btn { border: solid 3px #000000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 17px; letter-spacing: 2px; transition: all 0.5s ease; padding: 15px var(--desktop-nav-offset); display: inline-block; color: #000000; margin: 15px 0; background-color: #66ACC3;}
.Enhydra .connect-btn:hover, .Enhydra .connect-btn:focus { text-decoration: none; border-color: #E5E5E5; color: #E5E5E5; }
.Enhydra .our-team { position: relative; }
.Enhydra .our-team:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(100,79,122,1) url('../img/bg/wien_bg_v2.jpg') no-repeat left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: grayscale(75%); }
.Enhydra .our-team .bg-gradient { position: relative; background: rgb(100,79,122,1); background: linear-gradient(90deg, rgba(57,37,38,0.9) 0%, rgba(100,79,122,1) 100%); padding: 100px 0; }
.Enhydra .our-team p { margin-bottom: var(--desktop-nav-offset); font-size: 22px; }
.Enhydra .avatar img { border: 5px solid #FFFFFF; background: #FFFFFF; border-radius: 50%; height: 200px; width: 200px; object-fit: cover;}
.Enhydra .games { padding-bottom: var(--desktop-nav-offset); }
.Enhydra .games p { margin: 0; font-size: 20px; word-spacing: 2px; line-height: 30px; }
.Enhydra .games ul { margin-bottom: 4em; }
.Enhydra .games-leftcol { border-right: 1px solid rgba(229, 229, 229, 1.0); padding-right: 60px; }
.Enhydra .games-rightcol { padding-left: 60px; }
.Enhydra .margin-bottom { margin-bottom: var(--desktop-nav-offset); }
.Enhydra .try-btn { background-color: #644F7A; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 17px; color: #E5E5E5; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: inline-block; padding: 15px 50px; margin: 70px 0 var(--desktop-nav-offset); }
.Enhydra .try-btn:hover, .Enhydra .try-btn:focus { background-color: #E52A6F; color: #000000; text-decoration: none; }
.Enhydra .our-work { padding: 100px 0; background-color: #f6f6f4; position: relative; }
.Enhydra .our-work .controls { padding-bottom: 100px; } 
.Enhydra .flat-box { background-color: #ffffff; -webkit-box-shadow: 0px 3px 0px 0px rgba(234, 234, 234, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(234, 234, 234, 1); box-shadow: 0px 3px 0px 0px rgba(234, 234, 234, 1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.Enhydra .flat-box:hover, .Enhydra .flat-box:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -o-transform: translate(0, -15px); -moz-transform: translate(0, -15px); }
.Enhydra .flat-box .title { color: #E52A6F; padding: 20px 40px 0; letter-spacing: 2px; }
.Enhydra .flat-box .feature-text { color: #000000;}
.Enhydra .colourway { height: 346px; }
/* .Enhydra .colourway { height: 346px; padding: 5px 5px 0 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } */
.Enhydra .colourway:hover { height: 346px; padding: 0; }
.Enhydra .colourway img {object-fit: cover; object-position: center; width: 100%; height: 100%; }
.Enhydra .colour1 { background-color: #644F7A; }
.Enhydra .colour2 { background-color: #66ACC3; }
.Enhydra .colour3 { background-color: #E52A6F; }
.Enhydra .colour4 { background-color: #392526; }
.Enhydra .title { color: #E52A6F; font-size: 20px; text-transform: uppercase; font-weight: 600; }
.Enhydra .feature-text { padding: 0px 20px 40px 40px; font-style: italic; color: #7a8387; font-size: 18px; }
.Enhydra .our-work-content p { /* color: #abbcc3; */ line-height: 30px; font-weight: 300; }
.Enhydra .controls a, .controls button { color: #959595; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.Enhydra .controls a:hover, .Enhydra .controls button:hover { color: #555555; }
.Enhydra .controls a { margin-right: 5px; text-decoration: none; outline : none; }
.Enhydra #footer { padding: 75px 0; border-top: 2px solid rgb(100,79,122,1); }
.Enhydra #footer p { color: #000000; line-height: 30px; }
.Enhydra .footer-center a { display: block; text-decoration: underline; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.Enhydra .footer-nav { list-style: none; padding: 0; }
.Enhydra .footer-nav li a { display: block; text-decoration: underline; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.Enhydra .footer-nav li a:hover, .Enhydra .footer-nav li a:focus { text-decoration: none; color: #E52A6F; }
.Enhydra .badge-btn { width: 60px; height: 62px; background: url('../img/footer-logo.png') no-repeat center center; text-indent: -99999px; display: block; margin: 5px auto; -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; }
.Enhydra .badge-btn:hover, .Enhydra .badge-btn:focus { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
.Enhydra .footer-credit { font-size: 12px; text-transform: uppercase; letter-spacing: 5px; }
.Enhydra #footer a { color: #000000; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.Enhydra #footer a:hover, .Enhydra #footer a:focus { color: #E52A6F; text-decoration: none; }
.Enhydra .social-links a { font-size: 45px; color: #66ACC3;}
.Enhydra #footer .social-links { text-align: center; font-size: 50px; color: #644F7A;}
.Enhydra .social-links a { color: #644F7A; outline : none; padding: 0px 1px 0px 2px; text-decoration: none; }
.Enhydra .social-links a:hover, .Enhydra .social-links a:focus { color: #E52A6F; text-decoration: none; }
.Enhydra #footer .social-links a { color: #644F7A; outline : none; padding: 0;}
.Enhydra .enhydra-title p { font-family: 'roboto_condensed'; color: #66ACC3; font-style: italic; font-weight: lighter; font-size: 32px; text-align: right; user-select: none; text-shadow: 0px 0px 10px #000000; }
.Enhydra .enhydra-title .studio-name { text-align: center; }
.Enhydra .studio-name { font-family: 'ailerons'; }

.Enhydra #firstSlider .controls a { z-index: 1; position: absolute; bottom: -5px; }
.Enhydra #firstSlider .controls a.prev_1 { left: calc(50% - 150px);}
.Enhydra #firstSlider .controls a.next_1 { right: calc(50% - 150px); }

.Enhydra .games-list { list-style: none; padding: 0;  /* border-top: 5px solid rgb(100,79,122,1); */ }
.Enhydra .games-list > li > .game-info { /* border-bottom: 5px solid rgb(100,79,122,1); */ align-items: stretch; position: relative; min-height: 225px; }
.Enhydra .games-img { height: 100%; padding: 5px 0; transition: width 0.33s, padding 0.33s;}
.Enhydra .games-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.Enhydra .games-txt { display: flex; align-items: center; padding: 10px 0; }
.Enhydra .games-txt p { }

.Enhydra .game-img-left .games-txt { text-align: left; }
.Enhydra .game-img-right .games-txt { text-align: right; }
.Enhydra .game-img-right .games-img  { right: 0; background: unset; }
.Enhydra .game-img-right .games-img img  { object-position: center; }


.Enhydra .arrow-left { clip-path: polygon(0 0, 100% 0, 100% 100%, 75px 100%); }
.Enhydra .arrow-right { clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0 100%); }

.Enhydra .float { animation: float 6s ease-in-out infinite; }
.Enhydra .float-delay { animation: float 6s ease-in-out reverse infinite; animation-delay: 0.5s; }
.Enhydra .float-delay2 { animation: float 6s ease-in-out reverse infinite; animation-delay: 1.0s; }


.Enhydra .gallery { display: flex; margin: 5px 0; justify-content: center; }
.Enhydra .gallery div { display: flex; }
.Enhydra .gallery button { border: unset; margin: 10px 0; padding: 0 15px; }
.Enhydra #games .gallery-images { overflow-x: hidden; }
.Enhydra #artworks .gallery-images { flex-wrap: wrap; justify-content: center; }
.Enhydra .gallery-images .thumbnail { width: auto; height: 180px; margin: 15px 10px; border: 2px solid #ffffff; box-shadow: 0px 4px 6px 4px rgb(0 0 0 / 45%); transition: margin 0.33s }
.Enhydra .gallery-images .thumbnail:hover, .Enhydra .gallery-images .thumbnail.hover { margin: 5px 10px 25px; }
.Enhydra #artworks .gallery .controls { display: none; }
.Enhydra .gallery .controls.left { border-right: 4px solid gray; margin-right: 5px; }
.Enhydra .gallery .controls.right { border-left: 4px solid gray; margin-left: 5px; }
.Enhydra .gallery .controls.left button { background: linear-gradient(270deg, #00000033, #00000000); }
.Enhydra .gallery .controls.right button { background: linear-gradient(90deg, #00000033, #00000000); }
.Enhydra .gallery-images a { text-decoration: none; outline : none; }

.Enhydra .games .newsletter-text { margin-top: 50px; }

.Enhydra .funding-logo { margin-top: 33px; } 
.Enhydra .funding-logo div { justify-content: space-evenly; flex-wrap: wrap; }
.Enhydra .funding-logo div img { max-height: 80px; }

/* ==========================================================================
Animations
========================================================================== */
.Enhydra .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.Enhydra .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.Enhydra .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
    60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
    60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.Enhydra .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.Enhydra .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.Enhydra .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpDelay {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUpDelay {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.Enhydra .fadeInUpDelay { -webkit-animation-name: fadeInUpDelay; animation-name: fadeInUpDelay; animation-delay: 1s; -webkit-animation-delay: 1s; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.Enhydra .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.Enhydra .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInUpD {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUpD {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.Enhydra .fadeInUpD { -webkit-animation-name: fadeInUpD; animation-name: fadeInUpD; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }

@keyframes float {
	0% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
		transform: translatey(0px);
	}
	50% {
		/*box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
		transform: translatey(-10px);
	}
	100% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
		transform: translatey(0px);
	}
}

/* ==========================================================================
Waypoints
========================================================================== */
.Enhydra .wp1, .Enhydra .wp2, .Enhydra .wp3, .Enhydra .wp4, .Enhydra .wp5, .Enhydra .wp6 { visibility: hidden; }
.Enhydra .bounceInLeft, .Enhydra .bounceInRight, .Enhydra .fadeInUp, .Enhydra .fadeInUpDelay, .Enhydra .fadeInDown, .Enhydra .fadeInUpD, .Enhydra .fadeInLeft, .Enhydra .fadeInRight { visibility: visible; }

/* ==========================================================================
Particle stuff
========================================================================== */

/* ---- particles container ---- */

.Enhydra .particle-image-canvas-el {
	width: 100%;
    height: 100%;
}

.Enhydra .particles{
  width: 100%;
  height: 100%;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.Enhydra .particles canvas { position: absolute; top: 0; /*display: none;*/ }

@media screen and (min-width: 768px){
	.Enhydra .particles canvas { display: unset; }
}