/*
Theme Name: Flusk
Theme URI: http://themewagon.com/demo/Flusk/
Author: ThemeWagon
Author URI: http://themewagon.com/
Description: Slick One page HTML 5 template powered by Bootstrap 3.
Version: 1.14.11
License: GNU General Public License v3
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: blur, white, one page, parallax, responsive-layout, full-width-template
Text Domain: flusk
*/

/**
* Table of Contents:
*
* 01.0 - Global
* 02.0 - Header
* 03.0 - Drawer with menu
* 04.0 - Parallax styles
* 05.0 - Recent works
* 06.0 - Services
* 07.0 - Blog
* 08.0 - Testimonials
* 09.0 - Contact
* 10.0 - Footer
* 11.0 - Responsive styles
* -----------------------------------------------------------------------------
*/


/* ///////////////////////////////////////////////////////////////////// 
//  01 - Global 
/////////////////////////////////////////////////////////////////////*/

/********************/
/*** Google Fonts ***/
/********************/
/*** PT Sans ***/
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/jizaRExUiTo99u79D0-ExdGM.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/jizaRExUiTo99u79D0aExdGM.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/jizaRExUiTo99u79D0yExdGM.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/jizaRExUiTo99u79D0KExQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*** Droid Serif ***/
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/tDbI2oqRg1oM3QBjjcaDkOr9rAU.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/tDbV2oqRg1oM3QBjjcaDkOJGiRD7OwE.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*** Alegreya Sans ***/
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUt9_-1phKLFgshYDvh6Vwt7V9dsm1Ttm4.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUt9_-1phKLFgshYDvh6Vwt7V9du21Ttm4.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUt9_-1phKLFgshYDvh6Vwt7V9ds21Ttm4.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUt9_-1phKLFgshYDvh6Vwt7V9dvG1Ttm4.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUt9_-1phKLFgshYDvh6Vwt7V9dsG1Ttm4.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUt9_-1phKLFgshYDvh6Vwt7V9dsW1Ttm4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUt9_-1phKLFgshYDvh6Vwt7V9dv21T.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGhE9GixI.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGjU9GixI.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGhU9GixI.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGik9GixI.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGhk9GixI.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGh09GixI.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGiU9G.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUz9_-1phKLFgshYDvh6Vwt7VdtvXVX.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUz9_-1phKLFgshYDvh6Vwt7V5tvXVX.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUz9_-1phKLFgshYDvh6Vwt7VZtvXVX.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUz9_-1phKLFgshYDvh6Vwt7VltvXVX.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUz9_-1phKLFgshYDvh6Vwt7VVtvXVX.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUz9_-1phKLFgshYDvh6Vwt7VRtvXVX.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/5aUz9_-1phKLFgshYDvh6Vwt7VptvQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEd2i1dC.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqE52i1dC.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEZ2i1dC.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEl2i1dC.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEV2i1dC.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqER2i1dC.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEp2iw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*** Nixie One ***/
/* latin */
@font-face {
  font-family: 'Nixie One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/lW-8wjkKLXjg5y2o2uUYV-ty.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*** Alegreya SC ***/
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/taiMGmRtCJ62-O0HhNEa-Z6q6Z8RbZe_.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/taiMGmRtCJ62-O0HhNEa-Z6q6ZYRbZe_.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/taiMGmRtCJ62-O0HhNEa-Z6q6Z4RbZe_.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/taiMGmRtCJ62-O0HhNEa-Z6q6ZERbZe_.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/taiMGmRtCJ62-O0HhNEa-Z6q6Z0RbZe_.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/taiMGmRtCJ62-O0HhNEa-Z6q6ZwRbZe_.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gfonts/taiMGmRtCJ62-O0HhNEa-Z6q6ZIRbQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKWeEVKD.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKyeEVKD.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKSeEVKD.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKueEVKD.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKeeEVKD.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKaeEVKD.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gfonts/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKieEQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/taiOGmRtCJ62-O0HhNEa-Z6i2ZAJaQ.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/taiOGmRtCJ62-O0HhNEa-Z6r2ZAJaQ.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/taiOGmRtCJ62-O0HhNEa-Z6j2ZAJaQ.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/taiOGmRtCJ62-O0HhNEa-Z6s2ZAJaQ.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/taiOGmRtCJ62-O0HhNEa-Z6g2ZAJaQ.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/taiOGmRtCJ62-O0HhNEa-Z6h2ZAJaQ.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gfonts/taiOGmRtCJ62-O0HhNEa-Z6v2ZA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/taiTGmRtCJ62-O0HhNEa-ZYU_IU7SKqGFQ.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/taiTGmRtCJ62-O0HhNEa-ZYU_IUySKqGFQ.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/taiTGmRtCJ62-O0HhNEa-ZYU_IU6SKqGFQ.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/taiTGmRtCJ62-O0HhNEa-ZYU_IU1SKqGFQ.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/taiTGmRtCJ62-O0HhNEa-ZYU_IU5SKqGFQ.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/taiTGmRtCJ62-O0HhNEa-ZYU_IU4SKqGFQ.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gfonts/taiTGmRtCJ62-O0HhNEa-ZYU_IU2SKo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





* {outline: none !important;}

::selection {
	background-color: #475B6F;
	color: #fff;
}

html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	overflow-y: scroll;
}

