.oxygen {font-family: 'Oxygen';} 
.raleway_900 {font-family: 'Raleway'; font-weight: 900; } 
#brand img {height: 200px; }
#brand #pageslogan {color: rgb(41, 35, 35); }
.pricing_heading {background: rgb(217, 0, 0); }
.pricing_heading h3, .pricing_heading h4 {color: rgb(255, 255, 255); }
body {background-color: rgb(217, 0, 0); }
body {font-size: 16px; }
a {color: rgb(217, 0, 0); }
h1, h1 a, a h1 {font-size: 32px; }
h1, a h1, h1 a {color: #242424; }
h2, h2 a, a h2 {font-size: 28px; }
h2, a h2, h2 a {color: #242424; }
h3, h3 a, a h3 {font-size: 24px; }
h3, a h3, h3 a {color: #242424; }
h4, h4 a {font-size: 20px; }
h4, a h4, h4 a {color: #242424; }
h5, h5 a {font-size: 16px; }
h5, a h5, h5 a {color: #242424; }
h6, h6 a {font-size: 12px; }
h6, a h6, h6 a {color: #242424; }
#overheader {background-color: #161616; }
#overheader {color: #B1B1B1; }
.header_add_content {color: rgb(255, 255, 255); }
#headline {background-color: rgb(237, 31, 41); }
header #menu, body.has_slider header #menu:hover {background: #81d742; }
header ul#menu > li > a, header ul#menu > li > i {font-size: 14px; }
header .main-menu a {color: #ffffff; }
header#headline.logo-blocked-left #navleft  {text-align: center; }
header #menu > li:hover  > a {color: rgb(255, 255, 255); }
header #menu > li:hover  {background-color: #72bf3b; }
ul#menu ul.sub-menu  a {font-size: 13px; }
header .main-menu ul.sub-menu li a, header .main-menu ul.sub-menu li, ul#responsive_menu li a {color: rgb(253, 253, 253); }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li  {border-color: #6cbf31 !important; }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li  {border-bottom: 1px solid; }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li {background-color: #72bf3b; }
.mean-container .mean-bar, .mean-container .mean-nav {background-color: rgb(25, 25, 25); }
.mean-container .mean-bar, .mean-container .mean-bar:after, .mean-bar a, .mean-container a.meanmenu-reveal, .mean-container .mean-nav ul li a  {color: rgb(255, 255, 255); }
.mean-container .mean-bar:after {content: Menu; }
#head_line {background-color: rgb(216, 225, 217); }
#head_line h1 {font-size: 14px; }
#head_line h1 {color: rgb(62, 70, 70); }
#head_line h2 {font-size: 14px; }
#head_line h2 {color: rgb(62, 70, 70); }
.mainsection {background-color: #f5f5f5; }
#footer, #footer_gradient {background-color: rgb(150, 12, 19); }
.footer-inner {padding-top: 50px; }
.footer-inner {padding-bottom: 20px; }
#footer {color: #ffffff; }
#secondfooter {background-color: rgb(93, 109, 101); }
#secondfooter > div {padding-top: 00px; }
#secondfooter {color: rgb(255, 255, 255); }
#secondfooter {text-align: center; }
a.social_media.social_icon {background-color: #ad0000; }
a.social_media.social_icon {border-radius: 4px; }





 



/* BEGINN NON AUTO STYLES */

body  { background-color:rgb(217, 0, 0);    background-position:center center;background-attachment:fixed }
body {}
#layout.block {box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); -webkit-box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); -moz-box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); -o-box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); }
.ui-tabs-nav li a, h3.toggle-trigger, h3.accordion-trigger, .accordion h3 { font-size:16px;}


body  { font-family: 'Oxygen'   ; font-weight: normal; font-size:16px;}
a  { color:rgb(217, 0, 0); }
a:hover { color:rgb(217, 0, 0);}
a:visited {}
h1, a h1, h1 a, .tagline, .h1 {font-family: 'Raleway'   ; font-weight:900;  font-size:32px;  color:#242424 ;  line-height:38px;}
h2, a h2, h2 a, .h2 {font-family: 'Raleway'   ; font-weight:900;  font-size:28px;  color:#242424 ;  line-height:34px;}
h3, a h3, h3 a, .h3 {font-family: 'Raleway'   ; font-weight:900;  font-size:24px;  color:#242424 ;  line-height:30px;}
h4, a h4, h4 a, .h4 {font-family: 'Raleway'   ; font-weight:900;  font-size:20px;  color:#242424 ;  line-height:26px;} 
h5, a h5, h5 a, .h5 {font-family: 'Raleway'   ; font-weight:900;  font-size:16px;  color:#242424 ;  line-height:22px;}
h6, a h6, h6 a, .h6 {font-family: 'Raleway'   ; font-weight:900;  font-size:12px;  color:#242424 ;  line-height:18px;}

#overheader {  background-color:#161616;    background-position:left top; color:#B1B1B1; }
#overheader {}

#head_line { background-color:rgb(216, 225, 217);    background-position:center center;; } 
#head_line h1, #head_line a h1, #head_line h1 a {  font-size:14px;  color:rgb(62, 70, 70) ;  line-height:20px;}
#head_line h2, #head_line h2 a, #head_line a h2 {  font-size:14px;  color:rgb(62, 70, 70) ;  line-height:20px;}
 
#brand img { margin-top:00px; margin-bottom:-50px;}
#pagename { margin-top:00px;}
#pageslogan { margin-bottom:-50px;}

body.has_slider header #menu { background:#81d742;}

#headline {  background-color:rgb(237, 31, 41);    background-position:left top; }
#headline {		background: rgb(237, 31, 41);
			background: -moz-linear-gradient(top, rgb(237, 31, 41) , rgb(150, 12, 19) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(,rgb(237, 31, 41)), color-stop(100%,rgb(150, 12, 19)));
			background: -webkit-linear-gradient(top, rgb(237, 31, 41) ,rgb(150, 12, 19) 100%);
			background: -o-linear-gradient(top, rgb(237, 31, 41) ,rgb(150, 12, 19) 100%);
			background: -ms-linear-gradient(top, rgb(237, 31, 41) ,rgb(150, 12, 19) 100%);
			background: linear-gradient(to bottom, rgb(237, 31, 41) ,rgb(150, 12, 19) 100%); 
			/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(237, 31, 41)', endColorstr='rgb(150, 12, 19)',GradientType=0 ); REMOVED DUE IE ERROR (IE IGNORE THE GRADIENT AND DISPLAYS A BLUE BACKGROUND INSTEAD, THANK YOU IE!!!) */
		}


header .main-menu {  font-size:14px;}

header#headline.has_menu_description .main-menu > li > a > span { top:14px;}
header.logo-left .main-menu > li > a, #headline.logo-left #menu > li > i, header.logo-right .main-menu > li > a, #headline.logo-right #menu > li > i { padding-top:-7px;}
#headline.logo-left #menu > li > i, #headline.logo-right #menu > li > i { margin-top:-7px;}

header.main-menu  .current-menu-item, .main-menu .current-menu-parent, .current-page-ancestor {}
header .main-menu li, header .main-menu a,  ul#responsive_menu a, .main-menu a:visited {  color:#ffffff;   } 
 
header .main-menu li:hover, header .main-menu li:hover > a { color: rgb(255, 255, 255) ;}
header .main-menu ul.sub-menu a { font-size: 13px ; }
header .main-menu  ul.sub-menu li, ul#responsive_menu li { background-color:#72bf3b ;   line-height:20px;  }
.seven_mega_menu { background-color:#72bf3b ;  color:rgb(253, 253, 253) ;  } 
ul.sub-menu::before { border-bottom-color:#72bf3b;}
header .main-menu  ul.sub-menu li a, header .main-menu  ul.sub-menu li,  ul#responsive_menu li a { color:rgb(253, 253, 253) ;  }	

header .seven_mega_menu *, header .seven_mega_menu *:hover, header .seven_mega_menu li, header .main-menu li:hover .seven_mega_menu, header .main-menu li:hover .seven_mega_menu a, header .seven_mega_menu a,  header li:hover .seven_mega_menu li { color:rgb(253, 253, 253) ;  }
header .seven_mega_menu { font-size: 13px ; }

header .main-menu  ul.sub-menu li a:hover { }
header #menu > li:hover { background-color:#72bf3b;}
header ul.sub-menu li:hover {}
.mean-container .mean-bar:after { content:'Menu';}
.mean-container a.meanmenu-reveal span  { background-color:rgb(255, 255, 255);}
  
#slideshow_header { background-color:rgb(255, 255, 255);    background-position:left top;; } 
#slideshow_header h2, #slideshow_header a h2, #slideshow_header  h2 a, #slideshow_header  .h2 {  font-size:50px;  color:rgb(255, 255, 255) ;  line-height:56px;}
#slideshow_header h3, #slideshow_header a h3, #slideshow_header  h3 a, #slideshow_header  .h3 {  font-size:20px;  color:rgb(253, 253, 253) ;  line-height:26px;}
#slideshow_header h2, #slideshow_header h3 { text-shadow: 2px 2px 0px  rgb(60, 56, 50); }
#slideshow_header h2 span, #slideshow_header h3 span { }


.mainsection   { background-color:#f5f5f5;    background-position:left top; }
.mainsection  {}

#content  { }
#content a  { }
#content a:hover {}
#content a:visited {}
#content h1, #content a h1, .tagline  {   }
#content h1 strong {}
#content h2, #content a h2 {   }

#content h3, #content a h3 {   }
#content h4, #content a h4 {   } 
#content h5, #content a h5 {   }
#content h6, #content a h6 {   }

 
#footer {  background-color: rgb(150, 12, 19) ;   background-position:center center; }
#footer_gradient { background-color: rgb(150, 12, 19) ;		background: rgb(150, 12, 19);
			background: -moz-linear-gradient(top, rgb(150, 12, 19) , rgb(237, 31, 41) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(,rgb(150, 12, 19)), color-stop(100%,rgb(237, 31, 41)));
			background: -webkit-linear-gradient(top, rgb(150, 12, 19) ,rgb(237, 31, 41) 100%);
			background: -o-linear-gradient(top, rgb(150, 12, 19) ,rgb(237, 31, 41) 100%);
			background: -ms-linear-gradient(top, rgb(150, 12, 19) ,rgb(237, 31, 41) 100%);
			background: linear-gradient(to bottom, rgb(150, 12, 19) ,rgb(237, 31, 41) 100%); 
			/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(150, 12, 19)', endColorstr='rgb(237, 31, 41)',GradientType=0 ); REMOVED DUE IE ERROR (IE IGNORE THE GRADIENT AND DISPLAYS A BLUE BACKGROUND INSTEAD, THANK YOU IE!!!) */
		}
 

#footer /* , #footer p, #footer * */ { color:#ffffff; }
#footer a  { color:rgb(255, 255, 255); }
#footer a:hover { color:rgb(216, 216, 216);}
#footer a:visited { color:rgb(255, 255, 255);}
#footer h2, #footer a h2 {   }
#footer h3, #footer a h3 {   }
#footer h4, #footer a h4 {   } 
#footer h5, #footer a h5 {   }
#footer h6, #footer a h6 {   }
#footer h3.widget-title { color:rgb(255, 255, 255) !important;  }

#secondfooter {  background-color:rgb(93, 109, 101);    background-position:left top; color:rgb(255, 255, 255); }
#secondfooter  {}

#underfooter {}

.callout {}
.testimonial-lists-item-shortcode h5::before { border-left:12px solid transparent !important; }
.post-count-comments::after {} 
.toggle  h3.box { color:rgb(217, 0, 0) !important; }
.toggle .box, .toggle .box + div {  border-color:rgb(217, 0, 0) !important;}
.toggle  h3.color { color: #FFFFFF !important;}
.toggle .color  { background:rgb(217, 0, 0) !important; }
.toggle .color + div {   border-color:rgb(217, 0, 0) !important;}
.accordion   h3.box { color:rgb(217, 0, 0) !important;}
.accordion .box, .accordion .box + div {   border-color:rgb(217, 0, 0) !important; }
::selection { background-color: rgb(217, 0, 0) !important}
.nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide {}
.pricing_heading::after { border-top-color: rgb(217, 0, 0);}


a.biggerPhoto, .skillsprogress   {  background-color:rgb(217, 0, 0); color:#FFFFFF;} 
#filters a , .pagination a, .pagination span, .page-pagination span, .page-pagination a  {   color:rgb(217, 0, 0);} 

/* UI BG */
.cbp_tmtimeline > li .cbp_tmicon, a.biggerPhoto:before, .div_portfolio_entry .lrs i,  .sc_button.custom, .feature_box > div:first-child,  a.portfolio_entry_bigger_image, .portfolio-img a.biggerPhoto,   .nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide, #ascrail2000 > div, .nivo-header .nivo-controlNav a:hover, .tagcloud a, .cycle-content-navs a:hover { background-color:rgb(217, 0, 0) !important; color:#FFFFFF !important;}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { background-color:rgb(217, 0, 0) !important; color:#FFFFFF !important;}
 
.woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button, .button.alt, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover
{
	 background-color:rgb(217, 0, 0) !important; color:#FFFFFF !important; text-shadow:none !important;
}
.woocommerce-message:before { background-color:rgb(217, 0, 0) !important;}
.woocommerce-message { border-top: 3px solid rgb(217, 0, 0);}




.title_box .title_box_title, .title_box .title_box_title i {  background-color:rgb(217, 0, 0);  }
.title_box .title_box_title {  color:#FFFFFF;  }
.title_box_title, .title_box .title_box_title i  { background-color:#FFFFFF;}
.title_box_title, .title_box .title_box_title i  { color:rgb(217, 0, 0);}

 h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tagline strong, [class*="icon-"], p.contact_widget + span {  color:rgb(217, 0, 0);  }
 
.callout { border-left: 4px solid rgb(217, 0, 0) ;}
 
  

header .inner {max-width: 100%;}
#brand {max-width: 1200px; margin: auto;}
#brand img {margin: 20px auto -40px auto !important;}
#brand span {color:rgb(255,255,255);font: normal 3em 'Roboto';font-weight: 800;position: absolute;top: 70px;left: 180px;font-family: "Arial", Sans-serif;}
#navleft {background:rgb(93, 109, 101);
-webkit-box-shadow: inset 0px -20px 20px -15px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -20px 20px -15px rgba(0,0,0,0.75);
box-shadow: inset 0px -20px 20px -15px rgba(0,0,0,0.75);
}
#mega-menu-wrap-main_menu_1 {
-webkit-box-shadow: inset 0px -20px 20px -15px rgba(0,0,0,0.75) !important;;
-moz-box-shadow: inset 0px -20px 20px -15px rgba(0,0,0,0.75) !important;;
box-shadow: inset 0px -20px 20px -15px rgba(0,0,0,0.75) !important;;
}

#head_line {height: 50px;margin: 0;padding: 17px 0px 0px 0px !important;}
#head_line h1 {text-transform:uppercase;font-size:1.1em}

.mainsection {
-webkit-box-shadow: inset 0px 20px 20px -15px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 20px 20px -15px rgba(0,0,0,0.75);
box-shadow: inset 0px 20px 20px -15px rgba(0,0,0,0.75);
}

.trenner{
-webkit-box-shadow: inset 0px 20px 20px -10px  rgba(0,0,0,0.5), inset 0px -20px 20px -10px  rgba(0,0,0,0.5); 
box-shadow: inset 0px 20px 20px -10px  rgba(0,0,0,0.5), inset 0px -20px 20px -10px  rgba(0,0,0,0.5); }
.trenner h3 {text-shadow: 0px 2px 10px #000;}

#page-sidebar-no-sidebar {max-width: 1200px;}

#slider {margin-top:-40px;
-webkit-box-shadow: inset 0px 20px 20px -10px  rgba(0,0,0,0.5), inset 0px -20px 20px -10px  rgba(0,0,0,0.5); 
box-shadow: inset 0px 20px 20px -10px  rgba(0,0,0,0.5), inset 0px -20px 20px -10px  rgba(0,0,0,0.5);}
#slider h1 {    text-shadow: 0px 2px 20px #000;
    font-size: 2.8em;}
.icons img {width: 80%;}

.wpcf7-list-item label {line-height: 120%;font-size: 12px;}
.abfrage {margin: 0 0px 0px 10px;float: left;}
.wpcf7-captcha-captcha-1 {float: left;}
input[type="checkbox"] {float: left;margin: 7px 7px 0 0;}
input.wpcf7-form-control.wpcf7-submit {background: #EEE;width: calc(100%);font: normal 16px sans-serif;padding: 15px 0 15px 0;}
.wpcf7-list-item {float: left;width: 100%;}
.anfrage {margin-bottom: 10px;float: left;}
.span6 {width: calc(33.3% - 20px);float: left;margin: 0 10px 0 10px;}
.wpcf7 input[type="file"] {margin: 10px 0;padding: 6px;width: 100%;}

::selection {background-color: rgb(237, 41, 31) !important;}
#footer img {max-height: 200px;margin: 0px auto !important;padding: 0px !important;}

.cc-banner.cc-top {font-size: 0.8em;}


@media only screen and (max-width: 1240px) {
#brand {margin:0 20px 0 20px !important;width: unset !important;padding-top: 0px !important;position: inherit;}
}

@media only screen and (max-width: 920px) {
#brand span {font: normal 2em arial black;top: 60px;left: 130px;}
#brand img {margin: 20px auto -10px auto !important;height: 140px;}
.elementor-col-20, .elementor-column[data-col="20"] {width:33.3% !important;}
}

@media only screen and (max-width: 767px) {
.header_add_content.react_to_left, #slider {display:none;}
#brand span {position: static;float: left;width: 100%;margin: 0px auto 20px auto}
#brand img {margin: 20px auto 0px auto !important;height: 180px;}
#navleft {float: left !important;}
.elementor-col-20, .elementor-column[data-col="20"] {width:50% !important;}
.elementor-col-20:last-child {margin: auto;}
.span6 {width: calc(50% - 20px);float: left;margin: 0 10px 0 10px;}
.span6:last-child {width: calc(100% - 20px);}
.cc-window.cc-floating {max-width: 100% !important;}
}

@media only screen and (max-width: 479px) {
#navleft {visibility: visible;}
#brand a {margin: 0px auto !important;}
.elementor-col-20, .elementor-column[data-col="20"] {width:100% !important;}
.span6 {width: calc(100% - 0px);float: left;margin: 0 0px 0 0px;}
}

@media only screen and (max-width: 375px) {
#brand span {font: normal 1.5em arial black;}
}