/*
Theme Name: Synerpy
Theme URI: http://www.synerpy.de
Author: DEVHATS
Author URI: https://devhats.de/
Version: 1.1
*/

/**
 * Base
 */
*:focus {
	outline: none!important;
}
html,
body {
	font-size: 16px;
	background-color:#fff;
	color:#404140;
}

body {
	position:relative;
}

h1 {
	font-size: 140%;
	font-weight: 600;
	margin-top: 0px;
}

h2 {
	font-size: 120%;
	font-weight: 600;
	margin-top: 0px;
}

p {
	line-height:1.6em;
	font-weight: 100;
}

article {
	margin-bottom: 20px;
}

article:last-of-type {
	margin-bottom: 0px;
}

body a, body a:hover {
	color:#277C7D;
	text-decoration:none!important;
}

body p a {
	border-bottom:1px solid #277C7D;
	font-weight:500;
}

.container {
	max-width: 1180px;
}

.page-template-default section, .page-template-demo-all section, .error404 section, .page section {
padding-top:100px;
}

/**
 * Helpers
 */
img.alignleft {
  	margin: 0 10px 10px 0;
	float: left;
}

img.alignright {
  	margin: 0 0 10px 10px;
	float: right;
}

img.aligncenter {
  	display: block;
  	margin: 0 auto;
  	text-align: center;
  	margin: 0 0 0 10px;
}

.screen-reader-text {
	display: none;
}

/**
 * Navigation: Fixes
 */
.mobile-fix {
	margin: 4.5px 0 !important;
}

.navbar .navbar-nav > li > a {
	padding: 20px 12px;
    padding: 36px 12px;
	font-size:15px;
}

.navbar .navbar-brand {
    max-width: 260px;
    padding: 10px 15px;
    height:initial!important;
}

.navbar .navbar-brand.text {
	padding: 20px;
}

.navbar-default {
	background:#fff;
	border:none;
-webkit-box-shadow: 0px 5px 43px -6px rgba(51,51,51,0.46);
-moz-box-shadow: 0px 5px 43px -6px rgba(51,51,51,0.46);
box-shadow: 0px 5px 43px -6px rgba(51,51,51,0.46);
border-bottom:0px solid #e3e3e3;
background-image: url(assets/img/header-bg.jpg);
    background-size: cover;
    background-position: center right;
}

.navbar {
	margin-bottom:0;
	position:fixed;
	width:100%;
}

@media all and (max-width: 992px) {

	.navbar .navbar-brand {
		max-width: 200px;
	}

	.navbar .navbar-brand.text {
		padding: 20px;
    	margin: 4.5px 0 !important;
	}

}

/* scrollspy */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	transition:.3s all;
	color:#fff!important;
	background-color: #277C7D;
    /*background: -moz-linear-gradient(-45deg, rgba(39,124,125,1) 1%, rgba(109,33,128,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%);
    background: linear-gradient(135deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=1 );*/
}

.navbar-default .navbar-nav  a:hover {
	color:#fff!important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d2180+0,277c7d+100 */
background-color:#277c7d!important; /* Old browsers */
/*background: -moz-linear-gradient(45deg, rgba(109,33,128,1) 0%, rgba(39,124,125,1) 100%); 
background: -webkit-linear-gradient(45deg, rgba(109,33,128,1) 0%,rgba(39,124,125,1) 100%); 
background: linear-gradient(45deg, rgba(109,33,128,1) 0%,rgba(39,124,125,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d2180', endColorstr='#277c7d',GradientType=1 ); */
}

/**
 * Navigation: Submenu
 */
.navbar-nav li {
	position: relative;
}

.navbar-nav li:hover .sub-menu {
	display: block;
}

.navbar-nav .sub-menu {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
    min-width: 160px;
}

.navbar-inverse .navbar-nav .sub-menu {
	background-color: #222;
    border-color: #080808;
	border-width: 1px;
	border-style: solid;
}

.navbar-default .navbar-nav .sub-menu {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
	border-width: 1px;
	border-style: solid;
}

