/*
 Theme Name: Aperio Child
 Theme URI: http://themeforest.net/user/bradweb/?ref=bradweb
 Author: bradweb
 Template: Aperio
 Author URI: http://themeforest.net/user/bradweb
 Description: Aperio Multipurpose Wordpress Theme
 Version: 1.0
 License: GNU General Public License version 3.0
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 Tags: Clean  Multipurpose Responsive  Business  Corporate
*/

@import url("../Aperio/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Sonstiges */

.row-fluid .row-fluid {
max-width: 1280px !important;
margin: 0 auto !important;
}

.row [class*="span"], .row-fluid [class*="span"], .row-fluid .one_fifth {
padding: 0 24px !important;
}

.content-box.scheme1, .content-box.scheme1 p {
color:#fff !important;
}

/* HEADER */

#main_navigation, .header_container, #header.type3 .nav-container, #side_header {
background: transparent !important;
}

.forcefullwidth_wrapper_tp_banner {
padding-top: 2px !important;
background-color: #999 !important;
margin-top: -2px !important;
}

#redline {
width: 100%;
height: 5px;
position: absolute;
background-color: #cc0c2f;
top: 50px;
}

ul.main_menu > li, #header.type3 #header-search-button, #header.type3 .cart-container, #header.type3 .header-nav .social-icons {
line-height: 280px !important;
}

#main_menu .active {
border-bottom: 2px solid #cc0c2f;
}

.logo-container {
  width: 400px !important;
  top: -8px !important;
}

ul.main_menu > li {
  margin-left: 20px !important;
}

@media (max-width:1170px) {
ul.main_menu > li {
  margin-left: 12px !important;
}
}

@media (max-width:1140px) {
ul.main_menu > li > a {
  letter-spacing: 0.5px !important;
}
}

@media (max-width:1140px) {
ul.main_menu > li > a {
  font-size: 14px !important;
  font-weight: 400;
  letter-spacing: 0px !important;
}
}

/* Footer */

#copyright, #copyright .copyright-left, #copyright .copyright-right {
padding: 5px 20px !important;
}

#copyright .container {
padding: 0px 40px;
max-width: 1280px;
}

.footer-widgets, .footer-widgets2 {
padding-top: 30px !important;
padding-bottom: 0px !important;
}

#footer .container {
padding: 0px 20px;
max-width: 1280px;
}

#linkedin{
    background-image: url(/wp-content/uploads/2015/12/linkedin-logo.png);
    background-size: 35px;
}
#xing{
    background-image: url(/wp-content/uploads/2015/12/xing-logo.png); 
    background-size: 35px;
}
.sociallink{
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    float: left;
    margin-right: 5px;
    border-radius: 5px;
}
.sociallink:hover{
    background-color: #cc0c2f;
    border-color: #cc0c2f;
}

#main_navigation .logo-container {
float: left;
box-sizing: content-box;
overflow: hidden;
position: absolute;
padding-left: 13%;
z-index: 9999999;
top: -18px;
left: 1%;
}

@media screen and (min-width: 1155px) {
#main_navigation .logo-container {
left: 2%;
}
}
@media screen and (min-width: 1260px) {
#main_navigation .logo-container {
  left: 5%;
}
}
@media screen and (min-width: 1300px) {
#main_navigation .logo-container {
  left: 7%;
}
}
@media screen and (min-width: 1350px) {
#main_navigation .logo-container {
  left: 8%;
}
}
@media screen and (min-width: 1400px) {
#main_navigation .logo-container {
  left: 9%;
}
}
@media screen and (min-width: 1450px) {
#main_navigation .logo-container {
  left: 11%;
}
}
@media screen and (min-width: 1500px) {
#main_navigation .logo-container {
  left: 12%;
}
}
@media screen and (min-width: 1550px) {
#main_navigation .logo-container {
  left: 13%;
}
}
@media screen and (max-width: 1155px) {
#main_navigation .logo-container {
left: 0;
}
}