body {
	color: #6a6a6a;	
	background: #f1f0f0;
	overflow:hidden;
}

p {margin: 0 0 20px 0;	}

img {max-width: 100%;}

a {
	text-decoration: none;
	outline: none;
}

a{	
	color: #ffffff;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}

a:hover {
	color: #424a56;
}

h1, h2, h3, h4, h5, h6{		
	margin: 0 0 15px 0;	
	color: #3A4F52;
	font-family: 'Alegreya Sans';
}

.btn{border-radius: 0;}
.btn-o {
    border: 1px solid #3A4F52;
    color: #3A4F52;
}
.btn-o:hover {
    background: #3A4F52;
    color: white;
}
.btn.btn-o-white {
    border: 1px solid white;
    color: white;
    background: transparent;
}
.btn.btn-o-white:hover {
    background: white;
    color: #6a6a6a;
}


/*////////////////////////////////////////////////////////////////////////
//  02 - Header
///////////////////////////////////////////////////////////////////////*/

#header {	
	position: relative;
	padding: 0 !important;
}

#header.header-wrapper {
	background: url(../images/header-bg.jpg) no-repeat center center;
	background-size: cover;
	display: table;
	height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow-x: hidden; 
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    #header.header-wrapper {
		height: auto;
		min-height: 100vh;
		padding: 0px; 
	} 
}

#header.header-wrapper .header-wrapper-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle; 
}

#header .top {
	position:fixed;
	top:0;
	width: 100%;
	/*padding: 30px;*/
	padding-top: 10px;
  padding-bottom: 10px;
  padding-left:30px;
  padding-right:30px;
	height: auto;
	z-index: 500;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;	
	transition: all .5s;		
}

#header .top.solid {
    background: #424a56;
    padding-top: 10px;
    padding-bottom: 10px;
}

#header .top h1{
	margin-bottom: 0;
}
#header .top.solid .toggleDrawer i {
    /*padding-top: 8px;*/
}

#header .logo, #header .toggleDrawer{
	font-family: 'Arial';
	color: white;
}

#header .slogan{
	font-size: 4em;
	margin-bottom: 15px;
	line-height: 1em;
	font-family: 'Nixie One';
	color: white;
}

#header .secondary-slogan{
	font-size: 1.6em;
	color: rgba(255,255,255,.5);
	line-height: 1em;
	font-family: 'Alegreya SC';
}

#header .bottom {
    bottom: 10%;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 3;
}
#header .bottom a img {
    width: 50px;
}
#header .bottom a {
    opacity: 0.7;
}
#header .bottom a:hover {
    opacity: 1;
}


/*////////////////////////////////////////////////////////////////////////
//  03 - Drawer with menu
///////////////////////////////////////////////////////////////////////*/

#drawer-right {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin-right: -300px;
    background: #6a7689;
    width: 300px;
    padding: 20px;
    z-index: 999;
    width:200px;
    
}

#drawer-right h1, #drawer-right h2{color: white;}

#drawer-right .nav-pills>li>a {
	border-radius: 0;
	font-size: 15px;
  /*font-weight: bold;*/
}