.navbar-nav .sub-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navbar-nav .sub-menu a {
    display: block;
    padding: 12px 16px;
	color: #9d9d9d;
	text-decoration: none !important;
}

.navbar-inverse .navbar-nav .sub-menu a:hover {
	background-color: #444;
}

.navbar-default .navbar-nav .sub-menu a:hover {
	background-color: #e7e7e7;
}

.navbar-inverse .navbar-nav .current-menu-item a {
	color: #fff !important;
}

.navbar-default .navbar-nav .current-menu-item a {
	color: #000 !important;
}

/**
 * Navigation: Mobile
 */
#mobile-button {
	cursor: pointer;
}

#mobile-shadow {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	overflow: hidden;
	background: rgba(0, 0, 0, .25);
	z-index: 90;
}

#mobile-menu {
	position: fixed;
	right: -270px;
	top: 0;
	width: 260px;
	height: 100%;
	overflow-x: hidden;
	background: #fff;
	list-style: none;
	z-index: 999999999;
}

#mobile-menu > ul > li {}

#mobile-menu > ul > li > a {
	position: relative;
	text-decoration: none;
	color: #333;
	display: block;
	padding: 15px 30px;
	border-bottom: 1px solid #f4f4f4;
}

#mobile-menu .menu-item-has-children > a:after {
	position: absolute;
	right: 30px;
	content: "\2b";
	font-family: 'entypo';
}

#mobile-menu .sub-menu {
	display: none;
}

#mobile-menu > ul > li > a:hover {
	background: #f4f4f4;
	color: #333;
}

#mobile-menu > ul > li > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #f4f4f4;
}

#mobile-menu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mobile-menu > ul > li > ul > li > a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 15px 30px;
}

/**
 * Sidebar
 */
#sidebar {
	margin-bottom:20px;
}

#sidebar .widget {
	margin-bottom: 20px;
}

#sidebar .widget:last-of-type {
	margin-bottom: 0px;
}

/**
 * Footer
 */
 #page-footer {
 	padding:50px 0px;
 	margin-top:80px;
 	border-top:1px solid #e3e3e3;
 	background-image: url("assets/img/footer-bg.jpg");
 	background-size:cover;
 	background-position:center right;
 }
#page-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:20px;
}

#page-footer ul li {
    position:relative;
}

#page-footer ul li::before {
	content:'';
	position: absolute;
	background-image:url(assets/img/chevron-small-right.svg);
	background-size:20px;
	width:20px;
	height:20px;
    left: -25px;
    top: 0px;
	background-repeat:no-repeat;
}

#page-footer  ul li a {
	color:#404140;
	font-size:.9em;
}

#page-footer img {
	max-width:40px;
	margin:0 auto;
}

#page-footer h4 {
	border-bottom:1px solid #e3e3e3;
	display:inline-block;
	padding-bottom:4px;
}



@media all and (max-width: 768px) {
	#page-footer nav ul li {
		display: block;
		*display: block;
	}
}

/**
 * Sections
 */
.devhats-area {
	width: 100%;
	height: 150px;
	margin-bottom: 25px;
	position: relative;
}
.devhats-area-inner {
	display: table;
	margin: 0 auto;
	height: 100%;
	width: 100%;
	border: 4px dashed #ddd;
}
[class*="devhats-section-"] {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	color: #ddd;
	font-weight: 700;
	text-transform: uppercase;
}

[class*="devhats-section-"] .span {
	display: inline-block;
}

/* sections */
/* general */
.fw-img {
	background-size:cover;
	background-position:center;
	min-height:700px;

	-webkit-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
    -moz-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
    box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
}

@media all and (max-width: 992px) {
.fw-img {
	min-height:300px;
	}
}

.content {
	padding:100px 0px;
}

.content h1, .content h2 {
	font-size:2.1em;
	line-height:1.7em;
	margin-bottom:40px;
	font-weight:300;
}

.content ul {
	list-style:none;
}

.content ul > li {
	position:relative;
	margin-bottom:5px;
	font-weight:700;
	color:#277C7D;
}

