/*=====================================================================
*
*  Author: Elevn - www.elevn.nl - hello@elevn.nl
*
*=====================================================================*/


/*=====================================================================
 *  CUSTOM GLOBAL WEBSITE STYLES
 *=====================================================================*/
html { font-size: 62.5%; }
body, input, select, option, button, textarea { font-family: "Geologica", sans-serif; font-size: 18px; line-height: 1.5; }

h1, h2, h3, h4 { margin: 0 0 1em; color: #000; line-height: 1; font-weight: bold; }
h1 a, h2 a, h3 a, h4 a { color: inherit; }
h1 { font-size: 34px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }

a, a:active, a:visited { text-decoration: none; color: #000; outline: none; }
a:focus { outline: none; }
a:hover, a:active { outline: none; color: #000; }

/*=====================================================================
 * HELPERS
 *=====================================================================*/

/* Clearfix */
.group:before, .group:after { content: ' '; display: table; }
.group:after { clear: both; }
.ie6 .group { zoom: 1; }

/* reset */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

/* Lists */
.inline, .inline ul, .inline ol,
.stacked, .stacked ul, .stacked ol,
.basic, .basic ul, .basic ol { list-style: none; padding: 0; margin: 0; }
.inline li { display: block; float: left; }
.stacked li { display: block; }
.centerinline { position: relative; float: right; left: -50%; }
.centerinline .inline { left: 50%; position: relative; }
.centervertical:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.centervertical .vertical { display: inline-block; vertical-align: middle; }

/* definition lists */
dl { margin: 0;  }
dl dt,
dl dd { float: left; margin: 0;  margin-bottom: 1em; }
dl dt { width: 40%; padding-right: 5em;clear: left; font-weight: bold; }
dl dd { width: 60%; clear: right; }

dl.stacked dt,
dl.stacked dd { width: auto; float: none;  }
dl.stacked dt { margin: 0; }

/* Responsive */
img, embed, object, video { max-width: 100%; height: auto; }
.map img { max-width: none; }

/* Reset */
input:focus { outline: none; }

/*=====================================================================
 * LAYOUT
 *=====================================================================*/

body { background: #fff; color: #000; }
.main { position: relative; height: 100vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 5%; }
.main__logo { flex: 0 1 auto; padding-left: 20px; }
.main__address { flex: 0 1 auto; text-align: center; padding-top: 40px; }
.main__address span { color: #000; }

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

.button,
.wrapper,
textarea {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}




/*=====================================================================
 * FONTS
 *=====================================================================*/

*:after, *:before { font-family: 'icomoon'; text-transform: none; font-weight: normal; }
img:before { font-family: sans-serif; }

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
  url('../fonts/icomoon.svg#icomoon') format('svg'),
  url('../fonts/icomoon.woff') format('woff'),
  url('../fonts/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.icon.heart:before {
  content: "\e902";
}
.icon.smallbaby:before {
  content: "\e901";
}
.icon.baby:before {
  content: "\e900";
}
.icon.zoomout:before {
  content: "\e600";
}
.icon.zoomin:before {
  content: "\e601";
}
.icon.zip:before {
  content: "\e602";
}
.icon.xls:before {
  content: "\e603";
}
.icon.vimeo:before {
  content: "\e604";
}
.icon.users:before {
  content: "\e605";
}
.icon.user:before {
  content: "\e606";
}
.icon.up4:before {
  content: "\e607";
}
.icon.up3:before {
  content: "\e608";
}
.icon.up2:before {
  content: "\e609";
}
.icon.up1:before {
  content: "\e60a";
}
.icon.twitter:before {
  content: "\e60b";
}
.icon.twitter2:before {
  content: "\e60c";
}
.icon.spinner:before {
  content: "\e60d";
}
.icon.smartphone:before {
  content: "\e60e";
}
.icon.skype:before {
  content: "\e60f";
}
.icon.search:before {
  content: "\e610";
}
.icon.right2:before {
  content: "\e611";
}
.icon.right1:before {
  content: "\e612";
}
.icon.question:before {
  content: "\e613";
}
.icon.ppt:before {
  content: "\e614";
}
.icon.pointer:before {
  content: "\e615";
}
.icon.plus:before {
  content: "\e616";
}
.icon.play:before {
  content: "\e617";
}
.icon.pinterest:before {
  content: "\e618";
}
.icon.pinterest2:before {
  content: "\e619";
}
.icon.phone:before {
  content: "\e61a";
}
.icon.pdf:before {
  content: "\e61b";
}
.icon.minus:before {
  content: "\e61c";
}
.icon.mail:before {
  content: "\e61d";
}
.icon.lock:before {
  content: "\e61e";
}
.icon.list2:before {
  content: "\e61f";
}
.icon.list:before {
  content: "\e620";
}
.icon.linkedin:before {
  content: "\e621";
}
.icon.left3:before {
  content: "\e622";
}
.icon.left2:before {
  content: "\e623";
}
.icon.left1:before {
  content: "\e624";
}
.icon.instagram:before {
  content: "\e625";
}
.icon.info:before {
  content: "\e626";
}
.icon.images:before {
  content: "\e627";
}
.icon.image:before {
  content: "\e628";
}
.icon.home:before {
  content: "\e629";
}
.icon.grid2:before {
  content: "\e62a";
}
.icon.grid:before {
  content: "\e62b";
}
.icon.googleplus:before {
  content: "\e62c";
}
.icon.googleplus2:before {
  content: "\e62d";
}
.icon.file:before {
  content: "\e62e";
}
.icon.feed:before {
  content: "\e62f";
}
.icon.feed2:before {
  content: "\e630";
}
.icon.facebook2:before {
  content: "\e631";
}
.icon.facebook:before {
  content: "\e632";
}
.icon.down3:before {
  content: "\e633";
}
.icon.down2:before {
  content: "\e634";
}
.icon.down1:before {
  content: "\e635";
}
.icon.doubleup:before {
  content: "\e636";
}
.icon.doubleright:before {
  content: "\e637";
}
.icon.doubleleft:before {
  content: "\e638";
}
.icon.doubledown:before {
  content: "\e639";
}
.icon.dot2:before {
  content: "\e63a";
}
.icon.dot:before {
  content: "\e63b";
}
.icon.doc:before {
  content: "\e63c";
}
.icon.close3:before {
  content: "\e63d";
}
.icon.close2:before {
  content: "\e63e";
}
.icon.close:before {
  content: "\e63f";
}
.icon.check2:before {
  content: "\e640";
}
.icon.check1:before {
  content: "\e641";
}
.icon.camera:before {
  content: "\e642";
}
.icon.basket:before {
  content: "\e643";
}
.icon.right4:before {
  content: "\e644";
}
.icon.right3:before {
  content: "\e645";
}
.icon.linkedin2:before {
  content: "\e646";
}
.icon.left4:before {
  content: "\e647";
}
.icon.envelope:before {
  content: "\e648";
}
.icon.down4:before {
  content: "\e649";
}
.icon.print:before {
  content: "\e64a";
}