#drawer-right .social{margin-top: 30px}
#drawer-right .social ul {
    list-style: none;
    padding-left: 20px;
}
#drawer-right .social ul > li {
    display: inline-block;
}
#drawer-right .social ul > li > a:hover{
	color: white;
}

/*////////////////////////////////////////////////////////////////////////
//  04 - Parallax styles
///////////////////////////////////////////////////////////////////////*/

.content-block{
	background:transparent no-repeat center center fixed;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	overflow:hidden;
	padding: 60px 0;
}

.parallax{
	padding: 80px 0;
}

.block-body {
	margin-top: 60px;
}

#services {
	/*background-image: url(../images/BG/SuchIsLifeInTheTropics.jpg);*/
	color: white;
	height:800px;
-webkit-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
-moz-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
}

#parallax {
	/*background-image: url(../images/BG/TheVault.jpg);*/
	color: white;
  height:800px;
-webkit-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
-moz-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
}

#parallax_2 {
	/*background-image: url(../images/BG/Directions.jpg);*/
	color: white;
	height:800px;
-webkit-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
-moz-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
}

#parallax_3 {
	/*background-image: url(../images/BG/MichaelKohlhaas.jpg);*/
	color: white;
	height:800px;
-webkit-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
-moz-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
}

#parallax_4 {
	/*background-image: url(../images/BG/Silly.jpg);*/
	color: white;
	height:800px;
-webkit-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
-moz-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
}

#parallax_5 {
	/*background-image: url(../images/BG/Luther.jpg);*/
	color: white;
	height:800px;
-webkit-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
-moz-box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
box-shadow: inset 0px 60px 90px -70px #000000a6,
            inset 0px -20px 90px -50px #000000a6;
}

#contact {
	background-image: url(../images/newsletter-bg.png);
	color: white;
	background-color: #405162;
}
#parallax h1{
	margin-bottom: 60px;
	color: white;
}

/*////////////////////////////////////////////////////////////////////////
//  05 - Recent works
///////////////////////////////////////////////////////////////////////*/

.recent-work {
    width: 100%;
    padding-bottom: 27%;
    background: #C3C9CC;
    display: table;
    text-align: center;
    vertical-align: middle;
    padding-top: 27%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-bottom: 30px;
}

.recent-work span{
	margin-top: -18px;
	opacity: 0;
	position: relative;
	z-index: 1;
}

.recent-work:before {
    background: rgba(2, 56, 58, 0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    opacity: 0;
    -o-transition: all .2s;
	-ms-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.recent-work:hover {
    background-size: 200%;
    background-position: center;
}

.recent-work:hover:before, .recent-work:hover span {
    opacity: 1;
}

/*////////////////////////////////////////////////////////////////////////
//  06 - Services
///////////////////////////////////////////////////////////////////////*/

#services h1, #services h2{
	color: white;
}

.service i {
    font-size: 60px;
}
.service {
    padding: 0 25px;
}

/*////////////////////////////////////////////////////////////////////////
//  07 - Blog
///////////////////////////////////////////////////////////////////////*/

#blog .blog-post img {
    margin-bottom: 20px;
}
#blog .date {
    margin-bottom: 15px;
    font-style: italic;
}

/*////////////////////////////////////////////////////////////////////////
//  08 - Testimonials
///////////////////////////////////////////////////////////////////////*/

#testimonials{
	text-align: center;
}
#testimonials .testimonial > img {
    border-radius: 100%;
    margin-bottom: 15px;
}
#testimonials .testimonial {
	padding: 25px;
}

/*////////////////////////////////////////////////////////////////////////
//  09 - Contact
///////////////////////////////////////////////////////////////////////*/

#contact{
	color: white;
}

#contact h1{color: white}

.form-control-white {
    background: transparent;
    color: white;
}

.form-control-white::-webkit-input-placeholder { /* WebKit browsers */
    color:    white;
}
.form-control-white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    white;
    opacity:  1;
}
.form-control-white::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    white;
    opacity:  1;
}
.form-control-white:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    white;
}

/*////////////////////////////////////////////////////////////////////////
//  10 - Footer
///////////////////////////////////////////////////////////////////////*/

#footer{ background: #424a56; color: white;}