.content ul > li:before {
	position:absolute;
	left:-20px;
	font-family: 'entypo';
	content: "\2713";
	color:#277C7D;
	font-weight:bold;
}

.syn-btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#277c7d+1,6d2180+100 */
background-color:#277c7d!important; 
/*background: -moz-linear-gradient(-45deg, rgba(39,124,125,1) 1%, rgba(109,33,128,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%); 
background: linear-gradient(135deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=1 ); */
padding:15px 25px;
border-radius:4px;
display:inline-block;
color:#fff;
text-align:center;
margin:40px auto;
transition:.3s all;
}

.syn-btn:hover {
	color:#fff;
	text-decoration:none;
	transition:.3s all;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#277c7d+1,6d2180+34,6d2180+34 */
background-color:#277c7d!important; /* Old browsers */
/*background: -moz-linear-gradient(-45deg, rgba(39,124,125,1) 1%, rgba(109,33,128,1) 34%, rgba(109,33,128,1) 34%); 
background: -webkit-linear-gradient(-45deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 34%,rgba(109,33,128,1) 34%); 
background: linear-gradient(135deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 34%,rgba(109,33,128,1) 34%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=1 );  */
}

/* news */
.article-box {
	border:1px solid #e3e3e3;
	border-radius:4px;
	padding:40px 40px 30px 40px;
}

.article-box h3 {
	margin-top:0;
	color:#277C7D;
	font-size:1.4em;
}

article .date p {
	font-weight:700;
	color:#6d2180;
}

article {
	margin:50px auto;
	padding-bottom:20px;
	border-bottom: 0px solid #e3e3e3;
}

article h3 {
	margin-bottom:20px;
	font-weight:700;
}

/* Google Map */
#devhats-map {
	width: 100%;
	height: 400px;
    -webkit-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
    -moz-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
    box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
    border-radius:7px;
}

/* downloads */
#downloads,
#syn_downloads {
	padding-top: 125px;
	margin: 0 auto;
}

#downloads h1,
#syn_downloads h1 {
	margin:30px 0px 0px 0px;
	font-size:1.4em;
}

#downloads > div,
#syn_downloads > div {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(255,255,255,.4);
}

#downloads > div:last-of-type,
#syn_downloads > div:last-of-type {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.download-header,
.download-content {
	padding: 10px;
}

.download-header h2 {
	position: relative;
	padding-left: 40px;
}

.download-header .file-ending {
	position: absolute;
	left: 0px;
	text-align: center;
	padding: 4px 7px;
	border: 1px solid #e3e3e3;
    border-radius: 3px;
	font-size: 50%;
}

div.downloads,
div.syn_downloads {
	border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding:15px;
    margin-bottom:20px;
}

.download-header a {
	margin:0;
}

.download-content .size {
	text-align:right;
}

.widget-area {
	border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding:15px;
}

.widget-area h3 {
	margin-top:0px;
	font-weight:700;
	font-size:1.2em;
}

.widget-area .terms {
	list-style:none;
	padding-left:30px;
	margin-top:15px;
}

.widget-area .terms li {
	position:relative;
	margin:5px 0px 10px 0px;
}

.widget-area .terms li:before {
	position:absolute;
	left:-20px;
	top:2px;
	font-family: 'entypo';
	content: "\2601";
	color:#999;
}

.widget-area .terms li.current-term:before {
    color: rgba(39,124,125,1);
}

.widget-area .terms li a {
	color:#404140;
	font-weight:400;
}


.pagination, .pagination .nav-links a {
	font-weight:700;
	color:#6d2180;
}

.pagination {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size:1em;
}

/* woocommerce */
#container {
	max-width:1100px;
	margin:0 auto;
	padding-top:100px;
}

.woocommerce .woocommerce-form-login {
  border-radius: 3px !important;
  border: 1px solid #e3e3e3 !important;
}

.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce textarea {
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #e3e3e3;
}

.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce textarea:focus {
  border: 1px solid #636363;
}

