@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,500,600,700,700italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese');
/* Background */
body{
background-color: #ffffff;

background-image: url('https://www.osman-estrichbau.de/wp-content/themes/eross/images/bg/tileable_wood_texture.png');

background-repeat: repeat repeat;
}
.jPanelMenu-panel {
    background: transparent!important;
}
#wrapper.container {
    background: #fff;
    overflow: hidden;
}
#wrapper.container .horizontal-icon {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 35px!important;
    padding-right: 35px!important;
}
#wrapper.container .row.fixedsize {
    margin: 0 -10px;
}
#wrapper.container section,
#wrapper.container .top-header,
#wrapper.container #heading,
#wrapper.container .main-header,
#wrapper.container #breadcrumb,
#wrapper.container #footer .widget-area,
#wrapper.container #footer .credit,
#wrapper.container #full-menu {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
#wrapper.container #heading {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
#wrapper.container #heading .heading-fullwidth {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
#wrapper.container #header .main-header.affix {
    margin-left: 0px!important;
    margin-right: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
#wrapper.container #header .main-header.affix {
    -webkit-box-shadow: 0px 0px 0px rgba(150,150,150,0.05);
    -moz-box-shadow: 0px 0px 0px rgba(150,150,150,0.05);
    box-shadow: 0px 0px 0px rgba(150,150,150,0.05);
}
#wrapper.container #header .main-header.affix {
    background: none;
    border: 0;
}
#wrapper.container #header .main-header.affix .container {
    border-bottom: 1px solid #f2f2f2;
    padding-left: 30px!important;
    padding-right: 30px!important;
    -webkit-box-shadow: 0px 2px 0px rgba(150,150,150,0.05);
    -moz-box-shadow: 0px 2px 0px rgba(150,150,150,0.05);
    box-shadow: 0px 2px 0px rgba(150,150,150,0.05);
}
#wrapper.container #header .main-header.affix .logo-area {
    background: #fff;
}
#wrapper.container #header .main-header.affix #full-menu {
    background: transparent;
}



body{
font-family: Open Sans, Arial, Helvetica, sans-serif;;
font-size: 13px; 
font-weight: normal; 
color: #999999;
}


/* Style Generation */