/*////////////////////////////////////////////////////////////////////////
//  11 - Responsive styles
///////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px){
	.blog-post {
		margin-bottom: 40px;
	}

	.recent-work {
		background-position: center;
	}

	.recent-work:before {
		opacity: 1;
	}

	.recent-work span {
		opacity: 1;
	}
}

@media (max-width: 480px) {
	#drawer-right {
		padding: 10px 20px;
	}

	#drawer-right .nav-pills>li>a {
		font-size: 17px;
	}

	.nav-stacked>li+li {
		margin-top: 0;
	}

	.nav>li>a {
		padding: 8px 15px;
	}

	#drawer-right .social {
		margin-top: 5px;
	}

	#header {
		background-size: cover;
	}
}

/*** digim ***/

#digim_head1{
color:#ffffff;
font-size: 150px;
font-weight: bold;
text-shadow: #0B3861 10px 10px 10px;
}

#digim_head1:hover{
text-decoration:none;
}

#digim_head2{
color:#ffffff;
font-size: 30px;
text-shadow: #0B3861 10px 10px 10px;
font-weight:bold;
}

#digim_head2:hover{
text-decoration:none;
}

#digim_menu{
font-size:20px;
font-weight:bold;
color:#aaaaaa;
}

.button{
margin-left: auto;
margin-right: auto;
width: 170px;
height: 50px;
font-size: 18px;
line-height: 46px;
text-align:center;
background-color: #ffffff;
color:#424a56;
font-weight: bold;
display: inline-block;
margin-bottom: 5px;
}

.button:hover{
background: #424a56;
color: #ffffff;
text-decoration:none;
}

.button_s{
margin-left: auto;
margin-right: auto;
width: 80px;
height: 35px;
font-size: 12px;
line-height: 35px;
text-align:center;
background-color: #ffffff;
color:#424a56;
font-weight: bold;
display: inline-block;
margin-bottom: 5px;
}

.button_s:hover{
background: #424a56;
color: #ffffff;
text-decoration:none;
cursor:pointer;
}

.button_j{
margin-left: auto;
margin-right: 20px;
width: 80px;
height: 35px;
font-size: 12px;
line-height: 35px;
text-align:center;
background-color: #ffffff;
color:#424a56;
font-weight: bold;
display: inline-block;
margin-bottom: 5px;
}

.button_j:hover{
background: #424a56;
color: #ffffff;
text-decoration:none;
cursor:pointer;
}

.next{
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 50px;
width:50px;
}

#Viereck{
margin-left: auto;
margin-right: auto;
text-align:center;
display: block;
position: relative;
top:100px;
}

#Viereck_s{
margin-left: auto;
margin-right: auto;
text-align:center;
display: block;
position: relative;
margin-top:300px;
}

#digim_logo{
position:relative;
left:0px;
width:90px;
}

#flair{
width:100%;
position: absolute;
bottom: -16px;
margin: 0 auto;
left:0;
right:0;
}

#totop_img{
text-align:center;
position: relative;
top: 10px;
left:-33px;
width:33px;
}

#willkommen_nav{
position:relative;
top:8px;
left: -15px;
}

.nav_ponits{
font-size:12px;
}

.img_txt{
color:#ffffff;
position: relative;
top:690px;
font-size:15px;
background-color:#424a56;
padding-left:5px;
padding-right:5px;
}

.img_txt:hover{
color:#ffffff;

}

#link_karte{
color:#424a56 !important;
}

#link_karte:hover{
color:#6a7689 !important;
}

#Email{
color:#5a5a5a !important;
}

#AGB_Text{
position:relative;
margin-top:35px;
}

#AGB_Head{
font-size:20px;
}

#AGB_Head:hover{
color:#ffffff;
}

#AGB_DL{
color:#6a7689;
}

#Impressum_Text{
font-size:20px;
}

#Impressum_Text:hover{
color:#ffffff;
}

#ESI{
position:relative;
margin-top:35px;
width:100%;
}

#ESI_Head{
font-size:20px;
}

#ESI_Head:hover{
color:#ffffff;
}

#scrollToContent14{
position:relative;
margin-top:10px;
}

#Datenschutz{
position:relative;
margin-top:35px;
}

#willkommen{
position:relative;
top:120px;
}

.Bewerbungen_Head{
font-weight: bold;
color:#1e4962;
}

#Jobs_Kontakt{
float:right;
padding-left: 20px;
border-left: 1px solid rgb(204, 204, 204);
}

