.serif {
  font-family: 'Tinos', serif;
}
.alert {
  font-size: 1.5em;
  font-weight: bold;
}
.carousel-inner .item {
  overflow: crop;
}
/*
.container
    position: relative
    
    &:before
        box-shadow: -15px 0 15px -15px inset;
        display: block;
        content: " ";
        height: 100%;
        left: -15px;
        position: absolute;
        top: 0;
        width: 15px;

    &:after
        box-shadow: -15px 0 15px -15px inset;
        display: block;
        content: " ";
        height: 100%;
        right: -15px;
        position: absolute;
        top: 0;
        width: 15px;
*/
body {
  background-color: #2b1309;
  background-image: url("images/background-wood.png");
  background-position: center top;
  background-repeat: repeat-x;
}
header,
footer {
  color: #874617;
}
header a,
footer a {
  color: #733c14;
}
header a:hover,
footer a:hover {
  color: #934d1a;
}
header .container,
footer .container {
  background-color: #fffec9;
}
header {
  background-color: #fbdf48;
}
header .title .address {
  margin: 24px 0 0 0;
  text-align: right;
}
@media (max-width: 992px) {
  header .title .address {
    text-align: center;
  }
}
header .title .address .phone {
  color: #f3bb00;
  font-weight: bold;
  font-size: 2em;
}
header .title .logo {
  max-width: 30ex;
}
@media (min-width: 992px) {
  header .title .logo {
    float: left;
  }
}
header .title .logo img {
  max-width: 100%;
}
header .title h2 {
  font-size: 1.8em;
  margin: 0.75em 0 0.5em 0;
}
header .menu {
  background-color: #888;
  background-image: url("images/background-metal.png");
  background-position: center;
  font-weight: bold;
}
header .menu .container {
  background-color: rgba(255,255,255,0.5);
  padding: 0;
  border-color: #ccc;
}
header .menu nav.navbar {
  min-height: 1em;
  border-radius: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
}
header .menu nav.navbar .navbar-collapse {
  padding: 0;
}
header .menu nav.navbar .nav {
  width: 100%;
}
header .menu nav.navbar .nav li {
  text-align: center;
}
@media (min-width: 768px) {
  header .menu nav.navbar .nav li {
    width: 16.6666%;
  }
}
header .menu nav.navbar .nav li:hover {
  background: rgba(255,255,255,0.15);
}
header .menu nav.navbar .nav li a {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #ddd #ccc #bbb;
}
.content .container {
  background-color: #fff;
}

.content .container .flex {
    display: flex;
    width: 100%;
}

.content .container .flex form {
    width: 70%;
}

.content .container .contact-section {
    padding: 40px 20px;
}

.content .container .contact-section {
    font-size: 130%;
}

footer {
  text-align: center;
}
footer .container {
  position: relative;
  border-width: 1px;
  border-style: solid none none none;
  border-color: #e0dea3;
}
footer nav ul {
  margin: 1em 0;
  padding: 0;
}
footer nav ul li {
  display: inline-block;
  list-style: none;
  margin: 0.25em 1em;
  padding: 0;
}
footer .phone {
  margin: 0.5em 0 0 0;
  font-size: 2em;
  font-weight: bold;
  color: #dfab00;
}
@media (min-width: 992px) {
  footer .phone {
    position: absolute;
    right: 15px;
    top: 0.22em;
    margin: 0;
  }
}
body.index .feature .container .row > .left,
body.index .feature .container .row > .right {
  padding: 0;
  height: 416px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.index .feature .container .row > .left,
  body.index .feature .container .row > .right {
    height: 344px;
  }
}
@media (max-width: 991px) {
  body.index .feature .container .row > .left,
  body.index .feature .container .row > .right {
    height: auto;
  }
}
body.index .feature .container .row > .left {
  overflow: hidden;
  position: relative;
}
body.index .feature .container .row > .left .item .caption {
  position: absolute;
  font-family: 'Tinos', serif;
  color: #ffe01a;
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
  font-size: 4em;
  font-weight: bold;
  z-index: 10;
}
body.index .feature .container .row > .left .item.professional .caption {
  top: 0.5em;
  right: 0.25em;
  text-shadow: 0 0 7px rgba(50,50,175,0.7);
}
body.index .feature .container .row > .left .item.experienced .caption {
  top: 0.5em;
  left: 1.3em;
}
body.index .feature .container .row > .left .item.quality .caption {
  top: 1em;
  left: 1em;
}
body.index .feature .container .row > .left .item.timely .caption {
  top: 1em;
  left: 3em;
}
body.index .feature .container .row > .left .item.timely2 .caption {
  bottom: 1em;
  left: 1.25em;
}
body.index .feature .container .row > .right .inner {
  height: 100%;
  background-color: #000;
  text-align: center;
}
body.index .feature .container .row > .right .inner iframe {
  width: 100%;
}
@media (max-width: 992px) {
  body.index .feature .container .row > .right .inner .bottom {
    display: none;
  }
}
body.index .feature .container .row > .right .inner .bottom .phone {
  margin: 0.75em 0 0.5em 0;
  font-size: 2em;
  color: #f3bb00;
  font-weight: bold;
}
body.index .feature .container .row > .right .inner .bottom .contact a {
  color: #fff;
}
body.index .logos {
  text-align: center;
}
body.index .logos .logo {
  margin-top: 5em;
  margin-bottom: 5em;
}
@media (min-width: 992px) {
  body.index .logos .logo.aba {
    width: 11%;
    margin-left: 5%;
    padding-top: 4px;
  }
  body.index .logos .logo.basf {
    width: 21%;
    padding-top: 4px;
  }
  body.index .logos .logo.cpsu {
    width: 16%;
    padding-top: 0px;
  }
  body.index .logos .logo.plus {
    width: 16%;
    padding-top: 8px;
  }
  body.index .logos .logo.fewa {
    width: 26%;
    padding-top: 4px;
  }
}
body.index .logos .logo img {
  max-width: 100%;
}
body.about .pic {
  float: right;
  width: 350px;
  margin: 1em 0 10px 1em;
}
@media (max-width: 767px) {
  body.about .pic {
    display: none;
  }
}
body.cv .alert {
  margin: 1em 0;
}
body.cv .pic {
  float: right;
  width: 350px;
}
@media (max-width: 767px) {
  body.cv .pic {
    display: none;
  }
}
body.expertise .feature {
  font-size: 1.25em;
}
body.clients .clients {
  padding: 0 2em;
}
body.clients .clients ul {
  margin: 0;
  padding: 0;
}
body.clients .clients li {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
body.clients .clients .name {
  font-size: 1.25em;
  font-weight: bold;
  color: #888;
}
body.contact .row.sent {
  margin: 3em 0;
}
body.contact .row.sent .alert {
  margin: 0;
}
body.contact form {
  margin: 4em 0;
}