.woocommerce textarea {
  min-height: 200px;
  max-width: 100%;
}

@media (max-width:678px) {.woocommerce input[type="text"],
  .woocommerce input[type="email"],
  .woocommerce input[type="password"],
  .woocommerce textarea {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

.woocommerce [class*="comment-form-"] {
  display: block;
  margin-bottom: 5px;
}

.woocommerce .form-submit {
  margin: 15px 0 30px !important;
  display: block;
}

.woocommerce .form-submit input,
.button {  
	background: #277C7D!important; /* Old browsers */
  /*background: -moz-linear-gradient(-45deg, rgba(39,124,125,1) 1%, rgba(109,33,128,1) 100%)!important; 
  background: -webkit-linear-gradient(-45deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%)!important; 
  background: linear-gradient(135deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%)!important; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=1 )!important;*/
  color:#fff!important;
}

.woocommerce [class*="comment-form-"] label {
  min-width: 70px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.add_to_cart_button {
	background: #277C7D!important; /* Old browsers */
 /* background: -moz-linear-gradient(-45deg, rgba(39,124,125,1) 1%, rgba(109,33,128,1) 100%)!important; 
  background: linear-gradient(135deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%)!important; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=1 )!important;*/
  color:#fff!important;
}

.woocommerce-page section {
	padding-top:100px;
}

#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
	background:#fff;
}

.woocommerce ul.products li.product a img {
	max-width:200px;
	height:200px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.woocommerce div.product div.images img {
	max-width:190px;
}

.woocommerce .required {
  color: red;
}

@media (max-width:678px) {
  .woocommerce .wc-tabs {
    padding: 0px !important;
  }
  .woocommerce .wc-tabs li {
    display: block !important;
    width: 100%;
    border-radius: 0px !important;
    margin: 0px !important;
  }
}

/* projekte */
.section-projekte {
	paading-top: 100px !important;
}

/* branchen */
.branchen-box {
	position:relative;
	border-radius:4px;
	-webkit-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
  -moz-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
  box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
  transition:.3s all;
  margin:20px 0px;
}

.branchen-box:hover {
	transition:.3s all;
}

.branchen-box img {
	border-radius:4px;
}


.branchen-box h3 {
	position: absolute;
  bottom: 0px;
  display: inline-block;
  text-align: center;
  padding: 15px 0px;
  margin: 0;
  width: 100%;
  background-color: rgba(255,255,255,.7);
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
}

.branchen-content {
	display: none;
	position: absolute;
	-webkit-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
  -moz-box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
  box-shadow: 0px 0px 43px -6px rgba(51,51,51,0.46);
  z-index: 99;
	width: 100%;
}

@media (max-width: 1320px) {
	.branchen-content p {
		font-size:.77em;
	}
}

@media (max-width: 1091px) {
	.branchen-content p {
		
	}
}

.branchen-box:hover .branchen-content {
	display: inherit;
	position: absolute;
  background-color: #fff;
  padding: 20px;
	height: 100%;
  border-radius: 4px;
  top: 0px;
}

/* blog */
.blog section, .archive section, .single section {
	padding-top:130px;
}

.blog article, .archive article, .single article {
	border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    margin-top:0px;
}

.single-branchen article, .single-module article {
	border: 0px solid #e3e3e3;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    margin-top:0px;
}

.single .wp-post-image {
	margin-bottom:30px;
}

/* License */
.license-document-content {
	max-height: 300px;
	overflow: auto;
	border: 1px solid #e3e3e3;
	margin: 0 0 20px 0;
	padding: 20px;
}

/* ansprechpartner */
.syn-ansprechpartner {
	margin:15px 0px;
}

.syn-ansprechpartner .syn-ansprechpartner-img {
	border-radius: 100%;
  width: 100px;
  height: 100px;
	border: 4px solid #e3e3e3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
	/*-webkit-box-shadow: 0px 0px 0px 5px rgba(39,124,125,1);
	-moz-box-shadow: 0px 0px 0px 5px rgba(39,124,125,1);
	box-shadow: 0px 0px 0px 5px rgba(39,124,125,1);*/
}

.syn-ansprechpartner img {
	border-radius:100%;
	max-width:80px;
	border:4px solid #e3e3e3;
	/*-webkit-box-shadow: 0px 0px 0px 5px rgba(39,124,125,1);
	-moz-box-shadow: 0px 0px 0px 5px rgba(39,124,125,1);
	box-shadow: 0px 0px 0px 5px rgba(39,124,125,1);*/
}

.syn-ansprechpartner h3 {
	font-size:1em;
	margin-bottom:3px;
	font-weight:600;
}

.syn-ansprechpartner p, .syn-ansprechpartner a {
	font-size:14px;
}

/**
 * Download Login
 */

#devhats-login,
.wpcf7-form {
	border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 30px;
	/* max-width: 468px; */
	margin: 15px auto 30px;
}

.wpcf7-form {
  margin-top: 30px;
}

.wpcf7-form p {
  font-size: 90%;
}

.wpcf7-form req {
  color: red;
}

#devhats-login #loginform {}

#devhats-login #loginform .login-username label,
#devhats-login #loginform .login-password label,
.wpcf7-form label {
	display: block;
  width: 100%;
}

#devhats-login #loginform .login-username input,
#devhats-login #loginform .login-password input,
.wpcf7-form input {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 15px;
}

#devhats-login #loginform .login-username input:focus,
#devhats-login #loginform .login-password input:focus,
.wpcf7-form input:focus {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 1px solid #404140;
  border-radius: 4px;
  padding: 15px;
}

#devhats-login .login-remember {
	padding: 10px 0 0;
}

.wpcf7-form input[type="submit"] {
  margin-top: 30px !important
}

#devhats-login .login-submit input[type="submit"],
.wpcf7-form input[type="submit"] {
	background-color:#277c7d!important;
   /* background: -moz-linear-gradient(-45deg, rgba(39,124,125,1) 1%, rgba(109,33,128,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%);
    background: linear-gradient(135deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=1 );*/
    padding: 10px 25px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin: auto;
    transition: all .3s ease-in-out;
	border: 0px;
}

#devhats-login .login-submit input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover {
	color:#fff;
	text-decoration:none;
    transition: all .3s ease-in-out;
	background-color:#277c7d!important; /* Old browsers */
	/*background: -moz-linear-gradient(-45deg, rgba(39,124,125,1) 1%, rgba(109,33,128,1) 34%, rgba(109,33,128,1) 34%);
	background: -webkit-linear-gradient(-45deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 34%,rgba(109,33,128,1) 34%);
	background: linear-gradient(135deg, rgba(39,124,125,1) 1%,rgba(109,33,128,1) 34%,rgba(109,33,128,1) 34%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=1 );*/
}

.wpcf7-form .wpcf7-form-control {
  display: block;
}

.wpcf7-form .wpcf7-form-control:after {
  clear: both;
}

.wpcf7-radio {
    clear: both;
}

.wpcf7-radio span.wpcf7-list-item {}
.wpcf7-radio span.wpcf7-list-item input {
    float: left;
    display: inline;
    width: auto;
    margin-right: 10px;
}
.wpcf7-checkbox span.wpcf7-list-item span {
    float: left;
    display: inline;
}

.wpcf7-checkbox {
    clear: both;
}

.wpcf7-checkbox label {
    clear: both;
    width: 100%;
    display: block;
}
.wpcf7-checkbox span.wpcf7-list-item {
    display: block;
    width: 100%;
}
.wpcf7-checkbox span.wpcf7-list-item input {
    float: left;
    display: inline;
    width: auto;
    margin-right: 10px;
}
.wpcf7-checkbox span.wpcf7-list-item span {
    float: left;
    display: inline;
}

#download-content .register-link {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

/** MOBILE FIXES **/

@media (max-width: 768px) {
    .syn-ansprechpartner .syn-ansprechpartner-img {
        display: block !imporatnt;
        margin: 0 auto !important;
        max-width: 100px;
    }
    .syn-ansprechpartner img {
        display: block !imporatnt;
        margin: 0 auto !important;
        max-width: 100px;
    }
    .syn-ansprechpartner {
        text-align: center;
    }
}
@media (max-width: 930px) {
    .tabs-style-iconbox nav ul li.tab-current a {
      background: none !important;
    }
    .tab-icon::before {
      margin: 0px !important;
      width: 40px !important;
      height: 40px !important;
    }
    .tabs-style-iconbox nav ul li.tab-current .tab-icon::before {
      border: 3px solid #277C7D !important;
    }
    .tabs {
      overflow: auto !important;
      width: auto !important;
    }
    .tabs li {
      
    }
}

/** Other Fixes **/
input.input-text.qty.text {
    padding: 6px 0 6px 6px;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
}

.downloads-cats {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.downloads-cats .heading {
    padding: 10px;
}
.downloads-cats h3 {}
.downloads-cats .sub-title {}
.downloads-cats ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e3e3e3;
}
.downloads-cats ul li {
    border-bottom: 1px solid #e3e3e3;
}
.downloads-cats ul li:last-child {
    border-bottom: 0px;
}
.downloads-cats ul li a {
    padding: 20px 10px 20px 50px;
    display: block;
    position: relative;
}
.downloads-cats ul li:hover a {
    background: #f8f8f8;
}
.downloads-cats ul li a:before {
    position: absolute;
    left: 10px;
    top: 12px;
    font-family: "entypo";
    content: "\2601";
    color: #999;
    font-size: 2rem;
}
.downloads-cats ul li:hover a:before {
    color: rgba(39,124,125,1);
}
.downloads-cats ul li a span {
    position: absolute;
    right: 10px;
    top: 20px;
    color: #a5a5a5;
}

/*****************************/
/* Icon box */
/*****************************/

.tabs-style-iconbox nav {
	background: rgba(255,255,255,0.4);
}

.tabs-style-iconbox nav ul li a {
	overflow: visible;
	padding: 1.1em 0;
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	color:#404140;
	border-radius:4px;
}

.tabs-style-iconbox nav ul li a span {
	font-weight: 300;
	font-size: .8em;
	display: inline-block;
    margin-top: 100px;
}

.tabs-style-iconbox nav ul li.tab-current {
	z-index: 100;
}

.tabs-style-iconbox nav ul li.tab-current a {
	background: #fff;
	box-shadow: -1px 0 0 #fff;
	color:#fff;
	font-weight:700;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#277c7d+0,6d2180+100 */
background-color:#277c7d!important; /* Old browsers */
/*background: -moz-linear-gradient(top, rgba(39,124,125,1) 0%, rgba(109,33,128,1) 100%); 
background: -webkit-linear-gradient(top, rgba(39,124,125,1) 0%,rgba(109,33,128,1) 100%); 
background: linear-gradient(to bottom, rgba(39,124,125,1) 0%,rgba(109,33,128,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277c7d', endColorstr='#6d2180',GradientType=0 );  */
}



.tabs-style-iconbox nav ul li:first-child::before {
	right: auto;
	left: 0;
}

.tabs-style-iconbox .icon::before {
	display: block;
	margin: 0 0 0.25em 0;
}


.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1em;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav ul li:before {
	content:none!important;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 1em;
}

.tabs nav li.tab-current a {
	color: #74777b;
}

.tabs nav a:focus {
	outline: none;
}


.tab-icon::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.4em 0 0;
	content:'';
	width:70px;
	height:70px;
	position:absolute;
	margin:0 auto;
	left:0px;
	right:0px;
	background-repeat:no-repeat;
	border-radius:100%;
	border:3px solid rgba(255,255,255,0);

}