@media screen and (max-width: 1000px) {
#redline {
top: 24px;
}
#main_navigation .logo-container {
top: -5px;
}
}

@media screen and (max-width: 500px) {
#main_navigation .logo-container {
padding: 0 !important;
}
}

.toggle-menu {
font-size:20px !important;
}

#mobile-menu-container {
padding-right: 0px !important;
}

#titlebar.titlebar-scheme-light .titlebar-content h1 {
  color: #fff!important;
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: 100;
}

#titlebar .titlebar-wrapper {
  background-color: #cc0c2f!important;
}

#titlebar {
  padding-top: 2px !important;
  margin-top: -2px !important;
}

#titlebar .titlebar-heading {
  width: 100% !important;
padding:0 !important;
}

.container .container, .container {
padding:0 !important;
}

#footer .container {
  padding: 0px 0px !important;
  margin: 0px auto;
  width: 100%;
  max-width: 1150px;
}

#titlebar.titlebar-scheme-light .titlebar-content h1 {
  color: #fff!important;
  margin: 0px auto;
  padding: 0 25px;
  width: 100%;
  max-width: 1150px;
}

a, a:hover {
cursor:pointer !important;
}

.startsectionclass .row-fluid > .span12 {
padding: 0 63px !important;
}

@media (max-width:1140px) {
.startsectionclass .row-fluid > .span12 {
  padding: 0 0px !important;
}
#copyright {
  padding: 5px 4px !important;
}
}
.kompbox {
min-height:240px;
}

.kompbox2 {
min-height:220px;
}

.main_menu .sub-menu {
width: 280px !important;
}
#mobile_navigation .mobile_menu > li .sub-menu li a {
padding:0px !important;
text-transform: none !important;
}

#mobile_navigation .mobile_menu > li > a {
padding:0px !important;
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.0) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.3);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

.shadowbox3 {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.pulse-button:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
}

.pulse-button {
  z-index: 999999999999999999999;
  position: fixed;
  bottom: 5%;
  right: 0;
  display: block;
  width: 150px;
  height: 50px;
  padding-bottom: 0px;
  font-size: 15px;
  line-height: 0;
  color: #fff;
  border: 1px solid #fff;
  border-right: 0px solid #fff;
  box-shadow: 0 0 0 0 rgba(204, 12, 47, 0.5);
  -webkit-box-shadow:0 0 0 0 rgba(204, 12, 47, 0.5);
  -moz-box-shadow:0 0 0 0 rgba(204, 12, 47, 0.5);
  v-align: middle;
  background: #cc0c2f;
  cursor: pointer;
  -webkit-animation: pulse 5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 5s infinite cubic-bezier(0.66, 0, 0, 1);
  -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.pulse-button:hover {
  background-color: #444;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.pulse-button i {
  font-size: 14px;
  margin-right: 5px;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(204, 12, 47, 0);
    -webkit-box-shadow: 0 0 0 15px rgba(204, 12, 47, 0);
    -moz-box-shadow: 0 0 0 15px rgba(204, 12, 47, 0);
  }
}

.page-id-33 .pulse-button {
display:none;
}

.tabset .tab-content {
  padding: 30px 20px 20px !important;
  border: 1px solid #eee;
}

input[type="submit"] {
  background-color: #ccc !important; 
  border-radius: 1px !important;
  cursor: pointer !important;
}

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors, div.wpcf7-validation-errors {
background-color: #ffffff !important;
background-image: none !important;
}

.latest-posts.image-size-large > li .image img {
  max-width: 150px;
}

.section-with-sidebar {
  margin-top: 50px;
}

.button.button_alternate, .button.button_alternatewhite, .button.button_alternateprimary {
  background-color: transparent;
  border: 1px solid #777 !important;
  color: #25252d;
  opacity: 1!important;
  padding: 15px 30px 16px 30px;
  border-radius: 3px;
}
.strong {
  font-weight: 700;
}