/*
Theme Name: Meyro Eighteen
Theme URI: https://guznetsrot.de/themes/meyro/
Author: guznetsrot.de
Author URI: guznetsrot.de
Description: meyro-consulting.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meyro
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,300,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,300,500,600,700);

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	
	overflow-x: hidden;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/* Rules for icon sizes: */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; } /* Default */
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }
.material-icons.md-120 { font-size: 120px; }




html, body {
 position: relative;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 background: #333; 
}

body {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

.swiper-container {
  width: 100%;
  height: 100%;
/*  display: block;
  background: #44A;/**/
}

.swiper-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  background: #494;
}

.swiper-slide {
  display: block;
/* position: relative; /**/
 width: 100%;
 min-height: 100%;
 text-align: center;
 font-size: 18px;
 background: #444; /**/
/* display:flex;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 flex-wrap: wrap;/**/
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 12px 0;
  display: block;
}

.swiper-pagination-bullet {
/*  width: 12px;
  height: 12px;
  border: 0px solid none; /**/
}

.swiper-pagination-bullet-active {
  background: #EDEDED;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.swiper-container-v > .swiper-pagination-bullets {
  right: default;
  left: 10px;
}

#site-navigation {
 
}

.mc_vitae {
 background: #4476bc;
}

.mc_intro {
 position: absolute;
 background: #3668AE;
 background-image: url('bridge_bg.jpg');
 background-size: cover;
 z-index: 1;
}

.mc_content {
 background: #333333;  
}

.mc_con1 {
 background: #3466AC;
}

.mc_con2 {
 background: #4476bc;
}

.mc_contact {
 height: default !important;
 min-height: 50% !important;
 background: #18181A;  
}

.mc_intro .bg_overlay {
 position: absolute;
 top: 0px; bottom: 0px;
 left: 0px; right: 0px;
 background-image: url('overlay_quad2.png');
 opacity: 0.4;
 z-index: 2;
}

.page {
 position: absolute;
 height: 100%;
 width: 100%;
 z-index: 5;
 
 display:flex;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex; 
 flex-direction: column;
 flex-flow: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 flex-wrap: wrap;/**/  
 
/* background: rgba(0, 123, 0, 0.2);/**/
}

.sw-header, .sw-footer {
 display: block;
 position: absolute;
 min-height: 70px;
 width: 100%;
 padding: 0;
/* background: rgba(255, 255, 255, 0.5); /**/
}

.sw-top {
 bottom: 0px;
}

.sw-footer {
 bottom: 0px;
}

.sw-content {
 /*flex: auto; /**/
}


.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  justify-content: space-between;  
  width: 100%;
}

.col {
  flex: 1;
  justify-content: stretch;
/**  border: 1px solid rgba(255, 0, 0, 0.1); /**/
}

.col-1 { -ms-flex:  12.5%; flex: 12.5%; max-width: 12.5%; }
.col-2 { -ms-flex:  25%;   flex: 25%;   max-width: 25%; }
.col-3 { -ms-flex:  37.5%; flex: 37.5%; max-width: 37.5%; }
.col-4 { -ms-flex:  50%;   flex: 50%;   max-width: 50%; }
.col-5 { -ms-flex:  62.5%; flex: 62.5%; max-width: 62.5%; }
.col-6 { -ms-flex:  75%;   flex: 75%;   max-width: 75%; }  
.col-7 { -ms-flex:  87.5%; flex: 87.5%; max-width: 87.5%; }
.col-8 { -ms-flex: 100%;   flex: 100%;  max-width: 100%; }




.contact-info {
  font: 300 .846em/3.183em "Raleway", sans-serif;
	letter-spacing: .12em;  

  position: absolute;
  
  font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;

  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba( 255, 255, 255, 0.1);

  padding: 0.75em;
  left: 2em;
  bottom: 2em;
}

.contact-info > .row {
  border-bottom: 1px solid rgba( 255, 255, 255, 0.4);
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}

.ci_title {
 font-size: 20px;
 text-align: center;
 margin-bottom: 0.5em;
 margin-left: 1.5em;
 margin-right: 1.5em;
}

.ci_icon {
/*  margin-left: 0.75em;
  margin-right: 0.75em; /**/
}

.message { margin-top: -4em; margin-bottom: 2em; }









.one-page.title {
  display: block;
  font-size: 14vmin;
  
  margin-top: .1em;
  margin-bottom: .1em;
  margin-left: .75em;
  margin-right: .75em;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.75);
}

.one-page.title:before,
.one-page.title:after {
  display: block;
  content: "";
  height: 2px;
  background-color: rgba(255,255,255, 1);
  
  -webkit-box-shadow: 14px 14px 10px -14px rgba(0,0,0,0.75);
  -moz-box-shadow: 14px 14px 10px -14px rgba(0,0,0,0.75);
  box-shadow: 14px 14px 10px -14px rgba(0,0,0,0.75);  
}

.one-page.title:before { margin-bottom: 0.15em; }
.one-page.title:after { margin-top: 0.2em; }


nav {
  position: fixed;
  right: 3.5em;
  z-index: 1000;
}

nav > div {
  
}

nav li {
  list-style: none; 
}

.navi_to {
  cursor: pointer;
  border: 1px solid rgba( 255, 255, 255, 0.1);
  z-index: 1000;
}

.navi_to:hover {
  border: 1px solid rgba( 64, 64, 64, 0.1);  
}








/* */
/* WPGlobus Overrides */
/* */
/* Benutzerdefiniertes CSS im Plugin */
/* 
.menu_item_wpglobus_menu_switch .sub-menu,
.menu_item_wpglobus_menu_switch:hover .sub-menu {
  display: inline-block;
}

.sub_menu_item_wpglobus_menu_switch {
  position: relative;
  display: inline-block;
}
*/