/* ##################################################
goodmills - The very Base CSS Defintions
------------------------------------------------
SIMPLE RESET
################################################## */
/**
 * @license
 * MyFonts Webfont Build ID 3643888, 2018-09-19T06:29:59-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Populaire by PintassilgoPrints
 * URL: https://www.myfonts.com/fonts/pintassilgo/populaire/regular/
 * Copyright: By PintassilgoPrints, 2012. All rights reserved. 

http://www.pintassilgoprints.com
 *
 * Webfont: PopulaireLight by PintassilgoPrints
 * URL: https://www.myfonts.com/fonts/pintassilgo/populaire/light/
 * Copyright: By PintassilgoPrints, 2012. All rights reserved. www.pintassilgoprints.com
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3643888
 * Licensed pageviews: 20,000
 *
 * © 2018 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */


html, body           { height: initial; background-color:#fff;}
html {
    font-size:62.5%;
    min-height: 100vh;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    scroll-behavior:smooth;/* for a smooth scroll behavier with firefox */
}

textarea             { overflow:auto; }
img                  { border:0; }
button,
input,
optgroup,
select,
textarea,
form,
fieldset              { color:inherit; background-color:inherit; font:inherit; margin:0; padding:0; border-radius:0;   }

main,
nav,
section,
article,
header,
pre,
blockquote,
dl,
figure,
figcapture           { display:block; padding:0; margin:0; }

/* inheriting border-box from html*/
*,
*:before,
*:after               { -webkit-box-sizing:inherit; box-sizing:inherit; }


/* ##################################################
Basic Styling
html is set to 62.5% so that all the REM measurements throughout exo
are based on 10px sizing. So basically 1.5rem = 15px.
If you simply set the font-size in media query to ex. 60% it will reduce all the rem declarations.
################################################## */

/* ##################################################
Basic Styling
html is set to 62.5% so that all the REM measurements throughout exo
are based on 10px sizing. So basically 1.5rem = 15px.
If you simply set the font-size in media query to ex. 60% it will reduce all the rem declarations.
################################################## */

body {
    font-family:'Istok Web', Helvetica, Arial, sans-serif;
    font-size:1.6em;
    font-weight:400;
    line-height:1.5;
    font-weight:normal;
    min-height: 100vh;
    /* this trick prevents the body to have margin collapse, if a child element has a margin*/
    margin:-1px 0 0 0;
    padding:1px 0 0 0;
    /* */
    -webkit-overflow-scrolling: touch;/* smooth scrolling for ios devices*/



    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    overflow-x: hidden;


    /* Hyphenating
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4; */
}
.bgactive  { background:url(images/bg-empty.jpg) center center no-repeat; background-size:cover; }
.bgactive main { min-height: calc(100% - 100px); }

section,
.base-box,
.site-main,
.full-width .item-box,
.item-box .item-box     { width:100%; max-width:100%; position:relative; }
.simple-modul { margin-bottom: 3rem;}

.item-wrapper { max-width:760px; margin:0 auto;background-color:
#fff;
border: 1px solid
#c9c9c9;
margin-top: 30px;
padding: 30px;}

.base-box               { min-height:100vh; z-index:2; }
.item-box               { margin-top: -1px; padding-top: 1px; width:96%; width:calc(100% - 6rem); max-width:1280px; margin:0 auto 0 auto; position:relative; }
.page-main .item-box    { margin:0 3rem 0 auto; }


.site-main .item-box {  }
.home .site-main #section-1 .item-box { background-color:transparent; padding:0; }
.home .site-main #section-1 .item-box .col-item { background-color:#fff; padding:6rem 3rem 3rem 3rem; border-radius: 50px;}

@media (max-width:390px) {
   .item-box  {  width:calc(100% - 4rem); }
   #recaptcha_v2_widget { margin-left:-2.3rem }
}

.txt-center       { text-align:center; }
.txt-left         { text-align:left; }
.txt-right        { text-align:right; }
.txt-uppercase    { text-transform:uppercase; }
.txt-reset        { text-transform:none; text-align:left; }

.inline           { display:inline; }
.inline-block     { display:inline-block; }
.block            { display:block; }
.none             { display:none; }

.no-margin        { margin:0; }
.overflow-hidden  { overflow:hidden; }

/* Colors */
.bg-transparent   { background-color:transparent; } /* Transparent */
.bg-white         { background-color:#fff; }/* Weiß */
.bg-black         { background-color:#000; }/* Schwarz */
.bg-error         { background-color:#d50303; }/* FEHLER rot */

.bg-1             { background-color:#e30613;  }/* Rot; */
.bg-2             { background-color:#f0f1f3; }/* Hellgrau */
.bg-1-t           { background-color:rgba(227,6,19,0.8);  }/* Rot; */

.cl-transparent   { color:transparent; } /* transparent */
.cl-white         { color:#fff; }/* Weiß */
.cl-black         { color:#000; }/* Schwarz */
.cl-error         { color:#d50303; }/* FEHLER rot */

.cl-1             { color:#e30613;  }/* Dunkelgrau rgba(88,88,88,1); */
.cl-2             { background-color:#f0f1f3; }/* Hellgrau */

.p-0              { padding:0; }
.p-1              { padding:1rem; }
.p-2              { padding:2rem; }
.p-3              { padding:3rem; }
.p-4              { padding:4rem; }
.p-5              { padding:5rem; }
.p-8              { padding:8rem; }

.pd-1             { padding:1rem 0; }
.pd-2             { padding:2rem 0; }
.pd-3             { padding:3rem 0; }
.pd-4             { padding:4rem 0; }
.pd-8             { padding:8rem 0; }
.pd-10             { padding:8rem 0; }
.pd-15             { padding:15rem 0; }
.pd-25             { padding:25rem 0; }


.pd-t0            { padding-top:0; }
.pd-t1            { padding-top:1rem; }
.pd-t2            { padding-top:2rem; }
.pd-t3            { padding-top:3rem; }
.pd-t4            { padding-top:4rem; }
.pd-t5            { padding-top:5rem; }
.pd-t6            { padding-top:6rem; }

.pd-t8,
.pd-t10,
.pd-t15,
.pd-t25            { padding-top:4rem; }



.pd-b0            { padding-bottom:0; }
.pd-b1            { padding-bottom:1rem; }
.pd-b2            { padding-bottom:2rem; }
.pd-b3            { padding-bottom:3rem; }
.pd-b4            { padding-bottom:4rem; }
.pd-b5            { padding-bottom:5rem; }
.pd-b6            { padding-bottom:5rem; }
.pd-b8,
.pd-b10,
.pd-b15,
.pd-b25            { padding-bottom:4rem; }

@media (min-width:960px) {

.pd-t8            { padding-top:8rem; }
.pd-t10            { padding-top:10rem; }
.pd-t15            { padding-top:15rem; }
.pd-t25            { padding-top:25rem; }

.pd-b8            { padding-bottom:8rem; }
.pd-b10           { padding-bottom:10rem; }
.pd-b15            { padding-bottom:15rem; }
.pd-b25            { padding-bottom:25rem; }
}

/* Link Definition */
a                 { color:#e30613 }
a:hover           { color:#000; }
a:focus,
a:active          {  outline:0; }



/* ##################################################
Typography
################################################## */

h1, h2, h3, h4, h5, h6, .headline  {
  font-size:4.5rem;
  margin:0 0 1.5rem 0;
  /* word Wraps
  word-wrap: normal;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto; */
  font-weight:normal;
  color: #e30613;
  line-height: 1;
  font-family: 'Populaire';
      /* Smoothing */


          -webkit-font-smoothing: antialiased;
          -moz-font-smoothing: unset;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}



@media (min-width:560px) {
  h1              { font-size:9vw; }
  .subtitle { font-size:3vw; font-weight:bold; }
}

@media (min-width:790px) {
  h2              { font-size:6vw; }
  h3              { font-size: 4.5rem; }
  h4              { font-size: 3rem; }
}
@media (min-width:1360px) {
  h1,
  h2              { font-size:100px; }

  .subtitle { font-size: 40px; font-weight:bold; }
}



p                 { margin:0 0 1.5rem 0; /* word Wrapsword-wrap: normal; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/ }
.small            { font-size:1.2rem; }

table             { margin:3rem 0; padding:0; border-collapse:collapse; border-spacing:0; border:0;}
td,
th                { padding:0.5rem; border-style:solid; border-width:1px; text-align:left; }
th                { color:#fff; background:rgba(0, 0, 0, 0.8); }

hr                { height:1px; border:0; background-color:#000; margin:2rem 0;  }

/*##################################################
 Lists
################################################## */

ul, ol                      { padding-left:2.5rem; margin:0 0 3rem 0; }

ul ul, ul ol, ol ol, ol ul  { margin:1.5rem 0 1.5rem 3rem; }
li                          { margin-bottom:0.5rem; position:relative; }


/*##################################################
Images and image box
################################################## */

.image-box,
.image-box img,
.image-box a         { display:block; position:relative; vertical-align:top;  }
.image-box img       { max-width:100%; height:auto; width: 100%;}


/* buttons */
.button,
button,
input[type="submit"]  {
    position:relative;
    display:inline-block;
    cursor:pointer;
    padding:0.5rem 3rem 0.5rem 1rem;
    margin:1rem 1.1rem 0 0;
    border-radius:0;
    border:0;
    outline:0;
    text-decoration:none;
    -webkit-appearance:none;/* removing the apearance for safari input types*/
    background-color:#e30613;
    line-height: 1.3;
    font-family: 'Populaire';
    color:#fff;
    vertical-align: middle;
    overflow: hidden;
    font-weight: normal;
    font-size: 3rem;
    line-height: 3.9rem;
    height: 4.9rem;
    white-space: nowrap;
    /* Smoothing */
    -webkit-transform:scale(1.2);
    transform:scale(1.2);

        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: unset;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
}
.button:hover,
button:hover,
input[type="submit"]:hover  { background-color:#000; color:#fff;}

.button:after, button:after { content:'>'; position: absolute; top:0; right:5px; display:inline-block; font-size:7rem;}


@media (max-width:560px) {
  .button,
  button,
  input[type="submit"]  {

    -webkit-transform:scale(1);
    transform:scale(1);
}
}

/* Form */
.wpforms-field-container,
.wp-logo-select,
.newsletter-box,
.newsletter-logo-select   { max-width:850px;  }

.logo-button { cursor:pointer; }
.logo-item  img{ max-width; width:100%; height:auto;}
.wp-logo-select img { margin:auto; max-width:150px; height:auto; width:100%; opacity:0.5;}
.newsletter-logo-select  img { margin:auto; max-width:150px; height:auto; width:100%;}
.wp-logo-select .active { position:relative; }
.wp-logo-select .active img { opacity:1; }
.wp-logo-select .active:after { content:''; z-index:1; position:absolute; left: 60%; top:0; width:50px; height:50px; border-radius:50%; background-color:#fff; border:2px solid #e30613;}
.wp-logo-select .active:before {
  content: '';
  z-index: 2;
  position: absolute;
   left: 65%;
  top: 14px;
  width: 26px;
  height: 17px;
  border-color: #e30613;
  border-style: solid;
  border-width: 4px 4px 0 0;
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
 }




.wpforms-field-container input,
.wpforms-field-container textarea,
 .newsletter-box input[type="text"] { border:1px solid #9d9d9c; background:#fff; padding:1rem; width: 100%; }

.wpforms-field-container textarea { min-height: 250px;}
.wpforms-field, .form-row { margin-bottom:1rem;}
label {display: block; font-weight:700; }
.wpforms-field-hp {display:none;}
.wpforms-field-container input.wpforms-error { border-color:#e30613; }
.wpforms-field-container ul { margin:0; padding:10px 0 0 0; }
.wpforms-field-container ul li { list-style-type:none; padding:0; margin:0; }
input[type="checkbox"] { width:auto; border-radius:0; float:left; margin:3px 10px 5px 0;}
.wpforms-required-label,
.wpforms-has-error label { color:#e30613; }
label.wpforms-error { display:none !important;}
.wpforms-field-html { padding-top:30px; }

.wpforms-field-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap;  }
.wpforms-field-container .wpforms-field { width:100%; }

.wpforms-field-container .wpforms-field:nth-of-type(1) { order:3; }
.wpforms-field-container .wpforms-field:nth-of-type(2) { order:4; }
.wpforms-field-container .wpforms-field:nth-of-type(3) { order:1; }
.wpforms-field-container .wpforms-field:nth-of-type(4) { order:2; }
.wpforms-field-container .wpforms-field:nth-of-type(5) { order:5; }
.wpforms-field-container .wpforms-field:nth-of-type(6) { order:6; }
.wpforms-field-container .wpforms-field:nth-of-type(7) { order:7; }
.wpforms-field-container .wpforms-field:nth-of-type(8) { order:8; }
.wpforms-field-container .wpforms-field:nth-of-type(9) { order:9; }
.wpforms-field-container .wpforms-field:nth-of-type(10) { order:10; }
.wpforms-field-container .wpforms-field:nth-of-type(11) { order:11; }
.wpforms-field-container .wpforms-field:nth-of-type(12) { order:12; }
.wpforms-field-container .wpforms-field:nth-of-type(13) { order:13; }
.wpforms-field-container .wpforms-field:nth-of-type(14) { order:14; }
.wpforms-field-container .wpforms-field:nth-of-type(15) { order:15; }



#form-tab { max-height:0; overflow:hidden;   -webkit-transition: all .3s ease-in-out;
  transition:  all .3s ease-in-out; }
#form-tab.active { max-height:2500px; overflow:inherit; }
.form-content { display:none; opacity:0; margin-top: 3rem;}
.form-content p { max-width:750px;}
.form-content.active  { display:block; opacity:1; }


/*##################################################
Grid
################################################## */


.col-item,
.flex-item           { display:inline-block; width:100%; position:relative; vertical-align: top; margin:0 0 2rem 0; }

.base-box,
.wp-logo-select,
.newsletter-logo-select            { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wp-logo-select>.col-item,
.newsletter-logo-select>.col-item                { width:calc(33.333333% - 2rem); }
.wp-logo-select                        { margin:0 0 0 -2rem; }
.wp-logo-select>.col-item,
.newsletter-logo-select>.col-item            { margin:0 0 2rem 2rem; }


.col-box,
.wrap                 { -ms-flex-wrap:wrap; flex-wrap:wrap; }

.main-col-box,
.nocolwrap { -ms-flex-wrap:nowrap; flex-wrap:nowrap; }


@supports (flex-wrap: wrap) { /* hide from incomplete Firefox versions */
  .col-box           { -webkit-flex-wrap: wrap; }
  .main-col-box            { -webkit-flex-wrap: nowrap; }
}

.col-box,
.stretch              { -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; }

.flex-column,
.base-box             { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.flex-column          {  height: 100%; }

[class*="center-"]    { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.center-center        { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.center-left          { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.center-right         { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }
.center-space         { -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content:space-between; }

[class*="bottom-"]    { -webkit-box-align:flex-end; -ms-flex-align:end; align-items:flex-end; }
.bottom-center        { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.bottom-left          { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start;  }
.bottom-right         { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }

[class*="top-"]       { -webkit-box-align:flex-start; -ms-flex-align:start; align-items:flex-start; }
.top-center           { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.top-left             { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start;  }
.top-right            { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }

.space-between        { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}


/* align items inside a flexbox*/
.item-top-left        { margin:0 auto auto 0; }
.item-top-right       { margin:0 0 auto auto; }
.item-top-center      { margin:0 auto auto auto; }
.item-center-left     { margin:0 auto auto auto; }
.item-center-right    { margin:auto 0 auto auto; }
.item-center-center   { margin:auto; }
.item-bottom-left     { margin:auto auto 0 0; }
.item-bottom-right    { margin:auto 0 0 auto; }
.item-bottom-center   { margin:auto auto 0 auto; }



/* setting the footer always to the bottom, if the browser is capable of displaying flexbox*/

.site-footer,
.logo                         { -ms-flex-negative:0; flex-shrink:0; }/* do not shrink or enlarge */
.base-item,
.flex-column .content-box     { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; } /* shrink and enlarge this */



@media (min-width:760px) {
  .col-box,
  .flex-box            { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .flex-box > .flex-item.left-box { margin:0 auto 0 0; width:auto; }
  .flex-box > .flex-item.right-box { margin:0 0 0 auto; width:auto;  }
    /* predefined margins for the standard boxes */
    .col-box                        { margin:0 0 0 -2rem; }
    .reverse-order .col-item:nth-of-type(1) { order:2; }
    .reverse-order .col-item:nth-of-type(2) { order:1; }

    .col-box>.col-item,
    .col-box>.flex-item             { margin:0 0 0 2rem; }


    .flex-box>.flex-item            { margin:0 0 2rem 0; }
    .col-2>.col-item,
    .col-2>.flex-item               { width:calc(50% - 2rem); }
    .col-3>.col-item,
    .col-3>.flex-item               { width:calc(33.333333% - 2rem); }

    .col-4>.col-item,
    .col-4>.flex-item               { width:calc(25% - 2rem); }

    .col-box>.col-item.box-20       { width:calc(20% - 2rem); }
    .col-box>.col-item.box-25       { width:calc(25% - 2rem); }
    .col-box>.col-item.box-30       { width:calc(30% - 2rem); }
    .col-box>.col-item.box-33       { width:calc(33.333333% - 2rem); }
    .col-box>.col-item.box-35       { width:calc(35% - 2rem); }
    .col-box>.col-item.box-40       { width:calc(40% - 2rem); }
    .col-box>.col-item.box-45       { width:calc(45% - 2rem); }
    .col-box>.col-item.box-50       { width:calc(50% - 2rem); }
    .col-box>.col-item.box-55       { width:calc(55% - 2rem); }
    .col-box>.col-item.box-60       { width:calc(60% - 2rem); }
    .col-box>.col-item.box-65       { width:calc(65% - 2rem); }
    .col-box>.col-item.box-66       { width:calc(66.666666% - 2rem); }
    .col-box>.col-item.box-70       { width:calc(70% - 2rem); }
    .col-box>.col-item.box-75       { width:calc(75% - 2rem); }
    .col-box>.col-item.box-80       { width:calc(80% - 2rem); }
    .col-box>.col-item.box-85       { width:calc(85% - 2rem); }
    .col-box>.col-item.box-100      { width:calc(100% - 2rem); }

}
@media (min-width:460px) {
.image-items { display: -webkit-box; display: -ms-flexbox; display: flex; }

.image-items                    { margin:0.5rem 0 3rem -0.5rem; }
.image-items>.col-item          { margin:0 0 0 0.5rem; }
.image-items>.col-item{ width:calc(33.333333% - 0.5rem); }
}

/* Header */
.site-header           { position:relative; width:100%; z-index: 100; background-color:transparent; }
.no-touch .fixed .site-header    { position:fixed; }

/* Logo */
.branding              { position:relative; z-index:1; width:100%; display:block; padding:20px 0; background-color:#e30613;}
.branding .item-box {  text-align: center; }

/* Logo */
.logo {
  position:absolute;
  top:0;
  left:0;
  z-index:20;
  width:197px;
  height:50px;
  background:url('images/backen-verbindet-logo.png') 0 0 no-repeat;
  background-size:contain;

}
.brand-box { margin:0 0 0 auto; }
.brand-box .flex-item { max-width:50px; margin:0 0 0 12px; }
.brand-box .flex-item a { display:block; }
.brand-box .flex-item img { max-width:100%; }

.no-touch.fixed-nav .logo { height: 110px; }
#site-navigation .logo { display:none; }
.logo a,
.brand-logo a{ position:absolute; display:block; width:100%; height:100%; top:0; left:0; }

@media (max-width:890px) {
  .logo {  position: relative; display:inline-block; height:50px; margin-bottom:10px; width:100%; background-position: center;}
  .branding .item-box  { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-wrap: wrap; }
 .brand-box { margin:0 auto; }
 .brand-box .flex-item {
    max-width: 50px;
    margin: 0px 0 0 10px;
}
}

@media (min-width:890px) {
  .branding              {  }
  #site-navigation .logo { display:block; }
  .site-header           { width:100%; z-index: 98; background-color:transparent; }

  .logo span { height: 100px; width: 215px; }
  .logo {
    opacity:0;
      -webkit-transform:translatey(-110px);
      transform:translatey(-110px);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .ready-to-roll .logo {
    opacity:1;
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
.brand-box .flex-item {
  opacity:0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.ready-to-roll .brand-box .flex-item { opacity:1; }
.ready-to-roll .brand-box .flex-item:nth-of-type(1) {  -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.ready-to-roll .brand-box .flex-item:nth-of-type(2) {  -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.ready-to-roll .brand-box .flex-item:nth-of-type(3) {  -webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
.ready-to-roll .brand-box .flex-item:nth-of-type(4) {  -webkit-transition-delay: 0.9s; transition-delay: 0.9s;}


  header .logo {  -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

}


/* must have higher specificity than alternative color schemes inline styles */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}
.skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-size: 14px;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}



@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  src: local('Istok Web Regular'), local('IstokWeb-Regular'),
       url('css/fonts/istok-web-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('css/fonts/istok-web-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: local('Istok Web Bold'), local('IstokWeb-Bold'),
       url('css/fonts/istok-web-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('css/fonts/istok-web-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



@font-face {
  font-family: 'Populaire';
  src: url('css/fonts/3799F0_0_0.woff2') format('woff2'),
      url('css/fonts/3799F0_0_0.woff') format('woff');
      font-style: normal;
      font-weight:normal:
  }


@font-face {
  font-family: 'PopulaireLight';
  src: url('css/fonts/3799F0_1_0.woff2') format('woff2'),
  url('css/fonts/3799F0_1_0.woff') format('woff');
  font-style: normal;
  font-weight:normal:
}


/* animation */



@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}