#Bewerbungen_Footer{
width:750px;
}

#Datenschutz_Link{
color:#ffffff;
}

#DoVi_Cert{
height:45px;
}

.Viereck_Content{
margin-left: auto;
margin-right: auto;
text-align:center;
display: block;
position: relative;
}

.content_text{
margin-left: auto;
margin-right: auto;
height: 30px;
display: inline-block;
}

.content_text_links:hover{
color: #325843;
}

.content_text_rechts:hover{
color: #1e4962;
}

#Adresse{
display:inline-block;
text-align:left;
}

#Karte{
width: 650px;
display:inline-block;
}

#Karte_Grafik{
position:relative;
top:0px;
left:0px;
}

/*+20px Offset wegen Scrollbalken*/
@media (max-width: 600px) {
 
  .content_text_links{
  width: 300px;
  text-align:left;
  font-size: 14px;
  font-weight: bold;
  color: #325843;
  line-height: 25px;
  margin-bottom: -5px;
  position:relative;
  font-weight: normal;
  text-decoration: none;
  }

  .content_text_rechts{
  width: 300px;
  text-align:left;
  font-size: 20px;
  font-weight: bold;
  color: #1e4962;
  padding-left:20px;
  }

  #DoVi_Platzhalter{
  height:2px;
  }

  #DoVi_Cert{
  text-align:left;
  padding-right:0px;
  }

  .Leistungen_Headline{
  padding-left:10px;
  }

  .Jobs{
  padding-left:10px;
  }

  #Adresse{
  display:inline-block;
  width:650px;
  text-align:left;
  padding-left:10px;
  }

  #Karte{
  width: 100% !important;
  display:inline-block;
  }
  
}

/*+20px Offset wegen Scrollbalken*/
@media (min-width: 601px) {
 
  .content_text_links{
  width: 600px;
  padding-left:150px;
  padding-right:150px;
  text-align:left;
  font-size: 14px;
  font-weight: bold;
  color: #325843;
  line-height: 25px;
  margin-bottom: -5px;
  position:relative;
  font-weight: normal;
  text-decoration: none;
  }

  .content_text_rechts{
  width: 600px;
  padding-left:170px;
  padding-right:130px;
  text-align:left;
  font-size: 20px;
  font-weight: bold;
  color: #1e4962;
  }

  #DoVi_Platzhalter{
  height:2px;
  }

  #DoVi_Cert{
  text-align:left;
  padding-right:0px;
  padding-left:150px;
  }

  .Leistungen_Headline{
  padding-left:10px;
  }

  .Jobs{
  padding-left:10px;
  }

  #Adresse{
  display:inline-block;
  width:650px;
  text-align:left;
  padding-left:10px;
  }

  #Karte{
  width: 650px;
  display:inline-block;
  }

}

/*+20px Offset wegen Scrollbalken*/
@media (min-width: 865px) {

  .content_text_links{
  width: 330px;
  text-align:center;
  font-size: 16px;
  font-weight: bold;
  color: #325843;
  line-height: 46px;
  margin-bottom: 5px;
  position:relative;
  top:-5px;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
  padding-right:65px;
  padding-left:0px;
  }

  .content_text_rechts{
  width: 510px;
  text-align:left;
  padding-left:0px;
  font-size: 28px;
  font-weight: bold;
  color: #1e4962;
  padding-right:0px;
  }

  #DoVi_Cert{
  text-align:center;
  padding-right:0px;
  padding-left:0px;
  }

  #DoVi_Platzhalter{
  height:30px;
  }

  .Leistungen_Headline{
  padding-left:10px;
  }

  .Jobs{
  padding-left:10px;
  }

  #Adresse{
  display:inline-block;
  width:650px;
  text-align:left;
  padding-left:10px;
  }

  #Karte{
  width: 650px;
  display:inline-block;
  }

}


/*+20px Offset wegen Scrollbalken*/
@media (min-width: 980px) {
  .Leistungen_Headline{
  padding-left:0px;
  }

  .Jobs{
  padding-left:0px;
  }

  #Adresse{
  display:inline-block;
  width:310px;
  text-align:left;
  padding-left:0px;
  }

  #Karte{
  width: 650px;
  display:inline-block;
  }
  
}