/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-300italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-700italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  /* faustina-600 - latin */
  @font-face {
    font-family: 'Faustina';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/faustina-v16-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/faustina-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/faustina-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/faustina-v16-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/faustina-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/faustina-v16-latin-600.svg#Faustina') format('svg'); /* Legacy iOS */
  }
  /* faustina-italic - latin */
  @font-face {
    font-family: 'Faustina';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/faustina-v16-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/faustina-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/faustina-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/faustina-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/faustina-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/faustina-v16-latin-italic.svg#Faustina') format('svg'); /* Legacy iOS */
  }


/*Grid*/
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    width: 100%;
}

.container.full {
    width: 100%;
    max-width: 100%;
}

.container:before,
.container:after {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

.container:before,
.container:after {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row:before,
.row:after {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row:before,
.row:after {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xsm-1,
.col-xsm-2,
.col-xsm-3,
.col-xsm-4,
.col-xsm-5,
.col-xsm-6,
.col-xsm-7,
.col-xsm-8,
.col-xsm-9,
.col-xsm-10,
.col-xsm-11,
.col-xsm-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-lg-11,
.col-xl-12

{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
    float: left
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-12 {
    width: 100%
}

@media screen and (min-width: 450px) and (max-width: 767px) {
    .container.full {
        width: 100%;
        max-width: 100%;
    }
    .col-xsm-1,
    .col-xsm-2,
    .col-xsm-3,
    .col-xsm-4,
    .col-xsm-5,
    .col-xsm-6,
    .col-xsm-7,
    .col-xsm-8,
    .col-xsm-9,
    .col-xsm-10,
    .col-xsm-11,
    .col-xsm-12 {
        float: left;
    }
    .col-xsm-1 {
        width: 8.333333333333332%
    }
    .col-xsm-2 {
        width: 16.666666666666664%
    }
    .col-xsm-3 {
        width: 25%
    }
    .col-xsm-4 {
        width: 33.33333333333333%
    }
    .col-xsm-5 {
        width: 41.66666666666667%
    }
    .col-xsm-6 {
        width: 50%
    }
    .col-xsm-7 {
        width: 58.333333333333336%
    }
    .col-xsm-8 {
        width: 66.66666666666666%
    }
    .col-xsm-9 {
        width: 75%
    }
    .col-xsm-10 {
        width: 83.33333333333334%
    }
    .col-xsm-11 {
        width: 91.66666666666666%
    }
    .col-xsm-12 {
        width: 100%
    }
    .col-xsm-push-1 {
        left: 8.333333333333332%
    }
    .col-xsm-push-2 {
        left: 16.666666666666664%
    }
    .col-xsm-push-3 {
        left: 25%
    }
    .col-xsm-push-4 {
        left: 33.33333333333333%
    }
    .col-xsm-push-5 {
        left: 41.66666666666667%
    }
    .col-xsm-push-6 {
        left: 50%
    }
    .col-xsm-push-7 {
        left: 58.333333333333336%
    }
    .col-xsm-push-8 {
        left: 66.66666666666666%
    }
    .col-xsm-push-9 {
        left: 75%
    }
    .col-xsm-push-10 {
        left: 83.33333333333334%
    }
    .col-xsm-push-11 {
        left: 91.66666666666666%
    }
    .col-xsm-pull-1 {
        right: 8.333333333333332%
    }
    .col-xsm-pull-2 {
        right: 16.666666666666664%
    }
    .col-xsm-pull-3 {
        right: 25%
    }
    .col-xsm-pull-4 {
        right: 33.33333333333333%
    }
    .col-xsm-pull-5 {
        right: 41.66666666666667%
    }
    .col-xsm-pull-6 {
        right: 50%
    }
    .col-xsm-pull-7 {
        right: 58.333333333333336%
    }
    .col-xsm-pull-8 {
        right: 66.66666666666666%
    }
    .col-xsm-pull-9 {
        right: 75%
    }
    .col-xsm-pull-10 {
        right: 83.33333333333334%
    }
    .col-xsm-pull-11 {
        right: 91.66666666666666%
    }
    .col-xsm-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-xsm-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-xsm-offset-3 {
        margin-left: 25%
    }
    .col-xsm-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-xsm-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-xsm-offset-6 {
        margin-left: 50%
    }
    .col-xsm-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-xsm-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-xsm-offset-9 {
        margin-left: 75%
    }
    .col-xsm-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-xsm-offset-11 {
        margin-left: 91.66666666666666%
    }
}

@media(min-width:768px) {
    .container {
        /*max-width: 750px*/
        max-width: 900px;
    }

    .container.full {
        width: 100%;
        max-width: 100%;
    }
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11 {
        float: left
    }
    .col-sm-1 {
        width: 8.333333333333332%
    }
    .col-sm-2 {
        width: 16.666666666666664%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333333333333%
    }
    .col-sm-5 {
        width: 41.66666666666667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.333333333333336%
    }
    .col-sm-8 {
        width: 66.66666666666666%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333333333334%
    }
    .col-sm-11 {
        width: 91.66666666666666%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-push-1 {
        left: 8.333333333333332%
    }
    .col-sm-push-2 {
        left: 16.666666666666664%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333333333333%
    }
    .col-sm-push-5 {
        left: 41.66666666666667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.333333333333336%
    }
    .col-sm-push-8 {
        left: 66.66666666666666%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333333333334%
    }
    .col-sm-push-11 {
        left: 91.66666666666666%
    }
    .col-sm-pull-1 {
        right: 8.333333333333332%
    }
    .col-sm-pull-2 {
        right: 16.666666666666664%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333333333333%
    }
    .col-sm-pull-5 {
        right: 41.66666666666667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.333333333333336%
    }
    .col-sm-pull-8 {
        right: 66.66666666666666%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333333333334%
    }
    .col-sm-pull-11 {
        right: 91.66666666666666%
    }
    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }
}

@media(min-width:1024px) {
    .container {
        max-width: 970px
    }

    .container.full {
        width: 100%;
        max-width: 100%;
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 {
        float: left
    }
    .col-md-1 {
        width: 8.333333333333332%
    }
    .col-md-2 {
        width: 16.666666666666664%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333333333333%
    }
    .col-md-5 {
        width: 41.66666666666667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.333333333333336%
    }
    .col-md-8 {
        width: 66.66666666666666%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333333333334%
    }
    .col-md-11 {
        width: 91.66666666666666%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.333333333333332%
    }
    .col-md-push-2 {
        left: 16.666666666666664%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333333333333%
    }
    .col-md-push-5 {
        left: 41.66666666666667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.333333333333336%
    }
    .col-md-push-8 {
        left: 66.66666666666666%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333333333334%
    }
    .col-md-push-11 {
        left: 91.66666666666666%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.333333333333332%
    }
    .col-md-pull-2 {
        right: 16.666666666666664%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333333333333%
    }
    .col-md-pull-5 {
        right: 41.66666666666667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.333333333333336%
    }
    .col-md-pull-8 {
        right: 66.66666666666666%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333333333334%
    }
    .col-md-pull-11 {
        right: 91.66666666666666%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1170px;
    }

    .container.full {
        width: 100%;
        max-width: 100%;
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 {
        float: left
    }
    .col-lg-1 {
        width: 8.333333333333332%
    }
    .col-lg-2 {
        width: 16.666666666666664%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333333333333%
    }
    .col-lg-5 {
        width: 41.66666666666667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.333333333333336%
    }
    .col-lg-8 {
        width: 66.66666666666666%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333333333334%
    }
    .col-lg-11 {
        width: 91.66666666666666%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.333333333333332%
    }
    .col-lg-push-2 {
        left: 16.666666666666664%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333333333333%
    }
    .col-lg-push-5 {
        left: 41.66666666666667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.333333333333336%
    }
    .col-lg-push-8 {
        left: 66.66666666666666%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333333333334%
    }
    .col-lg-push-11 {
        left: 91.66666666666666%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.333333333333332%
    }
    .col-lg-pull-2 {
        right: 16.666666666666664%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333333333333%
    }
    .col-lg-pull-5 {
        right: 41.66666666666667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.333333333333336%
    }
    .col-lg-pull-8 {
        right: 66.66666666666666%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333333333334%
    }
    .col-lg-pull-11 {
        right: 91.66666666666666%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }
}

@media(min-width:1400px){
    .container {
        max-width: 1350px;
    }

    .container.full {
        width: 100%;
        max-width: 100%;
    }

    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11 {
        float: left
    }
    .col-xl-1 {
        width: 8.333333333333332%
    }
    .col-xl-2 {
        width: 16.666666666666664%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.33333333333333%
    }
    .col-xl-5 {
        width: 41.66666666666667%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-7 {
        width: 58.333333333333336%
    }
    .col-xl-8 {
        width: 66.66666666666666%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-10 {
        width: 83.33333333333334%
    }
    .col-xl-11 {
        width: 91.66666666666666%
    }
    .col-xl-12 {
        width: 100%
    }
    .col-xl-push-0 {
        left: auto
    }
    .col-xl-push-1 {
        left: 8.333333333333332%
    }
    .col-xl-push-2 {
        left: 16.666666666666664%
    }
    .col-xl-push-3 {
        left: 25%
    }
    .col-xl-push-4 {
        left: 33.33333333333333%
    }
    .col-xl-push-5 {
        left: 41.66666666666667%
    }
    .col-xl-push-6 {
        left: 50%
    }
    .col-xl-push-7 {
        left: 58.333333333333336%
    }
    .col-xl-push-8 {
        left: 66.66666666666666%
    }
    .col-xl-push-9 {
        left: 75%
    }
    .col-xl-push-10 {
        left: 83.33333333333334%
    }
    .col-xl-push-11 {
        left: 91.66666666666666%
    }
    .col-xl-pull-0 {
        right: auto
    }
    .col-xl-pull-1 {
        right: 8.333333333333332%
    }
    .col-xl-pull-2 {
        right: 16.666666666666664%
    }
    .col-xl-pull-3 {
        right: 25%
    }
    .col-xl-pull-4 {
        right: 33.33333333333333%
    }
    .col-xl-pull-5 {
        right: 41.66666666666667%
    }
    .col-xl-pull-6 {
        right: 50%
    }
    .col-xl-pull-7 {
        right: 58.333333333333336%
    }
    .col-xl-pull-8 {
        right: 66.66666666666666%
    }
    .col-xl-pull-9 {
        right: 75%
    }
    .col-xl-pull-10 {
        right: 83.33333333333334%
    }
    .col-xl-pull-11 {
        right: 91.66666666666666%
    }
    .col-xl-offset-0 {
        margin-left: 0
    }
    .col-xl-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-xl-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-xl-offset-3 {
        margin-left: 25%
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-xl-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-xl-offset-6 {
        margin-left: 50%
    }
    .col-xl-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-xl-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-xl-offset-9 {
        margin-left: 75%
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-xl-offset-11 {
        margin-left: 91.66666666666666%
    }
}

.img-container {
    position: relative;
    height: auto;
    padding-bottom: 100%;
}

.img-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    z-index: 1;
}


section.img .row {
/*width: 100%;*/
width: calc(100% + 30px);}



form {
    width: 100%;
    position: relative;
}

form label {
    position: relative;
    display: block;
}

form fieldset {border: 0;}

form label [type="date"], form label [type="time"], form label [type="text"], form label [type="tel"], form label [type="email"], form label [type="file"], form label input, form label textarea {
    box-sizing: border-box;
    display: block;
    padding: 15px 20px 15px 15px;
    width: 100%;
    margin-bottom: 1.5rem;
    outline: none;
    transition: all 0.2s ease-in-out;
    background: transparent;
    border: none;
    border: 0.05rem solid rgba(92, 92, 92, 0.6);
    border-radius: 5px;
    color: #fff;
    position: relative;
    z-index: 1;
    font-family: 'Faustina', serif;
    font-size: 16px;
    font-weight: 300;
}

form label [type="date"]::placeholder, form label [type="time"]::placeholder, form label [type="text"]::placeholder, form label [type="tel"], form label [type="email"]::placeholder, form label [type="file"]::placeholder, form label input::placeholder, form label textarea::placeholder {
    transition: all 0.2s ease-in-out;
}

form label [type="date"]:focus, form label [type="time"]:focus, form label [type="text"]:focus, form label [type="tel"]:focus, form label [type="email"]:focus, form label [type="file"]:focus, form label input:focus, form label textarea:focus, form label [type="date"].populated, form label [type="time"].populated, form label [type="text"].populated, form label [type="tel"].populated, form label [type="email"].populated, form label [type="file"].populated, form label input.populated, form label textarea.populated {
    padding-top: 37px;
    padding-bottom: 15px;
    color: #ffffff;
}



input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    color: #ffffff !important;
}
form label input:focus + span, 
form label textarea:focus + span, 
form label input.populated + span,  
form label textarea.populated + span {
    color: #858585;
    top: 1.3rem;
}


section form label > span,
section .message > span {
    color: #858585;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transition: all 0.2s ease-in-out;
    background: transparent;
    padding: 0 0.4rem;
}

body.sansserif form label > span,
body.sansserif .message > span {
    top: 1.4rem;
}

label.error {
    background: #bd9e7f;
    color: #000000;
    padding: 1.1rem 1.1rem 0.9rem 1.5rem;
    font-size: 1.35rem;
    margin-bottom: 1.8rem;
    animation: 1s ease-out 0s 1 bounceInTop;
    margin-top: -0.8rem;
    border-radius: 5px;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

label.error:before {
    content: '\f0d8';
    font-family: "FontAwesome";
    color: #bd9e7f;
    position: absolute;
    top: -1.6rem;
    font-size: 2.5rem;
    left: 1rem;
}

label[for=Datenschutz],
form p.small {
    font-size: 1.4rem;
    line-height: 1.9rem;
    text-align: left;
    padding-left: 4rem;
} 

body.light section.dark form p.small {
    padding-left: 0;
    margin: 0;
    margin-bottom: 2rem;
    line-height: 1.2;
} 


textarea {
    height: 80px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
}

label[for=Datenschutz].error {
    font-size: 1.4rem;
    line-height: 2.3rem;
    text-align: left;
    padding-left: 4rem;
    padding: 0.7rem 1.1rem 0.4rem 1.5rem;
    bottom: -7rem;
    position: absolute;
    width: 100%;
}

input[type=checkbox] {
    /*display: none;*/
    opacity: 0;
    position: relative;
    z-index: 10;
    width: 20px;
}

fieldset {
    outline: none;
}
.v2-checkbox label.platzhalter {    margin-top: -1.5rem;}
.v2-checkbox label.platzhalter:before {
    content: '';
    width: 2.1rem;
    height: 2.1rem;
    display: block;
    border: 0.05rem solid rgba(92, 92, 92, 0.6);
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: -2.4px;
}
input[type=checkbox]:checked+label.platzhalter:after,
input[type=checkbox]:checked+label+label.platzhalter:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    content: "\f00c";
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0.4rem;
    top: 0.2rem;
}

form label [type="date"].error, form label [type="time"].error, form label [type="text"].error, form label [type="tel"].error, form label [type="email"].error, form label [type="file"].error, form label input.error, form label textarea.error  {
    /*border: 0.05rem solid #bd9e7f;*/
    position: relative;
}
form label input[type="date"].error + *:after, form label input[type="time"].error + *:after, form label input[type="text"].error + *:after, form label input[type="tel"].error + *:after, form label input[type="email"].error + *:after, form label input[type="file"].error + *:after, form label input.error + *:after, form label textarea.error + *:after  {  
    font-family: 'FontAwesome';
    content: "\f071";
    position: absolute;
    top: -3.9rem;
    right: 2rem;
    color: #bd9e7f;
    display: block;
    font-size: 1.5rem;
}
label.hidden {
    display: none;
}

.submitbtn {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

.v2-checkbox {
    margin-top: 3rem;
    margin-bottom: 7rem;
    position: relative;
}

.message {
    position: relative;
}
.message span {
    left: 1.1rem;
    top: 1.4rem;
}

input.valid + label + span,
input.populated + label + span,
textarea.valid + label + span,
textarea.populated + label + span {
    color: #4c4c4c;
} 

form label.box {
    overflow: hidden;
}

form label.box input {
    padding: 40px 20px 15px 15px;
    font-size: 1.3rem;
}

form .select-wrapper,
form .date-wrapper {
    position: relative;
    padding: 12px 20px 12px 15px;
    border: 0.05rem solid rgba(92, 92, 92, 0.6);
    border-radius: 5px;
    margin-bottom: 1.5rem;
    display: block;
}
input[type="date"] { 
    background: transparent;
    color: white;
  }
  
  input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(100%);
  }
form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    outline: none;
    background: #000;
    border: none;
    outline: none;
    cursor: pointer;
    color: #858585;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,color=#FF0000);
}
form select option {
    text-transform: none;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 !important;
    background: #000;
}

form .select-wrapper:before {
    font-family: "FontAwesome";
    content: "\f107";
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ffffff;
}


select[selected="selected"],
select option[disabled="disabled"],
select option.selected {
	color: #000000;
    background: rgb(189, 189, 189);
}

.box label.error, .select-wrapper label.error {
    margin-top: 0.9rem;
    margin-bottom: 0;
    /*position: absolute;
    z-index: 10;
    width: 94%;*/
}
input:autofill {
    border: 2px solid #bd9e7f!important;
    background-color: #202020!important;
}

input:-webkit-autofill {
    border: 2px solid #bd9e7f!important;
    background-color: #202020!important;
}

form label input.populated:-webkit-autofill + span {
    color:#bd9e7f;
    z-index: 3;
}
input[type="submit"] {
    cursor: pointer;
}
input[type="submit"]:disabled {
    font: 2rem/1 'Bebas', sans-serif;
    letter-spacing: .2rem;
    border-radius: 2.5rem;
    padding: 13px 30px 14px 30px;
    display: inline-block;
    background: linear-gradient(to left, transparent 50%, #747474 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    opacity: .3;
    border: 1px #747474 solid;
    color: #747474;
    cursor:default;
}

.v2-checkbox span {
    padding-left: 4rem;
    margin-top: -5px;
    display: block;
}
#sizeinfo {
    display: none;
}
.send-check {display: none;}
.send-check.open {
    animation: 1.5s loadText 1.7s ease;
    -webkit-animation: 1.5s loadText 1.7s ease;
    animation-fill-mode: forwards;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background: rgb(30 30 30 / 90%);
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    Z-INDEX: 73;
    opacity: 0;
    
}
.send-check .inner {
    background: #000000;
    padding: 7rem 2rem 3rem 2rem;
    position: relative;
    border-radius: 12px;
    max-width: 500px;
    box-shadow: 0 10px 14px -3px rgb(0 0 0 / 62%);     
}

.send-check h3 {
    opacity: 1;
    line-height: 1.1;
}


.send-check .inner .close {
    
    position: absolute;
    right: 1rem;
    top: 3rem;
}

.send-check .close:after {
    content: '\f00d';
    font-family: "FontAwesome";
    color: #bd9e7f;
    position: absolute;
    top: -1.6rem;
    font-size: 2.5rem;
    right: 1rem;
}

body.fixed {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
}

body.fixed section.light {
    display: none;
}

body.fixed section.dark  {
    padding-top: 180px;
}

form label > span, 
.message span, 
form label textarea, 
form select, 
.v2-checkbox span {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.5;
}

section.animated .send-check .inner p,
section .send-check .inner p {
    opacity: 1;
}



table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
}

table.guthaben {
    margin: 4rem 0 4rem 0;
    border: 1px solid #1c1c1c;
}

table thead {
    border: 1px solid #1c1c1c;
    display: table-row-group;
}

table tr {
    display: table-row;
    border-bottom: 1px solid #262626;
}

table.guthaben th, 
table.guthaben td {
    padding: 1rem 2.5rem;
    text-align: left;
    color: #8f8f8f;
    display: table-cell;
    vertical-align: top;
    font-weight: 400;
}
table tr th {color: #fff;}

@media(min-width:425px) {
    .send-check .inner {
        background: #000000;
        padding: 7rem 7rem 2rem 7rem;
        position: relative;
        border-radius: 12px;
    }

    .send-check .inner .close {
        position: absolute;
        right: 2rem;
        top: 4rem;
    }

}

@media(max-width:767px) {
    textarea {
        height: 100px;
    }
}

@media (max-width: 991px){
    table {
        border: 0;
    }
    table.guthaben thead {
        display: none;
    }
    table.guthaben tr {
        padding: 15px;
        margin-bottom: 0.8rem;
        float: left;
        width: 100%;
    }

    table.guthaben td,
    table.guthaben th {
        float: left;
        width: 100%;
        padding: 1em;
        padding: 0 0 0.5rem 0;
    }

    table.guthaben td::before,
    table.guthaben th::before {
        content: attr(data-label);
        word-break: break-word;
    }

    table.guthaben td::before,
    table.guthaben th::before {
        content: attr(data-label);
        word-wrap: break-word;
        width: 50%;
        float: left;
        padding: 1em;
        font-weight: bold;
        margin: -1em 1em -1em -1em;
        color: #fff;
    }
}

@media (max-width: 320px){
    table.guthaben td::before,
    table.guthaben th::before {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        margin: -0.8em -1em -1em 0em;
    }
    table.guthaben td, table.guthaben th {
        text-align: center;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.fullwidth .img img {
		width: 100%!important;
		height: auto!important;
        left: 0!important;
        top: 0% !important;
		transform: none!important;
        margin-top: 0% !important;
	}

    h1,
    h2, 
    h3, 
    body section h3,
    h4,
    h5,
    h6,
    p,
    .icon,
    form,
    input[type=checkbox] {opacity: 1;}

    header.fixed nav > ul > li > a.fwbtn {padding: 0.8rem 2.5rem!important;}

    header #logo {
        background: url(../../images/basics/frittenwerk-logo-long.svg) no-repeat!important;
        background-size: contain !important;
        width: 130px;
        height: 32.02px;
    }
    article, aside, details, figcaption, figure, footer, hgroup, main, nav, section, summary, .faqwrap, .element-center {
        display: block!important;
    }
    .container {
        margin: 0 auto;
    }
}