/* --------------------------------------------------------
Style Sheet for Irlen GmbH

version: 1.0
author: Rene Rüttgers
----------------------------------------------------------*/

/* Default propertys */
::-moz-selection {
    color: black;
    background: white;
    text-shadow: none;
}
::selection {
    color: black;
    background: white;
    text-shadow: none;
}

::-moz-selection {
    /* Firefox */
    color: black;
    background: white;
    text-shadow: none;
}

::-webkit-selection {
    /* Safari */
    color: black;
    background: white;
    text-shadow: none;
}

a,
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a,
.portfolio-with-title .portfolio-title h4 a:hover,
.f-link:hover,
#footer .f-list li a:hover,
.featured-item.border-box:hover .icon i,
.post-single .post-cat li a:hover,
.post-single .post-desk h4 a:hover,
.post-single .post-desk a.author:hover,
.post-list .post-single .post-cat li a,
.portfolio-description a:hover,
.portfolio-title a:hover,
.post-sub-title,
.team-member .s-link a:hover,
.t-s-link a:hover,
.price-col.feature h1,
.widget-category li a:hover,
.widget-comments li a:hover,
.blog-classic .blog-post h4 a:hover,
.post-meta li a:hover,
.widget-latest-post .w-desk a:hover,
.comments-list .comment-author a:hover,
.comments-list .comment-item-data a:hover,
.product-title h5 a:hover,
.comments-list .comment-info a:hover,
.portfolio-with-title.blog-m .portfolio-title .date a:hover,
.comments-list .comment-info .comment-author a:hover,
.icon-tabs .nav-pills > li > a:hover,
.icon-tabs .nav-pills > li.active > a,
.icon-tabs .nav-pills > li.active > a:focus,
.icon-tabs .nav-pills > li.active > a:hover,
.cd-nav .cd-primary-nav li.selected a,
.no-touch .cd-nav .cd-primary-nav a:hover,
.intro-portfolio a:hover {
    color: #999999;
}

.theme-color {
    color: #999999 !important;
}

.theme-bg,
.massive-progress.progress-theme-color .progress-bar,
.massive-progress-alt.progress-theme-color .progress-bar,
.ei-slider-thumbs li.ei-slider-element,
.massive-progress.progress-theme-color .progress-bar > span,
.massive-progress.progress-theme-color .progress-bar > span:before {
    background: black !important;
}

.massive-progress.progress-theme-color .progress-bar > span:before {
    border-color: #999999;
}

.btn-theme-border-color,
.widget-social-link a:hover,
.widget-tags a:hover {
    border: 1px solid #999999;
}

.icon-tabs .nav-pills > li > a:hover,
.icon-tabs .nav-pills > li.active > a,
.icon-tabs .nav-pills > li.active > a:focus,
.icon-tabs .nav-pills > li.active > a:hover {
    border-bottom: 1px solid #999999;
}

.btn-theme-border-color:hover,
.price-col.feature .p-btn:hover,
.side-social-link a:hover,
.massive-progress.progress-theme-color .progress-bar > span:before {
    border: 1px solid #999999;
}

.accordion.time-line > dt > a:hover:after,
.accordion.time-line > dt > a.active:after,
.accordion.time-line > dt > a.active:hover:after,
.toggle.time-line > dt > a:hover:after,
.toggle.time-line > dt > a.active:after,
.toggle.time-line > dt > a.active:hover:after,
.btn-dark-solid:hover,
.btn-dark-solid:focus,
.btn-theme-color,
.btn-theme-border-color:hover,
.btn-light-solid:hover,
.feature-border-box:hover .icon,
.price-col.feature .p-btn:hover,
.side-social-link a:hover,
.widget-social-link a:hover,
.widget-tags a:hover,
.sale-label,
.stock .status,
.lift-off:hover,
.menuzord-menu ul.dropdown li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row li:hover a,
.travel-form.icon-tabs .nav-pills > li > a:hover,
.travel-form.icon-tabs .nav-pills > li.active:hover > a,
.travel-form.icon-tabs .nav-pills > li.active > a,
.travel-form.icon-tabs .nav-pills > li.active > a:focus {
    background: black;
}

.menuzord .menuzord-menu ul.dropdown li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a {
    color: #fff;
    background-color: #999999;
}

/* Custom options */

.l-navbar_t-dark {
    background-color: black;
    background-image: url(../img/bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body {
    background-color: black;
    background-image: url(../img/bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: white;
}

.logo-brand img {
    max-width: 280px;
}

/*
.banner-box {
    max-width: none !important;
}
*/

.banner-state {
    height: 100vh !important;
}

.banner-box h1, .banner-title h1 {
    letter-spacing: 5px;
    font-size: 40px;
    font-weight: 300;
    line-height: normal;
}

#footer.dark .primary-footer {
    background-color: black;
    padding-bottom: 10px;
    padding-top: 20px;
}

#footer.dark .secondary-footer {
    padding: 20px 0;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    color: white;
}

h5 {
    margin: 0;
}

a {
    color: white;
}

p {
    color: white;
}

#footer.dark {
    border-top: white thin solid;
}

/* Banner options per Page */
.startseite {
    /* background-image: url("../img/8430-039.jpg") !important; */
    background-image: url("../img/8408-09A.jpg") !important;
}

.leistungen {
    /* background-image: url("../img/8408-14.jpg") !important; */
    /* background-image: url("../img/Bild41.jpg") !important; */
    background-image: url("../img/8361-26A.jpg") !important;
}

.bodensanierung {
    background-image: url("../img/8385-84.jpg") !important;
}

.fugen {
    background-image: url("../img/fuge3.jpg") !important;
}

.korrosionsschutz {
    background-image: url("../img/8385-42.jpg") !important;
}

.strahlarbeiten {
    background-image: url("../img/8385-42.jpg") !important;
}


.betonsanierung {
    background-image: url("../img/8385-61.jpg") !important;
}

.markierungen {
    background-image: url("../img/8361-43.jpg") !important;
}

.branchen {
    /* background-image: url("../img/8361-26.jpg") !important; */
    background-image: url("../img/8441-01A.jpg") !important;
}

.lebensmittelindustrie {
    background-image: url("../img/8408-21A.jpg") !important;
}

.automobilindustrie {
    background-image: url("../img/8408-09.jpg") !important;
}

.papierindustrie {
    background-image: url("../img/8361-04.jpg") !important;
	height: 130vh !important;
}

.chemieindustrie {
    background-image: url("../img/8361-66.jpg") !important;
}

.zertifizierung {
    background-image: url("../img/8385-119.jpg") !important;
}

.all_center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
  }

  #logo {
    margin-left: 0px;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
}

.maps_marker,
.maps_marker p,
.maps_marker a,
.maps_marker a:hover {
    color: black;
}

.light-box {
    outline: 5px solid rgba(255, 255, 255);
    background: rgba(0, 0, 0, 0.8);
}

.mt-3 {
    margin-top: 3em;
}

.feature.map iframe {
 	height:100%;
    height:100%;
    width:100%;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray;
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}


/*  MOBILE   */
@media (min-width: 768px) {
    .c-nav_s-underline.menuzord-menu > li.active > a,
    .c-nav_s-underline.menuzord-menu > li:hover > a {
        border-bottom: 1px solid #999999;
    }
    .c-nav_s-outline.menuzord-menu > li.active > a,
    .c-nav_s-outline.menuzord-menu > li:hover > a {
        border: 1px solid #999999;
    }
    .c-nav_s-bg.menuzord-menu > li.active > a,
    .c-nav_s-bg.menuzord-menu > li:hover > a {
        background: black;
    }
}