.tabs-style-iconbox nav ul li.tab-current .tab-icon::before {
	border:3px solid rgba(255,255,255,1);
}

.tab-icon-service::before {
	background-image:url(assets/img/Icon_Full_Service.svg);
}
.tab-icon-workshop::before {
	background-image:url(assets/img/Icon_Beratung_Workshop.svg);
}
.tab-icon-programmierung::before {
	background-image:url(assets/img/Icon_Programmierung.svg);
}
.tab-icon-datenimport::before {
	background-image:url(assets/img/Icon_Datenimport.svg);
}
.tab-icon-schulung::before {
	background-image:url(assets/img/Icon_Schulung.svg);
}
.tab-icon-kurse::before {
	background-image:url(assets/img/Icon_Schulungskurse.svg);
}
.tab-icon-installation::before {
	background-image:url(assets/img/Icon_Einfuehrung_Installation.svg);
}
.tab-icon-support::before {
	background-image:url(assets/img/Icon_Support.svg);
}

.tab-icon-automotive::before {
	background-image:url(assets/img/automotive.svg);
}
.tab-icon-food::before {
	background-image:url(assets/img/food.svg);
}
.tab-icon-handel::before {
	background-image:url(assets/img/handel.svg);
}
.tab-icon-lohnfertigung::before {
	background-image:url(assets/img/lohnfertigung.svg);
}
.tab-icon-maschinenbau::before {
	background-image:url(assets/img/maschinenbau.svg);
}
.tab-icon-spritzguss::before {
	background-image:url(assets/img/spritzguss.svg);
}
.tab-icon-giesserei::before {
	background-image:url(assets/img/giesserei.svg);
}
.tab-icon-anlagenbau::before {
	background-image:url(assets/img/anlagenbau.svg);
}
.tab-icon-fahrzeugbau::before {
	background-image:url(assets/img/fahrzeugbau.svg);
}