/* Heading */
h1{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #666666; }
h2{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #666666; }
h3{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666; }
h4{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #666666; }
h5{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; }
h6{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; }

/* Heading large */
h1.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 33px; font-weight: light; color: #666666; }
h2.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: light; color: #666666; }
h3.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 27px; font-weight: light; color: #666666; }
h4.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: light; color: #666666; }
h5.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: light; color: #666666; }
h6.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: light; color: #666666; }


/* Auto Gen with color selection */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover,
#header .site-menu.style1 ul > li.current-menu-item > a,
.portfolio-page .portfolio-navigations ul li a.selected,
.theme-color,
.button.border,
.button.border i,
.callout.style1 .heading,
.callout.style1 h4,
.service-box.style2 .iconbox-style2,
.blog-item .blog-media .blog-media-overlay .overlay-content{
	color: #ffffff}
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
#header .header-search.header-search-open .header-icon-search,
#header .responsive-menu,
#header .site-menu ul li.current-menu-item > a,
#header .site-menu ul ul li a,
#header .fullmenu,
.blog-item .blog-media .blog-media-overlay .overlay-content .top-top-bottom a,
.blog-item .blog-media .blog-media-overlay .overlay-content .top-top-bottom a:hover,
.blog-item .post-icon,
.blog-item .entry-share.active,
.blog-item .entry-share:hover,
.relate-post .post-image .post-icon,
.enews-widget,
.tags.widget a:hover,
.portfolio.widget .portfolio-short-item .portfolio-overlay-content a,
.portfolio-item.active .portfolio-info .portfolio-short-content,
.portfolio-item .portfolio-overlay-content a,
.portfolio-navigations.style-2 li a,
.product-item.active .product-info .product-short-content,
.product-item .product-overlay-content a,
#product-detail .product-amount span,
.horizontal-icon .icon,
.title-block .line,
.accordion .accordion-title a,
.button,
.tabs .tabNavigation li.active a,
.service-box .iconbox-style1,
.service-box .iconbox-style1 .inner,
.icon-box .square-icon,
.callout.color .inner,
.callout.style3,
.testimonial.alternative .testimonial-content,
.testimonialslide .slides li,
.skill-bar .skill-bar-content,
.infobox.style2 figcaption,
.title-icon .icon,
.caroufredselnavi a:hover,
.leftside li.active a,
.leftside li:hover a,
.leftside li a:hover,
.pagenavi span,
.shortpost:hover .post-content,
.infobox:hover .infobox-content,
.callout.color,
.timeline .event:after,
.flexslider .flex-control-nav li a.flex-active,
.flexslider .flex-control-nav li a:hover,
#jPanelMenu-menu ul li:hover>a,
#jPanelMenu-menu ul li:hover>span,
#jPanelMenu-menu ul li.active>a,
#jPanelMenu-menu ul li.active>span,
#jPanelMenu-menu ul li.sidr-class-active>a,
#jPanelMenu-menu ul li.sidr-class-current>a,
#jPanelMenu-menu ul li.sidr-class-active>span,
#jPanelMenu-menu ul li ul li:hover>a,
#jPanelMenu-menu ul li ul li:hover>span,
#jPanelMenu-menu ul li ul li.active>a,
#jPanelMenu-menu ul li ul li.active>span,
#jPanelMenu-menu ul li ul li.sidr-class-active>a,
#jPanelMenu-menu ul li ul li.sidr-class-active>span,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
	background-color: #ffffff}
.testimonialslide .slides li:before{
	border-top-color: #ffffff}
#header .site-menu ul ul:before,
.heading-style1 span,
.product-item.active .product-info .product-short-content:before,
.portfolio-item.active .portfolio-info .portfolio-short-content:before,
#header .fullmenu.style2 .sf-menu > li > a.sf-with-ul:after{
	border-bottom-color: #ffffff}
.leftside li.active:after,
.leftside li:hover:after,
.tabs.left.alternative .tabNavigation li.active:after{
	border-left-color: #ffffff}
.tabs.right.alternative .tabNavigation li.active:after{
	border-right-color: #ffffff}
#header .site-menu.style1 ul > li.current-menu-item > a,
.blog-item .entry-share.active,
.blog-item .entry-share:hover,
.portfolio-page .portfolio-navigations ul li a.selected,
.button.border,
.button.border i,
.team:hover .team-avatar,
.testimonialslide .flex-control-thumbs li img.flex-active,
.shortpost:hover .post-content,
.infobox:hover .infobox-content,
.colorborder,
.border-image:hover{
	border-color: #ffffff}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
#header .site-menu ul > li > a:hover,
#header .site-menu ul ul li.sfHover > a,
#header .site-menu ul ul li a:hover,
#header .site-menu.style1 ul li ul li a:hover,
#header .site-menu.style1 ul ul > li.current-menu-item > a,
#header .site-menu ul > li.sfHover > a,
#header .site-menu.style1 ul ul > li.sfHover > a,
#header .fullmenu.style1 .site-menu ul > li > a:hover,
#header .fullmenu.style1 .site-menu ul li.current-menu-item > a,
#header .fullmenu.style1 .site-menu .sf-menu ul > li > a:hover,
#header .fullmenu.style1 .site-menu .sf-menu ul li.current-menu-item > a,
.pagenavi a:hover{
	background: #102102102}
#header .site-menu ul > li.sfHover > a{
	color: #fff
}
.timeline-wrap:hover:before{
	background: #104104104;
}
#header .fullmenu.style1 .sf-menu{
	border-left: 1px solid #102102102}
#header .fullmenu.style1 .sf-menu > li{
	border-right: 1px solid #102102102;
	border-left: 1px solid #102102102}
.button i{
	background: #100100100;
}
.button i:after{
	border-right-color: #100100100;
}
.tabs.right .tabNavigation li.active a{
	border-left-color: #104104104;
}
.tabs.left .tabNavigation li.active a{
	border-right-color: #104104104;
}
.accordion .accordion-title a,
.tabs .tabNavigation li.active a{
	border-bottom-color: #104104104;
}


/* Link */
a{color:#0379b6; }
a:hover{ color: #ffffff; }

/* Top Header */
#header .top-header{
	border-bottom: 1 solid #f2f2f2;
	background: #ffffff;
	color: #0a0101;
	-webkit-box-shadow: 0px 2px 0px rgba(252,252,252, 1);
	-moz-box-shadow:    0px 2px 0px rgba(252,252,252, 1);
	box-shadow:         0px 2px 0px rgba(252,252,252, 1);
}

/* Header */
#header .main-header{
	border-bottom: 1 solid #f2f2f2;
	background-color: #0379b6;
	color: #0a0a0a;
}

/* Heading */
#heading{
	background-color: #fbfbfb;
	border-bottom: 1 solid #f2f2f2;
	color: #ffffff;
}

/* Portfolio Item */
.portfolio-item .portfolio-info .portfolio-short-content{
	background-color: #ffffff;
}
.portfolio-item .portfolio-info .portfolio-short-content:before{
	border-bottom-color: #ffffff;
}
.portfolio-item .portfolio-overlay-content a,
.portfolio-item.active .portfolio-info .portfolio-short-content{
	background: #0379b6;
}
.portfolio-item.active .portfolio-info .portfolio-short-content:before{
	border-bottom-color: #0379b6;
}
.portfolio-item .portfolio-info .portfolio-short-content h5 a,
.portfolio-item .portfolio-info .portfolio-short-content h5{
	color: #0379b6;
}
.portfolio-item.active .portfolio-info .portfolio-short-content h5 a,
.portfolio-item.active .portfolio-info .portfolio-short-content h5{
	color: #ffffff;
}
.portfolio-item .portfolio-info .portfolio-short-content{
	color: #999999;
}
.portfolio-item.active .portfolio-info .portfolio-short-content{
	color: #eaeaea;
}

/* Product Item */
.product-item .product-info .product-short-content{
	background-color: #ffffff;
}
.product-item.active .product-info .product-short-content{
	background: #0379b6;
}
.product-item .product-info .product-short-content h5{
	color: #666666;
}
.product-item.active .product-info .product-short-content h5{
	color: #ffffff;
}
.product-item .product-info .product-short-content .product-price{
	color: #999999;
}
.product-item.active .product-info .product-short-content .product-price{
	color: #eaeaea;
}

/* Footer */
#footer .widget-area{
	background-color: #363636;
	color: #999999;
}
#footer .widget-area .widget-title{
	color: #666666;
}
#footer .widget-area a{
	color: #666666;
}
#footer .widget-area a:hover{
	color: #0379b6;
}

/* Credit */

#footer .credit{
	background-color: #2f2f2f;
	border-top: 1 solid #292929;
	color: #555555;
}
#footer .credit a{
	color: #656565;
}
#footer .credit a:hover{
	color: #858585;
}

/* Media Element Player */
.mejs-container .mejs-controls .mejs-time,
.mejs-container .mejs-controls .mejs-time span,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li,
.mejs-chapters .mejs-chapter .mejs-chapter-block,
.mejs-captions-layer,
.mejs-captions-layer  a,
.me-cannotplay a,
.mejs-contextmenu .mejs-contextmenu-item:hover,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li,
.mejs-postroll-close{
	color: #ffffff}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-contextmenu{
	background: #ffffff}
.mejs-chapters{
	-xborder-right: solid 1px #ffffff;
}


/* Custom CSS */
#header .site-menu ul li.current-menu-parent > a, #header .site-menu ul li.current-menu-item > a {
background-color: #0278b6;
}

#header .site-menu ul ul li.current-menu-parent > a, #header .site-menu ul ul li.current-menu-item > a, #header .site-menu ul ul li a:hover {
background-color: #08a75e;
}

#header .header-search {
display: none !important;
}
#header .site-menu ul li a {
    color: #fff;
    font-weight: bold;
}

#header .site-menu ul > li > a:hover {
    background: #ffed00;
    color: #312783;
}

#heading.heading-3.map .gm-style-iw{
color: #000;
}