/* Content */
.content-wrap {
	position: relative;
	transition:.3s all;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	max-width: 800px;
	text-align: left;
	margin-top:60px;
	border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 40px 40px 30px 40px;
}

.content-wrap section h3 {
	margin-top:0px;
    color: #277C7D;
    font-size: 1.2em;
    font-weight:300;
}

.content-wrap section.content-current {
	display: block;
}



/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs-style-iconbox nav ul li a span {
		display: none!important;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
	.tab-icon::before {
	margin: 0 0.2em 0 0;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	}
}

/* AvERP DEMO */
.modul-box,
.modul-box-linked {
	border-radius:4px;
	border: 1px solid #e3e3e3;
	padding:30px;
	display:block;
	text-align:center;
	margin:20px 0px;
	transition:.3s all;
}

.modul-box:hover,
.modul-box-linked:hover {
	transition:.3s all;
	background-color:#fafcfb;
}

.modul-icon {
	width:60px;
	height:60px;
	margin:0 auto;
	/*order-radius:100%;*/
	background-size:60px;
	background-position: center;
}

.modul-box h2,
.modul-box-linked h2 {
	margin:20px 0px 00px 0px;
	font-size: 1em;
	line-height:1.5;
	min-height:47px;
	color:#404140;
	font-weight:bold;
}

/* Misc */
.hide { display:none }

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    margin: 30px 0px;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modul-video {
    position: relative;
    width: 100%;
}

@media(max-width:678px) {
  .modul-video iframe {
      width: 100%;
  }
}

/* page.php */
.page article img {
	margin-bottom:30px;
}

/**
 * Download (new)
 */
.download-button {
	display: none;
}
.wpcf7-form .license-checkbox input {
	width: auto;
	display: inline-block;
	max-width: auto;
}
span.wpcf7-checkbox,
span.wpcf7-radio {
    margin-left: -12px;
}
span.wpcf7-list-item {
    display: inline-block !important;
    width: auto !important;
}

/* fixes */
.section-averp {
	padding-bottom: 1cm;
}

.section-averp .syn-btn {
	margin:40px 40px;
}
#branchen {
	padding-top:0px;
}

/* centered columns styles */
.row-centered {
   text-align: center;
}
.col-centered {
  display:inline-block;
  float:none;
  text-align:left;
  margin-right:-4px;
  text-align: center;
}

a.modul-box {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

a.modul-box h2 {
    display: block;
    word-wrap: break-word;
    hyphens: auto;
    max-width: 200px;
}